.vps-os-section{background:var(--public-bg, #fff)}.vps-os-heading{margin-bottom:44px}.vps-os-heading p{max-width:720px;margin:14px auto 0}.vps-os-carousel{position:relative}.vps-os-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-bottom:18px}.vps-os-carousel-controls[hidden]{display:none}.vps-os-carousel-status{color:var(--public-muted, #6b7280);font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.vps-os-carousel-buttons{display:flex;gap:8px}.vps-os-carousel-button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid var(--public-border, #dce5ef);border-radius:10px;color:var(--public-heading, #172033);background:var(--public-surface, #fff);box-shadow:0 8px 22px rgba(19,45,78,.07)}.vps-os-carousel-button:hover:not(:disabled){border-color:var(--public-primary, #0364ff);color:#fff;background:var(--public-primary, #0364ff)}.vps-os-carousel-button:focus-visible,.vps-os-grid:focus-visible{outline:3px solid color-mix(in srgb, var(--public-primary, #0364ff) 38%, transparent);outline-offset:3px}.vps-os-carousel-button:disabled{cursor:not-allowed;opacity:.4}.vps-os-grid{display:grid;overflow-x:auto;grid-auto-columns:calc((100% - 60px)/4);grid-auto-flow:column;gap:20px;padding:3px 1px 12px;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.vps-os-grid::-webkit-scrollbar{display:none}.hosting-application .vps-os-card{--vps-os-accent: var(--public-primary, #0364ff);display:flex;min-width:0;flex-direction:column;margin-bottom:0;padding:26px;border-top:3px solid var(--vps-os-accent);scroll-snap-align:start;scroll-snap-stop:always;text-align:left}.hosting-application .vps-os-card--ubuntu{--vps-os-accent: #e95420}.hosting-application .vps-os-card--debian{--vps-os-accent: #a80030}.hosting-application .vps-os-card--rocky{--vps-os-accent: #10b981}.hosting-application .vps-os-card--almalinux{--vps-os-accent: #0f6f8f}.hosting-application .vps-os-card--alpine{--vps-os-accent: #0d597f}.hosting-application .vps-os-card--fedora{--vps-os-accent: #3c6eb4}.vps-os-card-heading{display:flex;min-width:0;align-items:center;gap:14px;margin-bottom:22px}.vps-os-logo{display:inline-flex;width:54px;height:54px;flex:0 0 54px;align-items:center;justify-content:center}.vps-os-logo-image{width:48px;height:48px}.vps-os-monogram{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:12px;color:var(--vps-os-accent);background:color-mix(in srgb, var(--vps-os-accent) 13%, transparent);font-size:19px;font-weight:800;letter-spacing:-0.03em}.hosting-application .vps-os-card h3{overflow-wrap:anywhere;margin:0;color:var(--public-heading, #172033);font-size:21px;line-height:1.25}.vps-os-versions{display:grid;gap:9px;margin:auto 0 0;padding:0;list-style:none}.vps-os-versions li{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:7px;color:var(--public-text, #172033);background:var(--public-surface-muted, #f4f7fb)}.vps-os-versions strong{color:var(--vps-os-accent);font-size:15px}.vps-os-versions span{overflow:hidden;color:var(--public-muted, #6b7280);font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion: no-preference){.vps-os-grid{scroll-behavior:smooth}}@media only screen and (max-width: 1199px){.vps-os-grid{grid-auto-columns:calc((100% - 40px)/3)}}@media only screen and (max-width: 767px){.vps-os-grid{grid-auto-columns:calc((100% - 20px)/2)}}@media only screen and (max-width: 575px){.vps-os-heading{margin-bottom:32px}.vps-os-grid{grid-auto-columns:100%}.hosting-application .vps-os-card{padding:22px}}.vps-features-hero{background:linear-gradient(180deg, rgba(3, 100, 255, 0.04), rgba(255, 255, 255, 0) 42%),#fff}.vps-features-hero-layout{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:28px;align-items:end}.vps-features-hero-title{max-width:760px;margin-bottom:0}.vps-features-hero-title p{margin-top:12px;margin-bottom:0}.vps-features-hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.vps-features-grid-section{background:#fff}.vps-feature-card{display:flex;height:calc(100% - 30px);flex-direction:column;margin-bottom:30px}.vps-feature-card .service-content{display:flex;flex:1 1 auto;flex-direction:column}.vps-feature-card .service-content p{margin-bottom:0}@media only screen and (max-width: 991px){.vps-features-hero-layout{grid-template-columns:1fr}.vps-features-hero-actions{justify-content:flex-start}}@media only screen and (max-width: 575px){.vps-features-hero-actions,.vps-features-hero-actions .btn{width:100%}}
