/* Continuous section surfaces; preserve the heroes and their existing entry spacing. */
body:is([data-page="vps"], [data-page="dedicated"]) main {
  background: #fff;
}
body:is([data-page="vps"], [data-page="dedicated"]) main section:not(.hero-section) {
  background: #fff !important;
  border-block: 0;
  box-shadow: none;
}
body:is([data-page="vps"], [data-page="dedicated"]) main section:not(.hero-section)::before,
body:is([data-page="vps"], [data-page="dedicated"]) main section:not(.hero-section)::after {
  display: none;
}
/* RAM selection: full-height hit area with a centered native drag handle. */
body[data-page="dedicated"] .ram-slider {
  display: block; width: 100%; height: 48px; margin: 0; padding: 0;
  background: transparent; cursor: pointer; touch-action: pan-y;
}
body[data-page="dedicated"] .ram-slider::-webkit-slider-runnable-track {
  height: 6px; border-radius: 99px;
  background: linear-gradient(to right, #2466ef var(--ram-progress, 0%), #dfe6f1 var(--ram-progress, 0%));
}
body[data-page="dedicated"] .ram-slider::-moz-range-track {
  height: 6px; border-radius: 99px; background: #dfe6f1;
}
body[data-page="dedicated"] .ram-slider::-moz-range-progress { height: 6px; background: #2466ef; border-radius: 99px; }
body[data-page="dedicated"] .ram-slider::-webkit-slider-thumb {
  appearance: none; box-sizing: border-box; width: 28px; height: 28px; margin-top: -11px;
  background: #2466ef; border: 3px solid #fff; border-radius: 50%;
  box-shadow: 0 2px 8px #2466ef40; cursor: grab;
}
body[data-page="dedicated"] .ram-slider::-moz-range-thumb {
  box-sizing: border-box; width: 28px; height: 28px; background: #2466ef;
  border: 3px solid #fff; border-radius: 50%; box-shadow: 0 2px 8px #2466ef40; cursor: grab;
}
body[data-page="dedicated"] .ram-slider:active { cursor: grabbing; }
body[data-page="dedicated"] .ram-slider:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; border-radius: 10px; }
body[data-page="dedicated"] .ram-labels { display: flex; justify-content: space-between; gap: 8px; margin-top: 0; }
body[data-page="dedicated"] .ram-labels button {
  min-height: 44px; flex: 1; padding: 8px; border: 1px solid #e2e8f0;
  border-radius: 10px; background: #fff; color: #53647a; font: inherit; font-size: 13px; cursor: pointer;
}
body[data-page="dedicated"] .ram-labels button[aria-pressed="true"] { color: #174db5; background: #edf4ff; border-color: #b8cefa; font-weight: 700; }
body[data-page="dedicated"] .ram-labels button:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; }

/* Dedicated workloads: editorial rows alongside the existing terminal. */
#hh-impact-v4 .hhv4-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: clamp(32px,4vw,64px); align-items: center; }
#hh-impact-v4 .dedicated-workloads { list-style: none; padding: 0; margin: 0; }
#hh-impact-v4 .dedicated-workloads li { display: grid; grid-template-columns: 40px 1fr; gap: 20px; padding: 15px 0; border-bottom: 1px solid #e2e8f0; }
#hh-impact-v4 .dedicated-workloads li:first-child { padding-top: 0; }
#hh-impact-v4 .dedicated-workloads li:last-child { border-bottom: 0; padding-bottom: 0; }
#hh-impact-v4 .workload-number { font: 12px/1.6 monospace; color: #3573df; padding-top: 3px; }
#hh-impact-v4 .workload-label { display: block; font-size: 9px; letter-spacing: .16em; font-weight: 600; color: #74859a; margin-bottom: 4px; }
#hh-impact-v4 .dedicated-workloads h3 { font-size: clamp(18px,1.4vw,21px); font-weight: 650; letter-spacing: -.025em; line-height: 1.25; margin: 0 0 5px; color: #15243b; }
#hh-impact-v4 .dedicated-workloads p { font-size: 13px; line-height: 1.55; color: #607087; margin: 0; max-width: 440px; }
@media(max-width: 900px) {
 #hh-impact-v4 .hhv4-grid { grid-template-columns: minmax(0,1fr); gap: 36px; }
 #hh-impact-v4 .dedicated-workloads li { grid-template-columns: 28px 1fr; gap: 15px; padding-block: 15px; }
 #hh-impact-v4 .dedicated-workloads p { max-width: none; }
}
#hh-impact-v4 { scroll-margin-top: 90px; }

#hh-impact-v4 .hhv4-termTop { height: 40px; }
#hh-impact-v4 .hhv4-termBody { line-height: 1.65; }
#hh-impact-v4 .hhv4-head { margin-bottom: 32px; }

/* Control Center screenshot browser. */
#vps-control-panel .easy-manage-card { border: 1px solid #dce4ee; border-radius: 16px; box-shadow: 0 24px 65px #162c481c, 0 3px 8px #162c4808; }
.panel-browser-bar { display:flex; align-items:center; gap:18px; padding:12px 18px; background:#f4f6f9; border-bottom:1px solid #dce4ee; }
.panel-window-dots { display:flex; gap:6px; }
.panel-window-dots i { width:8px; height:8px; border-radius:50%; background:#c4cdd9; }
.panel-window-dots i:first-child { background:#f18b86; }
.panel-window-dots i:nth-child(2) { background:#eac16c; }
.panel-window-dots i:last-child { background:#88c5a1; }
.panel-address { display:flex; align-items:center; justify-content:center; gap:8px; background:white; border:1px solid #e4e9f0; border-radius:6px; padding:6px 12px; flex:1; color:#69788d; font-size:11px; }
.panel-address svg { width:12px; height:12px; }
.panel-preview-label { font-size:8px; letter-spacing:.15em; color:#8290a3; }
#vps-control-panel .easy-manage-slider { background:#07131d; cursor:grab; }
#vps-control-panel .easy-manage-card.is-dragging .easy-manage-slider { cursor:grabbing; }
#vps-control-panel .easy-manage-track { height:100%; }
#vps-control-panel .easy-manage-slide { flex:0 0 100%; min-width:0; }
#vps-control-panel .easy-manage-slide img { object-fit:contain; object-position:top; user-select:none; -webkit-user-drag:none; }
.panel-browser-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:#fff; border-top:1px solid #e3e9f1; }
.panel-view-buttons,.panel-step-controls { display:flex; align-items:center; gap:5px; }
#vps-control-panel .easy-manage-dot { width:auto; height:auto; border:0; border-radius:6px; padding:9px 12px; background:transparent; color:#718096; font:inherit; font-size:11px; cursor:pointer; }
#vps-control-panel .easy-manage-dot[aria-current="true"] { background:#edf3ff; color:#2467df; font-weight:600; }
.panel-position { font:10px monospace; color:#8190a2; padding-right:8px; }
#vps-control-panel .easy-manage-arrow { position:static; transform:none; width:34px; height:34px; border:1px solid #e0e7f0; border-radius:7px; background:white; color:#263f5c; }
#vps-control-panel .easy-manage-arrow:hover { background:#edf3ff; transform:none; }
#vps-control-panel button:focus-visible { outline:2px solid #2467df; outline-offset:2px; }
@media(max-width:600px) {
 .panel-browser-bar { padding:10px; gap:10px; }
 .panel-preview-label { display:none; }
 .panel-browser-nav { flex-wrap:wrap; justify-content:center; padding:8px; gap:6px; }
 #vps-control-panel .easy-manage-dot { padding:12px 9px; }
 #vps-control-panel .easy-manage-arrow { width:44px; height:44px; }
 #vps-control-panel .easy-manage-slider { height:auto; aspect-ratio:1.8; }
}

/* Dedicated configurator details, scoped to this page. */
body[data-page="dedicated"] .dedicated-card .plan-footer {
  display: flex; flex-direction: column; align-items: stretch; gap: 8px;
}
body[data-page="dedicated"] .dedicated-card .plan-price { flex-wrap: wrap; }
body[data-page="dedicated"] .price-tax,
body[data-page="dedicated"] .price-billing,
body[data-page="dedicated"] .configuration-summary {
  margin: 0; font-size: 12px; line-height: 1.6; color: #53647a;
}
body[data-page="dedicated"] .configuration-summary { display: block; }
body[data-page="dedicated"] .raid-control { display: grid; gap: 6px; color: #53647a; font-size: 13px; }
body[data-page="dedicated"] .raid-select {
  min-height: 44px; width: 100%; padding: 8px; border: 1px solid #dfe6f1;
  border-radius: 8px; background: #fff; color: #15243b; font: inherit;
}
body[data-page="dedicated"] .raid-select:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; }
body[data-page="dedicated"] .ram-labels { flex-wrap: wrap; }


/* Match the VPS hero shell and title measure without changing other pages. */
body[data-page="dedicated"] .dedicated-hero .hero-content h1 { max-width: 880px; }
body[data-page="dedicated"] .dedicated-hero .hero-content h1 .hs-accent-blue { display: inline-block; }
body[data-page="dedicated"] #dedicated-plans { scroll-margin-top: 92px; }

/* Uniform, compact cards only in the dedicated configurator. */
body[data-page="dedicated"] .dedicated-pricing-section .section-container { width: min(1200px, calc(100% - 40px)); padding-inline: 0; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; align-items: stretch; gap: 24px; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card { width: 100%; min-width: 0; min-height: 600px; height: 100%; padding: 24px; gap: 12px; }
body[data-page="dedicated"] .dedicated-card-heading { min-height: 80px; }
body[data-page="dedicated"] .dedicated-card-heading h4 { font-size: 19px; line-height: 1.35; margin: 0 0 10px; }
body[data-page="dedicated"] .dedicated-card-heading .muted { font-size: 13px; line-height: 1.55; margin: 0; }
body[data-page="dedicated"] .dedicated-pricing-section .ram-control { min-height: 116px; margin: 0; padding: 0; }
body[data-page="dedicated"] .dedicated-pricing-section .ram-labels { display: grid; grid-template-columns: repeat(var(--ram-options, 3), minmax(0, 1fr)); min-height: 44px; align-content: start; gap: 4px; }
body[data-page="dedicated"] .dedicated-pricing-section .ram-labels button { min-width: 0; padding: 8px 4px; font-size: 12px; }
body[data-page="dedicated"] .dedicated-card > .list { min-height: 132px; margin: 0; font-size: 13px; line-height: 1.6; align-content: start; }
body[data-page="dedicated"] .dedicated-card .bandwidth-control { min-height: 70px; margin: 0; }
body[data-page="dedicated"] .dedicated-options { min-height: 44px; font-size: 13px; }
body[data-page="dedicated"] .dedicated-options summary { min-height: 44px; padding-block: 10px; color: #53647a; cursor: pointer; }
body[data-page="dedicated"] .dedicated-options summary:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; border-radius: 6px; }
body[data-page="dedicated"] .dedicated-options-body { display: grid; gap: 12px; padding-block: 8px; }
body[data-page="dedicated"] .dedicated-pricing-section .plan-footer { margin-top: auto; padding-top: 8px; gap: 14px; }
body[data-page="dedicated"] .dedicated-pricing-section .plan-price { gap: 8px; }
body[data-page="dedicated"] .dedicated-pricing-section .price-term { font-size: 12px; }
@media (min-width: 720px) { body[data-page="dedicated"] .dedicated-pricing-section .dedicated-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { body[data-page="dedicated"] .dedicated-pricing-section .dedicated-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card { padding: 20px; }
body[data-page="dedicated"] .dedicated-card-heading { min-height: 120px; }
}
@media (max-width: 600px) { body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card { padding: 20px; } }


/* Setup quotes: dedicated offers with an explicitly defined setup policy only. */
body[data-page="dedicated"] .dedicated-billing { width: 100%; border-top: 1px solid #e2e8f0; padding-top: 14px; }
body[data-page="dedicated"] .billing-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
body[data-page="dedicated"] .billing-option { display: grid; justify-items: center; align-content: center; gap: 5px; min-height: 68px; min-width: 0; padding: 8px 4px; border: 1px solid #dce4f0; border-radius: 10px; background: white; color: #53647a; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
body[data-page="dedicated"] .billing-option > span { font-size: 10px; font-weight: 500; }
body[data-page="dedicated"] .billing-option.active { color: #174db5; background: #edf4ff; border-color: #85adfa; box-shadow: inset 0 0 0 1px #b8cefa; }
body[data-page="dedicated"] .billing-option .free-setup-badge { padding: 3px 5px; border-radius: 5px; background: #174db5; color: white; font-size: 9px; font-weight: 800; letter-spacing: .03em; }
body[data-page="dedicated"] .billing-option:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; }
body[data-page="dedicated"] .setup-saving { margin: 9px 0 12px; font-size: 11px; line-height: 1.5; color: #607087; }
body[data-page="dedicated"] .billing-breakdown { display: grid; gap: 8px; margin: 0; font-size: 12px; line-height: 1.5; }
body[data-page="dedicated"] .billing-breakdown > div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
body[data-page="dedicated"] .billing-breakdown dt { color: #607087; }
body[data-page="dedicated"] .billing-breakdown dd { margin: 0; text-align: right; color: #15243b; }
body[data-page="dedicated"] .regular-setup { color: #8290a3; font-size: 11px; }
body[data-page="dedicated"] .charged-setup { font-weight: 700; }
body[data-page="dedicated"] .initial-total { padding-top: 8px; border-top: 1px solid #e2e8f0; }
body[data-page="dedicated"] .initial-price { font-size: 17px; font-weight: 800; white-space: nowrap; }
body[data-page="dedicated"] .billing-net-note { margin: 5px 0 0; font-size: 10px; color: #607087; }
body[data-page="dedicated"] .dedicated-provisioning-note { margin: 10px 0 0; font-size: 13px; line-height: 1.6; }

/* Compact, identical card structure; full quote details live in a native dialog. */
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-grid { gap: 16px; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card { min-height: 0; padding: 16px; gap: 12px; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card-heading { min-height: 64px; }
body[data-page="dedicated"] .dedicated-card-heading h4 { font-size: 16px; line-height: 1.3; margin-bottom: 6px; }
body[data-page="dedicated"] .dedicated-card-heading .muted { font-size: 12px; line-height: 1.45; }
body[data-page="dedicated"] .dedicated-pricing-section .ram-control { min-height: 0; margin: 0; padding: 0; gap: 0; }
body[data-page="dedicated"] .ram-label { display: grid; gap: 4px; font-size: 11px; font-weight: 600; color: #53647a; }
body[data-page="dedicated"] .ram-select { width: 100%; min-width: 0; height: 42px; padding: 8px 10px; border: 1px solid #dfe6f1; border-radius: 9px; background: #f7f9fc; color: #15243b; font: inherit; font-size: 12px; font-weight: 600; }
body[data-page="dedicated"] .ram-select:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card > .list { display: grid; grid-template-columns: minmax(0,1fr); gap: 3px; min-height: 104px; font-size: 12px; line-height: 1.5; text-align: left; }
body[data-page="dedicated"] .dedicated-card > .list > li:first-child { grid-column: 1 / -1; }
body[data-page="dedicated"] .dedicated-card > .list > .bandwidth-line { display: list-item; }
body[data-page="dedicated"] .dedicated-card > .list > li:nth-last-child(-n+2) { font-size: 12px; color: #53647a; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card .bandwidth-control { min-height: 0; margin: 0; }
body[data-page="dedicated"] .dedicated-card .bandwidth-label { display: grid; gap: 4px; font-size: 11px; font-weight: 600; color: #53647a; }
body[data-page="dedicated"] .dedicated-card .bandwidth-select { height: 42px; min-height: 42px; font-size: 12px; }
body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card .plan-footer { margin-top: auto; padding-top: 4px; gap: 8px; }
body[data-page="dedicated"] .dedicated-card .plan-price { flex-direction: row; align-items: baseline; gap: 7px; }
body[data-page="dedicated"] .dedicated-card .plan-price .price-amount { font-size: 24px; }
body[data-page="dedicated"] .dedicated-card .plan-price .price-term { font-size: 10px; }
body[data-page="dedicated"] .card-payment { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 11px; color: #607087; }
body[data-page="dedicated"] .quote-preview { color: #15243b; font-size: 12px; font-weight: 700; }
body[data-page="dedicated"] .billing-open { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-height: 36px; padding: 7px 10px; border: 1px solid #dfe6f1; border-radius: 8px; background: #f1f5fb; color: #315681; font: inherit; font-size: 11px; cursor: pointer; }
body[data-page="dedicated"] .compact-free-badge { color: #174db5; font-size: 9px; font-weight: 800; }
body[data-page="dedicated"] .billing-open:focus-visible,
body[data-page="dedicated"] .billing-close:focus-visible { outline: 2px solid #2466ef; outline-offset: 2px; }
body[data-page="dedicated"] .quote-dialog { position: fixed; inset: 0; width: min(440px,calc(100% - 32px)); max-height: calc(100dvh - 32px); height: fit-content; margin: auto; padding: 24px; overflow-y: auto; border: 1px solid #dce4f0; border-radius: 18px; background: white; color: #15243b; box-shadow: 0 24px 80px #10244040; }
body[data-page="dedicated"] .quote-dialog::backdrop { background: #0c1c35a8; backdrop-filter: blur(3px); }
body[data-page="dedicated"] .quote-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
body[data-page="dedicated"] .quote-dialog-head h3 { margin: 0; font-size: 20px; }
body[data-page="dedicated"] .quote-dialog-head p { margin: 4px 0 0; color: #607087; font-size: 13px; }
body[data-page="dedicated"] .billing-close { flex: 0 0 36px; height: 36px; padding: 0; border: 1px solid #e2e8f0; border-radius: 9px; background: #f7f9fc; color: #53647a; font-size: 24px; cursor: pointer; }
body[data-page="dedicated"] .quote-hardware,
body[data-page="dedicated"] .quote-confirmation { font-size: 12px; color: #607087; line-height: 1.6; }
body[data-page="dedicated"] .dialog-monthly { margin: 16px 0; font-size: 12px; color: #607087; }
body[data-page="dedicated"] .quote-monthly { font-size: 24px; color: #15243b; }
body[data-page="dedicated"] .standard-billing-info { font-size: 13px; }
body[data-page="dedicated"] .quote-dialog .initial-total { margin-top: 12px; }
@media (max-width:600px) {
  body[data-page="dedicated"] .dedicated-pricing-section .dedicated-card { padding: 18px; }
  body[data-page="dedicated"] .ram-select,
  body[data-page="dedicated"] .dedicated-card .bandwidth-select { min-height: 44px; font-size: 16px; }
  body[data-page="dedicated"] .billing-open { min-height: 44px; }
  body[data-page="dedicated"] .quote-dialog { padding: 20px; }
}



/* Traffic terms remain in the billing dialog, away from the compact card. */
body[data-page="dedicated"] .quote-traffic { margin-top: 18px; padding-top: 14px; border-top: 1px solid #e2e8f0; text-align: left; }
body[data-page="dedicated"] .quote-traffic h4 { margin: 0 0 8px; font-size: 14px; }
body[data-page="dedicated"] .quote-traffic p { margin: 7px 0; font-size: 12px; line-height: 1.6; color: #607087; }