:root{--bg:#ffffff;--fg:#111418;--muted:#5b6470;--accent:#0a7ea4;--border:#e6e8eb;--card:#f7f9fa;--cta-bg: var(--accent);--cta-fg: #ffffff;--cta-radius: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 80px;--font-body: 16px;--weight-body: 400;--font-tag: 19px;--weight-tag: 400;--font-card: 14px;--weight-card: 400;--font-card-title: 16px;--weight-card-title: 700;--font-h1: clamp(40px, 8vw, 56px);--weight-h1: 800;--tracking-h1: -.02em;--accent-2: #34d0f0;--accent-grad: radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%);--orb-a: radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 70%);--orb-b: radial-gradient(circle at 70% 40%, color-mix(in srgb, var(--accent-2) 45%, transparent), transparent 70%);--orb-c: radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 72%);--spot-x: 50%;--spot-y: 40%;--spot-opacity: 0;--par-a-x: 0px;--par-a-y: 0px;--par-b-x: 0px;--par-b-y: 0px;--par-c-x: 0px;--par-c-y: 0px;--enter-dur: .7s;--content-max: 1200px;--hero-measure: 560px;--section-pad-y: clamp(48px, 9vh, 112px);--section-pad-x: clamp(20px, 5vw, 64px);--grid-gap: clamp(16px, 2.4vw, 28px)}@media(prefers-color-scheme:dark){:root{--bg:#0f1216;--fg:#e8eaed;--muted:#9aa4b0;--accent:#4cc2e6;--border:#232830;--card:#161b21;--cta-fg: #0f1216;--accent-2: #7ad9ff}}*{box-sizing:border-box}body{margin:0;background:var(--accent-grad),var(--bg);background-repeat:no-repeat;background-attachment:fixed;color:var(--fg);font:var(--font-body)/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:var(--weight-body);-webkit-font-smoothing:antialiased}.page{position:relative;z-index:1}.section{position:relative;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:var(--section-pad-y) var(--section-pad-x)}.section__inner{width:100%;max-width:var(--content-max);margin:0 auto}.section--hero .section__inner,.section--closing .section__inner{text-align:center}.section__title{font-size:clamp(28px,4.5vw,44px);font-weight:var(--weight-h1);letter-spacing:var(--tracking-h1);line-height:1.2;margin:0 0 var(--space-7);text-align:center}.brand{font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}h1{font-size:var(--font-h1);font-weight:var(--weight-h1);letter-spacing:var(--tracking-h1);line-height:1.1;margin:var(--space-4) 0 var(--space-4)}.tag{font-size:var(--font-tag);font-weight:var(--weight-tag);color:var(--muted);margin:0 auto var(--space-6);max-width:var(--hero-measure)}.hero__grid{display:grid;gap:var(--space-7);align-items:center}.hero__copy{min-width:0}.hero__visual{display:flex;justify-content:center}.features{display:grid;gap:var(--grid-gap);text-align:left;margin:0 auto;max-width:520px}.feature{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:var(--space-6)}.feature b{display:block;margin-bottom:var(--space-2);font-size:var(--font-card-title);font-weight:var(--weight-card-title)}.feature span{color:var(--muted);font-size:var(--font-card);font-weight:var(--weight-card)}.showcase{display:grid;grid-template-columns:1fr;gap:var(--grid-gap);justify-items:center;margin:0 auto;max-width:100%}.showcase__item{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;min-width:0;max-width:100%;gap:var(--space-4)}.showcase__item figcaption{color:var(--muted);font-size:var(--font-card);font-weight:var(--weight-card);max-width:min(240px,80vw)}.phone--sm{width:min(220px,60vw);max-width:100%}.closing__inner{display:flex;flex-direction:column;align-items:center}.links{margin-top:var(--space-7)}.links a{color:var(--accent);margin:0 10px}footer{margin-top:var(--space-6);color:var(--muted);font-size:var(--font-card)}html,body{max-width:100%;overflow-x:hidden}.page,.section,.section__inner{width:100%}h1,.tag,.feature b,.feature span,.section__title{overflow-wrap:break-word;word-wrap:break-word}h1{max-width:100%}.fx-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.fx-spotlight{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0}.fx-spotlight{background:radial-gradient(circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--accent) 18%,transparent),transparent 40%);opacity:var(--spot-opacity);transition:opacity .16s ease}.fx-layer{position:absolute;pointer-events:none;border-radius:50%;filter:blur(40px);opacity:.55;transform:translate3d(var(--par-a-x),var(--par-a-y),0)}html[data-motion=full] .fx-layer{will-change:transform}.fx-layer--a{width:46vmax;height:46vmax;top:-12vmax;left:-8vmax;background:var(--orb-a)}.fx-layer--b{width:38vmax;height:38vmax;top:20vmax;right:-10vmax;background:var(--orb-b);transform:translate3d(var(--par-b-x),var(--par-b-y),0)}.fx-layer--c{width:30vmax;height:30vmax;bottom:-8vmax;left:30vw;background:var(--orb-c);transform:translate3d(var(--par-c-x),var(--par-c-y),0)}.fx-bg{overflow:hidden;pointer-events:none;max-width:100vw}.fx-layer,.fx-spotlight{pointer-events:none}.reveal{opacity:1}.tilt{--tilt-x: 0deg;--tilt-y: 0deg}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4)}.cta{display:inline-block;padding:var(--space-3) var(--space-5);border-radius:var(--cta-radius);text-decoration:none;line-height:1.2;transition:transform .16s ease,opacity .16s ease}.cta--primary{background:var(--cta-bg);color:var(--cta-fg);font-weight:700}.cta--secondary{color:var(--accent);border:1px solid var(--border);background:transparent}.cta{cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .2s ease,border-color .16s ease}.cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[data-motion=full] .cta--primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 38%,transparent)}html[data-motion=full] .cta--primary:active{transform:translateY(-1px)}html[data-motion=full] .cta--secondary:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.product-visual{width:min(300px,78vw);max-width:100%;height:auto;margin:var(--space-6) auto}.phone{position:relative;width:100%;aspect-ratio:9 / 18;background:var(--card);border:1px solid var(--border);border-radius:32px;padding:var(--space-3);box-shadow:0 10px 30px color-mix(in srgb,var(--fg) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--fg) 4%,transparent)}.phone__notch{position:absolute;top:var(--space-2);left:50%;transform:translate(-50%);width:34%;height:7px;border-radius:999px;background:color-mix(in srgb,var(--fg) 22%,transparent)}.phone__screen{width:100%;height:100%;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--bg) 92%,var(--accent) 8%);color:var(--fg);display:flex}.phone__screen svg{display:block}.phone__shot{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:top center;display:block;border-radius:20px}.scroll-cue{position:absolute;left:50%;bottom:clamp(16px,4vh,40px);transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--muted);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:opacity .4s ease,color .16s ease}.scroll-cue:hover{color:var(--accent)}.scroll-cue:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.scroll-cue__chevron{width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.links a{text-decoration:none;transition:color .16s ease;cursor:pointer}.links a:hover{text-decoration:underline;text-underline-offset:3px;color:color-mix(in srgb,var(--accent) 80%,var(--fg))}@media(max-width:600px){.features{grid-template-columns:1fr;max-width:100%}.feature{min-width:0}}@media(min-width:601px){.features{grid-template-columns:1fr 1fr}}@media(min-width:880px){.hero__grid{grid-template-columns:1.05fr .95fr;gap:var(--space-9);text-align:left}.section--hero .section__inner{text-align:left}.hero__copy .tag{margin-left:0;margin-right:0}.hero__visual{justify-content:flex-end}.features{grid-template-columns:1fr 1fr;max-width:100%}.showcase{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){h1{font-size:clamp(52px,4.6vw,72px)}}@media(max-height:560px){.scroll-cue{display:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.fx-spotlight{opacity:0}.fx-layer,.tilt{transform:none!important}}html[data-motion=reduced] .reveal{opacity:1;transform:none;transition:none}html[data-motion=reduced] .fx-spotlight{opacity:0}html[data-motion=reduced] .fx-layer,html[data-motion=reduced] .tilt{transform:none!important}html[data-motion=full] .reveal{opacity:0;transform:translateY(16px);transition:opacity var(--enter-dur) ease,transform var(--enter-dur) ease}html[data-motion=full] .reveal.is-visible,html[data-motion=full] .reveal.is-entered{opacity:1;transform:none}html[data-motion=full] .brand.reveal.is-entered{transition-delay:0ms}html[data-motion=full] h1.reveal.is-entered{transition-delay:80ms}html[data-motion=full] .tag.reveal.is-entered{transition-delay:.16s}html[data-motion=full] .tilt.is-visible{transform:perspective(600px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .3s ease;transform-style:preserve-3d}html[data-motion=full] .feature{transition:box-shadow .24s ease,border-color .24s ease}html[data-motion=full] .feature:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 16px 40px color-mix(in srgb,var(--fg) 14%,transparent)}html[data-motion=full] .scroll-cue__chevron{animation:scroll-cue-bob 1.8s ease-in-out infinite}html[data-motion=full] .scroll-cue.is-scrolled{opacity:0;pointer-events:none}@keyframes scroll-cue-bob{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(3px,3px)}}@media(prefers-reduced-motion:reduce){.scroll-cue__chevron{animation:none!important}.scroll-cue{opacity:1!important}}html[data-motion=reduced] .scroll-cue__chevron{animation:none!important}.wrap{max-width:720px;margin:0 auto;padding:var(--space-7) 20px 96px}.wrap--narrow{max-width:680px}.wrap header{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:var(--space-2)}.wrap .brand{font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}.wrap h1{font-size:30px;line-height:1.2;margin:12px 0 6px}.wrap .meta{color:var(--muted);font-size:14px}.wrap h2{font-size:20px;margin:36px 0 var(--space-2)}.wrap h3{font-size:16px;margin:22px 0 var(--space-1)}.wrap p,.wrap li{color:var(--fg)}.wrap ul{padding-left:20px}.wrap li{margin:var(--space-1) 0}.wrap a{color:var(--accent)}.wrap .lead{color:var(--muted);font-size:17px}.wrap .muted{color:var(--muted)}.wrap footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.wrap code{background:var(--border);padding:1px 6px;border-radius:5px;font-size:14px}.wrap--narrow h1{font-size:30px;margin:12px 0 20px}.wrap--narrow h2{font-size:18px;margin:28px 0 6px}