/* 24Node 9: original open landing, photo categories, continuous background. */
.page-home:before{height:660px;background:linear-gradient(100deg,#163aa6f0 0%,#2555dfdf 48%,#315ff17a 100%),url('/assets/datacenter-v7.webp') right 45%/cover;mask-image:linear-gradient(#000 0 77%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 77%,transparent 100%)}
.landing-hero{min-height:450px}
.landing-copy{text-align:left;padding:80px 0 95px}
.landing-copy h1{font-size:58px;font-weight:700;line-height:1.13;letter-spacing:-1.8px;max-width:850px}
.landing-copy h1 br{display:block}
.landing-copy h1 span{color:#dbe7ff}
.landing-copy>p{margin:0 0 30px;max-width:640px;font-size:18px}
.home-products{position:relative;background:transparent;padding-top:25px;padding-bottom:70px}
.home-products .category-grid{gap:24px}
.home-products .category-card{background:#121418;border:1px solid #343c4a;box-shadow:0 10px 30px #18375f0d;overflow:hidden;border-radius:5px}
.home-products .category-card>img{width:100%;height:190px;object-fit:cover}
.home-products .category-card>div{padding:25px}
.home-products .category-card h3{font-size:26px}
.home-products .category-card footer{border-top:1px solid #343c4a;padding-top:18px}
.page-home .section-soft{background:#121418;border:0}
:is(.page-servers,.page-kvm) main{position:relative;isolation:isolate}
:is(.page-servers,.page-kvm) main:before{content:"";position:absolute;top:0;left:0;right:0;height:780px;z-index:-1;background:linear-gradient(90deg,#121418dd,#121418a3 48%,#1214183d),var(--product-photo,url('/assets/minecraft-adventure.webp')) center top/cover;mask-image:linear-gradient(#000 0 42%,#000b 63%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 42%,#000b 63%,transparent 100%);pointer-events:none}
:is(.page-servers,.page-kvm) .wide-product-hero{background:transparent;border:0;overflow:visible}
:is(.page-servers,.page-kvm) .wide-product-background,:is(.page-servers,.page-kvm) .wide-product-hero:after{display:none}
:is(.page-servers,.page-kvm) .wide-product-content{padding-bottom:85px;padding-top:34px}
:is(.page-servers,.page-kvm) .catalog-section{background:transparent;border:0;padding-top:30px}
:is(.page-servers,.page-kvm) .product-intro{margin-top:58px}
.fixed-location{display:flex;flex-direction:column;gap:5px;padding:18px 20px;background:#1b1e24;border-left:3px solid #315cf4;border-radius:3px;font-size:14px}
.fixed-location span{font-size:12px;color:#b5c0d1}
.site-footer{position:relative;isolation:isolate;background:transparent;border:0;padding-top:110px;margin-top:0;color:#eef1f7}
.site-footer:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#121418 0%,#121418ed 18%,#1b1e24f0 52%,#1b1e24f5 100%),url('/assets/network-v7.webp') center/cover}
.site-footer .footer-copy,.site-footer .footer-grid>div:not(:first-child) a{color:#b5c0d1}
.site-footer .footer-title{color:#eef1f7}
.site-footer .footer-grid a:hover{color:#8daaff}
.site-footer .footer-bottom{border-top:1px solid #343c4a85;color:#b5c0d1;margin-top:42px}
.site-footer .footer-bottom a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.landing-copy h1{font-size:49px}}
@media(max-width:760px){.landing-copy{padding:65px 0 75px}.landing-copy h1{font-size:40px;max-width:540px}.landing-copy>p{font-size:16px}.landing-hero{min-height:430px}.page-home:before{height:650px}.home-products .category-card>img{height:100%;min-height:200px}.home-products .category-card>div{padding:20px}.home-products .category-card h3{font-size:23px}:is(.page-servers,.page-kvm) main:before{height:860px;background-position:65% top}:is(.page-servers,.page-kvm) .wide-product-content{padding-bottom:55px}.site-footer{padding-top:80px}}
@media(max-width:420px){.landing-copy h1{font-size:34px}.home-products .category-card{display:block}.home-products .category-card>img{height:165px;min-height:0}:is(.page-servers,.page-kvm) main:before{height:950px}}

/* Version 10: centered original wording, matching KVM fade, rich footer. */
.page-kvm{--product-photo:url('/assets/datacenter-v7.webp')}
.landing-copy{text-align:center}
.landing-copy h1{max-width:1100px;margin-inline:auto;font-weight:500;font-size:56px;line-height:1.2}
.landing-copy h1 span{color:white}
.landing-copy>p{margin-inline:auto;font-size:20px}
.site-footer{padding-top:145px;color:white}
.site-footer:before{background:linear-gradient(100deg,#163aa6ed 0%,#2555dfcc 48%,#315ff178 100%),url('/assets/network-v7.webp') center/cover;mask-image:linear-gradient(transparent 0,#000 110px);-webkit-mask-image:linear-gradient(transparent 0,#000 110px)}
.site-footer .footer-title,.site-footer .brand-word,.site-footer .brand-word strong{color:white}
.site-footer .footer-copy,.site-footer .footer-grid>div:not(:first-child) a{color:#e5edff}
.site-footer .footer-grid a:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-bottom{color:#e0eaff;border-color:#343c4a35}
@media(max-width:1000px){.landing-copy h1{font-size:48px}}
@media(max-width:760px){.landing-copy h1{font-size:39px}.landing-copy h1 span{display:block}.landing-copy>p{font-size:17px}.site-footer{padding-top:140px}}
@media(max-width:420px){.landing-copy h1{font-size:33px}}

/* Version 11: richer imagery, readable secondary text and purposeful motion. */
:root{--muted:#b5c0d1}
:is(.page-servers,.page-kvm) main:before{background:linear-gradient(90deg,#121418cc 0%,#12141891 45%,#12141818 100%),var(--product-photo,url('/assets/minecraft-adventure.webp')) center top/cover}
.page-servers{--product-photo:url('/assets/minecraft-adventure.webp')}
.benefit p,.catalog-note,.config-intro,.config-titlebar p,.choice-card small,.slider-ticks,.number-wrap,.range-limits,.fixed-location span,.section-head p,.category-card p,.product-intro p,.config-summary dt,.config-total small,.back-link{color:#b5c0d1}
.home-products .category-card p,.new-product-hero .catalog-copy>p:not(.eyebrow),.four-products .plan-price,.plan-location>span{color:#b5c0d1}
.four-products .plan:after{background:linear-gradient(180deg,#1214186b 0,#12141899 95px,#121418 165px)}
.four-products .plan:nth-child(1) .plan-image{object-position:50% 50%}
.four-products .plan:nth-child(2) .plan-image{object-position:50% 50%}
.four-products .plan:nth-child(3) .plan-image{object-position:50% 50%}
.plan,.category-card,.configure-tile,.benefit-icon{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.btn-icon{transition:transform .2s ease}
a:hover>.btn-icon,a:hover footer>.icon{transform:translateX(3px)}
.header-link,.footer-grid a{transition:color .18s ease}
.category-card>img,.configure-tile>img{transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.choice-card>span{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .four-products .plan:hover{transform:translateY(-5px);box-shadow:0 14px 30px #18396318}
 .category-card:hover>img,.configure-tile:hover>img{transform:scale(1.045)}
 .configure-tile:hover{transform:translateY(-4px)}
 .benefit:hover .benefit-icon{transform:translateY(-3px)}
 .choice-card:hover>span{border-color:#343c4a;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.plan:hover,.configure-tile:hover,.choice-card:hover>span,.category-card:hover>img,.configure-tile:hover>img{transform:none!important}}

/* Dark preview: preserve imagery and blue actions. */
:root{color-scheme:dark;--ink:#eef1f7;--muted:#b5c0d1;--line:#343c4a;--soft:#1b1e24;--blue:#7e9fff;--cyan:#7e9fff;--navy:#eef1f7}
body{background:#121418;color:#eef1f7}
.btn-primary,.header-new{color:#fff;background:linear-gradient(135deg,#376bff,#244bdb);border-color:#4169ed}
.four-products .plan-recommended .plan-banner{background:#315cf4;color:white}
.mobile-menu{color:#eef1f7}
.page-home .header-new,.landing-cta{background:#1b1e24;color:#eef1f7;border-color:#5e76a7}
.plan,.category-card,.config-step,.config-summary,.auth-dialog{background-color:#1b1e24}
:is(.page-servers,.page-kvm) main:before{background:linear-gradient(90deg,#121418ed 0%,#121418b8 45%,#12141838 100%),var(--product-photo,url('/assets/minecraft-adventure.webp')) center top/cover}
.four-products .plan:after{background:linear-gradient(180deg,#1b1e246b 0,#1b1e24aa 95px,#1b1e24 165px)}

/* Minecraft offers: original price, calculated discount and featured gradient. */
.four-products .minecraft-plan .plan-price{margin-top:28px;gap:4px}
.minecraft-plan .old-price{font-size:17px;line-height:1.4;color:#b7c3d5;text-decoration-thickness:2px}
.minecraft-plan .sale-badge{position:absolute;right:0;top:57px;z-index:2;padding:4px 11px;background:#d91e48;color:#fff;font-size:13px;font-weight:800;border-radius:4px 0 0 4px;box-shadow:0 3px 10px #0003}
.four-products .minecraft-plan.plan-recommended .plan-banner{background:linear-gradient(110deg,#244bdb 0%,#376bff 55%,#6694ff 100%);color:#fff;font-weight:900;font-size:13px;letter-spacing:.045em}
.four-products .minecraft-plan .plan-primary{color:#63e8df}

/* Location flags and term discounts. */
.country-flag{display:block;width:34px;height:23px;border-radius:3px;box-shadow:0 0 0 1px #ffffff30;flex-shrink:0}
.flag-de{background:linear-gradient(#101010 0 33.333%,#d92730 33.333% 66.666%,#ffcc33 66.666%)}
.flag-nl{background:linear-gradient(#ae1c28 0 33.333%,#fff 33.333% 66.666%,#21468b 66.666%)}
.choice-card>.location-choice{display:grid;grid-template-columns:34px 1fr;gap:4px 13px;align-content:center;min-height:100px}
.location-choice .country-flag{grid-row:1/3;align-self:center}.choice-card .location-choice strong{font-size:18px}.choice-card .location-choice small{font-size:12px}
.duration-card>span{position:relative;padding-top:37px;min-height:124px}
.duration-discount{position:absolute;right:0;top:0;padding:3px 8px;border-radius:0 4px 0 4px;background:#d91e48;color:#fff;font-size:12px;font-weight:800;line-height:1.5}
.custom-domain-fields{margin-top:24px}.custom-domain-fields>label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}
.custom-domain-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}.config-v8 .custom-domain-row .form-control{width:100%;min-width:0;margin:0}
@media(max-width:400px){.choice-card .location-choice strong{font-size:16px}.custom-domain-row{grid-template-columns:minmax(0,1fr) 85px}}