/* Homepage: promise-first hero, conversion paths and executor value (alpha165). */
.hero{padding-top:30px}
.hero h1{font-size:clamp(36px,4.4vw,59px);white-space:normal;line-height:1.1;letter-spacing:-.048em;max-width:1150px;margin-inline:auto;text-wrap:balance}
.hero-description{max-width:850px;font-size:16px;line-height:1.7;margin-top:22px;color:#bfcbe1}
.hero-description strong{font-weight:400;color:#e0e7f8}
.hero-copy .hero-actions{gap:16px;margin-top:24px}
.hero-proof{margin-top:12px;font-size:11px;line-height:1.5;color:#a9b7d1}
.hero-benefits .benefits-heading{font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin-bottom:24px;color:#e3eaff}
.hero-stage{margin-top:24px}
.continuity-section{padding-block:90px;gap:60px}
.continuity-copy h2,.section-heading h2,.story-copy h2,.connect-inner h2,.faq-heading h2{font-size:clamp(32px,3.5vw,44px);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.continuity-copy h2 span,.story-copy h2 span{color:#6072d2}
.continuity-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:500px}
.continuity-copy>p.continuity-foot{font-size:14px;color:#374568;font-weight:600}
.section-heading{align-items:flex-start;gap:42px}
.section-heading>div{max-width:730px}
.section-description{font-size:14px;line-height:1.8;max-width:320px;padding-top:38px}
.cap-copy>p{font-size:14px}
.cap-copy h3{font-size:33px}
.access-story,.execution-inner{display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center;padding-block:90px}
.story-copy .eyebrow{color:#6d7891;margin-bottom:22px}
.story-copy>p:not(.eyebrow){margin-top:23px;font-size:15px;line-height:1.85;color:#657086;max-width:500px}
.story-detail{display:block;font-size:13px;line-height:1.8;font-weight:600;color:#34415e;margin-top:20px;max-width:470px}
.story-copy .inline-link{margin-top:25px;display:inline-flex;align-items:center;gap:12px;color:#5266c8;font-size:13px}
.access-proof{padding:30px;border:1px solid #e0e5f2;border-radius:18px;background:linear-gradient(140deg,#fff,#edf1ff);box-shadow:0 24px 60px #4d5e9510}
.proof-heading{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.12em;color:#7a88a9;margin-bottom:25px}
.proof-service{display:flex;gap:16px;align-items:center;padding:21px 0;border-top:1px solid #e2e7f2}
.proof-service>.icon{width:35px;height:35px;padding:7px;border-radius:9px;background:#e6eaff;color:#7786da}
.proof-service strong{display:block;font-size:14px;color:#37435e}
.proof-service small{display:block;font-size:11px;color:#8b95ac}
.proof-key{margin-left:auto;font-size:13px;color:#8c9ac8;letter-spacing:2px}
.proof-permission{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid #c8e9d9;border-radius:9px;background:#e8f5ef;color:#3c7962;font-size:12px;font-weight:600;margin-top:15px}
.access-proof>p{font-size:12px;text-align:center;margin-top:18px;color:#61708b}
.proof-caption{display:block;text-align:center;font-size:10px;color:#929db1;margin-top:10px}
.execution-story{background:#151e32;color:#eaf0ff}
.execution-inner{grid-template-columns:1fr 1fr}
.execution-story .story-copy .eyebrow{color:#9eaed1}
.execution-story .story-copy h2 span{color:#a2b2ff}
.execution-story .story-copy>p:not(.eyebrow){color:#b5c1d9}
.execution-story .story-detail{color:#d0dcf3}
.execution-story .inline-link{color:#b4c1ff}
.execution-proof{border:1px solid #3a4763;background:#0d1425;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #070b1966;transform:rotate(-1deg)}
.terminal-bar{display:flex;align-items:center;gap:6px;border-bottom:1px solid #28334a;padding:17px 20px}
.terminal-bar i{width:7px;height:7px;background:#43516d;border-radius:50%}
.terminal-bar i:first-child{background:#a87592}.terminal-bar i:nth-child(2){background:#ada270}.terminal-bar i:nth-child(3){background:#74a495}
.terminal-bar span{margin-left:auto;font-size:9px;color:#8797b6;letter-spacing:.1em}
.terminal-lines{padding:32px 28px;font:13px/2.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d5dff5}
.terminal-lines p{margin-bottom:12px}.terminal-lines span{color:#8397f5}.terminal-lines .terminal-result{color:#91d9bb}.terminal-lines .terminal-muted{color:#8293b1}
.terminal-caption{font-size:10px;padding:0 28px 20px;color:#7a8aa9}
.demo-story h2{font-size:clamp(32px,3.6vw,46px);line-height:1.12;text-wrap:balance}
.demo-story>p{font-size:14px;line-height:1.85}
.connect-inner>div>p:not(.eyebrow){font-size:14px;line-height:1.8}
.final-section h2{font-size:clamp(32px,4vw,49px);line-height:1.12;text-wrap:balance}
@media(max-width:1000px){
 .hero h1{font-size:clamp(34px,5.5vw,52px)}
 .hero-stage{margin-top:12px;gap:24px}
 .hero-visual{grid-row:1}
 .hero-benefits{grid-row:2}
 .hero-functions{display:none}
 .hero-benefits .benefits-heading{text-align:center;margin-bottom:24px}
 .benefits-list{grid-template-columns:1fr 1fr;gap:24px}
 .access-story,.execution-inner{gap:40px;padding-block:64px}
 .story-copy h2{font-size:35px}.story-copy>p:not(.eyebrow){font-size:14px}
 .access-proof{padding:22px}.proof-service{gap:10px}.proof-key{font-size:10px;letter-spacing:1px}
 .continuity-section{gap:36px;padding-block:65px}
 .section-heading{display:block}.section-description{max-width:650px;padding-top:20px}
}
@media(max-width:600px){
 .hero{padding-top:25px}.hero h1{font-size:clamp(31px,8.6vw,45px);line-height:1.12;letter-spacing:-.04em}
 .hero h1 br{display:none}.hero h1 span{display:inline}
 .hero-description{font-size:14px;line-height:1.75;margin-top:20px;max-width:none}
 .hero-copy .hero-actions{gap:12px;margin-top:23px}
 .hero-actions .button{width:100%;max-width:340px;font-size:13px}
 .hero-proof{font-size:10px;max-width:280px;margin:13px auto 0}
 .hero-stage{gap:18px;margin-bottom:25px}
 .benefits-list{gap:22px 18px}.benefit-title{font-size:12px;line-height:1.6}.benefit-keyword{font-size:10px}
 .hero-benefits .benefits-heading{font-size:17px;max-width:270px;margin:0 auto 24px}
 .continuity-section,.access-story,.execution-inner{display:block;padding-block:48px}
 .story-copy h2,.continuity-copy h2,.section-heading h2,.connect-inner h2,.faq-heading h2{font-size:32px;line-height:1.15;max-width:none}
 .story-copy h2 br,.continuity-copy h2 br,.section-heading h2 br,.connect-inner h2 br{display:none}
 .story-copy h2 span:before,.continuity-copy h2 span:before{content:' '}
 .story-copy .eyebrow{margin-bottom:18px;font-size:10px}
 .continuity-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow),.section-description{font-size:14px;line-height:1.8}
 .story-detail{font-size:12px}.story-copy .inline-link{font-size:12px}
 .access-proof{margin-top:30px;padding:22px}.proof-key{font-size:13px}.proof-service{gap:13px}
 .execution-inner{display:flex;flex-direction:column;gap:30px;align-items:stretch}.execution-inner .story-copy{order:-1}
 .terminal-lines{font-size:12px;padding:26px 22px}.terminal-caption{padding-inline:22px}
 .demo-story h2{font-size:34px;line-height:1.15}.demo-story>p{font-size:13px}
 .final-section h2{font-size:32px}.connect-inner>div>p:not(.eyebrow){font-size:13px}
}
/* Account creation first, demo second, plans visible. */
.button-demo{background:#1a2135;color:#e6ebff;box-shadow:0 0 0 1px #ffffff2e,0 8px 25px #0002;gap:12px}
.button-demo:hover{background:#242d46;box-shadow:0 0 0 1px #ffffff55,0 8px 25px #0003}
.button-demo .live-dot{width:7px;height:7px;background:#5fd0a4;box-shadow:0 0 10px #5fd0a480}
.hero-benefits .benefit-keyword{color:#9aa8ff}
.connect-signup{margin-top:22px;width:fit-content}
.connect-actions .inline-link.protocol-link{display:block}
.plan-strip{padding-bottom:60px}
.plan-strip-title{font-size:15px;font-weight:700;color:#2d3854;letter-spacing:-.01em;margin-bottom:16px}
.plan-strip ul{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0}
.plan-strip li{background:#fff;border:1px solid #dfe4f2;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.plan-strip li.plan-free{border-color:#8995ff;box-shadow:0 0 0 1px #8995ff inset}
.plan-strip strong{font-size:13px;color:#2d3854}
.plan-price{font-size:20px;font-weight:700;color:#141c30;letter-spacing:-.02em}
.plan-strip small{font-size:12px;line-height:1.6;color:#65708a}
.plan-strip .inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:#5266c8}
.doubt-line{margin-top:22px;font-size:12px;color:#7f899d}
.doubt-line a{display:inline-flex;align-items:center;gap:6px;color:#4b5a8f;text-decoration:underline;text-underline-offset:3px}
.doubt-line .chatgpt-logo{filter:invert(1) brightness(.35)}
.final-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.final-actions .button{margin-top:0}
@media(max-width:1000px){.plan-strip ul{grid-template-columns:1fr}}
@media(max-width:600px){
 .plan-strip{padding-bottom:44px}
 .connect-signup{width:100%;max-width:340px}
 .final-actions .button{width:100%;max-width:300px}
 .hero-benefits .benefits-list{grid-template-columns:1fr 1fr}
}
.fit-footer .fit-secondary{display:block;text-align:center;margin-top:10px;font-size:12px;color:#b9c4e4;text-decoration:underline;text-underline-offset:3px}
.agent-logos .devin-logo{height:18px;width:auto}
.chatgpt-opinion{display:flex;width:fit-content;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;font-size:12px;color:#c9d2ee;text-decoration:underline;text-underline-offset:3px}
.chatgpt-opinion:hover{color:#fff}
.terminal-lines code.vault-ref{font:inherit;color:#f5c26b;background:#f5c26b14;border:1px solid #f5c26b40;border-radius:5px;padding:1px 6px}
.terminal-lines .masked{color:#f5c26b;letter-spacing:2px}
.story-copy p code{font:600 .88em ui-monospace,SFMono-Regular,Consolas,monospace;color:#f5c26b;background:#f5c26b14;border:1px solid #f5c26b33;border-radius:5px;padding:1px 5px;white-space:nowrap}
@media(max-width:600px){.chatgpt-opinion{font-size:11px;text-align:center;flex-wrap:wrap}}
@media(max-width:600px){.hero h1 span.next-line{display:block}}
/* Readable text meets WCAG AA contrast and a 12px floor; the illustrated product windows keep their own small type. */
.faq-list details>p{font-size:14px;color:#4c566b}
.continuity-copy .eyebrow,.section-heading .eyebrow,.story-copy .eyebrow,.faq-heading .eyebrow{color:#5c6578}
.connect-inner .eyebrow,.url-label{color:#59647f}
.session-tabs button{color:#596279}.session-tabs button.active{color:#46559c}
.cap-tabs button{color:#59627a}#feature-label{color:#5f6880}.cap-copy .inline-link{color:#4f5ec0}
.live-label{color:#566461}.demo-steps span{color:#667084}.demo-steps p{font-size:12px;color:#5f687a}
.faq-heading .inline-link{color:#5c6578}.connect-actions .inline-link{color:#4b5a9e}
.url-scheme{color:#666f88}.url-path{color:#5564ba}
.footer>p{font-size:12px;color:#646c7d}.footer nav a,.legal-footer a{color:#5f687a}
.hero-proof,.terminal-caption,.chatgpt-opinion{font-size:12px}