:root{color-scheme:dark;--bg:#071518;--surface:#102326;--ink:#f0f4ef;--muted:#bdcecc;--accent:#93ded4;--line:#365052}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{max-width:1200px;margin:auto;padding-left:48px;padding-right:48px}header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:650;font-size:23px;letter-spacing:-.7px}.brand img{flex:0 0 46px;width:46px;height:46px;aspect-ratio:1;object-fit:contain;border-radius:12px}nav{display:flex;gap:32px;font-size:15px}nav a{text-decoration:none;padding:12px 0;color:var(--muted)}nav a[aria-current]{color:var(--accent);border-bottom:1px solid var(--accent)}.hero figure{min-width:0}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:50px;align-items:center;padding:80px 0 90px}.eyebrow{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 24px}h1{font-size:clamp(48px,6vw,78px);line-height:1.06;letter-spacing:-3px;font-weight:550;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:520px}.button{display:inline-block;margin-top:24px;padding:12px 23px;border:1px solid var(--accent);border-radius:6px;text-decoration:none;color:var(--accent);font-size:16px}.brand-art{width:100%;height:auto;aspect-ratio:1;object-fit:contain;max-width:430px;display:block;border-radius:28%;box-shadow:0 24px 90px #0004}.art-caption{text-align:center;color:var(--muted);font-size:14px;margin-top:24px}.intro{border-top:1px solid var(--line);padding:62px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:64px}h2{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:0 0 20px}h3{font-size:21px;line-height:1.4;font-weight:550;margin:0 0 10px}p{margin-top:0}.intro>p{color:var(--muted);font-size:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0 0 80px}.feature{border-top:1px solid var(--line);padding-top:22px}.number{color:var(--accent);font-size:14px;display:block;margin-bottom:25px}.feature p{color:var(--muted);font-size:16px}.closing{padding:45px 0 64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.closing h2{max-width:530px;margin:0}.page{padding-top:72px;padding-bottom:88px;min-height:65vh}.page h1{font-size:60px}.prose{max-width:750px}.prose h2{margin-top:40px;font-size:25px}.prose p,.steps p{color:var(--muted)}.notice{padding:18px 22px;border-left:2px solid var(--accent);background:var(--surface);margin:32px 0;color:var(--muted)}.support-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;margin-top:56px}.steps{padding-left:23px}.steps li{padding-left:10px;margin-bottom:24px}.steps strong{font-weight:550}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:17px;padding-right:12px}details p{color:var(--muted);font-size:16px;margin:16px 0 0}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:32px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:14px}footer p{margin:0}.footer-links{display:flex;gap:22px}.skip{position:absolute;left:20px;top:-80px;background:var(--surface);padding:10px}.skip:focus{top:10px}@media(max-width:760px){header,main,footer{padding-left:24px;padding-right:24px}header{flex-direction:column;align-items:flex-start;padding-top:24px;padding-bottom:14px;gap:12px;min-height:0}nav{gap:25px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding:50px 0;gap:30px}h1{font-size:56px;letter-spacing:-2px}.lead{font-size:18px}.brand-art{max-width:260px;margin:auto}.hero figure{margin:0}.intro{grid-template-columns:1fr;gap:10px;padding:40px 0}.features{grid-template-columns:1fr;gap:24px;padding-bottom:45px}.number{margin-bottom:12px}.closing,footer{flex-direction:column;align-items:flex-start}.closing h2{font-size:27px}.support-grid{grid-template-columns:1fr;gap:35px}.page{padding-top:48px}.page h1{font-size:46px}.footer-links{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Dark theme: readable secondary text and distinct reading surfaces. */
.feature{background:var(--surface);padding:26px;border-radius:10px}
.feature p{margin-bottom:0}
.support-grid{gap:32px}
.support-grid>section{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:12px;min-width:0}
.steps{margin-bottom:0}.steps li:last-child{margin-bottom:0}
.steps p,details p,.prose p{line-height:1.8}
details:last-child{border-bottom:0}
details[open] summary{color:var(--accent)}
.button:hover{background:var(--surface)}
.page.prose{background:var(--surface);margin:48px auto;padding:40px;border-radius:12px;border:1px solid var(--line)}
.page.prose .notice{background:var(--bg)}
@media(max-width:760px){.support-grid>section{padding:22px}.page.prose{margin:28px auto;padding:24px}.feature{padding:24px}}

/* Compact introduction; the product story continues on its own route. */
.home{min-height:100svh;display:flex;flex-direction:column}
.home header,.home main,.home footer{width:100%}
.home main{flex:1;display:flex;align-items:center}
.home .hero{width:100%;padding:32px 0;gap:40px}
.home h1{font-size:clamp(42px,5.4vw,72px)}
.home .lead{font-size:18px;max-width:540px;margin-bottom:20px}
.home .brand-art{max-width:330px;margin:auto}
.home footer{padding-top:16px;padding-bottom:16px;font-size:13px}
.download-status{display:inline-block;background:var(--accent);color:var(--bg);font-weight:600;padding:12px 22px;border-radius:8px}
.availability{font-size:14px;color:var(--muted);margin:8px 0 0}
@media(max-width:760px){nav{gap:20px;font-size:14px}.home .hero{display:block;padding:28px 0}.home .hero figure{display:none}.home h1{font-size:48px;margin-bottom:20px}.home footer{gap:8px}.home .eyebrow{margin-bottom:16px}.home .lead{font-size:17px}.home .brand{font-size:21px}}
@media(max-height:650px) and (min-width:761px){.home header{min-height:80px}.home .hero{padding:20px 0}.home h1{font-size:46px}.home .brand-art{max-width:230px}.home .eyebrow{margin-bottom:12px}}

.app-preview{text-align:center;margin:0;justify-self:center}
.app-screen{display:block;height:min(570px,calc(100svh - 230px));width:auto;max-width:100%;object-fit:contain;border:6px solid #26383b;border-radius:38px;box-shadow:0 22px 60px #0005;margin:auto}
.app-preview figcaption{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:760px){.home .hero .app-preview{display:none}}

/* Product walkthrough and Free/Plus pricing. */
.how-heading{font-size:clamp(30px,4vw,48px);margin-top:32px}.how-page>.lead{max-width:780px}
.how-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:65px;margin-top:56px;align-items:start}
.how-steps{list-style:none;padding:0;margin:0}.how-steps li{display:flex;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.step-num{font-size:16px;color:var(--accent);padding-top:3px}.how-steps h2{font-size:25px;letter-spacing:-.4px}.how-steps p{color:var(--muted);margin-bottom:12px}.how-steps .step-emphasis{color:var(--ink);border-left:2px solid var(--accent);padding-left:16px}.how-phone{margin:0;text-align:center;position:sticky;top:32px}.how-phone .app-screen{height:auto;width:280px;max-width:100%}.how-phone figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.design-story{background:var(--surface);border-radius:12px;padding:36px;display:grid;grid-template-columns:1fr 1.5fr;gap:35px;margin:40px 0 28px}.design-story p{color:var(--muted)}.design-story p:last-child{margin:0}.timing-note{font-size:14px;color:var(--muted);max-width:850px}.pricing-page>.lead{max-width:700px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:40px 0 56px}.plan{border:1px solid var(--line);background:var(--surface);padding:36px;border-radius:14px;display:flex;flex-direction:column}.plan h2{color:var(--accent);margin-bottom:8px}.plan-for{color:var(--muted)}.plan-price{font-size:46px;letter-spacing:-1.5px;line-height:1.2;margin:24px 0 12px}.plan-price span{font-size:17px;color:var(--muted);letter-spacing:0}.plan-capacity{color:var(--muted);min-height:56px}.plan ul{padding-left:20px;color:var(--muted);margin:0 0 30px}.plan li{padding:7px 0}.plan-status{margin:auto 0 0;padding:13px;border:1px solid var(--line);border-radius:6px;text-align:center;color:var(--accent)}.pricing-explainer{max-width:780px}.pricing-explainer h2{font-size:27px;margin-top:32px}.pricing-explainer p{color:var(--muted)}
@media(max-width:760px){.how-layout{grid-template-columns:1fr;gap:30px;margin-top:32px}.how-phone{position:static}.how-phone .app-screen{width:250px}.design-story{grid-template-columns:1fr;padding:24px;gap:8px}.how-steps li{gap:14px}.plan-grid{grid-template-columns:1fr}.plan{padding:26px}.plan-price{font-size:42px}}

/* Two native views travel alongside the walkthrough. */
.how-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;margin-bottom:40px}
.how-phones{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.how-phones .how-phone{position:static;min-width:0}.how-phones .app-screen{width:100%;height:auto;border-width:4px;border-radius:25px}.results-phone{padding-top:56px}.how-phones figcaption{font-size:13px;line-height:1.5}.sample-caption{grid-column:1/-1;text-align:center;font-size:13px;color:var(--muted);margin:0}
@media(max-width:1000px) and (min-width:761px){.how-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.how-phones{gap:10px}}
@media(max-width:760px){.how-layout{grid-template-columns:1fr}.how-phones{position:static;width:100%;max-width:440px;margin:auto;gap:14px}.how-phones .app-screen{border-radius:22px}.results-phone{padding-top:36px}}


/* Support: task-focused answers with a direct route to a person. */
.support-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:56px}.support-heading .lead{font-size:28px;color:var(--ink);margin-bottom:8px}.support-intro{color:var(--muted);margin:0}.support-heading .button{margin:0;white-space:nowrap}.support-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px}.support-topics>section{min-width:0;border-top:1px solid var(--line);padding-top:26px}.support-topic-label{color:var(--accent);font-size:12px;letter-spacing:1.5px;margin-bottom:12px}.support-topics h2{font-size:28px;margin-bottom:12px}.support-topics summary{line-height:1.6}.support-topics details p{line-height:1.8}.support-contact-copy{color:var(--muted);font-size:16px;margin-top:20px;overflow-wrap:anywhere}.support-closing{margin-top:64px;padding:32px;background:var(--surface);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.support-closing h2{font-size:27px;margin-bottom:8px}.support-closing p{color:var(--muted);margin:0}.support-closing .button{margin:0;white-space:nowrap}
@media(max-width:760px){.support-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:40px}.support-topics{grid-template-columns:1fr;gap:36px}.support-closing{flex-direction:column;align-items:flex-start;padding:24px;margin-top:44px}.support-heading .lead{font-size:25px}}

