:root{--pv-navy:#020b1c;--pv-blue:#0784f9;--pv-deep:#005dda;--pv-cyan:#75c4ff;--pv-pale:#f6f8fb;--pv-line:#dbe7f0}
.private-vps-page{background:var(--pv-pale);color:#020b1c}
.private-vps-page .hero{position:relative;overflow:hidden;padding:0;background:var(--pv-navy)}
.private-vps-page .hero__inner{display:block;width:100%}
.private-vps-page .hero__visual{position:relative;min-height:clamp(620px,64vw,820px);width:100%;isolation:isolate}
.private-vps-page .hero__visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,11,28,.97) 0%,rgba(2,11,28,.82) 34%,rgba(2,11,28,.22) 69%,rgba(2,11,28,.08) 100%);pointer-events:none}
.private-vps-page .hero__human{position:absolute;inset:0;z-index:0;display:block;overflow:hidden}
.private-vps-page .hero__human img{width:100%;height:100%;object-fit:cover;object-position:center}
.private-vps-page .hero__copy{position:absolute;top:50%;left:max(var(--gutter),calc((100vw - var(--container))/2));z-index:3;width:min(610px,calc(100% - var(--gutter)*2));transform:translateY(-50%);color:#fff}
.private-vps-page .hero__copy .eyebrow{color:var(--pv-cyan)}
.private-vps-page .hero__title{margin:.7rem 0 1.25rem;color:#fff;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.045em}
.private-vps-page .hero__title em{font-style:normal;color:var(--pv-blue)}
.private-vps-page .hero__lede{max-width:34em;margin:0 0 var(--space-6);font-size:18px;line-height:1.7;color:#c9d7e8}
.private-vps-page .hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.private-vps-page .btn--primary{background:var(--pv-blue);border-color:var(--pv-blue);color:#fff;box-shadow:0 12px 30px rgba(7,132,249,.28)}
.private-vps-page .hero__copy .btn--ghost{color:#fff;border-color:rgba(255,255,255,.52)}
.private-vps-page .cta-band .btn[href="/interested/"]{
  background:transparent;
  border-color:rgba(255,255,255,.78);
  color:#fff;
}
.private-vps-page .cta-band .btn[href="/interested/"]:hover{
  background:rgba(7,132,249,.16);
  border-color:var(--pv-cyan);
  color:#fff;
}
.private-vps-page .cta-band .btn[href="/interested/"]:focus-visible{
  outline:3px solid var(--pv-cyan);
  outline-offset:3px;
}
.private-vps-page .hero__note{margin-top:var(--space-5);font-family:var(--font-mono);font-size:11px;color:#9eb3cd}
.benefits{background:#fff;border-bottom:1px solid var(--pv-line)}
.private-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.private-card{padding:28px;border:1px solid #dce2e9;border-radius:20px;background:#f6f8fb}
.private-card__icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border:1px solid #b8d7f5;border-radius:15px;background:#eaf4ff;color:var(--pv-blue)}
.private-card__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.private-card h3{margin:0 0 8px;font-size:19px;color:#071b3a}
.private-card p{margin:0;color:#4a586d;font-size:15px;line-height:1.65}
.vps-compare{background:linear-gradient(180deg,#eef4fb,#f6f8fb);border-bottom:1px solid #dde7f3}
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:960px;margin-inline:auto}
.compare-card{padding:28px;border:1px solid #dce2e9;border-radius:20px;background:#fff}
.compare-card--private{border-color:var(--pv-blue);background:linear-gradient(145deg,#07152c,#020b1c);color:#fff}
.compare-card--private h3{color:#fff}
.compare-card h3{margin:0 0 14px;font-size:18px;color:#071b3a}
.compare-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.compare-list li{position:relative;padding-left:18px;font-size:14px;line-height:1.6;color:#4a586d}
.compare-card--private .compare-list li{color:#c9d7e8}
.compare-list li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--pv-blue)}
.compare-note{max-width:700px;margin:22px auto 0;text-align:center;color:#5b6b82;font-size:12px;line-height:1.6}
.install-preview{background:#fff}
.install-preview .install-steps{grid-template-columns:repeat(3,1fr)}
.install-note{max-width:720px;margin:32px auto 0;padding:20px;border:1px solid #dce2e9;border-radius:16px;background:#f6f8fb;text-align:center}
.install-note p{margin:0 0 16px;color:#4a586d;font-size:13px;line-height:1.6}
@media(max-width:1020px){.private-grid,.compare-grid{grid-template-columns:1fr}.install-preview .install-steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.private-vps-page .hero__visual{min-height:720px}.private-vps-page .hero__visual::after{background:linear-gradient(180deg,rgba(2,11,28,.08) 12%,rgba(2,11,28,.96) 76%)}.private-vps-page .hero__human img{object-position:62% center}.private-vps-page .hero__copy{top:auto;bottom:58px;left:var(--gutter);width:calc(100% - var(--gutter)*2);transform:none}.private-vps-page .hero__title{font-size:clamp(42px,12vw,58px)}.private-vps-page .hero__lede{font-size:16px}.private-vps-page .hero__actions{flex-direction:column}.private-vps-page .hero__actions .btn{width:100%}.private-grid,.compare-grid{grid-template-columns:1fr}.install-preview .install-steps{grid-template-columns:1fr}}

/* Installation numbers are decorative artwork, not badges. */
.private-vps-page .install-step__num {
  position: absolute;
  top: 18px;
  left: var(--space-6);
  z-index: 0;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pv-blue);
  font-family: var(--font-sans);
  font-size: clamp(90px, 7vw, 112px);
  font-weight: 800;
  line-height: 0.82;
  letter-spacing: -0.08em;
  opacity: 0.12;
  pointer-events: none;
}

.private-vps-page .install-step__num::before {
  content: none;
  counter-increment: none;
}

.private-vps-page .install-step__content {
  position: relative;
  z-index: 1;
  padding-top: 56px;
}

@media(max-width:760px){
  .private-vps-page .install-step__num {
    left: var(--space-5);
  }
}
