.vps-hero .container{position:relative;z-index:1}
.vps-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}
.vps-hero h1{font-size:clamp(2.4rem,4.5vw,3.7rem);line-height:1.1}
.vps-hero h1 span{color:var(--brand-blue-light)}
.vps-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.vps-hero-note{border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:28px;background:rgba(255,255,255,.04)}
.vps-hero-note .vps-price{display:block;font-family:var(--mono);font-size:2.6rem;margin:10px 0}
.vps-hero-note .vps-price small{font-family:var(--body);font-size:.85rem;color:rgba(255,255,255,.7)}
.vps-hero-note p{font-size:.9rem;margin:0}
.vps-hero-stats{display:flex;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}
.vps-hero-stats strong{display:block;font-family:var(--mono);font-size:1.1rem}
.vps-hero-stats span{font-size:.75rem;color:rgba(255,255,255,.7)}
.vps-section{padding:64px 0;scroll-margin-top:100px}
.vps-section.alt{background:var(--paper-2)}
.vps-section .section-head{margin-bottom:28px;max-width:760px}
.vps-kicker{font-size:.8rem;color:var(--slate);margin-top:18px}
.vps-kicker a,.vps-text-link{color:var(--brand-blue-deep);text-decoration:underline;text-underline-offset:3px}
.vps-plan-grid .plan-card h3{font-size:1.3rem}
.vps-plan-grid .plan-price{font-size:1.65rem}
.vps-config{display:grid;grid-template-columns:1.3fr .8fr;gap:32px;align-items:start}
.vps-config-controls,.vps-summary{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;min-width:0}
.vps-config-controls fieldset{border:0;margin:0 0 26px;padding:0;min-width:0}
.vps-config-controls legend{font-family:var(--display);font-size:1.1rem;font-weight:700;margin-bottom:14px}
.vps-config-controls label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}
.vps-config-controls select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:10px 12px;color:var(--ink);font:inherit;font-size:.9rem}
.vps-config-controls input[type=range]{width:100%;accent-color:var(--brand-blue);margin:22px 0 8px;min-height:24px;cursor:pointer}
.vps-range-labels{display:flex;justify-content:space-between;color:var(--slate);font: .78rem var(--mono)}
.vps-config-controls .vps-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vps-config-controls p{font-size:.82rem;margin:10px 0 0}
.vps-summary{border-top:4px solid var(--brand-orange);box-shadow:var(--shadow)}
.vps-summary h3{font-size:1.2rem}
.vps-summary-price{font-family:var(--mono);font-size:2rem;margin:14px 0 4px;color:var(--ink)}
.vps-summary-price small{font-family:var(--body);font-size:.8rem;color:var(--slate)}
.vps-resource-list{margin:22px 0}
.vps-resource-list>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.vps-resource-list dt{color:var(--slate)}
.vps-resource-list dd{margin:0;font-weight:600;text-align:right}
.vps-summary .btn{width:100%;margin-top:16px}
.vps-support{padding:12px;background:var(--paper-2);border-radius:7px;font-size:.82rem;color:var(--brand-blue-deep)}
.vps-summary small{display:block;color:var(--slate);font-size:.75rem;margin-top:12px}
.vps-summary-price small{display:inline}
.vps-comparison{margin-top:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.vps-comparison summary{padding:18px 22px;cursor:pointer;font-weight:600}
.vps-table-scroll{overflow-x:auto;padding:0 22px 22px}
.vps-table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap;text-align:left}
.vps-table caption{text-align:left;color:var(--slate);padding:10px 0}
.vps-table th,.vps-table td{padding:12px;border-bottom:1px solid var(--line)}
.vps-table thead{background:var(--paper-2)}
.vps-table tbody tr:nth-child(even){background:var(--paper)}
.vps-table a{color:var(--brand-blue-deep);text-decoration:underline}
.vps-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.vps-info{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.vps-info h3{font-size:1.15rem}
.vps-info p{font-size:.9rem}
.vps-info .vps-number{display:block;font: .8rem var(--mono);color:var(--brand-orange-deep);margin-bottom:12px}
.vps-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.vps-steps li{counter-increment:step;padding-top:20px;border-top:2px solid var(--line)}
.vps-steps li::before{content:'0' counter(step);display:block;font: .85rem var(--mono);color:var(--brand-orange-deep);margin-bottom:14px}
.vps-steps h3{font-size:1.05rem}
.vps-steps p{font-size:.87rem}
.vps-faq{max-width:840px}
.vps-faq details{padding:20px 0;border-bottom:1px solid var(--line)}
.vps-faq summary{cursor:pointer;font-weight:600;padding-right:16px}
.vps-faq details p{margin:14px 0 0;font-size:.9rem}
.vps-noscript{padding:16px;border:1px solid var(--line);border-radius:7px}
@media(max-width:900px){.vps-hero-grid{gap:28px}.vps-config{grid-template-columns:1fr}.vps-three-grid{grid-template-columns:1fr}.vps-steps{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.vps-hero-grid{grid-template-columns:1fr}.vps-section{padding:40px 0}.vps-hero-note,.vps-config-controls,.vps-summary{padding:22px}.vps-config-controls .vps-columns{grid-template-columns:1fr}.vps-hero-actions .btn{width:100%}.vps-steps{grid-template-columns:1fr}.vps-table-scroll{padding:0 12px 12px}}
