/* R16.89 hosting commerce + richer public hosting page. */
.hosting-more-link-wrap{display:flex;justify-content:center;margin-top:24px}.hosting-more-link{min-width:180px;text-align:center}
.webhosting-page{overflow:hidden;background:linear-gradient(180deg,#f8fcf9 0,#fff 30%,#f5fbf7 100%)}
.webhosting-hero{position:relative;padding:70px 0 58px;background:linear-gradient(135deg,#041b0d 0%,#07361a 55%,#0a6c2f 100%);color:#fff;overflow:hidden}
.webhosting-hero:before,.webhosting-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.webhosting-hero:before{width:480px;height:480px;right:-160px;top:-220px;background:radial-gradient(circle,rgba(64,255,123,.26),transparent 70%)}.webhosting-hero:after{width:360px;height:360px;left:-170px;bottom:-230px;background:radial-gradient(circle,rgba(46,219,104,.18),transparent 72%)}
.webhosting-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:42px;align-items:center}.webhosting-copy .section-kicker{color:#82f5a8}.webhosting-copy h1{font-size:clamp(42px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px;color:#fff}.webhosting-copy>p{max-width:720px;font-size:clamp(16px,1.5vw,20px);line-height:1.75;color:rgba(255,255,255,.78)}.webhosting-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.webhosting-hero .button-outline{border-color:rgba(255,255,255,.35);color:#fff}.webhosting-inline-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.webhosting-inline-points span{padding:8px 12px;border-radius:999px;border:1px solid rgba(126,250,164,.22);background:rgba(255,255,255,.06);font-size:12px;font-weight:700;color:#c8fbd8}
.webhosting-hero-panel{position:relative;padding:24px;border-radius:32px;border:1px solid rgba(111,255,164,.22);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 30px 80px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.webhosting-server-art{display:grid;gap:10px;padding:18px;border-radius:24px;background:#07150c;border:1px solid rgba(99,242,145,.18)}.webhosting-server-art .server-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:15px;background:linear-gradient(90deg,#0c2917,#0b1f13)}.webhosting-server-art i{width:9px;height:9px;border-radius:50%;background:#27ea68;box-shadow:0 0 18px rgba(39,234,104,.85)}.webhosting-server-art b{font-size:13px}.webhosting-server-art small{color:#8eeaac}.webhosting-hero-panel .hero-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.webhosting-hero-panel .hero-mini-grid article{padding:15px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.webhosting-hero-panel .hero-mini-grid b{display:block;color:#85f7aa}.webhosting-hero-panel .hero-mini-grid span{font-size:12px;color:rgba(255,255,255,.72)}
.webhosting-intro{padding:72px 0 18px}.webhosting-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.webhosting-intro-copy h2,.hosting-included h2,.hosting-why h2,.hosting-faq h2{font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 16px}.webhosting-intro-copy p{line-height:1.8;color:var(--muted)}.webhosting-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.webhosting-tech-grid article{padding:22px;border:1px solid rgba(10,174,61,.14);border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(4,59,25,.055)}.webhosting-tech-grid b{display:block;font-size:17px;margin-bottom:7px}.webhosting-tech-grid span{color:var(--muted);font-size:13px;line-height:1.6}
.hosting-page-listing{padding:72px 0}.hosting-page-listing .section-heading{margin-bottom:34px}.hosting-page-listing .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.hosting-page-listing .hosting-plan-card{display:flex;flex-direction:column}.hosting-page-listing .hosting-feature-list{flex:1}.hosting-page-listing .hosting-price-cta{width:100%;justify-content:center}.hosting-page-listing .hosting-plan-card.has-plan-tag{box-shadow:0 24px 70px rgba(4,108,43,.12)!important}
.hosting-included{padding:70px 0;background:#06180d;color:#fff}.hosting-included .section-kicker{color:#7cf7a5}.hosting-included h2{color:#fff}.hosting-included-lead{max-width:780px;color:rgba(255,255,255,.68);line-height:1.8}.hosting-included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.hosting-included-grid article{padding:22px;border-radius:20px;border:1px solid rgba(101,242,147,.16);background:rgba(255,255,255,.045)}.hosting-included-grid b{display:block;color:#8bfbb0;margin-bottom:7px}.hosting-included-grid p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.7}
.hosting-why{padding:74px 0}.hosting-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.hosting-why-grid article{padding:24px;border-radius:22px;border:1px solid rgba(10,174,61,.14);background:#fff;box-shadow:0 15px 40px rgba(4,59,25,.05)}.hosting-why-grid span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(9,190,67,.1);color:#08a63d;font-weight:900;margin-bottom:14px}.hosting-why-grid h3{margin:0 0 8px}.hosting-why-grid p{margin:0;color:var(--muted);line-height:1.7;font-size:13px}
.hosting-faq{padding:70px 0;background:#f6fbf7}.hosting-faq-list{display:grid;gap:12px;max-width:900px;margin:28px auto 0}.hosting-faq-list details{background:#fff;border:1px solid rgba(10,174,61,.14);border-radius:18px;padding:18px 20px}.hosting-faq-list summary{font-weight:700;cursor:pointer}.hosting-faq-list p{color:var(--muted);line-height:1.75}.hosting-final-cta{padding:70px 0}.hosting-final-card{padding:34px;border-radius:28px;background:linear-gradient(135deg,#062412,#0a7a36);color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}.hosting-final-card h2{margin:6px 0 8px;color:#fff}.hosting-final-card p{margin:0;color:rgba(255,255,255,.75)}
/* Checkout uses existing site tokens but does not replace the existing product checkout. */
.hosting-checkout-page{min-height:70vh;padding:52px 0 82px;background:linear-gradient(180deg,#f6fbf8,#fff)}.hosting-checkout-head{text-align:center;max-width:820px;margin:0 auto 28px}.hosting-checkout-head h1{font-size:clamp(34px,4.5vw,58px);margin:8px 0 12px;letter-spacing:-.04em}.hosting-checkout-head p{color:var(--muted);line-height:1.7}.hosting-checkout-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}.hosting-checkout-summary,.hosting-checkout-form{background:#fff;border:1px solid rgba(10,174,61,.14);border-radius:26px;box-shadow:0 20px 55px rgba(3,63,27,.075)}.hosting-checkout-summary{position:relative;padding:18px 22px 24px;overflow:hidden}.hosting-checkout-summary>img{display:block;width:100%;height:210px;object-fit:cover;border-radius:18px;margin-bottom:20px}.hosting-checkout-summary h2{font-size:28px;margin:7px 0}.hosting-checkout-summary>p{color:var(--muted);line-height:1.6}.hosting-checkout-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#0abf44;color:#fff;font-size:11px;font-weight:800}.hosting-checkout-old{display:flex;align-items:center;gap:12px;margin-top:14px}.hosting-checkout-old del{color:#8a8a8a;text-decoration-color:#ef4747;text-decoration-thickness:2px}.hosting-checkout-old b{background:#0abf44;color:#fff;padding:6px 9px;border-radius:999px;font-size:11px}.hosting-checkout-price{display:flex;align-items:flex-end;gap:6px;margin:8px 0 18px}.hosting-checkout-price small{color:#05af3d;font-size:18px;font-weight:800;padding-bottom:7px}.hosting-checkout-price strong{font-size:52px;line-height:.95;color:#05af3d;letter-spacing:-.05em}.hosting-checkout-price span{color:var(--muted);font-size:13px;padding-bottom:6px}.hosting-checkout-summary ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:9px}.hosting-checkout-summary li{position:relative;padding-left:28px;font-size:13px;color:#4c5c54}.hosting-checkout-summary li:before{content:"✓";position:absolute;left:0;top:-1px;width:19px;height:19px;border-radius:5px;background:#08b53f;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.hosting-checkout-period{margin-top:18px;padding:14px;border-radius:15px;background:#f1faf4;border:1px solid rgba(10,174,61,.12)}.hosting-checkout-period span,.hosting-checkout-period b{display:block}.hosting-checkout-period span{font-size:11px;color:#66806f}.hosting-checkout-period b{margin-top:4px;font-size:13px}.hosting-checkout-form{padding:28px}.hosting-checkout-form .form-title h2{margin:5px 0 8px}.hosting-checkout-form .form-title p{color:var(--muted);margin:0 0 20px}.hosting-checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hosting-checkout-fields label{display:grid;gap:7px;font-size:12px;font-weight:700}.hosting-checkout-fields label.full{grid-column:1/-1}.hosting-checkout-fields input,.hosting-checkout-fields textarea{width:100%;padding:13px 14px;border:1px solid rgba(6,83,34,.18);border-radius:13px;background:#fff;font:inherit}.hosting-checkout-info{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;padding:16px;border-radius:16px;background:#f5fbf7;color:#24643c;font-size:12px;font-weight:600}.hosting-checkout-submit{width:100%;justify-content:center}.hosting-checkout-security{display:block;margin-top:12px;color:var(--muted);line-height:1.6;text-align:center}
[data-theme="dark"] .webhosting-page,[data-theme="dark"] .hosting-checkout-page{background:#07140d}[data-theme="dark"] .webhosting-tech-grid article,[data-theme="dark"] .hosting-why-grid article,[data-theme="dark"] .hosting-faq-list details,[data-theme="dark"] .hosting-checkout-summary,[data-theme="dark"] .hosting-checkout-form{background:#0a1a10;border-color:rgba(95,237,142,.14)}[data-theme="dark"] .hosting-faq{background:#08170e}
@media(max-width:980px){.webhosting-hero-grid,.webhosting-intro-grid,.hosting-checkout-grid{grid-template-columns:1fr}.hosting-page-listing .pricing-grid{grid-template-columns:repeat(2,1fr)}.hosting-included-grid{grid-template-columns:repeat(2,1fr)}.hosting-why-grid{grid-template-columns:1fr 1fr}.hosting-final-card{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.webhosting-hero{padding:46px 0}.webhosting-copy{text-align:center}.webhosting-hero-actions,.webhosting-inline-points{justify-content:center}.webhosting-hero-panel .hero-mini-grid,.webhosting-tech-grid,.hosting-page-listing .pricing-grid,.hosting-included-grid,.hosting-why-grid,.hosting-checkout-fields,.hosting-checkout-info{grid-template-columns:1fr}.hosting-checkout-fields label.full{grid-column:auto}.hosting-checkout-page{padding-top:32px}.hosting-checkout-form{padding:20px}.hosting-checkout-summary>img{height:180px}.hosting-final-card{text-align:center;align-items:center}.hosting-more-link{width:100%}}


/* R16.90 — dedicated webhosting details + safer checkout header spacing */
.hosting-page-listing .pricing-grid{align-items:stretch}
.hosting-page-listing .hosting-plan-card{padding-bottom:30px}
.hosting-feature-list-rich li{font-weight:600}
.hosting-feature-list-rich li::before{background:#111!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.hosting-highlights{padding:74px 0;background:linear-gradient(180deg,#f8fcf9,#eef8f0)}
.hosting-highlights .section-heading{margin-bottom:34px}
.hosting-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hosting-highlight-card{padding:26px 24px;border-radius:26px;background:#fff;border:1px solid rgba(8,122,45,.13);box-shadow:0 16px 46px rgba(3,63,27,.07);text-align:center}
.hosting-highlight-icon{width:92px;height:92px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(11,213,84,.16),rgba(11,213,84,.05));border:1px solid rgba(8,122,45,.14)}
.hosting-highlight-icon svg{width:54px;height:54px;fill:none;stroke:#0a7a2d;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hosting-highlight-card h3{font-size:clamp(23px,2vw,31px);line-height:1.12;letter-spacing:-.03em;margin:0 0 12px;color:#072f17}
.hosting-highlight-card p{margin:0;color:#5d7063;line-height:1.8;font-size:14px}
.hosting-checkout-page{padding-top:118px}
.hosting-checkout-shell{padding-top:8px}
.hosting-checkout-summary,.hosting-checkout-form{scroll-margin-top:120px}
.hosting-checkout-fields input,.hosting-checkout-fields textarea{background:#fbfefc}
[data-theme="dark"] .hosting-highlights{background:#07140d}
[data-theme="dark"] .hosting-highlight-card{background:#0a1a10;border-color:rgba(95,237,142,.14);box-shadow:none}
[data-theme="dark"] .hosting-highlight-card h3{color:#f5fff8}
[data-theme="dark"] .hosting-highlight-card p{color:rgba(255,255,255,.72)}
[data-theme="dark"] .hosting-highlight-icon{background:radial-gradient(circle at 30% 30%,rgba(11,213,84,.20),rgba(11,213,84,.06));border-color:rgba(95,237,142,.14)}
[data-theme="dark"] .hosting-highlight-icon svg{stroke:#7cf7a5}
@media(max-width:980px){.hosting-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hosting-checkout-page{padding-top:106px}}
@media(max-width:640px){.hosting-highlights-grid{grid-template-columns:1fr}.hosting-highlight-card{padding:22px 18px;border-radius:22px}.hosting-highlight-icon{width:84px;height:84px;border-radius:24px}.hosting-checkout-page{padding-top:134px}.hosting-checkout-head{margin-bottom:22px}.hosting-checkout-summary>img{height:190px}}