:root{--bg: #f5f5f7;--bg-elevated: #ffffff;--bg-ink: #000000;--text: #1d1d1f;--text-on-ink: #f5f5f7;--muted: #6e6e73;--muted-on-ink: #a1a1a6;--line: rgba(0, 0, 0, .08);--line-on-ink: rgba(255, 255, 255, .12);--link: #0066cc;--accent: #3d9eff;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--pad: clamp(1.25rem, 4.2cqi, 2.5rem);--measure: 68rem;--nav-h: 2.75rem;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;hanging-punctuation:first last}html:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.011em;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{opacity:.72}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:100%;min-height:100dvh;container-type:inline-size;container-name:page;padding-bottom:calc(var(--safe-b) + 4.5rem)}@container page (min-width: 901px){.shell{padding-bottom:var(--safe-b)}}.nav{position:sticky;top:0;z-index:40;height:calc(var(--nav-h) + var(--safe-t));padding-top:var(--safe-t);background:#f5f5f7b8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.nav-inner{height:var(--nav-h);max-width:var(--measure);margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;gap:1.25rem}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.75rem;font-weight:600;letter-spacing:-.01em;min-height:44px}.nav-brand img{width:22px;height:22px}.nav-links{display:flex;align-items:center;gap:1rem;margin-left:auto;font-size:.75rem;font-weight:400}.nav-links a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.nav-cta{display:none;text-decoration:none;background:var(--text);color:var(--text-on-ink);font-size:.6875rem;font-weight:500;padding:.3rem .7rem;border-radius:980px;min-height:28px;align-items:center}@container page (min-width: 701px){.nav-cta{display:inline-flex}}.hero{padding:clamp(2.5rem,8cqi,6.5rem) var(--pad) clamp(2rem,5cqi,4rem);text-align:center}.hero-logo{width:clamp(4.5rem,12cqi,7.5rem);height:auto;margin:0 auto 1.5rem}.kicker{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem}.hero h1,.section h2{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.07}.hero h1{font-size:clamp(2.4rem,8.4cqi,5.6rem)}.lede{max-width:38rem;margin:1.1rem auto 0;font-size:clamp(1.05rem,2.4cqi,1.35rem);line-height:1.4;color:var(--muted);font-weight:400}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem}.store-badge{display:inline-flex;text-decoration:none}.store-badge svg{height:40px;width:auto}.qr{display:none;width:88px;height:88px;background:#fff;padding:6px;border-radius:8px}.qr img,.qr svg{width:100%;height:100%}@container page (min-width: 1281px){.qr{display:block}}.section{padding:clamp(3rem,8cqi,7rem) var(--pad)}.section-inner{max-width:var(--measure);margin:0 auto}.section h2{font-size:clamp(1.85rem,5.2cqi,3.4rem)}.section .body{max-width:40rem;margin-top:.9rem;color:var(--muted);font-size:1.05rem}.ink{background:var(--bg-ink);color:var(--text-on-ink)}.ink .kicker,.ink .body,.ink .muted{color:var(--muted-on-ink)}.grid-2{display:grid;gap:1rem}@container page (min-width: 901px){.grid-2{grid-template-columns:1fr 1fr;gap:1.25rem}}.product-tile{display:flex;flex-direction:column;min-height:28rem;padding:clamp(1.5rem,4cqi,2.5rem);border-radius:1.25rem;text-decoration:none;overflow:hidden;background:var(--bg-elevated)}.product-tile.dark{background:#111;color:var(--text-on-ink)}.product-tile h2{font-size:clamp(1.8rem,4cqi,2.6rem);letter-spacing:-.03em;margin:0}.product-tile p{margin:.5rem 0 0;color:var(--muted);max-width:22rem}.product-tile.dark p{color:var(--muted-on-ink)}.product-tile .more{margin-top:.85rem;font-size:.9375rem;color:var(--link);font-weight:400}.product-tile.dark .more{color:#2997ff}.tile-stage{margin-top:auto;padding-top:2rem;display:flex;justify-content:center}.device{width:min(100%,17.5rem);aspect-ratio:9 / 19.5;background:#1c1c1e;border-radius:2.1rem;padding:.55rem;box-shadow:0 0 0 1px #ffffff14,0 24px 60px #00000047;position:relative}.device-screen{height:100%;border-radius:1.65rem;overflow:hidden;background:#0a0a0a;position:relative}.device-island{position:absolute;top:.7rem;left:50%;transform:translate(-50%);width:5.4rem;height:1.35rem;background:#000;border-radius:980px;z-index:2}.device img{width:100%;height:100%;object-fit:cover;object-position:top}.editor-mock{height:100%;display:flex;flex-direction:column;color:#f5f5f7;font-size:.62rem;padding:2.4rem .7rem .7rem}.editor-mock .title{font-weight:600;font-size:.72rem;letter-spacing:-.02em}.editor-mock .tabs{display:flex;gap:.45rem;margin:.85rem 0 .6rem;color:#8e8e93}.editor-mock .tabs span:first-child{color:#fff}.editor-mock .photo{flex:1;border-radius:.55rem;background:radial-gradient(120% 80% at 30% 20%,#5b7cff 0%,transparent 50%),radial-gradient(90% 70% at 80% 70%,#ffb347 0%,transparent 46%),linear-gradient(160deg,#1a2238,#0d0f14)}.editor-mock .sliders{margin-top:.65rem;display:grid;gap:.35rem}.editor-mock .sliders i{display:block;height:3px;border-radius:99px;background:#3a3a3c;position:relative}.editor-mock .sliders i:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--w, 42%);background:#f5f5f7;border-radius:inherit}.ns-mock{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;color:#f5f5f7;padding:2.2rem 1rem 1rem}.ns-mock canvas{width:100%;height:7rem}.ns-mock .label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8e8e93}.split{display:grid;gap:2rem;align-items:center}@container page (min-width: 901px){.split{grid-template-columns:1fr 1fr;gap:4rem}.split.reverse{direction:rtl}.split.reverse>*{direction:ltr}}.faq{display:grid;gap:0;max-width:40rem}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.ink .faq details{border-color:var(--line-on-ink)}.faq summary{cursor:pointer;font-weight:600;list-style:none;min-height:44px;display:flex;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:.4rem 0 0;color:var(--muted)}.ink .faq details p{color:var(--muted-on-ink)}.legal{max-width:40rem;font-size:.95rem}.legal h1{font-size:clamp(2rem,5cqi,3rem);letter-spacing:-.03em;margin:0 0 .35rem}.legal h2{font-size:1.2rem;margin:2rem 0 .5rem}.legal p,.legal li{color:var(--muted)}.legal a{color:var(--link)}.note-list{display:grid;gap:0}.note-list a{display:block;padding:1.25rem 0;border-bottom:1px solid var(--line);text-decoration:none}.note-list a strong{display:block;font-size:1.35rem;letter-spacing:-.03em}.note-list a span{color:var(--muted);font-size:.95rem}.footer{border-top:1px solid var(--line);padding:2rem var(--pad) calc(2rem + var(--safe-b));font-size:.75rem;color:var(--muted)}.footer-inner{max-width:var(--measure);margin:0 auto;display:grid;gap:.75rem}.footer nav{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem}.footer a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}@container page (min-width: 901px){.footer a{min-height:auto}}.sticky-dl{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.65rem var(--pad) calc(.65rem + var(--safe-b));background:#f5f5f7e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);display:flex;justify-content:center}@container page (min-width: 901px){.sticky-dl{display:none}}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:50;background:#fff;padding:.5rem .75rem}.muted{color:var(--muted)}.disclaimer{font-size:.8rem;color:var(--muted);max-width:36rem;margin-top:1.5rem}
