@font-face{font-family:Inter;src:url(motion-lab/inter-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(motion-lab/inter-600.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Plex;src:url(motion-lab/ibm-plex-mono-500.ttf) format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url(motion-lab/ibm-plex-mono-600.ttf) format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#08080a;--panel:#15161b;--raised:#1d1f24;--line:#34373c;--paper:#f4f2ea;--muted:#9c9fa6;--acid:#c7ff1a;--blue:#2d8cff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--acid)}:where(a,button,summary):focus-visible{outline:2px solid var(--acid);outline-offset:5px}img,video{max-width:100%;height:auto;display:block}figure{margin:0;min-width:0}h1,h2,h3{font-family:Plex,monospace;font-weight:600;line-height:1.15;letter-spacing:-.045em;margin:0 0 24px;overflow-wrap:break-word}h1{font-size:clamp(38px,4.5vw,66px)}h2{font-size:clamp(30px,3.5vw,46px)}h3{font-size:22px;letter-spacing:-.025em;line-height:1.3}p{margin:0 0 24px;max-width:65ch}.container{width:min(100% - 96px,1200px);margin-inline:auto}.section{padding-block:96px}.eyebrow{font:500 11px/1.6 Plex,monospace;letter-spacing:1.1px;margin:0 0 20px;color:var(--muted)}.acid{color:var(--acid)}.blue{color:var(--blue)}.lead{font-size:18px;line-height:1.7;color:var(--muted)}.fine{font-size:12px;line-height:1.65;color:var(--muted);margin:20px 0 0;max-width:49ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 22px;background:var(--acid);color:#020203;border:1px solid var(--acid);border-radius:12px;text-decoration:none;font:600 14px/1.5 Plex,monospace;transition:background .15s}.button:hover{background:#b6eb12;color:#020203}.button.secondary{background:var(--raised);border-color:var(--line);color:var(--paper)}.button.secondary:hover{border-color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:var(--acid);color:#020203;padding:12px}.skip:focus{top:12px}header{border-bottom:1px solid var(--line);background:#020203}.navigation{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:600 26px/1.05 Plex,monospace;flex-shrink:0}.brand img{width:48px;height:48px;object-fit:contain}.brand-muted{color:var(--muted);margin-left:.12em}.brand small{display:block;font:500 10px/1.5 Plex,monospace;letter-spacing:1.6px;color:var(--acid);margin-top:5px}.nav-links{display:flex;align-items:center;gap:28px;font:500 12px/1.5 Plex,monospace}.nav-links>a:not(.button){display:flex;align-items:center;min-height:48px;text-decoration:none}.nav-links .button{font-size:12px;padding:10px 18px;min-height:44px}.grid-surface{background-image:linear-gradient(#34373c24 .5px,transparent .5px),linear-gradient(90deg,#34373c24 .5px,transparent .5px);background-size:36px 36px}.hero{padding-block:100px 92px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0}.proof{padding:20px;box-shadow:0 24px 70px #0005}.proof-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.proof-bar .eyebrow{margin:0;font-size:10px}.status{font:500 9px/1.5 Plex,monospace;color:var(--acid);display:flex;align-items:center;gap:7px}.status i{width:5px;height:5px;background:var(--acid);border-radius:50%}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-pair img,.media-pair video{width:100%;aspect-ratio:3/4;object-fit:contain;background:#020203;border-radius:10px}.media-pair figcaption,.screens figcaption{font:500 10px/1.5 Plex,monospace;color:var(--muted);letter-spacing:.8px;margin-top:12px}.proof-note{font-size:12px;color:var(--muted);margin:20px 0 0}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:center;margin-bottom:40px}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2,.section-intro .lead{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{padding:28px}.feature img{width:160px;height:160px;object-fit:contain;margin:12px 0 28px}.feature p,.steps p{color:var(--muted);font-size:14px;margin:0}.workflow{background:#020203;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}.step-number{display:block;font:500 13px Plex,monospace;color:var(--acid);padding-top:20px;border-top:1px solid var(--line);margin-bottom:32px}.steps h3{font-size:20px}.tour{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.benefits{list-style:none;padding:0;margin:32px 0;font-size:14px;color:var(--muted)}.benefits li{padding:16px 0;border-top:1px solid var(--line)}.benefits span{color:var(--acid);font:500 11px Plex,monospace;margin-right:12px}.screens{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.screens figure:nth-child(2){margin-top:48px}.phone{padding:7px;border:1px solid var(--line);border-radius:30px;background:#020203;overflow:hidden}.phone img{width:100%;height:auto;border-radius:23px}.screens figcaption{text-align:center;font-size:9px}.screens .blue{color:var(--blue)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:64px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;font:500 15px/1.5 Plex,monospace}summary::-webkit-details-marker{display:none}summary span{color:var(--acid);font-size:24px;flex-shrink:0}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:14px;padding-right:32px}details a{color:var(--paper)}.closing{text-align:center;padding:60px 24px;display:flex;flex-direction:column;align-items:center;background-color:#101115}.closing img{width:96px;height:96px;object-fit:contain;margin-bottom:24px}.closing h2{font-size:clamp(30px,4vw,48px);margin-bottom:32px}footer{border-top:1px solid var(--line);padding:40px 0;background:#020203}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.footer-inner .brand{font-size:20px}.footer-inner .brand img{width:36px;height:36px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font:500 12px Plex,monospace}.footer-links a{min-height:44px;display:flex;align-items:center}.footer-inner p{width:100%;color:var(--muted);font-size:11px;margin:0}.support-hero{border-bottom:1px solid var(--line)}.support-content{max-width:850px;padding-top:64px}.support-callout{padding:40px}.support-callout p{color:var(--muted)}
@media(max-width:1099px){.container{width:calc(100% - 64px)}.hero-grid{gap:32px}.nav-links{gap:20px}.tour{gap:32px}.proof{padding:14px}.status{font-size:8px}.proof-bar .eyebrow{font-size:9px}.feature{padding:24px}.section{padding-block:72px}}
@media(max-width:767px){.container{width:calc(100% - 40px)}.section{padding-block:56px}.navigation{flex-wrap:wrap;padding-block:20px;gap:12px}.brand{font-size:24px}.brand img{width:40px;height:40px}.nav-links{width:100%;gap:22px;flex-wrap:wrap;font-size:11px}.nav-links .button{margin-left:auto}.nav-links>a:not(.button){min-height:44px}.hero-grid,.section-intro,.tour,.faq{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(36px,8vw,54px)}.hero{padding-top:48px}.lead{font-size:17px}.section-intro{margin-bottom:32px;gap:20px}.section-intro .eyebrow{margin:0}.feature-grid{grid-template-columns:1fr}.feature{display:grid;grid-template-columns:1fr 110px;column-gap:16px}.feature .eyebrow{grid-column:1/-1}.feature img{grid-column:2;grid-row:2/4;width:110px;height:110px;margin:0;align-self:center}.feature h3{grid-column:1;font-size:21px}.feature p{grid-column:1}.steps{grid-template-columns:1fr;gap:32px;margin-top:32px}.step-number{margin-bottom:20px}.desktop{display:none}.tour-copy{max-width:550px}.screens{max-width:520px;margin:auto}.phone{border-radius:24px;padding:5px}.phone img{border-radius:18px}.faq{gap:16px}.closing{padding:40px 20px}.footer-links{gap:20px}.support-content{padding-top:48px}.proof-bar{margin-bottom:14px}.proof-bar .eyebrow{font-size:9px}.status{font-size:9px}.actions .button{flex:1;white-space:nowrap}.fine{font-size:11px}h1{font-size:38px}}
@media(max-width:389px){.nav-links{gap:16px}.nav-links .button{width:100%;margin:0}.feature{display:block}.feature img{margin-bottom:20px}.proof-bar{flex-wrap:wrap}.actions .button{width:100%;flex:auto}.screens{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:767px){.nav-links .button{display:none}}
/* Download and trust marks mirror the app's first-run presentation. */
.hero .actions{gap:28px;align-items:center}.hero .actions .button{padding-inline:18px;flex:0 0 auto}.app-store-link{display:inline-flex;flex:0 0 auto;width:150px;height:50px;border-radius:8px}.app-store-link img{display:block;width:150px;height:50px;max-width:none}.trust-badges{display:flex;gap:20px;align-items:center;margin-top:28px;max-width:100%;width:max-content}.trust-badges img{display:block;object-fit:contain;height:auto;flex:none}.trust-videos{width:160px;filter:invert(1)}.trust-rating{width:136px}.trust-divider{height:34px;width:1px;flex:none;background:var(--line)}.hero .fine{margin-top:24px}
@media(min-width:1100px){.hero{padding-block:64px}}
@media(max-width:767px){.hero .actions{gap:28px}.trust-badges{margin-top:28px;gap:16px}.trust-videos{width:150px}.trust-rating{width:126px}}
@media(max-width:389px){.hero .actions .button{width:auto}.hero .actions{gap:28px}.trust-badges{gap:12px}.trust-videos{width:140px}.trust-rating{width:112px}}
/* Keep the shared navigation readable with the style-guide link. */
.nav-links a[aria-current=page]{color:var(--acid)}
@media(min-width:768px) and (max-width:999px){.navigation{flex-wrap:wrap;padding-block:20px;gap:12px}.nav-links{width:100%;justify-content:space-between}}