.hosting-hero{position:relative;overflow:hidden;min-height:92vh;display:grid;align-items:center;padding:9rem 0 5rem;background:radial-gradient(circle at 75% 42%,rgba(0,221,253,.09),transparent 26%),linear-gradient(180deg,#05080d,#07111d 78%,#05080d)}
.hosting-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);gap:clamp(3rem,7vw,8rem);align-items:center;position:relative;z-index:2}
.hosting-hero-copy h1{font-size:clamp(3.2rem,6.5vw,7rem);line-height:.91;letter-spacing:-.055em;margin:1rem 0 1.5rem;max-width:12ch}.hosting-hero-copy h1 span{color:var(--buddy-cyan)}.hosting-hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.7vw,1.3rem);max-width:62ch;color:var(--buddy-muted);line-height:1.7}
.hosting-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid rgba(141,238,255,.14);border-bottom:1px solid rgba(141,238,255,.14)}.hosting-hero-meta div{padding:1.1rem;border-right:1px solid rgba(141,238,255,.12)}.hosting-hero-meta div:last-child{border-right:0}.hosting-hero-meta strong{display:block;font-size:.78rem;margin-top:.25rem}
.hosting-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.25}.hosting-orb-a{width:24rem;height:24rem;background:#00ddfd;right:-9rem;top:8rem}.hosting-orb-b{width:18rem;height:18rem;background:#886cff;left:32%;bottom:-8rem}
.infra-console{background:linear-gradient(180deg,rgba(17,30,43,.92),rgba(5,8,13,.9));border:1px solid rgba(141,238,255,.17);box-shadow:0 35px 90px rgba(0,0,0,.45);position:relative}.infra-console:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,rgba(0,221,253,.18),transparent 28%,transparent 72%,rgba(136,108,255,.12));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}.infra-console-head,.infra-console-foot{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font:700 .68rem/1 var(--font-mono,monospace);letter-spacing:.12em;color:var(--buddy-muted);border-bottom:1px solid rgba(141,238,255,.12)}.infra-console-foot{border-bottom:0;border-top:1px solid rgba(141,238,255,.12)}.infra-console-foot b{color:var(--buddy-cyan)}
.infra-stack{padding:.55rem 1.1rem}.infra-stack-row{display:grid;grid-template-columns:2.5rem 1fr 3.5rem;align-items:center;gap:.75rem;min-height:4rem;border-bottom:1px solid rgba(141,238,255,.08);transition:.25s ease}.infra-stack-row>span{font-size:.65rem;color:var(--buddy-muted)}.infra-stack-row small,.infra-stack-row strong{display:block}.infra-stack-row small{font-size:.57rem;letter-spacing:.13em;color:var(--buddy-muted)}.infra-stack-row strong{font-size:.84rem;margin-top:.2rem}.infra-stack-row i{height:2px;background:rgba(141,238,255,.12);position:relative;overflow:hidden}.infra-stack-row i:after{content:"";position:absolute;inset:0;background:var(--buddy-cyan);transform:translateX(-100%)}.infra-stack-row.active{background:linear-gradient(90deg,rgba(0,221,253,.08),transparent);padding-left:.55rem;color:#fff}.infra-stack-row.active i:after{animation:packetLine 1.1s linear infinite}@keyframes packetLine{to{transform:translateX(100%)}}
.hosting-strip{border-top:1px solid rgba(141,238,255,.1);border-bottom:1px solid rgba(141,238,255,.1);background:#070d14}.hosting-strip .shell{display:flex;justify-content:space-between;gap:1rem;overflow:auto;padding-top:1rem;padding-bottom:1rem}.hosting-strip span{white-space:nowrap;font-size:.65rem;letter-spacing:.18em;color:var(--buddy-muted)}
.hosting-plans-section{background:linear-gradient(180deg,#05080d,#07111d)}.hosting-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.hosting-section-head h2,.architecture-flow+h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1}.billing-toggle{display:flex;border:1px solid rgba(141,238,255,.16);padding:.3rem;background:rgba(255,255,255,.02)}.billing-toggle button{border:0;background:transparent;color:var(--buddy-muted);padding:.75rem 1rem;font-size:.68rem;letter-spacing:.12em;cursor:pointer}.billing-toggle button.active{background:var(--buddy-cyan);color:#031015}
.pricing-notice{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;margin:0 0 2rem;border-left:2px solid var(--buddy-violet);background:rgba(136,108,255,.06);color:var(--buddy-muted);font-size:.86rem}.pricing-notice span{flex:none;font-size:.63rem;letter-spacing:.12em;color:#c9c2ff}
.hosting-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.hosting-plan{position:relative;padding:1.5rem;background:linear-gradient(180deg,rgba(17,30,43,.88),rgba(8,14,21,.92));border:1px solid rgba(141,238,255,.13);display:flex;flex-direction:column;min-height:32rem}.hosting-plan.featured{border-color:rgba(0,221,253,.55);box-shadow:0 0 50px rgba(0,221,253,.08)}.plan-flag{position:absolute;right:0;top:0;padding:.5rem .7rem;background:var(--buddy-cyan);color:#031015;font-size:.58rem;font-weight:800;letter-spacing:.1em}.plan-index{font-size:.6rem;letter-spacing:.15em;color:var(--buddy-cyan);margin-bottom:1rem}.hosting-plan h3{font-size:1.45rem;margin:0 0 .55rem}.hosting-plan>p{color:var(--buddy-muted);min-height:4.8rem;line-height:1.55}.plan-price{border-top:1px solid rgba(141,238,255,.1);border-bottom:1px solid rgba(141,238,255,.1);padding:1rem 0;margin:1rem 0}.plan-price span{display:block;font-size:1.25rem;font-weight:800}.plan-price small{font-size:.58rem;color:var(--buddy-muted);letter-spacing:.12em}.hosting-plan ul{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.65rem;flex:1}.hosting-plan li{color:#b8c4cd;font-size:.83rem;padding-left:1.15rem;position:relative}.hosting-plan li:before{content:"+";position:absolute;left:0;color:var(--buddy-cyan)}.annual-rule{margin-top:1rem;padding:1.3rem 1.5rem;border:1px solid rgba(141,238,255,.12);display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.2rem}.annual-rule strong{font-size:1rem}.annual-rule p{grid-column:2;color:var(--buddy-muted);margin:0;font-size:.84rem}
.compare-section{background:#05080d}.hosting-comparison{overflow:auto;border:1px solid rgba(141,238,255,.12)}.hosting-comparison table{width:100%;border-collapse:collapse;min-width:820px;background:#08111a}.hosting-comparison th,.hosting-comparison td{padding:1rem;border-bottom:1px solid rgba(141,238,255,.09);border-right:1px solid rgba(141,238,255,.07);text-align:left;font-size:.78rem}.hosting-comparison thead th{color:var(--buddy-cyan);font-size:.63rem;letter-spacing:.1em}.hosting-comparison tbody th{color:#fff}.hosting-comparison td{color:var(--buddy-muted)}
.domain-section{background:radial-gradient(circle at 25% 50%,rgba(136,108,255,.1),transparent 30%),#07111d}.domain-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,7rem);align-items:center}.domain-copy h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.98}.domain-copy>p:not(.eyebrow){color:var(--buddy-muted);line-height:1.7}.domain-tlds{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.domain-tlds span{padding:.55rem .7rem;border:1px solid rgba(141,238,255,.13);font-size:.65rem;letter-spacing:.1em}
.domain-terminal{background:#05080d;border:1px solid rgba(0,221,253,.25);box-shadow:0 30px 80px rgba(0,0,0,.4);padding:1.2rem}.domain-terminal-head{display:flex;justify-content:space-between;color:var(--buddy-muted);font-size:.62rem;letter-spacing:.1em;padding-bottom:1rem;border-bottom:1px solid rgba(141,238,255,.1)}.domain-terminal-head b{color:#ffbe55}.domain-terminal label{display:block;margin:1.3rem 0 .55rem;font-size:.62rem;letter-spacing:.12em;color:var(--buddy-muted)}.domain-search-row{display:grid;grid-template-columns:1fr auto}.domain-search-row input{min-width:0;background:#091827;border:1px solid rgba(141,238,255,.18);color:#fff;padding:1rem;font-size:1rem;outline:none}.domain-search-row input:focus{border-color:var(--buddy-cyan);box-shadow:0 0 0 3px rgba(0,221,253,.08)}.domain-search-row button{border:0;background:var(--buddy-cyan);color:#031015;font-weight:800;padding:0 1.2rem;cursor:pointer}.domain-result{display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;padding:1rem;margin-top:1rem;background:rgba(255,255,255,.025);border:1px solid rgba(141,238,255,.09)}.domain-result-icon{font-size:1.4rem;color:var(--buddy-cyan)}.domain-result strong{font-size:.75rem}.domain-result p{margin:.25rem 0 0;color:var(--buddy-muted);font-size:.78rem;line-height:1.55}.domain-price-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1rem;border:1px solid rgba(141,238,255,.09)}.domain-price-grid div{padding:.8rem;border-right:1px solid rgba(141,238,255,.09)}.domain-price-grid div:last-child{border-right:0}.domain-price-grid small,.domain-price-grid strong{display:block}.domain-price-grid small{font-size:.55rem;color:var(--buddy-muted);letter-spacing:.1em}.domain-price-grid strong{font-size:.74rem;margin-top:.3rem}
.maintenance-section{background:#05080d}.maintenance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.maintenance-card{padding:1.5rem;border-top:2px solid rgba(0,221,253,.45);background:linear-gradient(180deg,rgba(17,30,43,.72),rgba(7,13,20,.72))}.maintenance-card>span{font-size:.6rem;letter-spacing:.13em;color:var(--buddy-cyan)}.maintenance-card h3{font-size:1.7rem;margin:.6rem 0}.maintenance-card>p{color:var(--buddy-muted);min-height:4.5rem}.maintenance-price{font-weight:800;padding:1rem 0;border-top:1px solid rgba(141,238,255,.1);border-bottom:1px solid rgba(141,238,255,.1)}.maintenance-price small{display:block;font-size:.55rem;color:var(--buddy-muted)}.maintenance-card ul{list-style:none;margin:1.1rem 0 1.4rem;padding:0;display:grid;gap:.55rem}.maintenance-card li{font-size:.8rem;color:#b8c4cd}.maintenance-card li:before{content:"•";color:var(--buddy-violet);margin-right:.55rem}.maintenance-card a{font-size:.68rem;letter-spacing:.1em;color:var(--buddy-cyan)}
.hosting-architecture-section{background:#07111d}.architecture-flow{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:rgba(141,238,255,.09);margin-top:2rem}.architecture-flow article{background:#08111a;padding:1.2rem;min-height:12rem}.architecture-flow span{font-size:.62rem;color:var(--buddy-cyan)}.architecture-flow h3{font-size:.9rem;margin:1.4rem 0 .65rem}.architecture-flow p{color:var(--buddy-muted);font-size:.75rem;line-height:1.55}
.hosting-final-cta{position:relative;overflow:hidden;padding:7rem 0;text-align:center;background:#05080d}.hosting-final-cta .shell{position:relative;z-index:2}.hosting-final-cta h2{font-size:clamp(2.8rem,6vw,6rem);line-height:.95;margin:1rem auto 1.5rem}.hosting-final-cta h2 span{color:var(--buddy-cyan)}.hosting-final-cta p:not(.eyebrow){color:var(--buddy-muted);max-width:55ch;margin:0 auto 1.5rem}.hosting-final-cta .button-row{justify-content:center}
@media(max-width:1080px){.hosting-hero-layout{grid-template-columns:1fr}.hosting-hero{min-height:auto}.hosting-plan-grid{grid-template-columns:repeat(2,1fr)}.architecture-flow{grid-template-columns:repeat(4,1fr)}.domain-layout{grid-template-columns:1fr}.infra-console{max-width:760px}}
@media(max-width:720px){.hosting-hero{padding-top:7rem}.hosting-hero-copy h1{font-size:clamp(2.7rem,13vw,4.8rem)}.hosting-hero-meta{grid-template-columns:1fr}.hosting-hero-meta div{border-right:0;border-bottom:1px solid rgba(141,238,255,.1)}.hosting-section-head{align-items:flex-start;flex-direction:column}.hosting-plan-grid,.maintenance-grid{grid-template-columns:1fr}.hosting-plan{min-height:0}.annual-rule{grid-template-columns:1fr}.annual-rule p{grid-column:1}.domain-search-row{grid-template-columns:1fr}.domain-search-row button{padding:1rem}.domain-terminal-head{align-items:flex-start;flex-direction:column;gap:.4rem}.domain-price-grid{grid-template-columns:1fr}.domain-price-grid div{border-right:0;border-bottom:1px solid rgba(141,238,255,.09)}.architecture-flow{grid-template-columns:1fr 1fr}.architecture-flow article{min-height:9rem}.pricing-notice{flex-direction:column}.infra-stack-row{grid-template-columns:2rem 1fr 2.5rem}}
@media(max-width:420px){.architecture-flow{grid-template-columns:1fr}.domain-terminal{padding:.85rem}.billing-toggle{width:100%}.billing-toggle button{flex:1}.hosting-strip .shell{padding-inline:1rem}}
@media(prefers-reduced-motion:reduce){.infra-stack-row.active i:after{animation:none;transform:none}.hosting-orb{display:none}}
