@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-950: #070c18;--brand-900: #0b1220;--brand-800: #0f1e3d;--brand-700: #1e3a8a;--brand-600: #2563eb;--brand-500: #3b82f6;--brand-400: #60a5fa;--brand-300: #93c5fd;--brand-200: #bfdbfe;--brand-100: #dbeafe;--signal-600: #d97706;--signal-500: #f59e0b;--signal-400: #fbbf24;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.83rem, .8rem + .15vw, .92rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.2rem, 1.12rem + .4vw, 1.45rem);--step-2: clamp(1.5rem, 1.35rem + .7vw, 2rem);--step-3: clamp(1.9rem, 1.6rem + 1.4vw, 2.85rem);--step-4: clamp(2.4rem, 1.9rem + 2.4vw, 4rem);--step-5: clamp(3rem, 2.2rem + 3.6vw, 5.25rem);--space-2xs: .375rem;--space-xs: .625rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6.5rem;--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 999px;--container: 1180px;--container-narrow: 820px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root{color-scheme:light;--bg: #f4f7fc;--bg-gradient-1: #eaf1fe;--bg-gradient-2: #f6f8fc;--surface: #ffffff;--surface-2: #f0f4fb;--surface-inset: #eef3fb;--ink: #0b1220;--ink-strong: #070c18;--muted: #4a5876;--subtle: #6b7896;--border: #dce4f2;--border-strong: #c3d0e6;--brand: var(--brand-600);--brand-ink: var(--brand-700);--on-brand: #ffffff;--ring: var(--brand-500);--signal-ink: var(--signal-600);--shadow-sm: 0 1px 2px rgba(11, 18, 32, .06), 0 2px 8px rgba(11, 18, 32, .05);--shadow-md: 0 8px 24px rgba(20, 40, 90, .1);--shadow-lg: 0 30px 70px -20px rgba(20, 40, 90, .28);--stripe: rgba(37, 99, 235, .06);--glass: rgba(255, 255, 255, .72);--hero-ink: #ffffff}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #070c18;--bg-gradient-1: #0c1730;--bg-gradient-2: #070c18;--surface: #0f1a30;--surface-2: #14213c;--surface-inset: #0b1424;--ink: #eef3fb;--ink-strong: #ffffff;--muted: #a9b7d4;--subtle: #7e8db0;--border: #1e2c49;--border-strong: #2b3c60;--brand: var(--brand-400);--brand-ink: var(--brand-300);--on-brand: #06101f;--ring: var(--brand-400);--signal-ink: var(--signal-400);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 40px 80px -24px rgba(0, 0, 0, .7);--stripe: rgba(96, 165, 250, .08);--glass: rgba(15, 26, 48, .66)}}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fc;--bg-gradient-1: #eaf1fe;--bg-gradient-2: #f6f8fc;--surface: #ffffff;--surface-2: #f0f4fb;--surface-inset: #eef3fb;--ink: #0b1220;--ink-strong: #070c18;--muted: #4a5876;--subtle: #6b7896;--border: #dce4f2;--border-strong: #c3d0e6;--brand: var(--brand-600);--brand-ink: var(--brand-700);--on-brand: #ffffff;--ring: var(--brand-500);--signal-ink: var(--signal-600);--shadow-sm: 0 1px 2px rgba(11,18,32,.06), 0 2px 8px rgba(11,18,32,.05);--shadow-md: 0 8px 24px rgba(20,40,90,.1);--shadow-lg: 0 30px 70px -20px rgba(20,40,90,.28);--stripe: rgba(37,99,235,.06);--glass: rgba(255,255,255,.72)}:root[data-theme=dark]{color-scheme:dark;--bg: #070c18;--bg-gradient-1: #0c1730;--bg-gradient-2: #070c18;--surface: #0f1a30;--surface-2: #14213c;--surface-inset: #0b1424;--ink: #eef3fb;--ink-strong: #ffffff;--muted: #a9b7d4;--subtle: #7e8db0;--border: #1e2c49;--border-strong: #2b3c60;--brand: var(--brand-400);--brand-ink: var(--brand-300);--on-brand: #06101f;--ring: var(--brand-400);--signal-ink: var(--signal-400);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 12px 30px rgba(0,0,0,.45);--shadow-lg: 0 40px 80px -24px rgba(0,0,0,.7);--stripe: rgba(96,165,250,.08);--glass: rgba(15,26,48,.66)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:radial-gradient(1200px 600px at 100% -10%,var(--bg-gradient-1),transparent 60%),linear-gradient(180deg,var(--bg-gradient-2),var(--bg));background-attachment:fixed;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,picture{display:block;max-width:100%}a{color:var(--brand-ink);text-decoration-color:color-mix(in oklab,var(--brand) 40%,transparent);text-underline-offset:3px}a:hover{text-decoration-color:var(--brand)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--ink-strong);text-wrap:balance}p{text-wrap:pretty}strong{color:var(--ink-strong);font-weight:650}:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:50%;top:-100px;transform:translate(-50%);background:var(--brand);color:var(--on-brand);padding:.6rem 1rem;border-radius:var(--radius-pill);z-index:200;font-weight:600;transition:top .2s}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}.container.narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-2xl);position:relative}.section--tight{padding-block:var(--space-xl)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);display:inline-flex;align-items:center;gap:.55rem}.eyebrow:before{content:"";width:1.6rem;height:2px;background:currentColor;opacity:.6}.section-head{max-width:42rem;margin-bottom:var(--space-lg)}.section-head.center{margin-inline:auto;text-align:center}.section-head h2{font-size:var(--step-3);margin-top:.7rem}.section-head p{margin-top:var(--space-sm);color:var(--muted);font-size:var(--step-1)}.btn{--_bg: var(--brand);--_fg: var(--on-brand);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:600;font-size:var(--step-0);line-height:1;padding:.95rem 1.5rem;border-radius:var(--radius-pill);background:var(--_bg);color:var(--_fg);border:1px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--primary{box-shadow:0 10px 30px -10px color-mix(in oklab,var(--brand) 70%,transparent)}.btn--ghost{--_bg: transparent;--_fg: var(--ink);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--surface-2)}.btn--on-dark{--_bg: rgba(255,255,255,.14);--_fg: #fff;border-color:#ffffff47;backdrop-filter:blur(8px)}.btn--on-dark:hover{--_bg: rgba(255,255,255,.24)}.appstore{display:inline-block;transition:transform .25s var(--ease-out),filter .25s}.appstore:hover{transform:translateY(-2px) scale(1.02)}.appstore img{height:54px;width:auto}.appstore--compact img{height:44px}.appstore .badge-light{display:none}.appstore .badge-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme]) .appstore .badge-light{display:block}:root:not([data-theme]) .appstore .badge-dark{display:none}}:root[data-theme=dark] .appstore .badge-light{display:block}:root[data-theme=dark] .appstore .badge-dark{display:none}:root[data-theme=light] .appstore .badge-light{display:none}:root[data-theme=light] .appstore .badge-dark{display:block}.appstore--on-dark .badge-dark{display:none}.appstore--on-dark .badge-light{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.feature-card{display:flex;flex-direction:column;gap:.85rem;position:relative;overflow:hidden}.feature-card .icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));box-shadow:0 8px 20px -8px color-mix(in oklab,var(--brand-600) 80%,transparent)}.feature-card .icon svg{width:1.5rem;height:1.5rem}.feature-card h3{font-size:var(--step-1)}.feature-card p{color:var(--muted);font-size:var(--step-0)}.feature-card .tag{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink);background:color-mix(in oklab,var(--signal-500) 16%,transparent);padding:.2rem .5rem;border-radius:var(--radius-pill)}.grid{display:grid;gap:var(--space-md)}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}.pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.pill--brand{color:var(--brand-ink);border-color:color-mix(in oklab,var(--brand) 35%,var(--border));background:color-mix(in oklab,var(--brand) 8%,var(--surface))}.barcode-rule{height:42px;width:100%;background-image:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 11px,var(--ink) 11px 14px,transparent 14px 16px,var(--ink) 16px 17px,transparent 17px 23px);opacity:.14;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:var(--space-xl)}.site-footer .container{padding-block:var(--space-xl) var(--space-lg)}.footer-grid{display:grid;gap:var(--space-lg);grid-template-columns:1.4fr repeat(2,1fr)}.footer-brand{display:flex;flex-direction:column;gap:.75rem;max-width:24rem}.footer-brand p{color:var(--muted);font-size:var(--step--1)}.footer-col h4{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--subtle);font-weight:600}.footer-col ul{list-style:none;padding:0;margin-top:.9rem;display:flex;flex-direction:column;gap:.55rem}.footer-col a{color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--border);margin-top:var(--space-lg);padding-top:var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;color:var(--subtle);font-size:var(--step--1)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reveal{animation:rise .7s var(--ease-out) both}.reveal-2{animation-delay:.08s}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.24s}.reveal-5{animation-delay:.32s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mono{font-family:var(--font-mono)}.center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:saturate(180%) blur(14px);background:var(--glass);border-bottom:1px solid var(--border)}.site-header .bar{display:flex;align-items:center;gap:var(--space-sm);height:4.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink-strong);font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}.brand .mark{width:2rem;height:2rem;border-radius:.55rem;background:var(--brand-900);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.brand .mark svg{width:1.2rem;height:1.2rem}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:.35rem}.primary-nav a{color:var(--muted);text-decoration:none;font-weight:550;font-size:var(--step-0);padding:.5rem .8rem;border-radius:var(--radius-pill);transition:color .2s,background .2s}.primary-nav a:hover{color:var(--ink);background:var(--surface-2)}.primary-nav a[aria-current=page]{color:var(--brand-ink);background:color-mix(in oklab,var(--brand) 10%,transparent)}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle,.nav-toggle{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}.theme-toggle:hover,.nav-toggle:hover{background:var(--surface-2)}.theme-toggle svg,.nav-toggle svg{width:1.15rem;height:1.15rem}.nav-toggle,.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle .icon-sun{display:block}:root:not([data-theme]) .theme-toggle .icon-moon{display:none}}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}@media(max-width:860px){.nav-toggle{display:inline-grid}.primary-nav{position:absolute;inset:4.25rem 0 auto;flex-direction:column;align-items:stretch;gap:.15rem;padding:var(--space-sm);margin:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none;transition:clip-path .3s var(--ease-out),opacity .2s}.primary-nav.is-open{clip-path:inset(0 0 0 0);opacity:1;pointer-events:auto}.primary-nav a{padding:.75rem 1rem}.primary-nav .nav-cta{margin-top:.4rem}}.hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,8vw,6rem) var(--space-2xl)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 78% -5%,color-mix(in oklab,var(--brand-500) 22%,transparent),transparent 60%),radial-gradient(700px 500px at 5% 20%,color-mix(in oklab,var(--brand-700) 16%,transparent),transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.hero h1{font-size:var(--step-5);margin-top:var(--space-sm)}.hero .lede{font-size:var(--step-1);color:var(--muted);margin-top:var(--space-md);max-width:34rem}.hero-cta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg)}.hero-price{margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--step--1);color:var(--subtle)}.hero-price b{color:var(--ink-strong)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:-1;max-width:22rem;margin-inline:auto}}.device{position:relative;border-radius:2.2rem;padding:.5rem;background:linear-gradient(155deg,var(--surface),var(--surface-2));border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.device img{border-radius:1.8rem;width:100%;height:auto}.device--watch{border-radius:2.6rem}.device--watch img{border-radius:2.2rem}.hero-visual .device{max-width:360px;margin-inline:auto}.showcase-media .device{max-width:288px;width:100%}.showcase-media .device--watch{max-width:260px}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-md)}.stat{text-align:center}.stat .num{font-family:var(--font-display);font-weight:800;font-size:var(--step-3);color:var(--brand-ink);line-height:1}.stat .label{display:block;margin-top:.4rem;color:var(--muted);font-size:var(--step--1)}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.showcase+.showcase{margin-top:var(--space-2xl)}.showcase.reverse .showcase-media{order:2}.showcase-media{display:flex;justify-content:center}.showcase-body h2{font-size:var(--step-2);margin-top:.6rem}.showcase-body>p{color:var(--muted);margin-top:var(--space-sm);font-size:var(--step-1)}@media(max-width:860px){.showcase{grid-template-columns:1fr}.showcase.reverse .showcase-media{order:0}.showcase-media{max-width:20rem;margin-inline:auto}}.checklist{list-style:none;padding:0;margin-top:var(--space-md);display:grid;gap:.7rem}.checklist li{display:flex;gap:.65rem;align-items:flex-start;color:var(--ink)}.checklist li:before{content:"";flex:0 0 auto;width:1.35rem;height:1.35rem;margin-top:.1rem;border-radius:50%;background:color-mix(in oklab,var(--brand) 14%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:.85rem;background-repeat:no-repeat;background-position:center}.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:clamp(2.5rem,6vw,4.5rem);text-align:center;color:var(--hero-ink);background:linear-gradient(135deg,var(--brand-800),var(--brand-600));box-shadow:var(--shadow-lg)}.cta-band:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 2px,transparent 2px 9px,rgba(255,255,255,.1) 9px 11px,transparent 11px 20px);opacity:.5;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);pointer-events:none}.cta-band>*{position:relative}.cta-band h2{color:#fff;font-size:var(--step-3)}.cta-band p{color:var(--brand-100);margin-top:var(--space-sm);font-size:var(--step-1)}.cta-band .hero-cta,.cta-band .appstore-row{justify-content:center;margin-top:var(--space-lg);display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.cta-band .price-note{margin-top:var(--space-md);font-family:var(--font-mono);font-size:var(--step--1);color:var(--brand-200)}.prose{max-width:46rem}.prose h2{font-size:var(--step-2);margin-top:var(--space-xl)}.prose h3{font-size:var(--step-1);margin-top:var(--space-lg)}.prose p,.prose li{color:var(--muted);margin-top:var(--space-sm)}.prose ul{margin-top:var(--space-sm);padding-left:1.2rem}.prose a{font-weight:600}.callout{border:1px solid color-mix(in oklab,var(--brand) 30%,var(--border));background:color-mix(in oklab,var(--brand) 6%,var(--surface));border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md)}.callout p{margin-top:0;color:var(--ink)}.faq{display:grid;gap:.75rem}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-md);box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;list-style:none;padding:var(--space-sm) 0;font-weight:600;color:var(--ink-strong);display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);font-size:1.4rem;color:var(--brand);transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>p,.faq details>ul{color:var(--muted);padding-bottom:var(--space-md);margin-top:0}
