.vps-hero{flex-direction:column;justify-content:space-between;min-height:82vh;padding-top:clamp(10rem,17vh,15rem);padding-bottom:6rem;display:flex;position:relative}.vps-hero:before{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #536dfe2e;border-radius:50%;width:min(52vw,760px);position:absolute;top:10vh;right:-12vw;box-shadow:0 0 110px #536dfe14}.vps-hero-copy{z-index:1;position:relative}.vps-hero h1{letter-spacing:-.075em;max-width:12ch;margin:3rem 0 2rem;font-size:clamp(4.8rem,9.6vw,10.8rem);font-weight:560;line-height:.82}.vps-hero h1 span{display:block}.vps-hero h1 span:last-child{color:var(--accent)}.vps-hero p{max-width:54ch;color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.vps-status{text-transform:uppercase;letter-spacing:.1em;align-self:flex-end;align-items:center;gap:.6rem;font-size:.62rem;display:flex}.vps-status span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 16px var(--accent);border-radius:50%}.vps-config-section{border-block:1px solid var(--line);background:#0c0c0c}.vps-config-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:clamp(3rem,7vw,8rem);padding-block:clamp(5rem,9vw,9rem);display:grid}.vps-config-heading{grid-template-columns:1fr 3fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}.vps-config-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,5.5vw,6rem);line-height:.92}.platform-selector{border:0;margin:0 0 4rem;padding:0}.platform-selector legend{text-transform:uppercase;color:var(--muted);letter-spacing:.1em;margin-bottom:1rem;font-size:.65rem}.platform-selector{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.platform-option{background:var(--bg);cursor:pointer;min-height:96px;padding:1.35rem;transition:background .25s,color .25s;position:relative}.platform-option input{opacity:0;pointer-events:none;position:absolute}.platform-option span{flex-direction:column;gap:.35rem;display:flex}.platform-option b{font-size:1.15rem}.platform-option small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.58rem}.platform-option.is-active{background:var(--text);color:var(--bg)}.platform-option.is-active small{color:#09090994}.resource-control{border-top:1px solid var(--line);padding:1.6rem 0 2rem}.resource-head{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.resource-head label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.66rem}.resource-head output{letter-spacing:-.04em;font-size:clamp(1.4rem,2.4vw,2.3rem)}.resource-control input[type=range]{--range-progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:30px}.resource-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) var(--range-progress),#f5f5f22e var(--range-progress));height:2px}.resource-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:4px solid var(--bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-8px}.resource-control input[type=range]::-moz-range-track{background:#f5f5f22e;height:2px}.resource-control input[type=range]::-moz-range-progress{background:var(--accent);height:2px}.resource-control input[type=range]::-moz-range-thumb{background:var(--text);border:3px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.range-scale{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-top:.2rem;font-size:.58rem;display:flex}.vps-summary{border:1px solid var(--line);backdrop-filter:blur(12px);background:#090909e0;height:max-content;padding:clamp(1.5rem,2.5vw,2.3rem);position:sticky;top:7rem}.vps-price{letter-spacing:-.06em;align-items:baseline;margin:2.2rem 0 .25rem;display:flex}.vps-price>span{margin-right:.35rem;font-size:1.5rem}.vps-price strong{font-size:clamp(4.3rem,7vw,7rem);font-weight:560;line-height:.8}.vps-price small{letter-spacing:.02em;color:var(--muted);margin-left:.45rem;font-size:.65rem}.vat-note{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:2.5rem;font-size:.6rem;display:block}.vps-selected{border-top:1px solid var(--line)}.vps-selected>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.vps-selected span{text-transform:uppercase;color:var(--muted);letter-spacing:.09em;font-size:.6rem}.vps-selected b{font-size:.86rem;font-weight:500}.vps-note{color:var(--muted);margin:1.5rem 0;font-size:.72rem;line-height:1.55}.vps-panel-cta{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;min-height:62px;padding:0 1.2rem;font-size:.72rem;transition:background .25s,color .25s,transform .25s;display:flex}.vps-panel-cta:hover{background:var(--text);color:var(--bg);transform:translateY(-2px)}.vps-panel-cta span:last-child{font-size:1.3rem}.vps-included{padding-block:var(--pad);border-bottom:1px solid var(--line);grid-template-columns:1.15fr 1fr;gap:8vw;display:grid}.vps-included h2,.vps-usecases h2,.vps-positioning h2{letter-spacing:-.06em;margin:2rem 0;font-size:clamp(3rem,5.7vw,6rem);line-height:.92}.vps-included p,.vps-positioning p{max-width:58ch;color:var(--muted);line-height:1.65}.vps-included ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.vps-included li{border-bottom:1px solid var(--line);grid-template-columns:3.5rem 1fr;padding:1.4rem 0;font-size:1.05rem;display:grid}.vps-included li span{color:var(--accent);letter-spacing:.08em;font-size:.62rem}.vps-usecases{padding-block:var(--pad)}.usecase-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:4rem;display:grid}.usecase-grid span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:-.035em;align-items:flex-end;min-height:150px;padding:1.2rem;font-size:clamp(1.2rem,2vw,2rem);transition:background .25s,color .25s;display:flex}.usecase-grid span:hover{background:var(--text);color:var(--bg)}.vps-positioning{padding-block:var(--pad);border-top:1px solid var(--line);grid-template-columns:1fr 3fr;gap:2rem;display:grid}.vps-positioning h2{max-width:12ch;margin-top:0}@media (width<=900px){.vps-config-grid{grid-template-columns:1fr}.vps-summary{position:relative;top:auto}.vps-included{grid-template-columns:1fr}.usecase-grid{grid-template-columns:1fr 1fr}.vps-positioning{grid-template-columns:1fr}.vps-config-heading{display:block}.vps-config-heading h2{margin-top:1.5rem}}@media (width<=767px){.vps-hero{min-height:76svh;padding-top:8.5rem}.vps-hero:before{width:82vw;top:18vh;right:-36vw}.vps-hero h1{font-size:clamp(4rem,16vw,6.2rem)}.vps-hero p{font-size:.96rem}.vps-status{align-self:flex-start;margin-top:3rem}.vps-config-grid{padding-block:4.5rem}.platform-selector{grid-template-columns:1fr}.platform-option{min-height:78px}.resource-control{padding:1.4rem 0 1.7rem}.resource-control input[type=range]{height:42px}.vps-summary{padding:1.25rem}.vps-price strong{font-size:clamp(4rem,18vw,6rem)}.vps-included,.vps-usecases,.vps-positioning{padding-block:5rem}.usecase-grid{grid-template-columns:1fr}.usecase-grid span{min-height:105px}.vps-included h2,.vps-usecases h2,.vps-positioning h2{font-size:clamp(3rem,13vw,5rem)}}@media (prefers-reduced-motion:reduce){.vps-panel-cta,.usecase-grid span,.platform-option{transition:none}}