/* Design: an editorial story alongside the existing product walkthrough. */
.design-intro{max-width:800px;margin-bottom:60px}.design-intro h1{font-size:18px;letter-spacing:0;color:var(--accent);margin-bottom:24px}.design-headline{font-size:clamp(48px,6vw,76px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:26px}.design-intro .lead{max-width:650px}
.design-mark{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:0 0 80px}.mark-figure{margin:0;min-width:0}.mark-figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%}.mark-figure figcaption,.design-phone figcaption{color:var(--muted);font-size:13px;text-align:center;margin-top:18px;line-height:1.6}
.design-copy{max-width:460px;min-width:0}.design-copy h2{font-size:clamp(30px,3.4vw,42px);line-height:1.18;letter-spacing:-1px}.design-copy p:not(.eyebrow){color:var(--muted)}.design-copy .eyebrow{font-size:12px;margin-bottom:20px}.design-copy .design-detail{border-left:2px solid var(--accent);padding-left:20px;margin-top:28px;color:var(--ink)}
.design-chapter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}.design-phone{margin:0;min-width:0}.design-phone .app-screen{height:auto;width:270px;max-width:100%;border-radius:34px}.design-chapter-reverse .design-copy{justify-self:end}
.design-end{border-top:1px solid var(--line);padding:64px 0 0;max-width:100%}.design-end p{max-width:620px;color:var(--muted)}.design-end .button{margin-top:10px}
@media(min-width:761px) and (max-width:1000px){nav{gap:20px}.design-mark,.design-chapter{gap:40px}.brand{font-size:20px}}
@media(max-width:760px){nav{column-gap:20px;row-gap:0}.design-intro{margin-bottom:40px}.design-headline{font-size:48px;letter-spacing:-1.8px}.design-mark,.design-chapter{grid-template-columns:1fr;gap:36px}.design-mark{padding-bottom:48px}.mark-figure{max-width:340px;width:100%;justify-self:center}.design-chapter{padding:48px 0}.design-copy{max-width:none}.design-chapter-reverse .design-copy{order:-1}.design-phone .app-screen{width:250px}.design-end{padding-top:40px}.design-intro h1{font-size:18px}.design-page{padding-bottom:60px}}

