.vds-page .cp-container { max-width: var(--dx-wrap-max); margin-inline: auto; padding-inline: var(--dx-gutter); }
.vds-page .cp-packages-grid.vds-grid-4 { grid-template-columns: repeat(4, 1fr); }
.vds-page .vds-cat-desc { margin: 0px 0px 18px; font-size: 14.5px; color: rgb(71, 85, 105); }
.vds-page .vds-cat-desc strong { color: rgb(15, 23, 42); }
.vds-addon-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.vds-addon-card ul { list-style: none; margin: 10px 0px 0px; padding: 0px; }
.vds-addon-card li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0px; border-top: 1px dashed rgb(226, 232, 240); font-size: 13.5px; color: rgb(203, 213, 225); }
.vds-addon-card li:first-child { border-top: 0px; }
.vds-addon-card li b { white-space: nowrap; color: rgb(255, 255, 255); }
.vds-modal { max-width: 620px; }
.vds-modal .cp-modal-body { max-height: min(68vh, 640px); overflow-y: auto; }
.vds-options { display: grid; gap: 8px; }
.vds-addon-group { margin: 0px 0px 12px; padding: 0px; border: 0px; min-width: 0px; }
.vds-addon-group legend { margin-bottom: 6px; font-size: 12.5px; font-weight: 800; color: rgb(100, 116, 139); text-transform: uppercase; letter-spacing: 0.3px; }
.vds-opt { display: flex; align-items: center; gap: 10px; margin: 0px 0px 6px; padding: 9px 12px; border: 1px solid rgb(226, 232, 240); border-radius: 10px; cursor: pointer; font-size: 14px; color: rgb(30, 41, 59); }
.vds-opt:hover { border-color: rgb(255, 106, 0); }
.vds-opt input { flex: 0 0 auto; accent-color: rgb(255, 106, 0); }
.vds-opt span { flex: 1 1 auto; min-width: 0px; }
.vds-opt b { white-space: nowrap; font-size: 13px; color: rgb(51, 65, 85); }
.vds-opt:has(input:checked) { border-color: rgb(255, 106, 0); background: rgb(255, 247, 237); }
@media (max-width: 1100px) {
  .vds-page .cp-packages-grid.vds-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .vds-addon-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .vds-page .cp-packages-grid.vds-grid-4, .vds-addon-grid { grid-template-columns: 1fr; }
}
/* Shared original sales layout for VDS and VPS. Palette only. */
.vds-page .cp-hero{background:#fff;color:#315b7c}.vds-page .cp-hero::after{display:none}.vds-page .cp-hero-title{color:#315b7c}.vds-page .cp-hero-sub{color:#7b94a9}.vds-page .cp-hero-badge{color:#6386a3;background:#f4f8fd;border-color:#dce7f1}.vds-page .cp-hl-item{background:#f8fbfe;border-color:#e0e9f2}.vds-page .cp-hl-item strong{color:#446d8f}.vds-page .cp-hl-item p{color:#7d97ab}.vds-page .cp-gradient-text{background:linear-gradient(135deg,#347bb1,#6a9fc7) text}.vds-page .cp-container{max-width:1240px;box-sizing:border-box}.vds-page .cp-packages-grid.vds-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vds-page .cp-card .cp-btn-buy{background:#f5f9fd!important;color:#386b95!important;box-shadow:inset 0 0 0 1px #c7daeb!important}.vds-page .cp-ribbon{background:#8caecb}.vds-modal [hidden]{display:none!important}.vds-modal .vds-opt:has(input:checked){background:#eef5fc;border-color:#a6c8e3}.vds-modal input{accent-color:#5d93be}@media(max-width:1050px){.vds-page .cp-packages-grid.vds-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.vds-page .cp-packages-grid.vds-grid-4{grid-template-columns:1fr}}

.vds-page .cp-hero{padding:42px 0 28px}.sv-hero-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:54px;align-items:center;text-align:left}.sv-hero-copy .cp-hero-badge{font-size:11px;margin-bottom:17px}.sv-hero-copy .cp-hero-title{font-size:38px;line-height:1.17;margin:0 0 18px;color:#244d70;letter-spacing:-.025em}.sv-hero-copy .cp-hero-sub{font-size:14px;line-height:1.8;color:#697f93;margin:0 0 24px;max-width:60ch}.sv-hero-copy .cp-hero-actions{justify-content:flex-start;margin:0}.sv-hero-copy .cp-btn{font-size:12px;padding:11px 18px}.sv-hero-photo{margin:0;position:relative;padding:0 0 12px 12px}.sv-hero-photo:before{content:'';position:absolute;inset:18px 14px 0 0;background:#e6f0fa;border-radius:14px;z-index:0}.sv-hero-photo img{position:relative;display:block;object-fit:cover;width:100%;height:284px;border-radius:12px;border:1px solid #d9e5ef;box-shadow:0 10px 25px #3f6c8e10}.sv-hero-photo figcaption{position:absolute;right:12px;bottom:23px;font:9px Inter,sans-serif;padding:5px 8px;border-radius:4px;background:#ffffffed;color:#6e879b}.vds-page .cp-hero-highlights{margin:28px 0 0;max-width:none;gap:12px}.vds-page .cp-hl-item{padding:13px 15px;background:#f7fafc;border-color:#e2eaf1}.vds-page .cp-hl-item strong{font-size:12px;color:#426887}.vds-page .cp-hl-item p{font-size:11px;color:#7b91a4}.vds-page .cp-pricing-section{padding:36px 0 25px;background:#f5f8fc}.vds-page .cp-section-header{margin-bottom:24px}.vds-page .cp-section-header h2{font-size:27px;color:#315b7a}.vds-page .cp-section-header p{font-size:13px;color:#7b90a3}.vds-page .cp-controls-bar{margin-bottom:28px;box-shadow:none}.vds-page .cp-card{padding:24px;border-radius:12px;border-color:#dce6ef;box-shadow:0 5px 16px #52718b08}.vds-page .cp-card:hover{border-color:#abc7df;box-shadow:0 10px 22px #52718b13;transform:translateY(-3px)}.vds-page .cp-card-title{font-size:20px;color:#2c5475}.vds-page .cp-card-featured{border:1px solid #86b2d6;box-shadow:0 5px 20px #669ac31a}.sv-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 19px}.sv-specs>span{display:grid;justify-items:center;text-align:center;gap:7px;padding:10px 3px;background:#f2f7fc;border:1px solid #e1ebf3;border-radius:7px;color:#729dbd}.sv-specs svg{width:22px;height:22px}.sv-specs strong{font-size:10px;line-height:1.5;color:#48718f;font-weight:650}.vds-page .cp-card-pricing{background:#fff;border:0;border-top:1px solid #e5edf3;border-bottom:1px solid #e5edf3;border-radius:0;padding:15px 0;margin-bottom:20px}.vds-page .cp-amount{font-size:32px;color:#2d668f}.vds-page .cp-currency{font-size:17px;color:#7697b0}.vds-page .cp-unit{font-size:11px;color:#879bab}.sv-card .cp-features-list li:nth-child(-n+3){display:none}.vds-page .cp-features-list li{font-size:12px;color:#708699;gap:8px}.vds-page .cp-check-icon{color:#7da9c9}.vds-page .cp-card .cp-btn-buy{font-size:12px;background:#edf5fc!important;color:#366f9e!important;box-shadow:inset 0 0 0 1px #b7d0e5!important}.vds-page .cp-env-tab.active{background:#eaf3fc;color:#3977a5;box-shadow:inset 0 0 0 1px #bdd5e9}.vds-page .cp-env-tab.active .cp-tab-pill{background:#dceaf7;color:#5c86a8}@media(max-width:900px){.sv-hero-layout{gap:25px}.sv-hero-copy .cp-hero-title{font-size:32px}.sv-hero-photo img{height:260px}.vds-page .cp-hero-highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sv-hero-layout{grid-template-columns:1fr;gap:25px}.sv-hero-copy .cp-hero-title{font-size:30px}.sv-hero-photo{max-width:480px}.sv-hero-photo img{height:250px}.vds-page .cp-hero{padding-top:28px}.vds-page .cp-hero-highlights{grid-template-columns:1fr 1fr}}

.sv-hero-photo img{object-fit:contain;background:#f4f8fd;height:310px;box-shadow:0 8px 22px #587e9b0c}.sv-hero-photo figcaption{font-size:8px;background:#ffffffd9}.sv-hero-photo:before{background:#e5f0f9}@media(max-width:700px){.sv-hero-photo img{height:auto;aspect-ratio:620/390}}

/* VPS has a different visual hierarchy; sales modal and prices are identical to source. */
.vps-page .sv-hero-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:55px}.vps-page .sv-hero-copy{order:2}.vps-page .sv-hero-photo{order:1;padding:0 12px 12px 0}.vps-page .sv-hero-photo:before{inset:18px 0 0 14px;background:#e7ecf8}.vps-page .cp-hero{background:linear-gradient(110deg,#f8f9ff,#fff 70%)}.vps-page .sv-hero-copy .cp-hero-title{font-size:36px;color:#385b85}.vps-page .cp-gradient-text{background:linear-gradient(135deg,#6385b4,#7c9bc4) text}.vps-page .sv-hero-photo img{background:#f4f7fd;border-color:#d7e1f1}.vps-page .cp-packages-grid.vds-grid-4{grid-template-columns:1fr;gap:19px}.vps-page .sv-card{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(240px,1.3fr) minmax(130px,.7fr) 185px;gap:12px 22px;align-items:center;padding:24px 25px;border-radius:12px}.vps-page .sv-card .cp-card-head{grid-column:1;grid-row:1/3;margin:0}.vps-page .sv-card .cp-card-title{margin:0;font-size:21px;color:#3c5e87}.vps-page .sv-specs{grid-column:2;grid-row:1;margin:0}.vps-page .sv-specs>span{padding:9px 4px;background:#f5f7fc;border-color:#e0e7f2}.vps-page .cp-card-pricing{grid-column:3;grid-row:1/3;margin:0;padding:0;border:0;background:transparent}.vps-page .cp-price-sub{justify-content:flex-start}.vps-page .cp-amount{font-size:29px;color:#547ba8}.vps-page .cp-unit{font-size:10px}.vps-page .cp-features-list{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:7px 13px;margin:0}.vps-page .cp-features-list li{font-size:10px;margin:0}.vps-page .cp-btn-buy{grid-column:4;grid-row:1/3;padding:13px 15px;white-space:nowrap}.vps-page .cp-card-featured{background:#f0f5fd;border:2px solid #93afd2;box-shadow:0 6px 21px #809ec725}.vps-page .cp-card-featured .cp-ribbon{left:24px;right:auto;background:#6f92bf;top:-13px;font-size:10px;padding:5px 14px}.vds-page:not(.vps-page) .cp-card-featured{background:linear-gradient(#edf5fd,#fff 42%);border-top:4px solid #72a4ce;padding-top:21px}.vds-page:not(.vps-page) .cp-card-featured .cp-ribbon{background:#5e95c1;font-size:11px;padding:5px 14px;top:-16px}.vds-page:not(.vps-page) .cp-card-featured .cp-card-pricing{background:#f2f8fd;padding:15px 10px;border:1px solid #deebf5;border-radius:8px}@media(max-width:1050px){.vps-page .sv-card{grid-template-columns:1fr 1.5fr 1fr;gap:14px}.vps-page .cp-btn-buy{grid-column:3;grid-row:2}.vps-page .cp-card-pricing{grid-row:1}.vps-page .sv-hero-layout{gap:25px}}@media(max-width:700px){.vps-page .sv-hero-layout{grid-template-columns:1fr}.vps-page .sv-hero-copy{order:1}.vps-page .sv-hero-photo{order:2}.vps-page .sv-card{grid-template-columns:1fr 1fr;padding:24px 20px;gap:15px}.vps-page .sv-card .cp-card-head{grid-column:1;grid-row:1}.vps-page .sv-specs{grid-column:1/-1;grid-row:2}.vps-page .cp-card-pricing{grid-column:2;grid-row:1;justify-self:end}.vps-page .cp-features-list{grid-column:1/-1;grid-row:3}.vps-page .cp-btn-buy{grid-column:1/-1;grid-row:4}.vps-page .sv-hero-copy .cp-hero-title{font-size:30px}}

.vds-page .sv-addons-section{background:#fff;border-top:1px solid #e1eaf3;border-bottom:1px solid #e1eaf3;padding:36px 0}.sv-addons-section .cp-section-header{margin-bottom:25px}.sv-addons-section .vds-addon-grid{gap:16px;align-items:start}.sv-addon-card{border:1px solid #dce7f0;border-radius:12px;background:linear-gradient(125deg,#fff,#f6faff);padding:20px 22px;color:#66839b;box-shadow:0 4px 12px #5f829c06}.sv-addon-heading{display:flex;align-items:center;gap:12px}.sv-addon-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#eaf3fc;border:1px solid #dce9f4;color:#6598be;flex:none}.sv-addon-icon svg{width:24px;height:24px}.sv-addon-heading h3{font:800 17px/1.4 Nunito,sans-serif;margin:0;color:#456b8b}.sv-addon-card>p{font:11px/1.7 Inter,sans-serif;color:#8a9eae;margin:12px 0 16px}.sv-addon-start{display:flex;align-items:center;gap:9px;margin-bottom:16px}.sv-addon-start strong{font:800 25px/1.2 Nunito,sans-serif;color:#477da5;white-space:nowrap}.sv-addon-start>span{font:10px/1.5 Inter,sans-serif;color:#7e9ab0}.sv-addon-start small{display:block;font-size:8px;color:#a0b0bd}.sv-addon-details{border-top:1px solid #e1ebf3;padding-top:12px}.sv-addon-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font:600 10px/1.8 Inter,sans-serif;color:#6a96b7}.sv-addon-details summary::-webkit-details-marker{display:none}.sv-addon-details summary>span{display:grid;place-items:center;font-size:16px;width:22px;height:22px;border:1px solid #dbe7f2;border-radius:50%;background:#fff}.sv-addon-details[open] summary>span{transform:rotate(45deg)}.sv-addon-details ul{list-style:none;padding:12px 0 0;margin:0}.sv-addon-details li{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font:10px/1.7 Inter,sans-serif;color:#849bac;border-bottom:1px solid #edf2f6;padding:8px 0}.sv-addon-details li:last-child{border:0}.sv-addon-details li b{font-size:10px;color:#6489a6;white-space:nowrap;font-weight:600}.sv-addon-card:nth-child(3) .sv-addon-icon,.sv-addon-card:nth-child(6) .sv-addon-icon{background:#f0effb;border-color:#e3e2f2;color:#9391ba}.sv-addon-card:nth-child(4) .sv-addon-icon{background:#fbf5e8;border-color:#eee4c9;color:#b8a26e}.sv-addon-details summary:focus-visible{outline:2px solid #95bcdb;outline-offset:4px}@media(max-width:900px){.sv-addons-section .vds-addon-grid{grid-template-columns:1fr 1fr}.sv-addon-card{padding:18px}.sv-addon-start strong{font-size:23px}}@media(max-width:600px){.sv-addons-section .vds-addon-grid{grid-template-columns:1fr}.sv-addon-card{padding:20px}}