/* Shared international edition: resilient typography and native language navigation. */
html{scroll-padding-top:130px}
.cs-language-picker{position:relative;flex:none}
.cs-premium .cs-language-picker>summary{display:flex;align-items:center;gap:8px;color:#eaf5ff;min-height:44px;padding:10px;border-radius:10px;cursor:pointer;list-style:none;font-size:12px;font-weight:800}
.cs-language-picker>summary::-webkit-details-marker{display:none}
.cs-language-picker>summary svg{width:17px;height:17px}
.cs-premium .cs-language-picker[open]>summary,.cs-premium .cs-language-picker>summary:hover{background:#1b3342;color:#a3f5d8}
.cs-premium .cs-language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 16px);width:min(650px,calc(100vw - 36px));padding:22px;background:#101e2e;color:#f0f6ff;border:1px solid #355067;border-radius:18px;box-shadow:0 28px 80px #02091488;z-index:1100;text-align:start}
.cs-language-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid #334659;font-size:16px}
.cs-language-heading>span{font-size:24px;color:#9af2d2}
.cs-language-panel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;list-style:none;padding:0;margin:0;max-height:min(65vh,500px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.cs-premium .cs-language-panel a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;color:#dfebf8;border-radius:8px;font-size:13px;line-height:1.35;text-decoration:none}
.cs-premium .cs-language-panel a small{color:#a3b9d0;font-size:10px;flex:none}
.cs-premium .cs-language-panel a:hover,.cs-premium .cs-language-panel a[aria-current]{background:#213d4b;color:#b9ffe4}
.cs-language-picker :focus-visible{outline:2px solid #94f2d0;outline-offset:3px}
.cs-premium .cs-service-copy,.cs-premium .cs-nav-label,.cs-premium .cs-product-eyebrow{overflow-wrap:break-word;min-width:0}
.cs-premium .cs-service-copy strong{line-height:1.3}
.cs-premium .cs-panel-intro h2{overflow-wrap:break-word}
.cs-premium #main-content :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.cs-premium #main-content p{ text-wrap:pretty }
.cs-premium .cbx-article{font-size:17px;line-height:1.85;color:#354b66}
.cs-premium .cbx-article h2{font-size:clamp(23px,2.5vw,32px);margin-top:2.5rem;margin-bottom:1rem;color:#132b45;letter-spacing:-.025em}
.cs-premium .cbx-article-card{height:100%;background:#fff;border:1px solid #d9e5ee;border-radius:20px;padding:30px;box-shadow:0 8px 28px #10294208;transition:transform .2s,box-shadow .2s}
.cs-premium .cbx-article-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #10294212}
.cs-premium .cbx-article-card h2{font-size:23px;line-height:1.4;letter-spacing:-.025em}
.cs-premium .cbx-article-card p{color:#4d6380;line-height:1.75}
.cs-premium .cbx-article-hero{background:radial-gradient(ellipse at 80% 15%,#12475488,transparent 50%),linear-gradient(120deg,#07121f,#152c45);position:relative;overflow:hidden}
.cs-premium .cbx-article-hero:before{content:'';position:absolute;width:400px;height:400px;border:1px solid #84eedb20;border-radius:80px;transform:rotate(25deg);right:-160px;top:-220px;pointer-events:none}
.cs-premium .cbx-article-hero .container{position:relative}
.cs-premium .cbx-article-hero .lead{color:#c4d5e6;max-width:820px;margin-inline:auto;line-height:1.75}
.cs-article-navigation{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 30px;padding:18px 0;border-bottom:1px solid #d9e5ee}
.cs-article-navigation a{color:#155b8f;font-weight:700;font-size:14px}
.cs-article-toc{padding:24px 28px;border:1px solid #d6e5ed;background:#f0f7fa;border-radius:16px;margin:28px 0}
.cs-article-toc strong{display:block;color:#143550;margin-bottom:12px}
.cs-article-toc ol{padding-inline-start:22px;margin:0;display:grid;gap:8px}
.cs-article-toc a{color:#245e86;font-size:15px;text-decoration:underline;text-underline-offset:3px}
[dir=rtl] body{font-family:'Noto Sans Arabic','Noto Sans Hebrew','DM Sans',sans-serif;text-align:right}
[dir=rtl] :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select,.btn,.cs-nav-label){font-family:inherit;letter-spacing:normal!important}
[dir=rtl] .text-left{text-align:right!important}
[dir=rtl] .text-right{text-align:left!important}
[dir=rtl] .cs-panel-intro,[dir=rtl] .cs-service-copy,[dir=rtl] .cs-footer,[dir=rtl] .cbx-article{text-align:start}
[dir=rtl] .cs-logo img,[dir=rtl] .cs-product-render,[dir=rtl] .cs-game-art img{transform:none}
[dir=rtl] .cs-panel-intro{border-right:0;border-left:1px solid #ffffff1a}
[dir=rtl] .cs-game-arrow,[dir=rtl] .cs-destination-arrow{transform:scaleX(-1)}
[dir=rtl] :is(.rate,.comparision-price,.cs-compare-price,.monthly-price,.annually-price){direction:ltr;unicode-bidi:isolate;display:inline-block}
[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=url]{direction:ltr;text-align:right}
[dir=rtl] .cs-compare-dialog,[dir=rtl] .modal-content{text-align:right}
@media(min-width:1100px){html:not([lang=fr]):not([lang=en]) .cs-premium .cs-nav-shell{gap:12px}html:not([lang=fr]):not([lang=en]) .cs-premium .cs-groups{gap:0}html:not([lang=fr]):not([lang=en]) .cs-premium .cs-dropdown>summary{padding-inline:10px;font-size:12px}html:not([lang=fr]):not([lang=en]) .cs-premium .cs-client{padding-inline:16px}}
@media(max-width:1099px){.cs-language-picker{position:static}.cs-premium .cs-language-panel{inset-inline:16px;top:auto;width:auto;margin-top:10px}.cs-language-panel ul{max-height:45vh}}
@media(max-width:600px){.cs-language-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-premium .cs-language-panel{padding:16px}.cs-premium .cbx-article{font-size:16px}.cs-article-toc{padding:20px}.cs-premium .cbx-article-card{padding:24px}.cs-premium #main-content h1{line-height:1.22}}
@media(prefers-reduced-motion:reduce){.cs-premium .cbx-article-card{transition:none}.cs-premium .cbx-article-card:hover{transform:none}}
/* Extend the established visual identity into the service catalogue. */
.cs-premium:is(.cs-family-vps,.cs-family-security,.cs-family-datacenter) #main-content :is(.hero-equal-height,.hero-custom-height){background:radial-gradient(ellipse at 82% 42%,#123e51 0,transparent 48%),linear-gradient(130deg,#07131f 0%,#10283f 100%)!important}
.cs-service-hero-render{display:block;width:100%;max-width:450px;height:auto;object-fit:contain;margin-inline:auto;filter:drop-shadow(0 24px 40px #0006);animation:cs-service-arrive 1.4s ease-out both}
.cs-premium.cs-family-security .img-wrap{isolation:isolate}
@keyframes cs-service-arrive{from{opacity:.35;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.cs-premium #main-content .faq-wrap{border-radius:16px;overflow:hidden}
.cs-premium #main-content :is(.single-promo-card,.single-pricing-card){border-color:#d7e4ee}
@media(max-width:767px){.cs-service-hero-render{max-width:260px;margin-block:24px 0}.cs-premium #main-content :is(.hero-equal-height,.hero-custom-height) .img-wrap:has(.cs-service-hero-render){display:flex;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cs-service-hero-render{animation:none}}
.cs-premium .cs-language-panel{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
.cs-language-panel ul{max-height:min(500px,calc(100dvh - 240px))}
@media(max-width:1099px){
 .cs-premium .cs-nav-actions{flex-wrap:wrap}
 .cs-premium .cs-language-picker[open]{width:100%;order:2}
 .cs-premium .cs-language-picker[open]>summary{width:max-content}
 .cs-premium .cs-language-panel{position:static;width:100%;margin-top:8px;max-height:none;overflow:visible}
 .cs-header:has(.cs-language-picker[open]) .cs-groups{display:none}
 .cs-language-panel ul{max-height:clamp(100px,calc(100dvh - 430px),390px)}
}
@media(max-width:1099px){
 .cs-premium #cs-site-header:has(.cs-language-picker[open]) .cs-groups{display:none!important}
 .cs-premium #cs-site-header .cs-nav-actions{padding-inline:0}
 .cs-premium #cs-site-header .cs-language-panel ul{max-height:clamp(80px,calc(100dvh - 430px),390px)}
}
html[dir=rtl] body.cs-premium{font-family:'Noto Sans Arabic','Noto Sans Hebrew',sans-serif!important}
html[lang=he] body.cs-premium{font-family:'Noto Sans Hebrew',sans-serif!important}
html[dir=rtl] .cs-premium :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select,.btn,.cs-nav-label,.cs-eyebrow){font-family:inherit!important}
html[dir=rtl] .cs-premium #main-content .hero-content-wrap>p:last-child{border-inline-start-color:#83dfc9}
.cs-premium #main-content .cs-hero-offer-art{display:block!important;width:180px!important;height:160px!important;max-width:100%;object-fit:contain;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;margin:0 auto 8px!important;filter:drop-shadow(0 15px 20px #0004);animation:cs-service-arrive 1.4s ease-out both}
@media(max-width:767px){.cs-premium #main-content .cs-hero-offer-art{width:150px!important;height:130px!important}}
@media(prefers-reduced-motion:reduce){.cs-premium #main-content .cs-hero-offer-art{animation:none}}
html[dir=rtl] body.cs-premium #main-content h1{line-height:1.4}
html[dir=rtl] body.cs-premium #main-content h2{line-height:1.5}
.cs-article-toc ol{list-style:decimal}

/* Keep the housing setup fee together as one responsive price cell. */
.cs-housing-price{display:grid;gap:5px;min-width:0;text-align:start}
.cs-housing-price small{white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){.cs-housing-price{flex:1;text-align:end}}

/* Long translated labels must not widen mobile offer cards. */
@media(max-width:767px){.cs-premium .vps-hosting-pricing-table{table-layout:fixed}.cs-premium .vps-hosting-pricing-table tbody td{overflow-wrap:anywhere}}