/* EsaHost product studio — user-selected charcoal, signal yellow, silver and white. */
:root{--ink:#181A1B;--muted:#687078;--soft:#F5F6F7;--line:#E1E5E7;--strong:#C8CED2;--control:#899298;--signal:#F5CF44;--brand-accent:#F5CF44;--ember:#F5CF44;--ember-hover:#DDB925;--ember-text:#6F5600}
.site-header--overlay .navigation{background:#181A1BF5;border-color:#FFFFFF24;box-shadow:none}
.navigation .brand-symbol,.navigation .brand-period{color:var(--signal)}
.client-link{background:var(--signal);border-color:var(--signal);color:var(--ink);font-weight:650}
.client-link:hover{background:#E8C039;border-color:#E8C039;color:var(--ink)}
.nav-community-price{background:var(--signal);border-color:var(--signal);color:var(--ink);font-weight:650}
.nav-community-link:before{background:var(--signal)}
.hero-carousel{background:var(--ink)}
.hero-carousel .hero-viewport{height:780px;min-height:780px;background:var(--ink)}
.hero-carousel .hero-media{inset:0 0 0 68%;opacity:.34}
.hero-carousel .hero-image-shade{background:linear-gradient(90deg,#181A1B 0%,#181A1BA6 28%,#181A1B10 100%),linear-gradient(0deg,#181A1B,transparent 65%)}
.hero-carousel .hero-image-caption{top:111px;bottom:auto;right:24px;min-height:25px;border-color:#FFFFFF1F;background:#181A1BCC;color:#C6CDD2;font-size:8px}
.hero-master{top:132px;text-align:center;pointer-events:none}
.hero-master-eyebrow{justify-content:center;margin-bottom:16px;color:#B9C1C6;font-size:9px;letter-spacing:1.5px}
.hero-master-eyebrow>span{background:var(--signal);width:19px}
.hero-master h1{max-width:980px;margin-inline:auto;font-size:52px;font-weight:450;letter-spacing:-2.3px;line-height:1.12;color:#F1F3F5}
.hero-master h1>strong.hero-title-line{font-size:65px;font-weight:700;letter-spacing:-2.8px;line-height:1.1;color:var(--signal)}
.hero-master h1>strong>span{color:var(--signal)}
.hero-carousel .hero-slide-inner{padding-top:337px;padding-bottom:120px}
.hero-carousel .hero-slide-content{width:35%;max-width:380px}
.hero-story-heading{gap:11px;margin-bottom:14px}
.hero-story-heading h2{font-size:25px;font-weight:600;letter-spacing:-.65px;line-height:1.4;color:#FFF}
.hero-product-mark{width:35px;height:35px;border-color:#FFFFFF2E;border-radius:9px;background:#FFFFFF03;color:var(--signal)}
.hero-story-index{font-size:9px;color:#89959D}
.hero-carousel .hero-description{max-width:355px;color:#BFC7CC;font-size:14px;line-height:1.85}
.hero-carousel .hero-focus-points{display:none}
.hero-carousel .hero-decision{align-items:center;gap:22px;margin-top:25px}
.hero-carousel .hero-starting-price>span{font-size:10px;line-height:1.6;color:#ABB6BE}
.hero-carousel .hero-starting-price strong{font-size:31px;font-weight:600;letter-spacing:-1.1px;color:#FFF}
.hero-carousel .hero-starting-price small{font-size:10px;color:#AEBAC1}
.hero-carousel .hero-primary-action{min-height:46px;padding:11px 15px;gap:18px;background:var(--signal);border-color:var(--signal);border-radius:8px;color:var(--ink);font-size:12px;font-weight:650}
.hero-carousel .hero-primary-action:hover{background:#E8C039;border-color:#E8C039;color:var(--ink)}
.hero-carousel .hero-secondary-action{color:#BDC6CD;font-size:10px}
.hero-carousel .hero-secondary-action:hover{color:var(--signal)}
.hero-carousel .hero-carousel-controls{min-height:84px;border-top-color:#FFFFFF26;background:var(--ink)}
.hero-carousel .hero-slide-choice{min-height:83px;color:#A9B4BC}
.hero-carousel .hero-slide-choice.is-active{color:#FFF;background:#FFFFFF03}
.hero-carousel .hero-choice-copy>span{font-size:13px;font-weight:550}
.hero-carousel .hero-choice-copy small{font-size:9px;color:#929FA8}
.hero-carousel .hero-choice-number{color:#89969F}
.hero-carousel .hero-slide-choice.is-active .hero-choice-number{color:var(--signal)}
.hero-carousel .hero-rotation,.hero-carousel .hero-arrow{border-color:#FFFFFF38;color:#E8EDF0}
.hero-carousel .hero-rotation:hover,.hero-carousel .hero-arrow:hover{background:#FFFFFF0A;border-color:var(--signal);color:var(--signal)}
.hero-motion-setting{top:-95px;bottom:auto;left:0;right:auto;max-width:480px;gap:12px;min-height:44px}
.hero-motion-setting>[data-motion-status]{max-width:190px;text-align:left;color:#AAB5BC;font-size:9px}
.hero-motion-toggle{min-height:44px;padding:10px 13px;background:#24282A;color:#EAF0F3;border-color:#FFFFFF30;font-size:11px}
.hero-motion-toggle[aria-checked=true]{border-color:#F5CF4466}
.hero-motion-toggle[aria-checked=true]>.icon{color:var(--signal)}
.hero-motion-toggle:hover{background:#303537;border-color:var(--signal)}
/* The motion model has its own quiet stage instead of competing with a busy photograph. */
.hero-tech-scene{display:block;top:294px;right:max(32px,calc((100vw - 1240px)/2));width:min(43vw,520px);color:#E8EEF2}
.tech-scene-heading{padding-inline:4px;margin-bottom:9px}
.tech-scene-heading>span{background:var(--signal);width:16px}
.tech-scene-heading>p{font-size:9px;color:#BAC5CC;letter-spacing:1.2px}
.tech-scene-heading>small{font-size:7px;color:#8F9FA9}
.tech-scene-map{height:0;padding-top:56%;aspect-ratio:auto;border:1px solid #FFFFFF12;border-radius:22px;background:radial-gradient(ellipse at 50% 35%,#363C3F 0%,#24292C 65%,#202527 100%)}
.tech-construction-grid{stroke:#D1DDE5;opacity:.11;stroke-width:.7}
.tech-frame-line{stroke:#79878F;stroke-width:1;stroke-linejoin:round}
.tech-side-left,.tech-side-right{stroke:#55636D;stroke-width:.65;stroke-linejoin:round}
.tech-drive-slot{fill:#20282E;stroke:#84919B;stroke-width:.5}
.tech-drive-led{fill:var(--signal)}
.tech-rack-accent{stroke:var(--signal);stroke-width:1.6;opacity:1}
.tech-core-mark{stroke:#343D45;stroke-width:1.3;fill:none}
.tech-core-light{fill:var(--signal)}
.tech-anchor-points{stroke:#F5CF44A6;fill:#24292C}
.tech-connection>path{stroke:#AEBCC5;opacity:.42;stroke-dasharray:3 5}
.tech-connection.is-selected>path{stroke:var(--signal);opacity:.9}
.tech-packet{fill:var(--signal);opacity:.85}
.tech-connection.is-selected .tech-packet{opacity:1}
.tech-node{width:148px;min-height:58px;padding:11px 12px;background:#202628;border-color:#566269;border-radius:9px;box-shadow:0 8px 20px #00000020}
.tech-node strong{color:#F2F5F7;font-size:12px}
.tech-node small{color:#A6B5C0;font-size:8px}
.tech-node>.icon{color:#C2CED6}
.tech-node:hover,.tech-node:focus-visible{background:#293135;border-color:var(--signal)}
.tech-node.is-selected{background:#293135;border-color:var(--signal);box-shadow:0 8px 20px #00000020}
.tech-node.is-selected>.icon{color:var(--signal)}
.tech-node-indicator{border-color:#71828E}
.tech-node.is-selected .tech-node-indicator{background:var(--signal);border-color:var(--signal)}
.tech-scene-detail{grid-template-columns:78px minmax(0,1fr);min-height:44px;gap:14px;padding:9px 4px 0;margin-top:9px;border:0;border-radius:0;background:transparent;color:#9FADB7;font-size:11px;line-height:1.7}
.tech-scene-detail strong{font-size:10px;color:#D1DBE1}
.tech-scene-hint{margin:4px 4px 0;font-size:8px;color:#82939F}
.tech-mobile-caption{display:none}
html[data-motion=full] .hero-slide.is-active .tech-tier--top{animation:studio-top-float 4.8s ease-in-out infinite}
html[data-motion=full] .hero-slide.is-active .tech-tier--middle{animation:studio-mid-float 4.8s ease-in-out infinite}
html[data-motion=full] .hero-slide.is-active .tech-tier--bottom{animation:studio-base-float 4.8s ease-in-out infinite}
html[data-motion=full] .hero-slide.is-active .tech-drive-led{animation:studio-drive-pulse 2.8s ease-in-out infinite}
html[data-motion=full] .hero-slide.is-active .tech-drive-led--two{animation-delay:-.9s}
html[data-motion=full] .hero-slide.is-active .tech-drive-led--three{animation-delay:-1.8s}
.hero-carousel[data-visual-motion=paused] .tech-tier,.hero-carousel[data-visual-motion=paused] .tech-drive-led{animation-play-state:paused!important}
html[data-motion=reduced] .tech-tier,html[data-motion=reduced] .tech-drive-led{animation:none!important}
@keyframes studio-top-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes studio-mid-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes studio-base-float{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes studio-drive-pulse{0%,100%{opacity:.35}45%,65%{opacity:1}}
/* White product surfaces balance the dark studio and keep pricing quick to scan. */
.services-section{padding-top:36px}
.services-section .service-cards{gap:16px;border:0;border-radius:0;overflow:visible}
.services-section .service-card,.services-section .service-card:nth-of-type(3n),.services-section .service-card:nth-last-of-type(-n+3){padding:23px 25px 17px;border:1px solid var(--line);border-radius:12px;background:#FFF}
.services-section .service-card:hover,.services-section .service-card:focus-within{background:#FFF;border-color:#B9C3C9;box-shadow:0 12px 30px #181A1B08}
.services-section .service-card .service-price-amount strong{font-size:32px;letter-spacing:-1.2px}
.services-section .service-card .service-price-label,.services-section .service-card .service-price-period{font-size:11px}
.services-section .service-card h3{font-size:23px}
.services-section .service-card .card-link{font-size:12px}
.services-section .service-icon{background:#F5F7F8;border-color:#E1E6E9;color:#34414A}
.service-card-index{color:#8C99A2}
.filter-button.is-active{background:var(--ink);color:#FFF;border-color:var(--ink)}
.home-footer-grid a:not(.home-footer-brand>a),.footer-main a:not(.brand-link){color:#B7C1C8}
.home-footer-brand p,.footer-brand p{color:#9DABB5}
@media(max-width:1200px) and (min-width:761px){
 .hero-master h1{font-size:47px;letter-spacing:-2px}.hero-master h1>strong.hero-title-line{font-size:59px;letter-spacing:-2.4px}.hero-master{top:134px}.hero-carousel .hero-slide-content{width:36%;max-width:350px}.hero-carousel .hero-slide-inner{padding-top:330px}.hero-carousel .hero-description{font-size:13.5px}.hero-carousel .hero-decision{gap:18px}.hero-carousel .hero-starting-price strong{font-size:28px}.hero-carousel .hero-primary-action{padding-inline:12px;font-size:11px;gap:13px}.hero-story-heading h2{font-size:23px}.hero-story-index{display:none}.hero-tech-scene{top:300px;width:45vw;max-width:490px;right:32px}.tech-node{width:138px;padding:10px}.tech-scene-detail{font-size:10px}
}
@media(max-width:950px) and (min-width:761px){
 .hero-master h1{font-size:42px}.hero-master h1>strong.hero-title-line{font-size:54px}.hero-carousel .hero-slide-content{width:41%;max-width:320px}.hero-carousel .hero-slide-inner{padding-top:324px}.hero-carousel .hero-description{font-size:13px;line-height:1.8}.hero-carousel .hero-decision{gap:15px}.hero-carousel .hero-starting-price strong{font-size:25px}.hero-carousel .hero-primary-action{font-size:10px;padding-inline:11px;gap:10px}.hero-tech-scene{top:306px;width:42vw;right:24px}.tech-node{width:119px;min-height:54px;padding:9px;gap:7px}.tech-node>.icon{width:16px;height:16px}.tech-node strong{font-size:11px}.tech-node small{font-size:7px}.tech-node-indicator{display:none}.tech-scene-heading>small{display:none}.tech-scene-heading>p{font-size:8px}.tech-scene-detail{grid-template-columns:57px minmax(0,1fr);gap:9px;font-size:9px}.tech-scene-detail strong{font-size:9px}.tech-node--2{left:5%}.hero-motion-setting{top:-95px;left:0;right:auto}
}
@media(max-width:760px){
 .hero-carousel .hero-viewport{height:790px;min-height:790px}.hero-carousel .hero-media{inset:0 0 0 58%;opacity:.16}.hero-carousel .hero-image-caption{top:auto;bottom:132px;right:20px;font-size:7px;min-height:22px;padding:3px 6px}.hero-master{top:116px;width:calc(100% - 44px);text-align:center}.hero-master-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:13px}.hero-master h1{font-size:30px;line-height:1.12;letter-spacing:-.9px}.hero-master h1>.hero-title-line:first-child{font-size:26px;font-weight:450;letter-spacing:-.7px}.hero-master h1>strong.hero-title-line{font-size:41px;font-weight:700;line-height:1.12;letter-spacing:-1.7px}.hero-carousel .hero-slide-inner{width:calc(100% - 44px);padding:255px 0 0}.hero-carousel .hero-slide-content{width:100%;max-width:430px;margin-inline:auto;text-align:center}.hero-story-heading{justify-content:center;gap:10px;margin-bottom:12px}.hero-story-heading h2{font-size:22px;letter-spacing:-.5px}.hero-product-mark{width:31px;height:31px;border-radius:8px}.hero-story-index{display:none}.hero-carousel .hero-description{max-width:360px;margin-inline:auto;font-size:13.5px;line-height:1.7}.hero-carousel .hero-decision{max-width:350px;margin:22px auto 0;gap:24px;justify-content:center}.hero-carousel .hero-starting-price{text-align:left}.hero-carousel .hero-starting-price strong{font-size:28px}.hero-carousel .hero-starting-price>span{font-size:9px}.hero-carousel .hero-starting-price small{font-size:10px}.hero-carousel .hero-primary-action{font-size:11px;padding-inline:13px;gap:14px}.hero-carousel .hero-secondary-action{font-size:9px}.hero-carousel .hero-slide--dedicated .hero-starting-price strong{font-size:25px}.hero-tech-scene{display:block;top:469px;left:50%;right:auto;width:290px;transform:translateX(-50%)}.tech-scene-heading,.tech-node,.tech-scene-detail,.tech-scene-hint{display:none}.tech-scene-map{border:0;border-radius:0;background:none;aspect-ratio:500/280}.tech-mobile-caption{display:flex;align-items:center;justify-content:center;gap:17px;margin:6px 0 0;color:#96A5B0;font-size:9px;line-height:1.5}.tech-mobile-caption span+span{position:relative}.tech-mobile-caption span+span:before{content:'';position:absolute;left:-10px;top:6px;width:3px;height:3px;border-radius:50%;background:var(--signal)}.hero-carousel .hero-carousel-controls{min-height:124px;grid-template-columns:44px minmax(0,1fr) 94px;grid-template-rows:58px 44px;gap:6px 8px;padding-bottom:12px}.hero-carousel .hero-slide-choices{height:58px}.hero-carousel .hero-slide-choice,.hero-carousel .hero-slide-choice:first-child{height:58px;min-height:58px}.hero-carousel .hero-choice-copy>.hero-choice-short{font-size:11px}.hero-carousel .hero-slide-count{display:none}.hero-motion-setting{position:static;grid-column:2;grid-row:2;display:flex;justify-content:center;width:100%;max-width:none;min-width:0;gap:0}.hero-motion-setting>[data-motion-status]{display:none}.hero-motion-toggle{width:auto;max-width:100%;min-height:44px;min-width:0;padding:8px 10px;gap:6px;font-size:9px;letter-spacing:-.1px}.hero-motion-toggle>.icon{width:13px;height:13px}.hero-carousel .hero-direction-controls{grid-column:3;grid-row:2}.services-section{padding-top:28px}.services-section .service-cards{gap:0}.services-section .service-card,.services-section .service-card:nth-of-type(3n),.services-section .service-card:nth-last-of-type(-n+3){padding:18px 0 13px;border:0;border-bottom:1px solid var(--line);border-radius:0}.services-section .service-card:hover,.services-section .service-card:focus-within{box-shadow:none}.services-section .service-card .service-price-amount strong{font-size:28px}.services-section .service-card .service-price-label,.services-section .service-card .service-price-period{font-size:10px}.services-section .service-card h3{font-size:21px}.services-section .service-card .card-link{font-size:10px}.primary-navigation .client-link{background:var(--signal);border-color:var(--signal);color:var(--ink)}.primary-navigation .client-link>.icon{color:var(--ink)}
}
@media(max-width:360px){
 .hero-carousel .hero-viewport{height:820px;min-height:820px}.hero-master{top:116px;width:calc(100% - 36px)}.hero-master h1>.hero-title-line:first-child{font-size:24px;letter-spacing:-.75px}.hero-master h1>strong.hero-title-line{font-size:35px;letter-spacing:-1.4px}.hero-master-eyebrow{font-size:7px}.hero-carousel .hero-slide-inner{width:calc(100% - 36px);padding-top:249px}.hero-story-heading h2{font-size:20px}.hero-carousel .hero-description{font-size:13px;max-width:285px}.hero-carousel .hero-decision{gap:17px}.hero-carousel .hero-starting-price strong{font-size:25px}.hero-carousel .hero-slide--dedicated .hero-starting-price strong{font-size:23px}.hero-carousel .hero-primary-action{font-size:10px;padding-inline:11px;gap:10px}.hero-tech-scene{top:492px;width:260px}.hero-carousel .hero-choice-copy>.hero-choice-short{font-size:10px}.hero-motion-toggle{font-size:8px;padding-inline:7px;gap:5px}.hero-motion-toggle>.icon{width:12px;height:12px}.services-section .service-card .service-price-amount strong{font-size:25px}.services-section .service-card .card-link{font-size:9px}
}
@media(min-width:761px) and (max-width:1000px){
 .services-section .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-heading{display:block}.catalog-heading h2{font-size:34px;max-width:680px}.catalog-heading>p{max-width:none;margin-top:13px;font-size:14px}.catalog-title-break{display:none}
}
@media(max-width:760px){
 .hero-carousel .hero-image-caption{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;background:#202629B3;border-color:#FFFFFF1A;right:18px;bottom:132px}
 .hero-photo-credit-text{display:none}.hero-carousel .hero-image-caption .icon{width:14px;height:14px}
}