:root{--hero-solid:var(--background);--accent-glow:transparent;--accent-tint:var(--accent-subtle);--accent-line:var(--border);--hero-muted:var(--text-secondary);--hero-dot:var(--border-strong);--hero-edge:var(--border);--shot-shadow:var(--shadow-floating);--frame-shadow:var(--shadow-raised);--phone-shadow:var(--shadow-floating)}body{background:var(--surface)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.site-nav{z-index:30;transition:background-color .2s var(--ease),box-shadow .2s var(--ease);position:fixed;inset:0 0 auto}.site-nav.solid{background:var(--hero-solid);box-shadow:0 1px 0 var(--hero-edge)}.site-nav .wrap{align-items:center;gap:20px;height:68px;display:flex}.nav-toggle{border:1px solid var(--hero-glass-line);border-radius:var(--r-sm);width:40px;height:40px;color:var(--on-hero);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.nav-sheet{display:none}.site-nav .logo{color:var(--on-hero);font-weight:500;font-size:var(--fs-19);letter-spacing:-.2px;align-items:center;gap:10px;text-decoration:none;display:flex}.site-nav .logo img{border-radius:var(--r-sm);width:30px;height:30px}.site-nav .spacer{flex:1}.site-nav a.nav-link{color:var(--hero-muted);font-size:var(--fs-14);font-weight:500;text-decoration:none}.site-nav a.nav-link:hover{color:var(--on-hero)}.site-nav a.nav-cta{background:var(--foreground);color:var(--background);font-size:var(--fs-14);border-radius:var(--r-sm);padding:8px 14px;font-weight:500;text-decoration:none}.hero{background:var(--hero);color:var(--on-hero);padding:120px 0 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,var(--accent-glow),transparent 65%);border-radius:50%;width:560px;height:560px;position:absolute;top:-160px;right:-160px}.hero .wrap{text-align:center;position:relative}.eyebrow{font-size:var(--fs-12);color:var(--accent);background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:var(--r-pill);margin:0 0 20px;padding:6px 12px;font-weight:500;display:inline-block}.hero h1{letter-spacing:-.03em;max-width:820px;margin:0 auto 20px;font-size:clamp(34px,5.6vw,58px);font-weight:500;line-height:1.05}.hero h1 em{color:var(--accent);font-style:normal}.hero .lede{color:var(--hero-muted);max-width:680px;margin:0 auto 32px;font-size:clamp(16px,2vw,19px);line-height:1.6}.ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:56px;display:flex}.cta{font-weight:500;font-size:var(--fs-15);border-radius:var(--r-md);align-items:center;gap:8px;padding:14px 20px;text-decoration:none;display:inline-flex}.cta.primary{background:var(--foreground);color:var(--background)}.cta.brand{background:var(--brand);color:var(--on-brand)}.cta.brand:hover{filter:brightness(1.08)}.cta:active{transform:translateY(1px)}.cta.primary:hover{filter:brightness(1.05)}.cta.ghost{color:var(--on-hero);border:1px solid var(--hero-glass-line)}.cta.ghost:hover{background:var(--hero-glass)}.shot{box-shadow:var(--shot-shadow);border:1px solid var(--hero-edge);border-bottom:0;border-radius:12px 12px 0 0;max-width:100%;height:auto;margin:0 auto;display:block}.browser{background:var(--brand-deep);border:1px solid var(--hero-edge);border-bottom:0;border-radius:12px 12px 0 0;max-width:1000px;margin:0 auto;padding:10px 10px 0}.browser .dots{gap:6px;padding:2px 4px 10px;display:flex}.browser .dots i{background:var(--hero-dot);border-radius:50%;width:10px;height:10px}.browser img{border-radius:8px 8px 0 0;width:100%;height:auto;display:block}section.band{padding:88px 0}section.band.alt{background:var(--page)}.kicker{font-size:var(--fs-12);color:var(--brand);margin:0 0 10px;font-weight:500}h2.big{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,3.4vw,38px);line-height:1.15}.sub{font-size:var(--fs-19);color:var(--ink-2);max-width:640px;margin:0;line-height:1.65}.center{text-align:center}.center .sub{margin:0 auto}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;display:grid}.step-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:left;padding:24px}.step-card .icon{border-radius:var(--r-md);background:var(--soft);width:44px;height:44px;color:var(--brand);place-items:center;margin-bottom:14px;display:grid}.step-card h3{font-size:var(--fs-19);letter-spacing:-.01em;margin:0 0 8px}.step-card p{color:var(--ink-2);font-size:var(--fs-15);margin:0;line-height:1.6}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.feature.flip .feature-text{order:2}.feature ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature li{font-size:var(--fs-16);color:var(--ink-2);gap:12px;line-height:1.55;display:flex}.feature li:before{content:"";background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%230e6f5c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-radius:50%;flex:0 0 20px;height:20px;margin-top:2px}.feature li b{color:var(--ink)}.frame{border-radius:var(--r-lg);border:1px solid var(--line);width:100%;box-shadow:var(--frame-shadow);background:var(--surface);overflow:hidden}.frame img{width:100%;height:auto;display:block}.frame.narrow{max-width:360px;margin:0 auto}.frame.phone{border-radius:calc(var(--r-lg) * 2);border:8px solid var(--brand-deep);max-width:320px;box-shadow:var(--phone-shadow);margin:0 auto}.trust{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.trust div{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);padding:24px}.trust h3{font-size:var(--fs-16);margin:0 0 6px}.trust p{font-size:var(--fs-14);color:var(--ink-2);margin:0;line-height:1.6}.closing{background:var(--hero);color:var(--on-hero);text-align:center;padding:80px 0}.closing h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(26px,3.6vw,40px)}.closing p{color:var(--hero-muted);font-size:var(--fs-19);margin:0 0 28px}.cta-row{margin-top:24px}.trust-line{font-size:var(--fs-14);color:var(--hero-muted);margin:-36px 0 48px}.trust-line span+span:before{content:"·";opacity:.6;margin:0 10px}.faq{text-align:left;gap:10px;max-width:760px;margin:36px auto 0;display:grid}.faq details{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:0 20px}.faq summary{cursor:pointer;font-weight:500;font-size:var(--fs-16);align-items:center;gap:12px;padding:20px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:var(--fs-24);color:var(--brand);transition:transform .2s var(--ease);margin-left:auto;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);font-size:var(--fs-15);margin:0 0 20px;line-height:1.65}.ctas.ctas-end{margin:0}.site-foot{font-size:var(--fs-14);color:var(--muted);border-top:1px solid var(--line);padding:48px 0 28px}.foot-cols{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.foot-brand p{max-width:280px;margin:10px 0 0;line-height:1.6}.foot-brand .logo{color:var(--ink);font-weight:500;font-size:var(--fs-16);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.foot-col h3{font-size:var(--fs-12);color:var(--ink-2);margin:0 0 12px;font-weight:500}.foot-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.foot-note{border-top:1px solid var(--hair);font-size:var(--fs-13);flex-wrap:wrap;gap:16px;margin:36px 0 0;padding-top:20px;display:flex}@media (width<=860px){.steps,.trust{grid-template-columns:1fr}.feature,.feature.flip{grid-template-columns:1fr;gap:32px}.feature.flip .feature-text{order:0}section.band{padding:64px 0}.site-nav a.nav-link{display:none}.nav-toggle{display:inline-flex}.nav-sheet:not([hidden]){background:var(--hero-solid);border:1px solid var(--hero-edge);border-radius:var(--r-lg);box-shadow:var(--shot-shadow);gap:4px;padding:8px;display:grid;position:absolute;top:68px;left:12px;right:12px}.nav-sheet a{color:var(--on-hero);border-radius:var(--r-md);padding:12px 14px;font-weight:500;text-decoration:none}.nav-sheet a:hover{background:var(--hero-glass)}.hero{padding-top:100px}.trust-line{margin-top:-40px}.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}@media (width<=360px){.site-nav .logo-name{display:none}.site-nav .wrap{gap:8px}}