/* Product explanation and responsive presentation. */
:root{--muted:#aaa}
.header nav{gap:28px}.header nav a{min-height:44px;display:inline-flex;align-items:center}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center;text-align:left;padding:78px 0 70px}
.hero .launch-tag{border:0;padding:0;background:none;border-radius:0;color:#bbb;font-size:13px}
.hero h1{font-size:clamp(46px,4.6vw,65px);line-height:1.08;letter-spacing:-2.7px;margin:23px 0}
.hero-copy{font-size:17px;line-height:1.75;max-width:480px;margin:0;color:#aaa}
.hero-actions{justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-actions .button{font-size:13px;min-height:48px;padding:13px 18px}
.secondary{background:transparent;border:1px solid #444;color:#ddd}.secondary:hover{background:#191919}
.hero-note{display:block;margin-top:21px;font-size:12px;color:#999}
.strategy-example{border:1px solid #373737;background:#0e0e0e;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #0005}
.example-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid #2b2b2b;font-size:13px;font-weight:500}
.example-heading .small-tag{font:11px var(--sans);padding:6px 8px;color:#bdbdbd}
.example-stage{position:relative;padding:21px 23px 21px 78px;border-bottom:1px solid #242424}
.stage-marker{position:absolute;left:22px;top:24px;color:#aaa;font-size:11px}
.example-stage h3{font-size:15px;line-height:1.4;font-weight:500;letter-spacing:-.2px;margin-bottom:14px}
.example-stage dl{margin:0;display:grid;gap:10px}.example-stage dl>div{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5}
.example-stage dt{color:#949494}.example-stage dd{margin:0;color:#e2e2e2;white-space:nowrap;font-variant-numeric:tabular-nums}
.example-note{font-size:11px;color:#929292;line-height:1.75;padding:17px 23px}
.workflow{padding:40px 0 65px;border-top:1px solid #2b2b2b}
.workflow-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px}.workflow h2{font-size:30px;font-weight:500;letter-spacing:-1px}
.workflow-heading>p{color:#999;font-size:14px;line-height:1.7;max-width:390px}
.workflow-steps{list-style:none;padding:0;margin:35px 0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.workflow-steps li{position:relative;border-top:1px solid #444;padding-top:22px}
.step-number{display:flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:50%;width:26px;height:26px;font-size:11px;color:#ccc;margin-bottom:18px}
.workflow-steps h3{font-size:16px;font-weight:500;margin-bottom:11px}.workflow-steps p{font-size:13px;color:#999;line-height:1.8}
.product-status{display:flex;gap:12px;align-items:baseline;background:#101010;border:1px solid #292929;border-radius:6px;padding:15px 18px}
.product-status p{font-size:12px;line-height:1.8;color:#999}.product-status strong{font-weight:500;color:#d8d8d8}
.workspace-section{scroll-margin-top:25px}.workspace-intro h2{font-size:32px;font-weight:500}.workspace-intro p:not(.section-kicker){max-width:560px}
.view-explanation{max-width:780px;padding:17px 20px;border-left:2px solid #777;background:#101010;color:#aaa;font-size:13px;line-height:1.8;margin:22px 0 0}
.preview-note{text-align:left;color:#888;margin:10px 0 0;font-size:11px;max-width:none}
.features{padding-top:85px}.section-intro h2{font-size:38px}.feature-overview{margin-top:35px}
.feature-story{gap:70px}.story-copy h2{font-size:35px}.story-copy p:not(.section-kicker){max-width:450px;font-size:15px;line-height:1.8}
.section-kicker{color:#aaa}.overview-item p{font-size:14px;line-height:1.8;color:#aaa}.text-button{font-size:12px;min-height:44px}
.capture-heading h2{max-width:510px}.launch-section{margin-top:95px;background:none}.launch-section h2{font-size:44px;letter-spacing:-1.6px}.launch-section>p:not(.launch-tag){max-width:660px;margin-inline:auto;color:#aaa}.launch-emblem{display:none}
.faq h2{font-size:34px}.faq details>p{color:#aaa}.footer-bottom{color:#929292}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:80px}}
@media(max-width:1000px){.hero{gap:34px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy{font-size:16px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding-inline:14px}.example-stage{padding-left:65px;padding-right:18px}.example-heading{padding-inline:18px}.stage-marker{left:18px}.workflow-steps{grid-template-columns:1fr 1fr;gap:28px 36px}.feature-story{gap:40px}}
@media(max-width:700px){
 .header{height:76px;gap:12px}.header nav{gap:0}.header nav a{display:none}.header nav a[href="#how-it-works"]{display:inline-flex;font-size:12px;white-space:nowrap}.header .brand{font-size:24px}.nav-status{font-size:10px;padding:8px;white-space:nowrap}
 .hero{display:block;padding:44px 0 40px}.hero .launch-tag{font-size:12px;line-height:1.5}.hero h1{font-size:clamp(40px,10.2vw,60px);letter-spacing:-1.9px;line-height:1.12;margin:19px 0}.hero-copy{font-size:16px;line-height:1.8;max-width:490px}.hero-actions{flex-direction:row;align-items:stretch;justify-content:flex-start;gap:10px;margin-top:24px}.hero-actions .button{font-size:12px;padding:12px 14px;min-height:48px;flex:1 1 auto}.hero-note{font-size:12px;margin-top:18px}
 .strategy-example{margin-top:32px;border-radius:9px}.example-heading{padding:16px 18px;font-size:12px}.example-stage{padding:18px 18px 18px 65px}.stage-marker{font-size:10px;top:20px}.example-stage h3{font-size:14px;margin-bottom:11px}.example-stage dl>div{font-size:12px;gap:12px}.example-note{padding:14px 18px;font-size:11px}
 .workflow{padding:32px 0 45px}.workflow-heading{display:block}.workflow h2{font-size:29px}.workflow-heading>p{font-size:14px;margin-top:13px;max-width:420px}.workflow-steps{grid-template-columns:1fr;gap:0;margin:24px 0 20px}.workflow-steps li{padding:20px 0 20px 43px;border-top:1px solid #292929}.step-number{position:absolute;left:0;top:19px;width:25px;height:25px;margin:0}.workflow-steps h3{font-size:16px;margin-bottom:7px}.workflow-steps p{font-size:14px;line-height:1.8}.product-status{padding:14px;gap:10px}.product-status p{font-size:12px}
 .workspace-intro h2{font-size:29px}.workspace-intro p:not(.section-kicker){max-width:none}.demo-badge{margin-top:15px}.view-explanation{font-size:12px;line-height:1.8;padding:14px;margin-top:17px}.preview-note{font-size:11px;margin:12px 0 0;max-width:none;text-align:left}
 .features{padding-top:55px}.section-intro h2{font-size:32px;letter-spacing:-1px}.section-intro>p{max-width:none}.feature-overview{margin-top:25px}.overview-item p{font-size:14px}.feature-story,.reverse{gap:25px;margin-top:48px}.story-copy h2{font-size:31px}.story-copy p:not(.section-kicker){font-size:14px;line-height:1.85}.full-capture{margin-top:48px}.capture-heading h2{font-size:29px;max-width:none}.capture-heading>p{max-width:none}.launch-section{margin-top:55px;padding-block:38px}.launch-section h2{font-size:35px;line-height:1.15;letter-spacing:-1px}.launch-section>p:not(.launch-tag){max-width:360px}.faq{padding-block:46px}.faq h2{font-size:30px}.faq h2 br{display:none}
}
@media(max-width:360px){.header nav{display:none}.hero h1{font-size:38px}.hero-actions .button{flex-basis:100%;font-size:13px}.example-stage{padding-left:58px}.stage-marker{left:14px}.example-stage dl>div{font-size:11px}.example-stage h3{font-size:13px}}