.hero-lighting{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}
.hero-art.light-ready>img{opacity:0}
.hero-art.light-ready .hero-lighting{display:block}
.page-light{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;contain:strict}
.mobile-contact{z-index:5}
button:focus-visible,.service-detail:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.services button:focus-visible,.services .service-detail:focus-visible{outline-color:var(--graphite)}
.service-explorer{margin-top:38px}
.service-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.service-tab{font:inherit;display:flex;align-items:center;gap:12px;min-height:104px;text-align:left;border:1px solid #c8c5be;background:transparent;color:var(--ink);padding:18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.service-tab>svg:first-child{width:38px;height:38px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.service-tab>span{font-size:clamp(17px,1.55vw,23px);font-weight:800;line-height:1.2;letter-spacing:-.025em}
.service-arrow{width:21px;height:21px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.service-tab:hover{background:#e4dfd4;transform:translateY(-2px)}
.service-tab[aria-selected=true]{background:var(--graphite);color:var(--ivory);border-color:var(--graphite)}
.service-tab[aria-selected=true]>svg:first-child{stroke:var(--orange)}
.service-tab[aria-selected=true] .service-arrow{stroke:var(--orange)}
.service-details{margin-top:16px;background:#e6e1d7}
.service-detail{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:40px;min-height:266px;padding:36px 40px}
.service-detail[hidden]{display:none}
.service-detail h3{font-size:clamp(29px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em;font-weight:800}
.service-detail p{max-width:650px;font-size:18px;line-height:1.5;margin-top:18px}
.service-keywords{display:flex;flex-direction:column;gap:0;align-self:center;padding-left:32px}
.service-keywords>span{font-size:20px;padding:13px 0;border-bottom:1px solid #b5afa4}
.service-keywords>span:last-child{border-bottom:0}
@media(max-width:1100px){.service-tab{flex-wrap:wrap;padding:18px 16px;gap:10px}.service-tab>span{order:3;width:100%;font-size:20px}.service-arrow{margin-left:auto}.service-detail{padding:32px;gap:20px}.service-keywords{padding-left:18px}.service-keywords>span{font-size:18px}}
@media(max-width:800px){.service-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tab{flex-wrap:nowrap;min-height:84px}.service-tab>span{order:0;width:auto;font-size:20px}.service-detail{grid-template-columns:1fr;gap:18px}.service-keywords{padding:0;flex-direction:row;flex-wrap:wrap;gap:8px 20px}.service-keywords>span{font-size:16px;border-bottom:0;padding:0}.hero-art .hero-lighting{opacity:.85}}
@media(max-width:520px){.hero-baseline{flex-wrap:wrap;gap:10px}.hero-baseline>.baseline-rule{flex:1;min-width:30px}.motion-toggle{font-size:12px;padding:6px 0;min-height:44px;margin-left:auto}.service-tabs{gap:10px}.service-tab{flex-wrap:wrap;padding:16px 12px;min-height:115px;gap:9px}.service-tab>span{font-size:18px;order:3;width:100%}.service-tab>svg:first-child{width:32px;height:32px}.service-arrow{width:18px;height:18px}.service-detail{padding:26px 20px;min-height:330px}.service-detail h3{font-size:29px}.service-detail p{font-size:16px;margin-top:16px}.service-keywords{flex-direction:column;gap:9px}.service-keywords>span{font-size:15px}.service-explorer{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.service-tab{transition:none}}

.hosting{padding:90px 0;background:#111310;color:var(--ivory);border-bottom:1px solid rgba(241,238,231,.12);overflow:clip}
.hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.hosting-copy h2 span{color:var(--orange)}
.hosting-copy>p{font-size:22px;line-height:1.5;max-width:500px;margin-top:28px}
.cpu-time{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:clamp(21px,2vw,28px);line-height:1.3}
.cpu-time>svg{width:37px;height:24px;fill:none;stroke:var(--orange);stroke-width:2;flex-shrink:0}
.hosting-hardware{position:relative;min-height:300px;border:1px solid #484a40;background:#1b1e17;padding:60px 35px;isolation:isolate}
.hardware-traces{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#74795b;stroke-width:1;opacity:.24;z-index:-1}
.hosting-brands{display:flex;align-items:center;justify-content:center;gap:40px}
.hosting-brands figure{width:42%;text-align:center}
.hosting-brands img{width:100%;height:106px;object-fit:contain}
.hosting-brands .epyc-mark{filter:invert(1)}
.hosting-brands figcaption{font-size:15px;color:#d7d9cd;margin-top:24px}
.container{position:relative;z-index:3}
.page-light{z-index:4}
.hero-art.light-ready .hero-lighting{overflow:visible}
@media(max-width:800px){.hosting{padding:60px 0}.hosting-grid{grid-template-columns:1fr;gap:36px}.hosting-copy>p{font-size:20px;max-width:620px}.hosting-hardware{min-height:300px;max-width:650px}.hosting-brands img{height:90px}}
@media(max-width:520px){.hosting{padding:46px 0}.hosting-copy>p{font-size:18px;margin-top:24px}.cpu-time{font-size:20px;margin-top:26px;gap:10px}.cpu-time>svg{width:29px}.hosting-hardware{padding:35px 18px 22px;min-height:245px}.hosting-brands{gap:25px}.hosting-brands img{height:72px}.hosting-brands figcaption{font-size:13px;margin-top:19px}.hosting-bottom{font-size:11px;margin-top:36px}.hardware-traces{opacity:.18}}


.service-detail{min-height:360px}
.service-keywords>div{padding:16px 0;border-bottom:1px solid #b5afa4}
.service-keywords>div:last-child{border-bottom:0}
.service-keywords strong{display:block;font-size:19px;font-weight:700;line-height:1.3}
.service-keywords small{display:block;font-size:15px;line-height:1.45;margin-top:7px;color:#454740}
@media(max-width:800px){.service-keywords{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-keywords>div{padding:0;border:0}.service-keywords strong{font-size:17px}.service-keywords small{font-size:14px}}
@media(max-width:520px){.service-detail{min-height:0}.service-keywords{grid-template-columns:1fr;gap:0}.service-keywords>div{padding:15px 0;border-bottom:1px solid #b5afa4}.service-keywords>div:last-child{padding-bottom:0}.motion-toggle{padding:10px;margin-left:0}}
