/* An AshnoiTech service constellation; all labels stay upright and clickable. */
.service-radar{aspect-ratio:auto;background:radial-gradient(ellipse at 50% 50%,#193e50 0%,#13283e 54%,#101d30 100%);border:1px solid #284255;border-radius:24px;box-shadow:0 28px 70px #172b4020;overflow:hidden;color:#e6f8f4;padding:22px 18px 18px;isolation:isolate}
.radar-header{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:1.5px;color:#9ab7bf}.radar-header>span:first-child{display:flex;align-items:center;gap:7px}.radar-header i,.radar-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#38e9bd;box-shadow:0 0 12px #38e9bd}
.radar-field{position:relative;width:100%;aspect-ratio:1;isolation:isolate;margin:9px 0}.radar-grid{position:absolute;inset:0;background-image:linear-gradient(#6acac80b 1px,transparent 1px),linear-gradient(90deg,#6acac80b 1px,transparent 1px);background-size:10% 10%;mask-image:radial-gradient(circle,#000 40%,transparent 72%)}
.radar-rings{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#6ed6ce;stroke-width:1;opacity:.23}.radar-rings circle:first-child{stroke-dasharray:4 8;stroke-width:1.5}.radar-rings path{opacity:.3}.radar-ticks{stroke-width:6;stroke-dasharray:1 92}
.radar-sweep{position:absolute;inset:11%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 288deg,#36e7ba04 290deg,#36e7ba22 342deg,#67ffe460 359deg,transparent 360deg);animation:radar-scan 12s linear infinite;pointer-events:none;z-index:-1}
.radar-core{position:absolute;inset:32%;border-radius:24%;background:linear-gradient(145deg,#224d5977,#0d203bc9);border:1px solid #45d5c04d;box-shadow:0 0 40px #19dfbc15,inset 0 0 30px #14d4ad0b}.radar-core::before,.radar-core::after{content:"";position:absolute;inset:-6px;border:2px solid #38e9bd;clip-path:polygon(0 0,22% 0,22% 4%,4% 4%,4% 22%,0 22%,0 0,100% 0,100% 22%,96% 22%,96% 4%,78% 4%,78% 0,100% 0,100% 100%,78% 100%,78% 96%,96% 96%,96% 78%,100% 78%,100% 100%,0 100%,0 78%,4% 78%,4% 96%,22% 96%,22% 100%,0 100%);border-radius:18%;opacity:.65;pointer-events:none}.radar-core::after{inset:-14px;border-width:1px;opacity:.18}
.service-radar #brand-3d{inset:-12% 0 0;height:110%;z-index:1}.service-radar .sculpture{left:21%;top:17%;width:58%;transform:none;animation:none}.service-radar .sculpture img{filter:drop-shadow(0 8px 12px #030d20aa)}.radar-core.has-webgl .sculpture{visibility:hidden}.radar-brand{position:absolute;bottom:10%;left:0;width:100%;text-align:center;font-size:clamp(13px,1.6vw,21px);font-weight:800;letter-spacing:-.7px;z-index:2;pointer-events:none}.radar-brand b{color:#38e9bd;font-weight:400}
.radar-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:24%;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:3;color:var(--node-color);text-align:center}.radar-icon{display:grid;place-items:center;width:clamp(38px,4.7vw,60px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--node-color) 40%,transparent);border-radius:16px;background:#152b3dee;box-shadow:0 0 0 transparent;animation:radar-detect 12s linear infinite;animation-delay:var(--scan-delay);transition:transform .25s,background .25s,box-shadow .25s}.radar-icon svg{width:50%;height:55%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.radar-node-label{font-size:clamp(10px,1vw,12px);font-weight:600;letter-spacing:.3px;padding:4px 6px;border-radius:4px;background:#0f2035e8;white-space:nowrap}.radar-node:hover .radar-icon,.radar-node:focus-visible .radar-icon{transform:translateY(-4px);background:#244558;box-shadow:0 0 24px color-mix(in srgb,var(--node-color) 22%,transparent)}.radar-node:focus-visible{outline-offset:7px;border-radius:8px}
.radar-caption{display:flex;align-items:center;gap:7px;padding-top:14px;border-top:1px solid #88cfc318;color:#b5cbc9;font-size:10px}.radar-caption small{font-size:7px;letter-spacing:1px;margin-left:auto;color:#76a49f}
@keyframes radar-scan{to{transform:rotate(360deg)}}@keyframes radar-detect{0%,15%,100%{border-color:color-mix(in srgb,var(--node-color) 40%,transparent);box-shadow:0 0 0 transparent}5%{border-color:var(--node-color);box-shadow:0 0 23px color-mix(in srgb,var(--node-color) 22%,transparent)}}
.radar-idle .radar-sweep,.radar-idle .radar-icon,body.motion-paused .radar-sweep,body.motion-paused .radar-icon{animation-play-state:paused!important}
@media(max-width:850px){.service-radar{max-width:560px;width:100%;margin:8px auto 0;padding:20px 12px 16px}.radar-icon{width:clamp(40px,10vw,58px)}.radar-brand{font-size:clamp(14px,4vw,21px)}}
@media(max-width:380px){.radar-header{font-size:6px;letter-spacing:.7px}.radar-node-label{font-size:10px;padding:3px}.radar-caption{font-size:9px}.radar-caption small{font-size:6px}.radar-core{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.radar-icon{animation:none!important}.radar-sweep{transform:rotate(32deg)}.radar-icon{transition:none}}