/* Banner redesign: warm canvas and blue infrastructure stage. */
.host-landing-page .pp-hero,
.host-landing-page .pp-hero#host-overview-hero { min-height:0; padding:72px 0; background:#f7f8fa; border-bottom:1px solid #e3e8ef; }
.host-landing-page .pp-hero::before,
.host-landing-page #host-overview-hero::before { background:radial-gradient(ellipse at 78% 40%,#e0e9f9,transparent 60%); opacity:1; }
.host-landing-page .pp-hero::after,
.host-landing-page #host-overview-hero::after { background:linear-gradient(110deg,#ffffffa0,transparent); }
.host-landing-page .pp-hero > .container,
.host-landing-page #host-overview-hero > .container { max-width:1200px; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:center; }
.host-landing-page .pp-hero .host-eyebrow,
.host-landing-page #host-overview-hero .banner-eyebrow { color:#4f6c91; font-size:10px; letter-spacing:2px !important; }
.host-landing-page .pp-hero h1,
.host-landing-page #host-overview-hero h1 { color:#182b43; font-size:clamp(36px,3.5vw,52px); line-height:1.18; margin:24px 0; letter-spacing:-1.2px !important; }
.host-landing-page #host-overview-hero h1 > span { font-size:.72em; margin-top:12px; color:#457ab7; }
.host-landing-page .pp-hero p,
.host-landing-page #host-overview-hero .banner-copy > p { color:#61738a; font-size:16px; line-height:1.85; margin-bottom:28px; }
.host-landing-page .pp-hero .host-hero-copy > a,
.host-landing-page #host-overview-hero .banner-actions > a { min-height:48px; border-radius:999px; padding:0 22px; font-size:13px; box-shadow:none; }
.host-landing-page #host-overview-hero a.banner-secondary { color:#385a83; padding:0 12px; background:transparent; }
.host-landing-page #host-overview-hero .banner-facts { margin-top:32px; padding-top:24px; border-color:#d7e0ed; }
.host-landing-page #host-overview-hero .banner-facts dd { color:#284668; font-size:27px; }
.host-landing-page #host-overview-hero .banner-coverage,
.host-landing-page .pp-hero .host-hardware { padding:28px; border:1px solid #416996; border-radius:28px; background:radial-gradient(ellipse at 90% 0,#427bae,transparent 75%),linear-gradient(140deg,#173957,#244d7e); box-shadow:0 24px 50px #23476926; }
.host-landing-page #host-overview-hero .banner-coverage-top,
.host-landing-page .host-hardware-caption,
.host-landing-page .host-hardware-bottom { color:#c3d5ec; }
.host-landing-page .host-hardware-caption span:first-child { color:#fff; }
.host-landing-page #host-overview-hero .banner-orbit { height:132px; margin:18px 0; }
.host-landing-page #host-overview-hero .banner-globe { width:120px; height:120px; background:radial-gradient(circle at 30% 20%,#ebf5ff,#9ebfe8 65%,#547cb2); border-color:#b0c9e8; box-shadow:0 0 48px #b3d3ff26; }
.host-landing-page #host-overview-hero .banner-orbit > span { background:#123454d9; color:#ecf5ff; border:1px solid #afccef55; box-shadow:none; }
.host-landing-page #host-overview-hero a.banner-region { background:#ffffff0b; border-color:#ffffff30; border-radius:12px; min-height:48px; color:#f5f9ff; padding:12px; }
.host-landing-page #host-overview-hero .banner-region > span,
.host-landing-page #host-overview-hero .banner-region > i { color:#bfd5ef; }
.host-landing-page #host-overview-hero a.banner-region:hover { background:#ffffff20; border-color:#b6d3f0; }
.host-landing-page #host-overview-hero .banner-price { border-color:#ffffff26; margin-top:22px; padding-top:20px; }
.host-landing-page #host-overview-hero .banner-price > span,
.host-landing-page #host-overview-hero .banner-price small { color:#c0d3e9; }
.host-landing-page #host-overview-hero .banner-price > strong { color:#fff; font-size:25px; }
.host-landing-page .host-server-stack { padding:40px 0; }
.host-landing-page .host-server { transform:rotateY(-6deg); background:linear-gradient(#aebacc,#5a6d87 8%,#172739 25%,#1c2e44 80%,#59718f); box-shadow:0 16px 24px #071c3a50; }
@media(max-width:900px) {
 .host-landing-page .pp-hero > .container,
 .host-landing-page #host-overview-hero > .container { gap:32px; }
}
@media(max-width:767px) {
 .host-landing-page .pp-hero,
 .host-landing-page .pp-hero#host-overview-hero { padding:32px 0; }
 .host-landing-page .pp-hero > .container,
 .host-landing-page #host-overview-hero > .container { grid-template-columns:minmax(0,1fr); gap:26px; }
 .host-landing-page .pp-hero h1,
 .host-landing-page #host-overview-hero h1 { font-size:32px; margin:16px 0; line-height:1.2; }
 .host-landing-page .pp-hero p,
 .host-landing-page #host-overview-hero .banner-copy > p { font-size:14px; line-height:1.75; margin-bottom:20px; }
 .host-landing-page .pp-hero .host-hero-copy > a { width:100%; justify-content:center; }
 .host-landing-page #host-overview-hero .banner-actions { gap:6px; }
 .host-landing-page #host-overview-hero .banner-actions > a { padding:0 15px; font-size:12px; }
 .host-landing-page #host-overview-hero .banner-facts { margin-top:22px; padding-top:18px; }
 .host-landing-page #host-overview-hero .banner-facts dd { font-size:23px; }
 .host-landing-page #host-overview-hero .banner-coverage,
 .host-landing-page .pp-hero .host-hardware { padding:20px; border-radius:22px; }
 .host-landing-page #host-overview-hero .banner-orbit { display:none; }
 .host-landing-page #host-overview-hero .banner-coverage-top { margin-bottom:16px; font-size:9px; }
 .host-landing-page #host-overview-hero .banner-regions { gap:8px; }
 .host-landing-page #host-overview-hero a.banner-region { min-height:46px; padding:9px; }
 .host-landing-page #host-overview-hero .banner-price { margin-top:16px; padding-top:16px; }
 .host-landing-page #host-overview-hero .banner-price > strong { font-size:22px; }
 .host-landing-page .host-server-stack { padding:18px 0; }
 .host-landing-page .host-server { height:42px; margin:8px 0; }
 .host-landing-page .host-drive-bank b { height:22px; }
}