/* Approved homepage: charcoal sections alternate with a deeper near-black. */
.home-page{--bg-primary:#0e1218;--bg-secondary:#06090d;--accent:#00c7ed;--text-secondary:#b5c2d0;--text-muted:#a2afbd;--home-border:#293745;background:var(--bg-primary)}
.home-page .container{max-width:1240px;padding:0 32px}.home-page .section{padding:80px 0;background:var(--bg-primary)}.home-page .section-deep{background:var(--bg-secondary);border-top:1px solid #1d2833;border-bottom:1px solid #1d2833}.home-page .eyebrow{font:500 .72rem/1.5 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}.home-page .section-title{text-align:left;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 16px}.home-page .section-sub{text-align:left;margin:0 0 30px;max-width:720px;color:var(--text-secondary);font-size:1rem}.home-page .btn{border-radius:7px;padding:12px 22px}.home-page .btn-lg{padding:15px 25px}.home-page .btn-primary:hover{box-shadow:none}.home-page .hero{padding:132px 0 66px;background:var(--bg-primary);text-align:left}.home-page .hero-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center}.home-page .hero-copy,.home-page .hero-demo{min-width:0}.home-page .hero-headline{font-size:clamp(2.35rem,4vw,3.65rem);letter-spacing:-.05em;line-height:1.13;margin-bottom:24px}.home-page .hero-headline>span{color:var(--accent)}.home-page .hero-sub{font-size:1.1rem;margin:0 0 28px;max-width:435px}.home-page .hero-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.home-page .demo-launch{padding:9px 0;border:0;background:none;color:var(--text-primary);font:500 .9rem var(--font-sans);cursor:pointer;text-align:left}.home-page .demo-launch span{color:var(--accent);margin-left:7px}.home-page .hero-billing{font-size:.85rem;color:var(--text-secondary);margin-top:18px}.home-page .hero-trial{font-size:.78rem;color:var(--text-secondary);margin-top:8px;max-width:380px}.home-page .deploy-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:38px 0 32px}.home-page .step-index{color:var(--accent);font:500 .95rem var(--font-mono)}.home-page .deploy-steps h3{font-size:1rem;margin:14px 0 8px}.home-page .deploy-steps p{font-size:.9rem;color:var(--text-secondary);max-width:290px}.home-page .deployment-prompt{display:flex;gap:24px;align-items:center;border:1px solid #36495a;border-radius:10px;background:#121b24;padding:24px}.home-page .deployment-prompt>div{flex:1;min-width:0}.home-page .prompt-label{font:.68rem/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:9px}.home-page #deploymentPrompt{font:.88rem/1.7 var(--font-mono);color:#d2f6ff;overflow-wrap:anywhere}.home-page .deployment-prompt button{flex:none;font-size:.85rem}.home-page .guide-links{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:15px;font-size:.85rem}.home-page #promptStatus:empty{display:none}.home-page #promptStatus{width:100%;color:var(--text-primary)}.home-page .agent-tools{margin-top:42px;border-top:1px solid #24313d;padding-top:25px}.home-page .tools-label{text-align:left;color:var(--text-secondary);font-size:.8rem;margin-bottom:16px}.home-page .tools-list{justify-content:flex-start;gap:15px 25px}.home-page .tool-badge{background:none;padding:0;border:0;color:var(--text-secondary);font-size:.85rem}.home-page .tools-note{color:var(--text-muted);font-size:.7rem;margin-top:15px;max-width:780px}
.home-page .plan-cards{margin:42px 0 24px;gap:18px;max-width:none;align-items:start}.home-page .plan-card{padding:26px 20px 20px;background:#151d26;border:1px solid #344350;box-shadow:none;transform:none}.home-page .plan-card:hover{transform:none;border-color:#647689}.home-page .plan-card-featured{background:#13232f;border-color:var(--accent)}.home-page .plan-card-featured:hover{border-color:var(--accent)}.home-page .plan-name{font-size:1.3rem;margin:0 0 8px}.home-page .plan-tagline{font:.83rem/1.5 var(--font-sans);min-height:42px;margin:0 0 18px;color:var(--text-secondary)}.home-page .plan-price{font-size:2.5rem;line-height:1.1;margin:0}.home-page .price-dollar{font-size:2.15rem}.home-page .price-period{font-size:.9rem;color:var(--text-secondary)}.home-page .plan-annual{color:var(--text-secondary);font-size:.8rem;margin:10px 0 22px}.home-page .plan-highlights{min-height:105px}.home-page .plan-highlights li{font-size:.85rem;padding:5px 0;color:var(--text-primary)}.home-page .plan-highlights li::before{content:'✓';margin-right:7px;color:var(--accent)}.home-page .plan-ssh{font-size:.85rem;border-top:1px solid #35424f;padding-top:14px;margin:8px 0 20px}.home-page .plan-cta-btn{padding:11px 8px;font-size:.85rem}.home-page .plan-details{margin-top:18px}.home-page summary{cursor:pointer;min-height:32px}.home-page .plan-details summary{font-size:.78rem;color:var(--text-secondary)}.home-page .plan-features{margin-top:12px}.home-page .plan-features li{font-size:.8rem;padding:6px 0}.home-page .plan-badge{font-size:.65rem;padding:5px 11px;letter-spacing:.05em;top:-14px;border-radius:5px;left:auto;right:16px;transform:none}.home-page .plan-comparison{margin:24px 0}.home-page .plan-comparison>summary{color:var(--accent);font-size:.9rem;min-height:44px;padding:10px 0}.home-page .compare-table{margin:16px 0 0}.home-page .compare-table caption{padding:8px;text-align:left;font-size:.9rem}.home-page .compare-table th[scope=row]{color:var(--text-primary);font-weight:500}.home-page .plan-footnote{max-width:900px;margin:16px auto 0;font-size:.78rem;color:var(--text-secondary);line-height:1.7}.home-page .compatibility-list{display:flex;flex-wrap:wrap;gap:22px 38px;margin:36px 0 22px}.home-page .compatibility-list span{border-left:2px solid var(--accent);padding-left:14px;font:500 1rem var(--font-mono)}.home-page .hosting-basics{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:35px;padding-top:30px;border-top:1px solid #26323d}.home-page .hosting-basics h3{font-size:1rem;margin-bottom:10px}.home-page .hosting-basics p{font-size:.9rem;color:var(--text-secondary)}.home-page .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.home-page .faq-list details{border-bottom:1px solid #34424e;padding:18px 0}.home-page .faq-list details:first-child{padding-top:0}.home-page .faq-list summary{font-size:1rem;padding:5px 0}.home-page .faq-list p{color:var(--text-secondary);font-size:.9rem;padding-top:12px}.home-page .domain-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.home-page .domain-layout .section-sub{margin-bottom:0}.home-page .domain-search{width:100%;max-width:none}.home-page .domain-form{background:#151d26}.home-page .domain-input{min-width:0;font-size:1rem}.home-page .domain-tld{max-width:110px;font-size:1rem}.home-page .domain-form .btn{border-radius:0;padding-left:20px;padding-right:20px}.home-page .cta-section{background:var(--bg-primary);text-align:center}.home-page .cta-section .eyebrow{text-align:center}.home-page .cta-headline{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.15;margin-bottom:28px}.home-page .cta-sub{color:var(--text-secondary);font-size:.85rem;margin-top:20px}.home-page .footer{background:#06090d;border-top:1px solid #24303c;padding:58px 0 25px}.home-page .footer a{font-size:.85rem}.home-page .footer-bottom p{color:var(--text-secondary)}
/* The hero demo transitions from agent activity to the example website. */
#deploymentDemo{font-family:var(--font-sans);--bh-cyan:var(--accent);background:#10161e}#deploymentDemo .bh-brand{font-family:var(--font-mono);font-size:13px;letter-spacing:0}#deploymentDemo .bh-top{padding:17px}#deploymentDemo .bh-workspace{grid-template-columns:1fr;padding:15px 15px 0}#deploymentDemo .bh-workspace>section{grid-area:1/1}#deploymentDemo .bh-agent{transition:opacity .5s}#deploymentDemo .bh-browser{visibility:hidden;opacity:0;transition:opacity .7s}#deploymentDemo.bh-complete .bh-agent{visibility:hidden;opacity:0}#deploymentDemo.bh-complete .bh-browser{visibility:visible;opacity:1}#deploymentDemo .bh-agent-body{padding:16px}#deploymentDemo .bh-reply{min-height:38px;font-size:13px}#deploymentDemo .bh-small-label{font-size:11px}#deploymentDemo .bh-steps li{font-size:13px;min-height:40px}#deploymentDemo .bh-step-state{font-size:11px}#deploymentDemo .bh-playback{padding:18px 15px 15px}#deploymentDemo .bh-status{font-size:12px;max-width:230px}#deploymentDemo .bh-controls{gap:10px;align-items:center;flex-direction:row}#deploymentDemo .bh-buttons{width:auto}#deploymentDemo .bh-disclosure{font-size:11px}#deploymentDemo .bh-browser-footer{font-size:11px}#deploymentDemo .bh-stage,#deploymentDemo .bh-site{min-height:340px}#deploymentDemo .bh-site-nav{height:40px}#deploymentDemo .bh-site-nav strong{font-size:12px}#deploymentDemo .bh-site-nav>span{font-size:11px}#deploymentDemo .bh-site-art{height:115px}#deploymentDemo .bh-site h3{font-size:32px}#deploymentDemo .bh-site-copy p,#deploymentDemo .bh-site-link{font-size:11px}#deploymentDemo .bh-site-copy .bh-small-label{font-size:10px}
@media(max-width:1050px){.home-page .hero-layout{gap:30px;grid-template-columns:.85fr 1.15fr}.home-page .plan-cards{grid-template-columns:repeat(2,1fr);gap:28px 20px}.home-page .plan-tagline{min-height:0}#deploymentDemo .bh-controls{flex-wrap:wrap}#deploymentDemo .bh-status{max-width:none}.home-page .faq-layout,.home-page .domain-layout{gap:32px}}
@media(max-width:800px){.home-page .container{padding:0 22px}.home-page .section{padding:54px 0}.home-page .hero{padding:110px 0 45px}.home-page .hero-layout{grid-template-columns:1fr;gap:32px}.home-page .hero-headline{font-size:clamp(2.1rem,6vw,3.2rem)}.home-page .hero-sub{max-width:550px}.home-page .hero-actions{align-items:flex-start}.home-page .hero-demo{max-width:600px;width:100%}.home-page .deploy-steps,.home-page .hosting-basics{grid-template-columns:1fr;gap:25px;margin-top:28px}.home-page .deploy-steps p{max-width:none}.home-page .deploy-steps h3{margin-top:9px}.home-page .deployment-prompt{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.home-page .deployment-prompt button{width:100%}.home-page .guide-links{flex-direction:column;gap:12px}.home-page .faq-layout,.home-page .domain-layout{grid-template-columns:1fr;gap:28px}.home-page .faq-layout .section-sub{margin-bottom:0}.home-page .compatibility-list{gap:20px 24px}.home-page .compatibility-list span{font-size:.9rem}.home-page .domain-form{flex-direction:row}.home-page .domain-tld{max-width:90px;border-top:0;border-left:1px solid var(--border)}.home-page .tools-list{gap:20px}.home-page .plan-comparison .table-wrap{overflow:auto}.home-page .compare-table{min-width:650px}#deploymentDemo .bh-controls{flex-direction:row}#deploymentDemo .bh-buttons{width:auto}}
@media(max-width:560px){.home-page .plan-cards{grid-template-columns:1fr;gap:27px}.home-page .plan-card-featured{order:-1}.home-page .plan-highlights{min-height:0;margin-bottom:22px}.home-page .plan-card{padding:26px 22px 20px}.home-page .domain-form{flex-wrap:wrap}.home-page .domain-input{width:calc(100% - 90px);flex:1}.home-page .domain-form button{width:100%}.home-page .hero-trial{font-size:.8rem}.home-page .hero-headline>span{white-space:normal}#deploymentDemo .bh-controls{flex-direction:column;align-items:stretch}#deploymentDemo .bh-buttons{width:100%}#deploymentDemo .bh-play{flex:1}#deploymentDemo .bh-steps li{font-size:12px;gap:6px}#deploymentDemo .bh-stage,#deploymentDemo .bh-site{min-height:340px}.home-page .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.home-page .footer a{overflow-wrap:anywhere}.home-page .hero-actions>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){.home-page *{scroll-behavior:auto!important}.home-page .btn:hover{transform:none}#deploymentDemo *{transition:none!important;animation:none!important}}

.home-page .plan-badge{background:var(--accent);color:#07131b}.home-page .plan-footnote{font-family:var(--font-sans);letter-spacing:normal}
@media(max-width:800px){.home-page .hero-break{display:none}}

/* Official product artwork: preserve asset colors, aspect ratios, and clear space. */
.home-page .tools-list{align-items:center;gap:20px 32px}
.home-page .tool-badge{display:inline-flex;align-items:center;min-height:44px;border-radius:3px}
.home-page .tool-badge:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.home-page .agent-logo{display:block;width:auto;height:24px;max-width:none}
.home-page .agent-logo-claude{height:32px}
.home-page .agent-logo-windsurf{height:56px}
.home-page .tool-badge-codex{font:600 23px/1.2 var(--font-sans);letter-spacing:-.035em;color:var(--text-primary)}
@media(max-width:480px){.home-page .tools-list{gap:12px 28px}}