/* The icon story sits separately from the practical interface discussion. */
.design-bird{border-top:1px solid var(--line);padding:64px 0 0;grid-template-columns:1fr 1.4fr}.design-bird .mark-figure{width:100%;max-width:290px;justify-self:center}.design-bird .design-copy{max-width:540px}
@media(max-width:760px){.design-bird{grid-template-columns:1fr;padding-top:48px}.design-bird .mark-figure{max-width:220px}}


.download-link{text-decoration:none}.download-link:hover{color:var(--bg);background:#b4eee6}

.plan-grid.launch-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-label{color:var(--accent);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.plan-update{color:var(--muted);font-size:15px}.plan-download{text-decoration:none}.plan-download:hover{background:var(--accent);color:var(--bg)}@media(max-width:760px){.plan-grid.launch-plans{grid-template-columns:1fr}}

/* Compact pricing comparison; keep body copy readable. */
.pricing header{min-height:84px}.pricing-page{padding-top:32px;padding-bottom:48px}.pricing-page h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:12px}.pricing-page>.lead{font-size:17px;line-height:1.5;max-width:900px;margin-bottom:0}.pricing-page .launch-plans{margin:24px 0 32px;gap:20px}.pricing-page .plan{padding:22px;font-size:16px;line-height:1.5}.pricing-page .plan-label{font-size:12px;margin:0 0 8px}.pricing-page .plan h2{font-size:26px;margin-bottom:6px}.pricing-page .plan-for{font-size:15px;margin-bottom:12px}.pricing-page .plan-price{font-size:34px;margin:4px 0 12px;letter-spacing:-1px}.pricing-page .plan-price span{font-size:15px}.pricing-page .plan-capacity{min-height:0;margin-bottom:12px}.pricing-page .plan-update{font-size:14px;margin-bottom:12px}.pricing-page .plan ul{margin-bottom:16px}.pricing-page .plan li{padding:3px 0}.pricing-page .plan-status{font-size:14px;padding:10px}.pricing-page .pricing-explainer h2{font-size:23px;margin-top:24px;margin-bottom:12px}.pricing-page .pricing-explainer p{font-size:16px}@media(max-width:760px){.pricing header{padding-top:18px;padding-bottom:18px}.pricing-page{padding-top:24px}.pricing-page h1{font-size:32px;letter-spacing:-1px}.pricing-page .plan{padding:20px}.pricing-page .launch-plans{gap:16px}}

/* Shared reading scale for walkthrough, design and support; Home stays unchanged. */
.content-page{font-size:16px;line-height:1.6}.content-page header{min-height:84px}.content-page .page{padding-top:32px;padding-bottom:48px}.content-page .page h1{font-size:40px;letter-spacing:-1.5px;margin-bottom:16px}.content-page .lead{font-size:17px;line-height:1.6}.content-page h2{font-size:24px;letter-spacing:-.5px;margin-bottom:12px}.content-page .how-heading{font-size:28px;line-height:1.25;margin-top:20px}.content-page .how-layout{margin-top:28px;margin-bottom:24px;gap:32px}.content-page .how-steps li{padding:18px 0;gap:16px}.content-page .how-steps h2{font-size:23px}.content-page .how-steps p{margin-bottom:10px}.content-page .design-intro{margin-bottom:28px}.content-page .design-intro h1{font-size:16px;letter-spacing:0;margin-bottom:12px}.content-page .design-headline{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin-bottom:16px}.content-page .design-chapter{padding:36px 0;gap:48px}.content-page .design-copy h2{font-size:26px;line-height:1.25;letter-spacing:-.6px}.content-page .design-phone .app-screen{width:230px}.content-page .design-bird{padding-top:36px;gap:48px}.content-page .support-heading{margin-bottom:28px;gap:24px}.content-page .support-heading .lead{font-size:22px}.content-page .support-topics{gap:28px 40px}.content-page .support-topics>section{padding-top:18px}.content-page .support-topics h2{font-size:24px}.content-page .support-topic-label{margin-bottom:8px}.content-page details{padding:13px 0}.content-page summary{font-size:16px;line-height:1.5}.content-page details p{font-size:16px;line-height:1.65;margin-top:12px}.content-page .support-contact-copy{margin-top:12px}.content-page .support-closing{margin-top:32px;padding:24px}.content-page .support-closing h2{font-size:24px}@media(max-width:760px){.content-page header{padding-top:18px;padding-bottom:18px}.content-page .page{padding-top:24px}.content-page .page h1,.content-page .design-headline{font-size:32px;letter-spacing:-1px}.content-page .design-intro h1{font-size:16px;letter-spacing:0}.content-page .how-heading{font-size:25px}.content-page .how-layout{gap:24px}.content-page .design-chapter,.content-page .design-bird{gap:24px}.content-page .design-copy h2{font-size:24px}.content-page .support-heading{gap:16px}}

/* Keep shared navigation geometry identical on every route. */
html{scrollbar-gutter:stable}body>header,body:is(.home,.content-page,.pricing)>header{width:100%;min-height:84px;flex-shrink:0;font-size:17px;line-height:1.65}header nav a{border-bottom:1px solid transparent}header nav a[aria-current]{border-bottom-color:var(--accent)}@media(max-width:760px){body>header,body:is(.home,.content-page,.pricing)>header{min-height:0;padding-top:18px;padding-bottom:18px}body header .brand{font-size:21px}}

.home-offer{font-size:17px;line-height:1.6;font-weight:600;margin:0 0 20px}

.why-intro{margin-bottom:28px}.why-intro .lead{max-width:740px}.why-design{border-top:1px solid var(--line);padding:32px 0;max-width:100%}.why-design p{max-width:760px;color:var(--muted)}.why-design p:last-child{margin-bottom:0}

.footer-links{flex-shrink:0}.footer-links a{white-space:nowrap}