.hosting-home{--host-ink:#17211b;--host-muted:#5c675f;--host-border:#dce2da;--host-accent:#caecac;color:var(--host-ink);background:#fbfcfa}.hosting-home h1,.hosting-home h2,.hosting-home h3{letter-spacing:-.045em;margin:0;line-height:1.08}.hosting-home p{line-height:1.7}.hosting-home h2{font-size:clamp(32px,4.3vw,52px);font-weight:600}.hosting-home h3{font-size:25px;font-weight:600}.hosting-hero{text-align:center;padding-block:88px 0}.hosting-eyebrow{letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-geist-mono), monospace;color:var(--host-muted);margin:0 0 24px;font-weight:500;font-size:11px!important}.hosting-hero .hosting-eyebrow{justify-content:center;align-items:center;gap:9px;display:flex}.hosting-eyebrow>span{background:#507c42;border-radius:50%;width:7px;height:7px}.hosting-hero h1{font-size:clamp(52px,7.7vw,96px);font-weight:600}.hosting-hero h1>span{color:#52684a}.hosting-lead{max-width:650px;color:var(--host-muted);margin:28px auto;font-size:19px}.hosting-actions{justify-content:center;align-items:center;gap:28px;margin-top:30px;display:flex}.hosting-text-link{text-underline-offset:5px;font-size:14px;font-weight:600}.hosting-text-link:hover{text-decoration:underline}.hosting-notice{color:var(--host-muted);margin:22px 0 0;font-size:12px}.hosting-route{border-block:1px solid var(--host-border);font-family:var(--font-geist-mono), monospace;letter-spacing:.05em;justify-content:center;align-items:center;gap:40px;margin-top:64px;padding:30px 12px;font-size:11px;display:flex}.hosting-route strong{font:600 20px var(--font-geist-sans), sans-serif;letter-spacing:-.03em}.hosting-route i{color:#98aa91;font-size:22px;font-style:normal}.hosting-section{padding-block:88px}.hosting-section-heading{max-width:640px;margin-bottom:38px}.hosting-section-heading>p:not(.hosting-eyebrow){color:var(--host-muted);margin:22px 0;font-size:17px}.hosting-demo{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;scroll-margin-top:100px;display:grid}.hosting-demo .hosting-section-heading{margin:0}.hosting-walkthrough{border:1px solid var(--host-border);background:#fff;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 22px 70px #1b341511}.walkthrough-top{font:10px var(--font-geist-mono), monospace;letter-spacing:.1em;border-bottom:1px solid var(--host-border);color:var(--host-muted);justify-content:space-between;gap:12px;padding:20px 24px;display:flex}.walkthrough-controls{border-bottom:1px solid var(--host-border);grid-template-columns:repeat(4,1fr);gap:4px;padding:14px;display:grid}.walkthrough-controls button{cursor:pointer;color:#5c675f;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:12px 4px;font-size:12px;display:flex}.walkthrough-controls button span{font-family:var(--font-geist-mono), monospace;opacity:.7;font-size:10px}.walkthrough-controls button[aria-pressed=true]{color:#263921;background:#eaf1e5;font-weight:600}.walkthrough-panel{min-height:325px;padding:28px}.walkthrough-source{background:#f6f8f3;border:1px solid #e8ece4;border-radius:8px;gap:10px;margin-bottom:28px;padding:18px;display:grid}.walkthrough-source span{font:9px var(--font-geist-mono), monospace;color:var(--host-muted)}.walkthrough-source code{overflow-wrap:anywhere;font-size:12px}.walkthrough-panel h3{font-size:23px;line-height:1.2}.walkthrough-panel p{color:var(--host-muted);margin:14px 0 22px;font-size:14px}.walkthrough-sequence{font:11px/1.8 var(--font-geist-mono), monospace;border-top:1px dashed var(--host-border);color:#416135;padding-top:15px}.walkthrough-repo{border-top:1px solid var(--host-border);text-underline-offset:4px;background:#f7f9f5;padding:16px 28px;font-size:12px;text-decoration:underline;display:block}.hosting-outcomes{border-block:1px solid var(--host-border);background:#edf1e9}.hosting-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.hosting-three article{min-width:0}.hosting-number{width:38px;height:38px;font:11px var(--font-geist-mono), monospace;border:1px solid #bfcbb6;border-radius:50%;justify-content:center;align-items:center;margin:12px 0 28px;display:inline-flex}.hosting-three p{color:var(--host-muted);font-size:15px}.hosting-three article>a{text-underline-offset:4px;margin-top:12px;font-size:13px;text-decoration:underline;display:inline-block}.hosting-paths{grid-template-columns:1fr 1fr;gap:24px;display:grid}.hosting-paths article{border:1px solid var(--host-border);background:#fff;border-radius:12px;padding:34px}.hosting-path-icon{font:24px var(--font-geist-mono), monospace;margin-bottom:30px;display:inline-flex}.hosting-paths p{color:var(--host-muted);margin:18px 0 26px;font-size:16px}.hosting-compatibility{border-top:1px solid var(--host-border)}.hosting-compatibility dl{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;display:grid}.hosting-compatibility dl>div{border-left:2px solid #bbd5a7;padding:12px 18px}.hosting-compatibility dt{color:var(--host-muted);margin-bottom:10px;font-size:12px}.hosting-compatibility dd{margin:0;font-size:16px;font-weight:600}.hosting-limits{color:var(--host-muted);max-width:850px;margin:30px 0 18px;font-size:14px}.hosting-developer{color:#f1f5ec;background:#17211b}.hosting-two{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.hosting-developer .hosting-eyebrow{color:#b7c9ae}.hosting-developer p{color:#b6c1b4;font-size:17px}.hosting-developer .marketing-button{margin-top:16px}.hosting-doc-preview{background:#1e2b21;border:1px solid #40513d;border-radius:12px;gap:0;padding:26px;display:grid}.hosting-doc-preview>span{font:10px var(--font-geist-mono), monospace;letter-spacing:.07em;color:#c8e3b6;margin-bottom:18px}.hosting-doc-preview>a{border-bottom:1px solid #374834;padding:15px 0;font-size:14px}.hosting-doc-preview>p{margin:20px 0 4px;font-size:12px}.hosting-pricing{border-bottom:1px solid var(--host-border);justify-content:space-between;align-items:center;gap:35px;display:flex}.hosting-pricing>div{max-width:660px}.hosting-pricing p{color:var(--host-muted);margin-bottom:0}.hosting-pricing .marketing-button{flex-shrink:0}.hosting-guides article{border-top:1px solid var(--host-border);padding-top:22px}.hosting-guides article>span{color:var(--host-muted);margin-bottom:18px;font-size:12px;display:block}.hosting-guides h3{font-size:22px;line-height:1.3}.hosting-home :focus-visible{outline-offset:5px;outline:2px solid #719852}@media (prefers-reduced-motion:no-preference){.hosting-home button,.hosting-home a{transition:background-color .18s,color .18s}.hosting-home{scroll-behavior:smooth}}@media (max-width:900px){.hosting-demo,.hosting-two{grid-template-columns:1fr;gap:36px}.hosting-three{gap:24px}.hosting-pricing{flex-direction:column;align-items:flex-start}.hosting-demo .hosting-section-heading{max-width:680px}}@media (max-width:600px){.hosting-hero{padding-top:55px}.hosting-hero h1{font-size:50px}.hosting-lead{font-size:17px}.hosting-actions{flex-direction:column;gap:22px}.hosting-route{gap:12px;margin-top:42px;font-size:8px}.hosting-route strong{font-size:17px}.hosting-route i{font-size:16px}.hosting-section{padding-block:56px}.hosting-three,.hosting-paths,.hosting-compatibility dl{grid-template-columns:1fr}.hosting-three article+article{border-top:1px solid var(--host-border);padding-top:24px}.walkthrough-panel{min-height:355px;padding:22px}.walkthrough-controls{padding:8px}.walkthrough-controls button{flex-direction:column;gap:5px}.hosting-paths article{padding:26px}.hosting-doc-preview{padding:22px}.hosting-notice{font-size:11px}}