/* HostSoch — linux-vps.php and windows-vps.php (loaded after site.css).
   Dark theme, sections, stat strip, cards, feature cards, tables and FAQ come from site.css. */

.page-linux-vps   { --hero-mobile-ratio: 800 / 433; }
.page-windows-vps { --hero-mobile-ratio: 800 / 498; }

/* Banner — both photos are busy behind the headline, so the shade is strong on the left */
.hero--os::before {
  background:
    radial-gradient(circle at 15% 40%, rgba(250, 175, 50, .10) 0%, transparent 40%),
    linear-gradient(90deg, rgba(10, 13, 17, .95) 0%, rgba(10, 13, 17, .88) 32%, rgba(10, 13, 17, .55) 46%, rgba(10, 13, 17, .12) 58%, rgba(10, 13, 17, 0) 64%);
}
.hero--os .hero__media img { object-position: 75% center; }
.hero--os .hero__copy { max-width: 520px; }
.hero--os h1 { font-size: clamp(2.1rem, 4.2vw, 3.5rem); line-height: 1.1; letter-spacing: -.02em; }
.hero--os .hero__lead { font-size: clamp(17px, 1.5vw, 19px); }
.hero--os .hero__cta { margin-top: 30px; }
@media (max-width: 1100px) {
  .hero--os::before { background: linear-gradient(90deg, rgba(10, 13, 17, .96) 0%, rgba(10, 13, 17, .9) 45%, rgba(10, 13, 17, .55) 62%, rgba(10, 13, 17, 0) 78%); }
  .hero--os .hero__copy { max-width: 460px; }
}
@media (max-width: 760px) { .hero--os .hero__media img { object-position: center; } }
.page-linux-vps .stats__label, .page-windows-vps .stats__label { font-size: 14px; }