/* Right-side hero ornament: a frost sigil rather than another content panel. */
.hero-client{position:absolute;z-index:2;top:50%;right:5.5%;width:clamp(228px,25vw,328px);transform:translateY(-48%);isolation:isolate}
.hero-client-sigil{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 7px 15px #130103aa)}
.hero-client-sigil:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(34,3,7,.91) 0%,rgba(38,3,8,.86) 48%,rgba(120,8,23,.19) 69%,transparent 71%);box-shadow:0 0 48px rgba(255,0,34,.15);z-index:-1}
.hero-client-sigil:after{content:"";position:absolute;inset:12.6%;border:1px solid rgba(240,223,188,.18);border-radius:50%;box-shadow:inset 0 0 32px rgba(255,0,34,.14),0 0 18px rgba(255,22,53,.13);pointer-events:none}
.hero-client-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px rgba(255,13,45,.5))}
.hero-client-orbit{transform-origin:160px 160px;animation:heroRuneOrbit 100s linear infinite}
.hero-client-orbit-reverse{transform-origin:160px 160px;animation:heroRuneOrbit 140s linear infinite reverse}
.hero-client-stars{filter:drop-shadow(0 0 4px #e8cd96);animation:heroRuneStars 4.4s ease-in-out infinite}
.hero-client-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:5%;text-align:center;pointer-events:none}
.hero-client-kicker{color:#f8efde;font:800 clamp(9px,.9vw,11px)/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.4em;padding-left:.4em;text-shadow:0 0 12px #ff0022}
.hero-client-fps{display:flex;align-items:baseline;gap:5px;margin:5px 0 7px;color:#faf5eb;font:700 clamp(72px,7.9vw,108px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.07em;text-shadow:0 2px 0 #55121b,0 0 5px #ecd5a777,0 0 30px #ff052677}
.hero-client-fps span{color:#ffe0a0;font:700 clamp(18px,2.1vw,28px)/1 Georgia,serif;letter-spacing:-.02em;text-shadow:0 2px 0 #49320b,0 0 16px #ffc65b66}
.hero-client-caption{display:block;max-width:170px;color:#e0d2b4;font:700 clamp(6px,.61vw,8px)/1.6 "Segoe UI",Arial,sans-serif;letter-spacing:.22em;padding-left:.22em}
.hero-client-crystal{position:absolute;z-index:2;width:5px;height:5px;transform:rotate(45deg);background:#f9f3e6;box-shadow:0 0 6px #fff,0 0 15px #ff1131;animation:heroCrystalSpark 5s ease-in-out infinite}
.hero-client-crystal-one{top:25%;right:9%}.hero-client-crystal-two{bottom:24%;left:9%;width:4px;height:4px;background:#ffe9b5;box-shadow:0 0 6px #ffe4a3,0 0 15px #e5a83a;animation-delay:2.1s}
.hero-client-links{width:81%;margin:-3px auto 0;position:relative}
.hero-client-links a{position:relative;display:flex;align-items:center;gap:10px;min-height:36px;margin-top:7px;padding:8px 13px;color:#faf4e9;border:1px solid rgba(240,101,120,.43);border-radius:3px 10px 3px 10px;background:linear-gradient(110deg,rgba(87,15,25,.72),rgba(33,3,7,.82) 60%,rgba(70,11,19,.73));box-shadow:inset 0 1px #f7eedb12,0 3px 12px #0004;backdrop-filter:blur(5px);font:700 clamp(10px,.9vw,12px)/1.2 Georgia,serif;letter-spacing:.05em;text-shadow:0 1px 4px #110002;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}
.hero-client-links a:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:2px;background:linear-gradient(transparent,#e4c587,transparent);opacity:.55}
.hero-client-link-icon{width:17px;flex:0 0 17px;color:#e6c780;font-size:16px;text-align:center;text-shadow:0 0 10px #f7c86555}
.hero-client-link-arrow{margin-left:auto;color:#ead19e;font:13px/1 "Segoe UI",Arial,sans-serif;opacity:.68;transition:transform .22s,opacity .22s}
.hero-client-links a:hover,.hero-client-links a:focus-visible{color:#fff;border-color:#f1e0be;background:linear-gradient(110deg,rgba(143,20,36,.85),rgba(51,5,11,.91) 65%,rgba(106,16,28,.86));box-shadow:inset 0 1px #f7eedb33,0 0 18px #ff00223d;transform:translateX(-3px);outline:2px solid transparent;outline-offset:3px}
.hero-client-links a:hover .hero-client-link-arrow,.hero-client-links a:focus-visible .hero-client-link-arrow{opacity:1;transform:translate(2px,-2px)}
@keyframes heroRuneOrbit{to{transform:rotate(360deg)}}
@keyframes heroRuneStars{0%,100%{opacity:.7}45%{opacity:1}52%{opacity:.6}56%{opacity:1}}
@keyframes heroCrystalSpark{0%,38%,48%,100%{opacity:.35;scale:.7}42%,45%{opacity:1;scale:1.15}}
@media(min-width:1500px){.hero-client{right:6.5%}}
@media(max-width:1050px){.hero-client{right:3%;width:clamp(220px,28vw,285px)}.hero-client-links{width:85%}.hero-client-fps{font-size:85px}.hero-client-fps span{font-size:23px}.hero-client-caption{font-size:7px}}
@media(max-width:850px){.hero-client{right:3%;width:220px}.hero-client-links a{min-height:31px;padding:7px 10px;font-size:10px}.hero-client-sigil{margin-bottom:-5px}.hero-client-fps{font-size:73px}.hero-client-fps span{font-size:21px}.hero-client-caption{font-size:6px}.hero-client-kicker{font-size:9px}}
@media(max-width:700px){.hero-client{display:none}}
@media(prefers-reduced-motion:reduce){.hero-client-orbit,.hero-client-orbit-reverse,.hero-client-stars,.hero-client-crystal{animation:none}.hero-client-links a,.hero-client-link-arrow{transition:none}}
.mobile-fps{display:none}@media(max-width:700px){.mobile-fps{display:block;margin-top:12px;color:#f9f2e3;font:800 29px/1 Georgia,serif;text-shadow:0 0 14px #df1631}.mobile-fps small{font:700 10px/1 Segoe UI,sans-serif;color:#ffdf92;letter-spacing:.14em}.hero{min-height:560px}}
