.webhosting-page{background:linear-gradient(180deg,#f8fdf9 0%,#f2faf5 100%)}
.webhosting-hero{position:relative;padding:48px 0 22px;overflow:hidden}
.webhosting-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(0,190,70,.14),transparent 35%),radial-gradient(circle at bottom left,rgba(0,130,60,.10),transparent 30%);pointer-events:none}
.webhosting-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:26px;align-items:center}
.webhosting-copy .section-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.webhosting-copy h1{font-size:clamp(2rem,3vw,3.6rem);line-height:1.02;margin:0 0 14px;font-weight:800;color:#07160d}
.webhosting-copy p{margin:0;max-width:680px;font-size:1.06rem;color:#496058;line-height:1.8}
.webhosting-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.webhosting-inline-points{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:18px;color:#1d5c35;font-weight:600}
.webhosting-hero-panel{padding:22px;border-radius:30px;min-height:320px;display:grid;gap:18px;align-content:center;background:linear-gradient(180deg,rgba(4,35,17,.98),rgba(8,56,29,.94));box-shadow:0 25px 55px rgba(0,0,0,.16)}
.webhosting-hero-panel .hero-stat-card{padding:22px;border:1px solid rgba(111,255,164,.18);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.webhosting-hero-panel .hero-stat-card strong{display:block;font-size:1.35rem;color:#fff;margin-bottom:8px}
.webhosting-hero-panel .hero-stat-card span{display:block;color:rgba(255,255,255,.8);line-height:1.7}
.webhosting-hero-panel .hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.webhosting-hero-panel .hero-mini-grid article{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(111,255,164,.18)}
.webhosting-hero-panel .hero-mini-grid b{display:block;color:#8cffb0;font-size:1rem;margin-bottom:4px}
.webhosting-hero-panel .hero-mini-grid span{color:rgba(255,255,255,.78);font-size:.94rem}
.hosting-page-listing{padding-top:24px}
.hosting-more-link-wrap{display:flex;justify-content:center;margin-top:22px}
.hosting-more-link{min-width:180px}
.hosting-page-bottom-note{margin-top:22px;text-align:center;color:#4b5f58}
@media (max-width: 960px){.webhosting-hero-grid{grid-template-columns:1fr}.webhosting-hero{padding-top:34px}.webhosting-copy{text-align:center}.webhosting-copy p{margin-inline:auto}.webhosting-hero-actions,.webhosting-inline-points{justify-content:center}}
@media (max-width: 640px){.webhosting-hero-panel{min-height:auto;padding:18px;border-radius:24px}.webhosting-hero-panel .hero-mini-grid{grid-template-columns:1fr 1fr}.webhosting-inline-points{font-size:.92rem;gap:10px 12px}.hosting-more-link{width:100%}}