/* Public VPS catalogue, matched to the approved YUSITE reference. */
/* Vector icons and draggable configuration rail. */
@media(max-width:360px){.yu-vps-selector .yu-vps-plan-tabs button{font-size:7px!important;letter-spacing:-.25px}}
.yu-vps-flag-us,.yu-vps-flag-halo-us{background:url('/assets/support/flag-us.svg') center/cover!important}
.yu-vps-flag-in,.yu-vps-flag-halo-in{background:url('/assets/support/flag-in.svg') center/cover!important}
.yu-vps-flag:after{display:none}
.yu-vps-catalog{--vps-red:#c52f4a;--vps-ink:#142536;--vps-muted:#6c7d90;--vps-line:#dfe6ed;margin:0;max-width:none;color:var(--vps-ink)}
.yu-vps-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;min-height:238px;margin:0;padding:25px 0;overflow:hidden;background:radial-gradient(circle at 68% 48%,rgba(225,232,239,.52),transparent 35%),linear-gradient(135deg,#fff 12%,#f8fafc 65%,#fff);box-shadow:none}
.yu-vps-hero-copy{position:relative;z-index:2}.yu-vps-hero-copy small,.yu-vps-kicker{display:block;color:var(--vps-red);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.yu-vps-hero :is(h1,h2){font-family:YuZone,Arial,sans-serif;font-size:39px;font-weight:700;letter-spacing:-.045em;line-height:1.08;margin:14px 0 12px}.yu-vps-hero p{max-width:620px;color:var(--vps-muted);font-size:17px;line-height:1.5;margin:0}
.yu-vps-hero-visual{position:relative;height:210px}.yu-vps-hero-visual>img{position:absolute;z-index:2;right:70px;bottom:-6px;width:286px;height:auto;filter:drop-shadow(0 18px 24px rgba(70,86,102,.14))}
.yu-vps-globe{position:absolute;z-index:1;right:190px;top:10px;width:175px;height:175px;border:1px solid rgba(126,145,164,.18);border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 27px,rgba(126,145,164,.08) 28px 29px),repeating-linear-gradient(0deg,transparent 0 27px,rgba(126,145,164,.08) 28px 29px);opacity:.8}
.yu-vps-globe:before,.yu-vps-globe:after{content:"";position:absolute;inset:18px 48px;border:1px solid rgba(126,145,164,.15);border-radius:50%}.yu-vps-globe:after{inset:48px 18px}
.yu-vps-machines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.yu-vps-machine{position:relative;container-type:inline-size;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--vps-line);border-radius:11px;box-shadow:0 15px 38px rgba(47,67,88,.07)}
.yu-vps-machine-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;min-height:188px;padding:26px 26px 14px}.yu-vps-machine-copy{position:relative;z-index:2}.yu-vps-machine h2{font-family:YuZone,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.045em;line-height:1.1;margin:12px 0 14px}
.yu-vps-datacenter{display:flex;align-items:center;gap:12px}.yu-vps-datacenter p{display:flex;flex-direction:column;color:var(--vps-ink);font-size:13px;line-height:1.35;margin:0}.yu-vps-datacenter strong{font-weight:600}.yu-vps-datacenter small{color:var(--vps-muted);font-size:12px}
.yu-vps-flag{position:relative;width:36px;height:36px;border-radius:50%;flex:0 0 36px;overflow:hidden;box-shadow:0 0 0 1px rgba(80,100,120,.12)}
.yu-vps-flag-us{background:repeating-linear-gradient(0deg,#fff 0 4px,#d8334f 4px 8px)}.yu-vps-flag-us:after{content:"";position:absolute;left:0;top:0;width:17px;height:19px;background:#315a9d}
.yu-vps-flag-in{background:linear-gradient(#ef8a2d 0 33%,#fff 33% 67%,#2a9a52 67%)}.yu-vps-flag-in:after{content:"";position:absolute;left:14px;top:14px;width:8px;height:8px;border:1px solid #315a9d;border-radius:50%}
.yu-vps-card-art{position:absolute;z-index:1;right:12px;top:12px;width:230px;height:166px}.yu-vps-card-art img{position:absolute;right:-5px;bottom:0;width:205px;height:auto;filter:drop-shadow(0 12px 18px rgba(65,82,99,.12))}.yu-vps-flag-halo{position:absolute;right:125px;top:3px;width:82px;height:82px;border-radius:50%;opacity:.32}.yu-vps-flag-halo-us{background:repeating-linear-gradient(0deg,#fff 0 8px,#d8334f 8px 16px)}.yu-vps-flag-halo-in{background:linear-gradient(#ef8a2d 0 33%,#fff 33% 67%,#2a9a52 67%)}
.yu-vps-plan-tabs{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:start;gap:0;padding:0 24px 16px;overflow:hidden;scrollbar-width:none}
.yu-vps-plan-tabs::-webkit-scrollbar{display:none}
.yu-vps-plan-tabs:before{content:"";position:absolute;left:48px;right:48px;top:10px;height:1px;background:#cdd7e1}
.yu-vps-plan-tabs button{position:relative;min-width:0;padding:31px 2px 8px;border:0;background:transparent;color:#66788c;font:inherit;font-size:9.5px;white-space:nowrap;cursor:pointer}
.yu-vps-plan-tabs button span{position:absolute;z-index:2;left:50%;top:3px;width:15px;height:15px;border:2px solid #b9c7d5;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 3px #fff}
.yu-vps-plan-tabs button[aria-selected=true]{color:var(--vps-red);font-weight:700;background:#fff1f4;border-radius:11px}.yu-vps-plan-tabs button[aria-selected=true] span{border-color:#fff;background:var(--vps-red);box-shadow:0 0 0 2px #f2a5b3,0 0 0 5px #fff}
.yu-vps-plan-panel{padding:0 24px 18px;outline:none}.yu-vps-plan-panel:focus-visible{outline:2px solid var(--vps-red);outline-offset:-3px}
.yu-vps-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:16px 7px;background:#f8fafc;border:1px solid #f1f4f7;border-radius:8px;box-shadow:inset 0 1px 10px rgba(74,92,111,.025)}
.yu-vps-specs>div{display:flex;align-items:center;gap:10px;padding:0 14px;border-right:1px solid #e1e7ed}.yu-vps-specs>div:last-child{border-right:0}.yu-vps-specs i{color:#536a82;font-size:22px;width:23px;text-align:center}.yu-vps-specs span{display:flex;min-width:0;flex-direction:column}.yu-vps-spec-label{color:#687a8d;font-size:11px;font-weight:400;margin:0 0 4px}.yu-vps-specs strong{font-size:17px;font-weight:700;line-height:1}.yu-vps-specs strong small{color:#66788c;font-size:11px;font-weight:400;white-space:nowrap}
.yu-vps-checkout{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(190px,1fr) auto;align-items:center;gap:18px;margin-top:16px;padding-top:15px;border-top:1px solid #e8edf2}.yu-vps-monthly-price{display:flex;align-items:center;gap:8px}.yu-vps-monthly-price>strong{font-family:YuPrice,Arial,sans-serif;font-size:31px;font-weight:600;letter-spacing:-.04em;line-height:1}.yu-vps-monthly-price>span{display:flex;flex-direction:column;color:#344b61;font-size:12px;line-height:1.25}.yu-vps-monthly-price small,.yu-vps-payment small{display:block;color:#8090a0;font-size:10px;font-weight:400}
.yu-vps-payment{display:flex;align-items:center;gap:11px;color:#53677b;font-size:12px}.yu-vps-payment i{font-size:22px}.yu-vps-order{min-width:142px;padding:13px 18px;border:1px solid var(--vps-red);border-radius:5px;background:linear-gradient(180deg,#d53551,#bd2944);color:#fff;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 6px 14px rgba(191,48,75,.16)}.yu-vps-order i{margin-left:10px}.yu-vps-order:disabled{opacity:.78;cursor:not-allowed}.yu-vps-price-unavailable{grid-column:1/-1;margin:0}
.yu-vps-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 8px}.yu-vps-benefits>div{display:flex;justify-content:center;align-items:center;gap:16px;padding:4px 30px;border-right:1px solid #dfe6ed}.yu-vps-benefits>div:last-child{border-right:0}.yu-vps-benefits i{color:#455d74;font-size:30px}.yu-vps-benefits span{display:flex;flex-direction:column;font-size:13px;color:#293e52}.yu-vps-benefits small{color:#7b8b9b;font-size:11px;margin-top:2px}.yu-vps-empty{margin:28px 0}.yu-vps-catalog [hidden]{display:none!important}
@media(max-width:1180px){.yu-vps-machine-head{grid-template-columns:minmax(0,1fr) 190px}.yu-vps-card-art{right:0;width:200px}.yu-vps-card-art img{width:180px}.yu-vps-specs>div{padding:0 9px;gap:7px}.yu-vps-checkout{gap:11px}.yu-vps-order{min-width:125px;padding:12px}}
@media(max-width:900px){.yu-vps-hero{grid-template-columns:minmax(0,1fr) 350px}.yu-vps-hero :is(h1,h2){font-size:34px}.yu-vps-hero-visual>img{right:35px;width:240px}.yu-vps-globe{right:135px}.yu-vps-machines{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.yu-vps-catalog{padding-top:48px}.yu-vps-hero{display:block;min-height:0;padding:28px 3px 22px}.yu-vps-hero :is(h1,h2){font-size:31px}.yu-vps-hero p{font-size:15px}.yu-vps-hero-visual{height:170px;margin-top:8px}.yu-vps-hero-visual>img{right:28px;width:218px}.yu-vps-globe{right:124px;width:140px;height:140px}.yu-vps-machines{margin-top:16px}.yu-vps-machine-head{grid-template-columns:minmax(0,1fr) 145px;min-height:160px;padding:20px 16px 10px}.yu-vps-machine h2{font-size:27px}.yu-vps-card-art{right:-15px;top:16px;width:160px;height:135px}.yu-vps-card-art img{width:145px}.yu-vps-flag-halo{right:86px;width:66px;height:66px}.yu-vps-plan-tabs{padding:0 14px 13px;grid-template-columns:repeat(8,62px);overflow-x:auto}.yu-vps-plan-tabs:before{left:31px;right:31px}.yu-vps-plan-panel{padding:0 14px 15px}.yu-vps-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 0}.yu-vps-specs>div{padding:10px 13px;border-right:1px solid #e1e7ed}.yu-vps-specs>div:nth-child(2){border-right:0}.yu-vps-specs>div:nth-child(-n+2){border-bottom:1px solid #e1e7ed}.yu-vps-checkout{grid-template-columns:1fr auto;gap:12px}.yu-vps-payment{grid-column:1/2;grid-row:2}.yu-vps-order{grid-column:2;grid-row:1/3}.yu-vps-benefits{grid-template-columns:1fr;margin:18px 0}.yu-vps-benefits>div{justify-content:flex-start;margin:0 18px;padding:12px;border-right:0;border-bottom:1px solid #e1e7ed}.yu-vps-benefits>div:last-child{border-bottom:0}}
@media(max-width:390px){.yu-vps-machine-head{grid-template-columns:minmax(0,1fr) 112px}.yu-vps-card-art{right:-25px;width:135px}.yu-vps-card-art img{width:126px}.yu-vps-datacenter small{max-width:170px}.yu-vps-checkout{grid-template-columns:1fr}.yu-vps-payment,.yu-vps-order{grid-column:1;grid-row:auto}.yu-vps-order{width:100%}}
@media(prefers-reduced-motion:reduce){.yu-vps-catalog button{transition:none}}
.yu-vps-icon{display:block;width:26px;height:26px;flex:0 0 26px;color:#50647e}
.yu-vps-order .yu-vps-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-left:8px;color:inherit}
.yu-vps-benefits .yu-vps-icon{width:36px;height:36px;flex-basis:36px}
.yu-vps-selector{position:relative;margin:0 24px 18px;padding-top:30px}
.yu-vps-selector:before{content:"";position:absolute;left:6.25%;right:6.25%;top:14px;height:1px;background:#bbc8d8;pointer-events:none}
.yu-vps-hero-copy{padding-left:27px}
@media(max-width:650px){.yu-vps-hero-copy{padding-left:13px;padding-right:13px}}
.yu-vps-range{position:absolute;z-index:4;top:0;left:calc(6.25% - 11px);width:calc(87.5% + 22px)!important;height:28px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:grab;touch-action:pan-y}
.yu-vps-range:focus-visible{outline:none}
.yu-vps-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f3a8b7,0 0 0 6px #fff1f4}
.yu-vps-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #f3a8b7,0 0 0 6px #fff1f4}
.yu-vps-range:active{cursor:grabbing}
.yu-vps-range::-webkit-slider-runnable-track{height:1px;background:transparent}
.yu-vps-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-10px;border:3px solid white;border-radius:50%;background:#d72d4d;box-shadow:0 0 0 2px #f3a8b7}
.yu-vps-range::-moz-range-track{height:1px;background:transparent}
.yu-vps-range::-moz-range-thumb{width:16px;height:16px;border:3px solid white;border-radius:50%;background:#d72d4d;box-shadow:0 0 0 2px #f3a8b7}
.yu-vps-selector .yu-vps-plan-tabs{padding:0;overflow:visible;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.yu-vps-selector .yu-vps-plan-tabs:before{display:none}
.yu-vps-selector .yu-vps-plan-tabs button{padding:10px 0;font-size:11px;border-radius:12px}
.yu-vps-selector .yu-vps-plan-tabs button span{top:-24px;width:18px;height:18px;border-width:1.5px;box-shadow:none;pointer-events:none}
.yu-vps-selector .yu-vps-plan-tabs button[aria-selected=true] span{opacity:0}
.yu-vps-card-art{right:20px;top:18px;width:205px;height:168px}
.yu-vps-card-art img{right:0;bottom:0;width:205px;filter:none}
.yu-vps-machine-head{grid-template-columns:minmax(0,1fr) 180px}
.yu-vps-hero-visual>img{width:275px;filter:none}
.yu-vps-specs{padding:20px 4px}
.yu-vps-specs>div{gap:10px;padding:0 9px}
.yu-vps-spec-label{font-size:12px}.yu-vps-specs strong{font-size:20px}
.yu-vps-specs strong small{font-size:12px}
.yu-vps-order:disabled{opacity:1}
.yu-vps-checkout>div{min-width:0}
@container(max-width:560px){.yu-vps-checkout{grid-template-columns:minmax(0,1fr) auto;gap:12px}.yu-vps-payment{grid-column:1;grid-row:2}.yu-vps-order{grid-column:2;grid-row:1/3;min-width:125px;padding:12px}.yu-vps-payment small{white-space:normal}}
@container(max-width:340px){.yu-vps-checkout{grid-template-columns:minmax(0,1fr)}.yu-vps-payment,.yu-vps-order{grid-column:1;grid-row:auto}.yu-vps-order{width:100%}}
@media(max-width:1150px) and (min-width:901px){.yu-vps-checkout{grid-template-columns:1fr auto}.yu-vps-payment{grid-column:1;grid-row:2}.yu-vps-order{grid-column:2;grid-row:1/3}.yu-vps-specs .yu-vps-icon{width:20px;height:20px;flex-basis:20px}.yu-vps-specs>div{gap:5px;padding:0 5px}.yu-vps-selector .yu-vps-plan-tabs button{font-size:9px}}
@media(max-width:650px){.yu-vps-selector{margin:0 14px 16px}.yu-vps-selector .yu-vps-plan-tabs button{font-size:8px;padding:10px 0}.yu-vps-card-art{right:8px;top:24px;width:125px;height:135px}.yu-vps-card-art img{width:125px}.yu-vps-machine-head{grid-template-columns:minmax(0,1fr) 105px}.yu-vps-flag-halo{right:45px;width:66px;height:66px}.yu-vps-specs>div{padding:12px}.yu-vps-specs .yu-vps-icon{width:25px;height:25px;flex-basis:25px}}