:root{color-scheme:light;--blue:#3935ff;--yellow:#ffe233;--ink:#171326;--paper:#fff9f1;--muted:#665f73}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #ff43ad;outline-offset:5px}header,footer{max-width:1280px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:20px;text-decoration:none}.brand img{border-radius:12px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}nav a:hover{text-decoration:underline}.skip{position:absolute;top:-80px;left:20px;background:var(--yellow);padding:12px;z-index:20}.skip:focus{top:10px}.hero{max-width:1440px;margin:auto;min-height:700px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;padding:44px 6% 70px;gap:40px}.eyebrow{font-size:13px;font-weight:650;letter-spacing:1.5px;color:var(--blue);margin:0 0 26px}h1{font-size:clamp(46px,5.2vw,76px);letter-spacing:-3px;line-height:1.13;margin:0 0 28px;max-width:650px;text-wrap:balance}.intro{font-size:18px;line-height:1.9;color:var(--muted);max-width:440px;margin-bottom:32px}.cta{display:inline-flex;align-items:center;gap:32px;background:var(--blue);color:#fff;border-radius:14px;padding:18px 24px;text-decoration:none;font-weight:650;box-shadow:0 8px 0 #211cce}.cta:hover{background:#2b26de}.purchase{font-size:12px;color:var(--muted);margin-top:24px}.showcase{height:560px;position:relative;isolation:isolate}.showcase:before{content:"";position:absolute;inset:45px -10px 0;background:var(--yellow);border-radius:50% 50% 16px 16px;z-index:-1}.shot{position:absolute;margin:0;width:43%;filter:drop-shadow(0 18px 14px #211b3333)}.shot img{display:block;width:100%;height:auto;border-radius:14px}.shot-0{left:27%;top:10px;z-index:3;transform:rotate(-3deg)}.shot-1{left:0;top:105px;transform:rotate(-12deg)}.shot-2{right:-1%;top:95px;transform:rotate(12deg)}figcaption{font-size:11px;background:var(--paper);display:table;margin:12px auto;padding:6px 10px;border-radius:4px;white-space:nowrap}.sample{position:absolute;bottom:0;width:100%;text-align:center;font-size:11px;color:var(--muted)}.details{background:var(--blue);color:#fff;padding:70px max(6%,calc((100vw - 1240px)/2));margin:0}.details h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1px;margin:0 0 40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.features h3{font-size:19px;margin:0 0 14px}.features p{font-size:15px;line-height:1.9;color:#e2e0ff;margin:0}footer{padding-top:32px;padding-bottom:32px;font-size:12px;color:var(--muted)}.document{max-width:760px;margin:30px auto 90px;padding:0 28px;min-height:65vh}.document h1{font-size:40px;margin:32px 0 36px;letter-spacing:-1px}.document h2{font-size:21px;margin:36px 0 14px}.document p{line-height:1.95;color:#494154;overflow-wrap:anywhere}.back{font-size:14px;color:var(--blue);text-decoration:none}@media(min-width:1450px){.hero{padding-left:90px;padding-right:90px}}@media(max-width:900px){header,footer{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:10px;padding:40px 24px 48px;min-height:0}.copy{max-width:620px;margin:auto;width:100%}h1{max-width:580px}.showcase{width:min(540px,100%);height:590px;margin:30px auto 0}.features{gap:30px}.details{padding:48px 24px}}@media(max-width:540px){header{padding:20px}.brand{font-size:17px}.brand img{width:38px;height:38px}.hero{padding-top:28px}h1{font-size:48px;letter-spacing:-2px}.intro{font-size:16px}.showcase{height:430px;width:95%}.showcase:before{inset:30px -3px 0}.shot{width:43%}.shot-1{top:74px}.shot-2{top:64px}.features{grid-template-columns:1fr;gap:30px}footer{align-items:flex-start;flex-direction:column;gap:20px}footer nav{gap:20px}.document h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.phone{position:relative;padding:24.8% 5.7%;background:#080808;border:2px solid #555;border-radius:13% / 6.5%;box-shadow:inset 0 0 0 2px #222}.phone:before{content:"";position:absolute;left:41.7%;top:6.2%;width:16.6%;height:.7%;border-radius:9px;background:#343434}.phone:after{content:"";position:absolute;left:42%;bottom:2.5%;width:16%;aspect-ratio:1;border-radius:50%;border:2px solid #343434}.shot .phone img{border-radius:1px}