/* Hostishere V2 — shared visual language, scoped to the five main pages.
   Existing product selectors and data attributes remain the functional API. */
.site-v2 {
  --bg: #f5f8fc;
  --surface: #fff;
  --text: #122239;
  --muted: #596b80;
  --border: #dfe7f0;
  --primary: #2267df;
  --primary-2: #164da8;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 12px 32px rgba(19,45,80,.045);
  --content-width: 1180px;
  --section-y: 88px;
  --v2-ink: #071526;
  --v2-section: clamp(58px, 6.2vw, 88px);
  color: var(--text);
  background: var(--v2-ink);
  font-size: 15px;
  line-height: 1.75;
}
.site-v2 main {
  position: relative;
  z-index: 1;
  margin: 0 14px;
  overflow: clip;
  background: var(--bg);
  border-radius: 0 0 24px 24px;
  box-shadow: 0 24px 48px rgba(0,0,0,.16);
}
.site-v2 main :is(.container,.section-container) { max-width: var(--content-width); }
.site-v2 main :is(.container,.section-container) { padding-inline: 0; }
.site-v2 :is(h1,h2,h3,h4) { text-wrap: balance; }
.site-v2 h2,
.site-v2 .hs-section-title,
.site-v2 .section-title,
.site-v2 .about-title { font-size: clamp(29px,3vw,39px); line-height: 1.18; letter-spacing: -.035em; font-weight: 700; }
.site-v2 main :is(.section-head,.vps-section-header,.hs-secHead,.faq-head,.hs-dc-head) h2,
.site-v2 main h2.vps-section-title { font-size: clamp(29px,3vw,39px); line-height: 1.18; letter-spacing: -.035em; font-weight: 700; }
.site-v2 :is(h3,h4) { line-height: 1.4; letter-spacing: -.02em; }
.site-v2 main p { line-height: 1.8; }
.site-v2 :is(.section-sub,.hs-subtext,.section-subtitle) { font-size: 15px; line-height: 1.8; color: var(--muted); max-width: 680px; }
.site-v2 :is(.section-kicker,.kicker,.hs-eyebrow) { font-size: 10px; letter-spacing: .12em; font-weight: 700; color: var(--primary-2); }
.site-v2 main :is(.hs-kicker,.vps-section-kicker,.hs-secEyebrow,.hs-dcmap-kicker) { color: #566a82; font-size: 11px; letter-spacing: .1em; }
.site-v2 :is(section[id],[data-component]) { scroll-margin-top: 90px; }
.site-v2 :is(a,button,input,select,[tabindex]):focus-visible { outline: 3px solid #3899eb; outline-offset: 4px; }
.site-v2 .skip-link { position: fixed; top: -80px; left: 20px; z-index: 10000; background: #fff; color: #163b76; padding: 12px 20px; border-radius: 8px; }
.site-v2 .skip-link:focus { top: 10px; }

/* Compact header and a consistent action hierarchy. */
.site-v2 .global-header { background: #fff; border-bottom: 1px solid #e7edf5; box-shadow: none; }
.site-v2 .global-header.is-sticky { box-shadow: 0 6px 22px rgba(12,32,56,.06); }
.site-v2 .nav-links a { font-size: 12px; font-weight: 600; letter-spacing: 0; }
.site-v2 .nav-links a.active { color: var(--primary-2); }
.site-v2 .btn {
  min-height: 46px; padding: 12px 22px; border-radius: 10px;
  font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: 0;
  box-shadow: none; text-shadow: none; transition: background .2s,border-color .2s,transform .2s;
}
.site-v2 .btn:hover { transform: translateY(-2px); box-shadow: none; }
/* These two legacy heroes used !important gradient declarations. */
body.site-v2 :is(.vps-hero,.dedicated-hero) .hero-actions .btn.primary { background: #2469e4 !important; border-color: #2469e4 !important; border-radius: 10px !important; box-shadow: none; }
body.site-v2 :is(.vps-hero,.dedicated-hero) .hero-actions .btn.primary:hover { background: #1856c3 !important; box-shadow: none; }
.site-v2 .btn.primary,
.site-v2 .configure-btn { color: #fff; background: #2469e4; border: 1px solid #2469e4; box-shadow: none; }
.site-v2 .btn.primary:hover,
.site-v2 .configure-btn:hover { background: #1856c3; border-color: #1856c3; box-shadow: none; }
.site-v2 .nav-actions .btn { min-height: 36px; padding: 8px 15px; font-size: 11px; border-radius: 8px; }
.site-v2 .nav-actions .btn.ghost { background: #132137; color: #fff; border-color: #132137; }
.site-v2 .mobile-menu__links a { font-weight: 600; }
.site-v2 .mobile-menu__links a[aria-current="page"] { color: #174da8; background: #edf4ff; }

/* Related atmosphere, distinct compositions: split home, centered product heroes. */
body.site-v2 .hero-section {
  min-height: 610px; padding: 94px 0 88px;
  background: radial-gradient(ellipse at 78% 24%,rgba(56,107,203,.17),transparent 54%),linear-gradient(125deg,#081529,#0b2040 65%,#102340);
}
body.site-v2 .hero-section::before { opacity: .2; }
body.site-v2 .hero-section :is(h1,.hero-title),
body.site-v2[data-page] .hero-section h1 { font-size: clamp(38px,4.4vw,60px); font-weight: 700; line-height: 1.12; letter-spacing: -.045em; }
body.site-v2 .hero-section p { max-width: 650px; font-size: 16px; line-height: 1.8; color: #bacbe0; }
body.site-v2 .hero-section .badge { background: rgba(50,98,159,.16); border-color: rgba(161,195,239,.2); box-shadow: none; }
body.site-v2 .hero-section .btn.ghost { color: #e7f0ff; background: rgba(255,255,255,.04); border: 1px solid #42546e; }
body.site-v2 .hero-section .btn.ghost:hover { background: rgba(255,255,255,.1); }
body.site-v2 .hero-section .starfield-canvas { opacity: .55; }
.site-v2.home-page .hero-shell { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); gap: 72px; }
.site-v2.home-page .hero-animated-line { font-size: clamp(36px,4.1vw,57px); letter-spacing: -.045em; min-height: 1.3em; }
.site-v2.home-page .hero-panel { border: 1px solid #314562; border-radius: 16px; background: rgba(11,28,51,.8); box-shadow: 0 26px 55px rgba(0,0,0,.16); }
.site-v2.home-page .live-metrics-card::before,
.site-v2.home-page .live-metrics-card::after { display: none; }
.site-v2.home-page .hero-panel h3 { font-size: 16px; }
.site-v2.home-page .hero-panel p { font-size: 13px; }
.site-v2.home-page #warum { padding: var(--v2-section) 0; background: #fff; }
.site-v2.home-page #warum > .container { display: grid; grid-template-columns: .8fr 1.6fr; gap: 74px; align-items: start; }
.site-v2.home-page #warum .section-head { text-align: left; margin: 0; position: sticky; top: 110px; }
.site-v2.home-page #warum .section-head :is(h2,p) { text-align: left; }
.site-v2.home-page #warum .section-head { align-items: flex-start; }
.site-v2.home-page .why-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 30px; }
.site-v2.home-page #warum .feature-card { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 14px; align-items: start; text-align: left; min-height: 0; padding: 24px 0; border: 0; border-top: 1px solid var(--border); border-radius: 0; background: transparent; box-shadow: none; transform: none; }
.site-v2.home-page #warum .feature-card .feature-icon { width: 32px; height: 32px; margin: 0; background: #eef4ff; color: #2568cb; border: 0; border-radius: 8px; box-shadow: none; }
.site-v2.home-page #warum .feature-card .feature-icon svg { width: 20px; height: 20px; color: inherit; }
.site-v2.home-page #warum .feature-card h3 { margin-top: 3px; }
.site-v2.home-page #warum .feature-card :is(h3,p) { text-align: left; }
.site-v2.home-page .feature-card h3 { font-size: 15px; margin-block: 12px 6px; }
.site-v2.home-page .feature-card p { font-size: 13px; color: var(--muted); }
.site-v2.home-page .hs-offer-zone { background: #f4f7fb; }
.site-v2.home-page :is(.pricing-band,.pricing-highlight) { background: transparent; }
.site-v2.home-page .pricing-highlight { padding: var(--v2-section) 0; }
.site-v2.home-page .design-section { padding: var(--v2-section) 0; background: #fff; }
.site-v2.home-page .design-card { box-shadow: none; border: 0; border-top: 2px solid #bfd2ee; border-radius: 0; padding: 28px 24px 24px 0; background: transparent; }
.site-v2.home-page .design-card h3 { font-size: 19px; }
.site-v2.home-page .design-card:hover { transform: none; }
.site-v2.home-page .design-spotlight { border: 1px solid var(--border); border-radius: 16px; box-shadow: none; background: #f4f8fe; margin-top: 48px; }
.site-v2.home-page .hs-datacenter-section { padding: var(--v2-section) 0; background: #f3f7fc; }
.site-v2.home-page .hs-datacenter-experience { padding: 0; gap: 60px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.site-v2.home-page .hs-datacenter-copy h2 { font-size: clamp(29px,3vw,39px); line-height: 1.18; font-weight: 700; }
.site-v2.home-page .hs-datacenter-detail { padding: 22px 0 0; background: transparent; border: 0; box-shadow: none; }
.site-v2.home-page .hs-datacenter-visual { border-radius: 14px; box-shadow: none; }
.site-v2.home-page .hs-datacenter-tab.is-active { background: #2469e4; box-shadow: none; }
.site-v2.home-page .payment-methods { padding: 56px 0; background: #fff; }
.site-v2.home-page .payment-card { padding: 22px 12px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.site-v2.home-page .review-card { border-radius: 12px; box-shadow: none; border-color: var(--border); }
.site-v2.home-page .reviews-section { padding: var(--v2-section) 0; background: #f5f8fc; }
.site-v2.home-page .hosting-nav-section { padding: 50px 0 70px; background: #fff; }

/* Comparable products: neutral surfaces, clear specifications, stable prices. */
.site-v2 :is(.pricing-section,.dedicated-pricing-section) { padding: var(--v2-section) 0; background: #f5f8fc; }
.site-v2 .pricing-board { box-shadow: none; border: 0; background: transparent; padding: 0; }
.site-v2 :is(.plan-card,.price-card.vps-card) { padding: 26px 22px; border: 1px solid #dbe4ef; border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(20,43,74,.025); gap: 16px; }
.site-v2 :is(.plan-card,.price-card.vps-card):hover { border-color: #a9c2e7; box-shadow: 0 10px 28px rgba(20,43,74,.065); transform: translateY(-3px); }
.site-v2 .plan-card::before,
.site-v2 .price-card.vps-card::before { display: none; }
body.site-v2 :is(.plan-card,.vps-card) .plan-name-badge { letter-spacing: .06em; font-size: 10px; font-weight: 700; border-radius: 5px; box-shadow: none; background: #eaf2ff; color: #2457a7; border-color: #dce8fa; }
.site-v2 .plan-title-row { gap: 9px; flex-wrap: wrap; }
.site-v2 .plan-title-row :is(h3,h4) { font-size: 17px; line-height: 1.4; letter-spacing: -.025em; }
.site-v2 .plan-cpu-badge { font-size: 9px; border-radius: 5px; }
.site-v2 :is(.plan-specs,.plan-feature-list) { padding-block: 14px; border-top: 1px solid #ecf0f6; gap: 12px; }
body.site-v2 :is(.plan-card,.vps-card) .spec-item { font-size: 13px; line-height: 1.6; color: #3b4e65; background: transparent; border: 0; box-shadow: none; padding: 3px 0; min-height: 28px; border-radius: 0; }
body.site-v2 :is(.plan-card,.vps-card) .spec-item.muted-line { background: transparent; }
body.site-v2 :is(.plan-card,.vps-card) .configure-btn { animation: none; box-shadow: none; }
.site-v2 .price-amount { font-size: 32px; font-weight: 700; letter-spacing: -.05em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.site-v2 .price-term { font-size: 12px; font-weight: 500; color: var(--muted); }
.site-v2 .cycle-total { color: #627289; font-size: 11px; }
.site-v2 .plan-card-popular { border-color: #4f84db; box-shadow: none; }
.site-v2 .plan-popular-badge { background: #1e5ec7; color: #fff; border-radius: 5px; box-shadow: none; font-size: 9px; letter-spacing: .05em; }
.site-v2 :is(.billing-switch,.billing-toggle,.plan-toggle) { box-shadow: none; border: 1px solid #dce5ef; border-radius: 10px; background: #fff; }
.site-v2 :is(.billing-switch,.billing-toggle,.plan-toggle) button { border-radius: 7px; font-weight: 600; font-size: 12px; min-height: 40px; }
.site-v2 .os-section { background: #fff; padding: 48px 0; }
.site-v2 .os-pill { box-shadow: none; border-radius: 10px; }

/* VPS: product detail, technical panels. */
.site-v2[data-page="vps"] .control-support-section { padding: var(--v2-section) 0; background: #fff; }
.site-v2[data-page="vps"] .vps-hero .hero-shell { width: calc(100% - 36px); }
.site-v2[data-page="vps"] .vps-hero-panel { padding: 0; }
.site-v2[data-page="vps"] .vps-hero-actions .btn.primary { background: #2469e4; box-shadow: none; }
.site-v2[data-page="vps"] .control-support-section img { max-height: 420px; object-fit: contain; }
.site-v2 :is(.control-support-features,.dedicated-feature-grid) .feature-card { display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: start; gap: 18px; min-height: 0; padding: 26px 0; border: 0; border-top: 1px solid var(--border); border-radius: 0; background: transparent; box-shadow: none; text-align: left; transform: none; }
.site-v2 :is(.control-support-features,.dedicated-feature-grid) .feature-icon { width: 40px; height: 40px; border-radius: 9px; margin: 0; box-shadow: none; }
.site-v2 :is(.control-support-features,.dedicated-feature-grid) .feature-card h3 { font-size: 16px; margin-bottom: 8px; }
.site-v2 :is(.control-support-features,.dedicated-feature-grid) .feature-card p { font-size: 13px; }
.site-v2 :is(.control-support-features,.dedicated-feature-grid) .feature-card :is(h3,p) { text-align: left; }
.site-v2[data-page="vps"] :is(.easy-manage-showcase,.storage-showcase,.ddr-showcase) { padding-block: var(--v2-section); }
.site-v2[data-page="vps"] :is(.network-ddos-card,.ddr-card) { border-radius: 16px; border: 1px solid #dfe7f0; box-shadow: var(--shadow); }
.site-v2[data-page="vps"] .bar-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; margin-bottom: 8px; }
.site-v2[data-page="vps"] .bar-meta strong { font-size: 13px; }
.site-v2[data-page="vps"] .bar-meta span { font-size: 11px; color: #596b80; }
.site-v2[data-page="vps"] .bar-row { margin-top: 20px; }
.site-v2[data-page="vps"] .vps-storage-list { counter-reset: storage; gap: 0; padding: 12px 28px; border: 1px solid #263c5a; border-radius: 14px; background: linear-gradient(130deg,#0d213b,#152d4a); }
.site-v2[data-page="vps"] .storage-spec { counter-increment: storage; padding: 24px 0; color: #d8e4f6; background: transparent; border: 0; border-bottom: 1px solid #2b415e; border-radius: 0; box-shadow: none; transform: none; font-size: 14px; font-weight: 500; }
.site-v2[data-page="vps"] .storage-spec::before { content: counter(storage,decimal-leading-zero); color: #77b7f5; font-size: 11px; letter-spacing: .05em; }
.site-v2[data-page="vps"] .storage-spec:last-child { border-bottom: 0; }
.site-v2[data-page="vps"] .hs-dcmap { padding-block: var(--v2-section); background: #fff; }
.site-v2[data-page="vps"] .hs-dcmap-inner { grid-template-columns: minmax(0,.9fr) minmax(0,1.3fr); gap: 40px; }
.site-v2[data-page="vps"] .hs-dcmap-card { box-shadow: none; border-radius: 16px; border: 1px solid var(--border); height: auto; min-height: 420px; }
.site-v2 .hs-globe-detail-popover { overflow-y: auto; background: #fff; border-radius: 14px; overscroll-behavior: contain; }
.site-v2 .hs-globe-wrap.is-detail-open .hs-globe-location-cards { visibility: hidden; pointer-events: none; }
.site-v2 .hs-globe-detail-close { width: 36px; height: 36px; }

/* Dedicated: hardware families and configuration read as a specification sheet. */
.site-v2[data-page="dedicated"] .hero-section { background: radial-gradient(ellipse at 70% 20%,rgba(30,119,155,.18),transparent 55%),linear-gradient(130deg,#091526,#102c3c); }
body.site-v2[data-page="dedicated"] .dedicated-hero .hero-content h1 .hs-accent-blue { background-image: linear-gradient(90deg,#9dcaff,#60b2f7,#6dd8f2); }
.site-v2[data-page="dedicated"] .included-section { padding-block: var(--v2-section); background: #fff; }
body.site-v2[data-page="dedicated"] .dedicated-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.site-v2 .plan-card.dedicated-card { padding: 26px; gap: 12px; }
.site-v2 .plan-card.dedicated-card .plan-meta .pill { background: #eaf2ff; color: #2457a7; border: 0; border-radius: 5px; font-size: 10px; box-shadow: none; padding: 5px 10px; }
.site-v2 .plan-card.dedicated-card .btn.primary { background: #2469e4; box-shadow: none; border-color: #2469e4; font-size: 12px; text-transform: none; }
.site-v2 .plan-card.dedicated-card .btn.primary:hover { background: #1856c3; box-shadow: none; }
.site-v2 .dedicated-card h4 { font-size: 23px; font-weight: 700; margin-bottom: 4px; }
.site-v2 .dedicated-card > .muted { font-size: 13px; color: #40536e; }
.site-v2 .dedicated-card > .muted.subtle { font-size: 12px; color: #68778a; }
.site-v2 .dedicated-card .list { font-size: 13px; line-height: 1.8; padding-block: 12px; }
.site-v2 .dedicated-card .ram-control { background: #f4f7fb; padding: 14px; border-radius: 8px; border: 1px solid #e4ebf3; }
.site-v2 .dedicated-card .ram-current { font-size: 12px; }
.site-v2 .dedicated-card .bandwidth-select { padding: 11px 12px; min-height: 44px; border: 1px solid #d5e0ee; background: #fff; color: #243f61; border-radius: 8px; font-size: 12px; width: 100%; }
.site-v2 .dedicated-card .plan-footer { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding-top: 18px; border-top: 1px solid #e3eaf3; margin-top: auto; }
.site-v2 .dedicated-card .plan-footer .btn { width: 100%; text-align: center; justify-content: center; }
.site-v2 .hs-dedicated-usecases { padding-block: var(--v2-section); }
.site-v2 #hh-impact-v4 .hhv4-card { border-radius: 10px; box-shadow: none; }
.site-v2 #hh-impact-v4 .hhv4-term { border-radius: 14px; box-shadow: 0 16px 40px rgba(9,25,43,.12); }

/* Business keeps its section composition. */
.site-v2.business-page .biz-hero { min-height: 620px; }
.site-v2.business-page .biz-hero::after { inset: 0; height: auto; background: radial-gradient(ellipse at 80% 80%,rgba(30,107,255,.08),transparent 60%); }
.site-v2.business-page .biz-section { padding-block: var(--v2-section); }
.site-v2.business-page .biz-intro { padding-bottom: 0; }
.site-v2.business-page .biz-custom { padding-bottom: 64px; }
.site-v2.business-page .biz-products { padding-top: 28px; }

/* About: editorial rhythm and company details, with the same blue identity. */
.site-v2.about-page .hero-section { background: radial-gradient(ellipse at 65% 25%,rgba(107,71,180,.19),transparent 55%),linear-gradient(125deg,#09182e,#162644) !important; }
.site-v2.about-page .about-heroInner { padding: 24px 0; }
.site-v2.about-page .hs-redfill-full { background-image: linear-gradient(100deg,#79a4ff,#77ccf5,#b29df9) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
.site-v2.about-page .hs-redfill-full::after { display: none !important; }
.site-v2.about-page :is(.about-icon,.company-card-icon,.social-icon,.privacy-principle-card .badge) { color: #2a67c5 !important; background: #eaf2fe !important; border-color: #dce8f8 !important; box-shadow: none !important; }
.site-v2.about-page .company-info-card::before { background: linear-gradient(90deg,transparent,#9ab8e6,transparent); }
.site-v2.about-page .about-datacenter-switch-btn.is-active { background: #2469df; box-shadow: none; }
.site-v2.about-page .about-datacenter-switch { border-color: var(--border); box-shadow: none; }
.site-v2.about-page :is(.datacenter-image-card,.datacenter-copy-card) { background: transparent; border: 0; box-shadow: none; padding: 0; }
.site-v2.about-page .datacenter-image-card::before { display: none; }
.site-v2.about-page .datacenter-copy-card { padding: 18px; }
.site-v2.about-page .datacenter-fact-card { background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; padding: 14px 0; font-size: 13px; }
.site-v2.about-page .badge { color: #2869c7 !important; background: #eaf2fe !important; border-color: #dce8f8 !important; box-shadow: none !important; }
.site-v2.about-page .about-gridbg { background: #fff !important; }
.site-v2.about-page .about-gridbg::before,
.site-v2.about-page .about-gridbg::after { display: none; }
.site-v2.about-page .about-section { padding-block: var(--v2-section) !important; }
.site-v2.about-page .about-section:nth-child(even) { background: #f5f8fc !important; }
.site-v2.about-page .about-section .about-title { font-size: clamp(29px,3vw,39px) !important; line-height: 1.18 !important; }
.site-v2.about-page .hs-secHead h2 { font-size: clamp(29px,3vw,39px) !important; line-height: 1.18 !important; font-weight: 700; }
.site-v2.about-page :is(.about-card,.company-info-card,.about-spec-card,.right-card,.privacy-promise-card,.privacy-principle-card,.social-link-card) { border-color: #dfe7f0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; }
.site-v2.about-page .about-card { padding: 28px !important; border: 0 !important; border-top: 2px solid #c1d3ed !important; border-radius: 0 !important; background: transparent !important; }
.site-v2.about-page .about-cardTitle { font-size: 18px !important; letter-spacing: -.025em; }
.site-v2.about-page .about-cardBody { font-size: 14px !important; line-height: 1.85 !important; color: var(--muted) !important; }
.site-v2.about-page .privacy-principle-card { padding: 20px !important; border: 0 !important; border-bottom: 1px solid #dfe7f0 !important; border-radius: 0 !important; }
.site-v2.about-page .hs-accent { color: #2467cb !important; }
.site-v2.about-page .about-statement { border: 0 !important; border-left: 3px solid #5384d5 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 12px 0 12px 32px !important; }

/* Shared closing cadence and the underlying footer layer. */
.site-v2 .faq-section { padding-block: var(--v2-section); background: #fff; }
.site-v2 .faq-item { border-radius: 10px; box-shadow: none; border-color: #e0e7f0; }
.site-v2 .faq-question { font-size: 14px; font-weight: 600; padding: 20px 22px; }
.site-v2 .faq-question h3 { font-size: inherit; font-weight: inherit; text-wrap: initial; }
.site-v2 .faq-answer { font-size: 14px; line-height: 1.8; }

@media (max-width: 1100px) {
  .site-v2.home-page .hero-shell { gap: 35px; }
  .site-v2.home-page #warum > .container { grid-template-columns: 1fr; gap: 32px; }
  .site-v2.home-page #warum .section-head { max-width: 600px; position: static; }
  .site-v2[data-page="vps"] .hs-dcmap-inner { gap: 20px; }
}
@media (max-width: 900px) {
  body.site-v2[data-page="dedicated"] .dedicated-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-v2.home-page .hero-shell { grid-template-columns: 1fr; }
  .site-v2.home-page .hero-panel { width: 100%; max-width: 560px; margin-inline: auto; }
  body.site-v2 .hero-section { min-height: 540px; padding: 76px 0 68px; }

  .site-v2[data-page="vps"] .hs-dcmap-inner { grid-template-columns: 1fr; }
  .site-v2[data-page="vps"] .hs-dcmap-card { min-height: 0; }
}
@media (max-width: 600px) {
  body.site-v2[data-page="dedicated"] .dedicated-grid { grid-template-columns: 1fr; }
  .site-v2 { --v2-section: 54px; --section-y: 54px; }
  .site-v2 main { margin-inline: 6px; border-radius: 0 0 18px 18px; }
  .site-v2 main :is(.container,.section-container) { width: calc(100% - 36px); }
  .site-v2 :is(h2,.hs-section-title,.section-title,.about-title) { font-size: 28px; }
  .site-v2 main :is(.section-head,.vps-section-header,.hs-secHead,.faq-head,.hs-dc-head) h2,
  .site-v2 main h2.vps-section-title { font-size: 28px; }
  body.site-v2 .hero-section { min-height: auto; padding: 62px 0 56px; }
  body.site-v2 .hero-section :is(h1,.hero-title),
  body.site-v2[data-page] .hero-section h1 { font-size: clamp(33px,9vw,40px); line-height: 1.14; }
  body.site-v2 .hero-section p { font-size: 14px; }
  .site-v2.home-page .hero-animated-line { font-size: clamp(29px,8vw,37px); }
  .site-v2.home-page .hero-shell { gap: 38px; }
  .site-v2.home-page .hero-panel { padding: 22px 18px; }
  .site-v2.home-page .why-grid { gap: 0 24px; }
  .site-v2.home-page #warum .feature-card { display: block; padding-block: 22px; }
  .site-v2.home-page #warum .feature-card .feature-icon { margin-bottom: 14px; }
  .site-v2.home-page .feature-card { padding-block: 20px; }
  .site-v2.home-page .feature-card h3 { font-size: 14px; }
  .site-v2.home-page .feature-card p { font-size: 12px; }
  .site-v2.home-page .design-card { padding: 24px 0; }
  .site-v2.home-page .hs-datacenter-experience { gap: 30px; }
  .site-v2.home-page .hs-datacenter-copy h2 { font-size: 28px; }
  .site-v2 .btn { min-height: 46px; padding: 12px 17px; }
  .site-v2 :is(.plan-card,.price-card.vps-card) { padding: 26px 24px; }
  .site-v2 .plan-title-row :is(h3,h4) { font-size: 18px; }
  .site-v2 .spec-item { font-size: 13px; }

  .site-v2[data-page="vps"] .hs-dcmap-card-body { padding: 26px 22px; }
  .site-v2[data-page="vps"] .hs-globe-wrap { min-height: 340px; height: 360px; }
  .site-v2.business-page .biz-hero { min-height: 0; padding: 64px 0 60px; }
  .site-v2.business-page .wd-hero__inner { padding: 0; width: calc(100% - 32px); }
  .site-v2.business-page .wd-eyebrow { position: static; transform: none; margin-bottom: 22px; font-size: 9px; }
  .site-v2.business-page .wd-hero h1 { font-size: 35px; }
  .site-v2.business-page .wd-hero p { font-size: 14px; }
  .site-v2.business-page .biz-custom { padding-bottom: 42px; }
  .site-v2.about-page .about-section .about-title { font-size: 28px !important; }
  .site-v2.about-page .hs-secHead h2 { font-size: 28px !important; }
  .site-v2.about-page .about-card { padding: 24px 0 !important; }
  .site-v2.about-page .about-statement { padding-left: 20px !important; }
  .site-v2 .faq-question { font-size: 13px; padding: 18px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.site-v2) { scroll-behavior: auto; }
  .site-v2 *, .site-v2 *::before, .site-v2 *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .site-v2 .starfield-canvas { display: none; }
  .site-v2 :is(.btn,.plan-card,.price-card):hover { transform: none; }

}