.hosting-page{--hosting-bg:#0b0f14;--hosting-panel:#131a22;--hosting-panel-alt:#0f141a;--hosting-line:#1f2933;--hosting-line-strong:#33404d;--hosting-ink:#e6edf3;--hosting-muted:#9aa8b6;--hosting-accent:#7ce38b;background:var(--hosting-bg);color:var(--hosting-ink)}.hosting-page main{background:var(--hosting-bg)}
.hosting-page .breadcrumb{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;min-height:0;gap:.5em;margin:0 0 48px;color:var(--hosting-muted);font-size:.9rem}.hosting-page .breadcrumb a{text-underline-offset:4px}.hosting-page .breadcrumb [aria-current=page]{color:var(--hosting-ink)}
.hosting-hero{padding:72px 0 88px;border-bottom:1px solid var(--hosting-line)}.hosting-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:center;gap:56px}.terminal-label{margin:0 0 18px;color:var(--hosting-accent);font:600 .86rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.hosting-hero h1{max-width:680px;margin:0;font-size:clamp(4rem,7vw,6.1rem);line-height:.94;letter-spacing:-.065em}.hosting-lead{max-width:600px;margin:26px 0 0;color:var(--hosting-muted);font-size:1.18rem}.hosting-motto{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;font:700 .86rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--hosting-ink)}.hosting-motto span::before{content:"✓ ";color:var(--hosting-accent)}.hosting-page .hosting-primary{background:var(--hosting-accent);border-color:var(--hosting-accent);color:#07100a}.hosting-page .hosting-primary:hover,.hosting-page .hosting-primary:focus{background:#a0efaa;color:#07100a}
.hosting-console{padding:24px;border:1px solid var(--hosting-line);border-radius:14px;background:var(--hosting-panel)}.console-heading,.console-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.console-heading{padding-bottom:16px}.console-heading span{color:var(--hosting-muted);font:500 .76rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.console-row{margin-top:12px;padding:16px;border:1px solid var(--hosting-line);border-radius:10px;background:var(--hosting-bg);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.console-row .status{padding:5px 10px;border-radius:999px;background:#17301f;color:var(--hosting-accent);font:700 .72rem/1 system-ui,sans-serif}.hosting-console p{margin:18px 0 0;color:var(--hosting-muted);font-size:.88rem}
.hosting-section{padding:80px 0;border-bottom:1px solid var(--hosting-line)}.hosting-section h2{max-width:820px;margin:0 0 34px;font-size:clamp(2.3rem,5vw,4rem);line-height:1;letter-spacing:-.045em}.hosting-plans,.hosting-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hosting-plans article,.hosting-features article{padding:26px;border:1px solid var(--hosting-line);border-radius:14px;background:var(--hosting-panel)}.hosting-plans article.featured{border-top:3px solid var(--hosting-accent)}.hosting-plans article>span,.hosting-features article>span{color:var(--hosting-accent);font:600 .78rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hosting-plans h3,.hosting-features h3{margin:22px 0 10px;font-size:1.3rem}.hosting-plans p,.hosting-features p{color:var(--hosting-muted)}.hosting-plans a{color:var(--hosting-accent);font-weight:750;text-underline-offset:4px}.hosting-disclaimer{max-width:900px;margin:24px 0 0;padding:15px 18px;border-left:3px solid var(--hosting-accent);background:var(--hosting-panel);color:var(--hosting-muted);font-size:.92rem}.hosting-panel{background:var(--hosting-panel-alt)}
.hosting-template-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px}.hosting-template-callout h2{margin-bottom:16px}.hosting-template-callout p:not(.terminal-label){max-width:760px;color:var(--hosting-muted)}.hosting-faq{max-width:900px}.hosting-faq details{padding:18px 0;border-top:1px solid var(--hosting-line)}.hosting-faq summary{cursor:pointer;font-weight:750}.hosting-faq details p{color:var(--hosting-muted)}.hosting-page .closing{background:var(--hosting-bg)}.hosting-page .closing-box{border-color:var(--hosting-line);background:var(--hosting-panel)}
@media(max-width:820px){.hosting-hero{padding:54px 0 64px}.hosting-hero-grid{grid-template-columns:1fr;gap:36px}.hosting-plans,.hosting-features{grid-template-columns:1fr}.hosting-template-callout{grid-template-columns:1fr}.hosting-section{padding:62px 0}}@media(max-width:390px){.hosting-hero h1{font-size:3.55rem}.hosting-console{padding:16px}.console-row{align-items:flex-start;flex-direction:column}.hosting-section h2{font-size:2.35rem}}