/* Featured service panel and readable, directly linked service cards. */
/* Keep the desktop left panel; stack hosting after services on mobile. */
@media(max-width:760px){.hud3-services .hud3-service-system>.hud3-service-nodes{order:0}.hud3-services .hud3-service-system>.hosting-only-panel{order:1}}
.hud3-services .hud3-service-core.hosting-only-panel{display:block;min-height:0;padding:0;border:0;background:none;box-shadow:none;overflow:hidden}
.hud3-services .hosting-only-panel:before{display:none}
.hud3-services .hosting-only-panel .service-hosting-promo{margin:0;border-radius:16px;background:linear-gradient(155deg,#d6a72f0e,transparent),#10120e}
.hud3-services .hosting-only-panel .service-hosting-promo>img{height:auto;aspect-ratio:1.6;object-fit:cover}
.hud3-services .hosting-only-panel .service-hosting-promo>div{padding:24px}
.hud3-services .hosting-only-panel .service-hosting-promo h4{font-size:clamp(24px,2.5vw,32px);margin:14px 0 12px}
.hud3-services .hosting-only-panel .service-hosting-promo p{font-size:14px;margin-bottom:20px}
.hud3-services .hosting-only-panel .service-hosting-promo a{background:var(--h3-gold);color:#10120e;border-color:var(--h3-gold)}
@media(max-width:760px){.hud3-services .hud3-service-core.hosting-only-panel{padding:0;display:block}.hud3-services .hosting-only-panel .service-hosting-promo>img{aspect-ratio:2.3}.hud3-services .hosting-only-panel .service-hosting-promo>div{padding:18px}.hud3-services .hosting-only-panel .service-hosting-promo h4{font-size:26px}}
.hud3-services .hud3-service-core .service-core-title{display:flex;align-items:center;gap:12px;min-width:0}
.hud3-services .service-core-title>i{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d6a72f40;border-radius:10px;color:var(--h3-gold);background:#d6a72f0c}
.hud3-services .service-core-title svg{width:24px;height:24px;display:block}
.hud3-services .service-core-title>[data-service-name]{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.hud3-services .hud3-service-core .service-core-title{gap:8px;font-size:clamp(22px,6vw,28px)}.hud3-services .service-core-title>i{flex-basis:30px;width:30px;height:30px;border-radius:8px}.hud3-services .service-core-title svg{width:20px;height:20px}}
.hud3-services .service-hosting-promo{grid-column:1/-1;grid-row:6;margin-top:24px;border:1px solid #d6a72f30;border-radius:12px;overflow:hidden;background:#090c08}
.hud3-services .service-hosting-promo>img{display:block;width:100%;height:112px;object-fit:cover;object-position:center 45%}
.hud3-services .service-hosting-promo>div{padding:16px}
.hud3-services .service-hosting-promo small{display:block;font:600 9px/1.5 monospace;letter-spacing:.06em;color:#d8bc71}
.hud3-services .service-hosting-promo h4{margin:9px 0 8px;color:var(--h3-text);font-size:21px;line-height:1.2;letter-spacing:-.03em}
.hud3-services .hud3-service-core .service-hosting-promo p{margin:0 0 12px;padding:0;border:0;font-size:13px;line-height:1.5;color:#bfc2b6}
.hud3-services .service-hosting-promo a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;border:1px solid #d6a72f40;border-radius:7px;color:var(--h3-gold);background:#d6a72f08;font-size:13px;font-weight:600;text-decoration:none}
.hud3-services .service-hosting-promo a:hover{background:#d6a72f18}
.hud3-services .service-hosting-promo .service-hosting-disclosure{margin-top:10px;font-family:inherit;font-weight:400;font-size:10px;line-height:1.5;letter-spacing:0;color:#959c8b}
@media(max-width:760px){.hud3-services .service-hosting-promo{margin-top:8px}.hud3-services .service-hosting-promo>img{height:100px}.hud3-services .service-hosting-promo>div{padding:14px}}
.hud3-services .hud3-service-system{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:20px;align-items:start;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.hud3-services .hud3-service-core{display:flex;position:sticky;top:110px;min-height:460px;padding:32px;gap:0;border:1px solid #d6a72f45;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#d6a72f20,transparent 70%),#11130e;box-shadow:inset 0 1px 0 #ffffff09}
.hud3-services .hud3-service-core:before{inset:0 auto auto 32px;width:72px;height:3px;border:0;border-radius:0;background:var(--h3-gold);animation:none}
.hud3-services .hud3-service-core>small{font:600 10px/1.5 monospace;color:#d5cba9;letter-spacing:.12em}
.hud3-services .hud3-service-core>b{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;margin:36px 0 18px;font-size:86px;line-height:.9;color:var(--h3-gold)}
.hud3-services .hud3-service-core h3{font-size:clamp(30px,3vw,44px);line-height:1.12;white-space:normal;overflow-wrap:normal}
.hud3-services .hud3-service-core p{max-width:100%;margin:20px 0 28px;padding:0;border:0;font-size:15px;line-height:1.7;color:#bfc2b6}
.hud3-services .service-core-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:13px 16px;border-radius:8px;background:var(--h3-gold);color:#11130d;font-size:14px;font-weight:700;text-decoration:none;text-align:center;flex-wrap:wrap}
.hud3-services .hud3-service-core>span{margin-top:24px;font-size:9px;line-height:1.5;letter-spacing:.07em;color:#a8ad9b}
.hud3-services .hud3-service-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:none}
.hud3-services .hud3-service-nodes>a{display:flex;flex-direction:column;min-height:218px;padding:22px 18px;border:1px solid #ffffff16;border-radius:12px;background:#10120e;transition:background .2s,border-color .2s}
.hud3-services .hud3-service-nodes>a.active,.hud3-services .hud3-service-nodes>a:hover{border-color:#d6a72f77;background:linear-gradient(140deg,#d6a72f12,transparent 75%),#14160f}
.hud3-services .hud3-service-nodes>a:after,.hud3-services .hud3-service-nodes>a:before{display:none}
.hud3-services .hud3-service-nodes>a>i{width:44px;height:44px;border:1px solid #d6a72f33;border-radius:12px;background:#d6a72f0a;font-size:19px;font-weight:400}
.hud3-services .hud3-service-nodes>a>span{top:23px;right:18px;font-size:11px;color:#989e8b}
.hud3-services .hud3-service-nodes h3{font-size:20px;line-height:1.25;margin:18px 0 10px;letter-spacing:-.025em}
.hud3-services .hud3-service-nodes p{display:block;overflow:visible;font-size:13px;line-height:1.6;color:#b9bdae;-webkit-line-clamp:unset;margin-bottom:18px}
.hud3-services .hud3-service-nodes a>b{display:block;margin-top:auto;padding-top:8px;opacity:1;transform:none;font-size:10px;line-height:1.5;color:var(--h3-gold)}
.hud3-services .hud3-service-system a:focus-visible{outline:2px solid #edcd70;outline-offset:4px}
@media(max-width:1100px){.hud3-services .hud3-service-system{grid-template-columns:minmax(235px,.8fr) minmax(0,1.5fr)}.hud3-services .hud3-service-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}.hud3-services .hud3-service-core{padding:26px}}
@media(max-width:760px){.hud3-services .hud3-service-system{grid-template-columns:1fr;gap:14px}.hud3-services .hud3-service-core{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;min-height:0;padding:24px;border-radius:14px}.hud3-services .hud3-service-core>small{grid-column:1;grid-row:1}.hud3-services .hud3-service-core>b{grid-column:2;grid-row:1/3;margin:0;font-size:60px;align-self:center;opacity:.8}.hud3-services .hud3-service-core h3{grid-column:1;grid-row:2;font-size:32px}.hud3-services .hud3-service-core p{grid-column:1/-1;grid-row:3;margin:0;font-size:14px}.hud3-services .service-core-link{grid-column:1/-1;grid-row:4;margin-top:2px}.hud3-services .hud3-service-core>span{grid-column:1/-1;grid-row:5;margin:0;text-align:center}.hud3-services .hud3-service-nodes{gap:10px}.hud3-services .hud3-service-nodes>a{padding:18px 14px;min-height:210px}.hud3-services .hud3-service-nodes h3{font-size:18px;overflow-wrap:anywhere}.hud3-services .hud3-service-nodes p{font-size:13px}.hud3-services .hud3-service-nodes>a>span{right:14px;top:20px}.hud3-services .hud3-service-nodes>a>i{width:38px;height:38px;border-radius:10px}.hud3-services .hud3-service-nodes>a:last-child{grid-column:1/-1;min-height:0}.hud3-services .hud3-service-nodes>a:last-child p{max-width:36rem}}
@media(prefers-reduced-motion:reduce){.hud3-services .hud3-service-nodes>a{transition:none}}
/* Compact density without clipping service copy or reducing tap targets. */
.hud3-services .hud3-service-nodes>a{box-shadow:inset 0 1px 0 #ffffff05}
.hud3-services .hud3-service-nodes>a.active{border-color:#d6a72f8c;background:radial-gradient(ellipse at top left,#d6a72f19,transparent 80%),#14160f;box-shadow:inset 0 2px 0 #d6a72f80}
.hud3-services .hud3-service-nodes>a>i svg{width:22px;height:22px;display:block}
.hud3-services .hud3-service-nodes>a>span{padding:4px 6px;border:1px solid #ffffff12;border-radius:5px;font-variant-numeric:tabular-nums;line-height:1}
.hud3-services .hud3-service-nodes>a.active>span{color:#ead49a;border-color:#d6a72f35;background:#d6a72f0a}
.hud3-services .hud3-service-nodes a>b{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0d;padding-top:10px!important;text-transform:none;font-size:12px;letter-spacing:0}
.hud3-services .hud3-service-nodes a>b>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d6a72f0c;color:var(--h3-gold);font-size:16px;transition:background .2s}
.hud3-services .hud3-service-nodes a:hover>b>span{background:#d6a72f25}
.hud3-services .service-core-link{box-shadow:inset 0 1px 0 #fff3;transition:background .2s,box-shadow .2s}
.hud3-services .service-core-link:hover{background:#e8bc48;box-shadow:0 4px 20px #d6a72f18}
.hud3-services .hud3-service-core h3{letter-spacing:-.045em}
.hud3-home>.hud3-services{padding-block:clamp(32px,4vw,52px)!important}
.hud3-services>.hud3-heading{margin-bottom:24px}
.hud3-services .hud3-service-system{gap:14px}
.hud3-services .hud3-service-core{min-height:0;padding:24px}
.hud3-services .hud3-service-core>b{font-size:62px;margin:24px 0 12px}
.hud3-services .hud3-service-core h3{font-size:clamp(28px,2.6vw,36px)}
.hud3-services .hud3-service-core p{margin:14px 0 20px;font-size:14px;line-height:1.6}
.hud3-services .hud3-service-core>span{margin-top:16px}
.hud3-services .service-core-link{min-height:44px;padding:10px 14px}
.hud3-services .hud3-service-nodes{gap:8px}
.hud3-services .hud3-service-nodes>a{min-height:0;padding:16px 14px}
.hud3-services .hud3-service-nodes>a>i{width:34px;height:34px;font-size:17px;border-radius:9px}
.hud3-services .hud3-service-nodes>a>span{top:18px;right:14px}
.hud3-services .hud3-service-nodes h3{margin:12px 0 6px;font-size:18px}
.hud3-services .hud3-service-nodes p{margin-bottom:10px;line-height:1.5}
.hud3-services .hud3-service-nodes a>b{padding-top:4px}
@media(max-width:760px){.hud3-services>.hud3-heading{margin-bottom:18px}.hud3-services .hud3-service-core{padding:18px;gap:10px 12px}.hud3-services .hud3-service-core>b{margin:0;font-size:46px}.hud3-services .hud3-service-core h3{font-size:28px}.hud3-services .hud3-service-core p{margin:0;line-height:1.5}.hud3-services .hud3-service-core>span{margin:0}.hud3-services .hud3-service-nodes>a{min-height:0;padding:14px 12px}.hud3-services .hud3-service-nodes>a>span{right:12px;top:16px}.hud3-services .hud3-service-nodes h3{font-size:17px}}