.brand img{display:block;border-radius:8px;box-shadow:0 2px 8px rgba(28,43,64,.12)}
.atlas-brand-signal{margin:0;min-width:0;text-align:center}.atlas-brand-signal figcaption{max-width:430px;margin:16px auto 0;color:#3a4a62}.atlas-brand-signal figcaption strong,.atlas-brand-signal figcaption small{display:block}.atlas-brand-signal figcaption strong{font:600 18px/1.35 Georgia,"Times New Roman",serif;color:#0f1724}.atlas-brand-signal figcaption small{margin-top:5px;font:500 13px/1.5 Inter,system-ui,sans-serif}
.compass{isolation:isolate;box-shadow:inset 0 0 0 8px rgba(0,153,170,.035),0 18px 50px rgba(28,43,64,.1)!important;animation:atlas-glow 7s ease-in-out infinite}
.compass{background-size:100% 100%,24px 24px,24px 24px!important;background-image:radial-gradient(circle,rgba(0,168,184,.1),transparent 58%),linear-gradient(rgba(0,153,170,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,170,.035) 1px,transparent 1px)!important}
.compass .ring{animation:atlas-orbit 18s linear infinite!important;border-color:rgba(0,153,170,.45)!important}
.compass .orbit{position:absolute;border:1px dashed rgba(0,153,170,.34);border-radius:50%;pointer-events:none}.compass .orbit-a{inset:12%;animation:atlas-orbit 22s linear infinite}.compass .orbit-b{inset:22%;animation:atlas-orbit-reverse 31s linear infinite}
.compass .needle{animation:atlas-find-north 3.4s cubic-bezier(.2,.75,.25,1) both,atlas-breathe 6s ease-in-out 3.4s infinite;transform-origin:50% 50%;filter:drop-shadow(0 5px 8px rgba(0,153,170,.24));will-change:transform}
@keyframes atlas-orbit{to{transform:rotate(360deg)}}
@keyframes atlas-orbit-reverse{to{transform:rotate(-360deg)}}
@keyframes atlas-find-north{0%{transform:rotate(180deg)}72%{transform:rotate(-5deg)}88%{transform:rotate(3deg)}100%{transform:rotate(0deg)}}
@keyframes atlas-breathe{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes atlas-glow{0%,100%{filter:drop-shadow(0 10px 22px rgba(28,43,64,.08))}50%{filter:drop-shadow(0 12px 28px rgba(0,153,170,.16))}}
.compass:after{content:"";position:absolute;inset:5%;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 0 1px rgba(240,197,110,.18),0 0 36px rgba(0,153,170,.22);animation:atlas-clarity 4.2s ease-out 2.7s both}
.compass .evidence-line,.compass .authority-line{display:block;opacity:0;transform:translateY(4px)}.compass .evidence-line{animation:atlas-copy-in .7s ease-out 1.65s both}.compass .authority-line{animation:atlas-copy-in .7s ease-out 2.65s both}
.compass.atlas-rebalance .needle{animation:atlas-rebalance 1.8s cubic-bezier(.2,.75,.25,1) both!important}.compass.atlas-rebalance:after{animation:atlas-rebalance-pulse 1.8s ease-out both!important}
@keyframes atlas-copy-in{to{opacity:1;transform:none}}@keyframes atlas-clarity{0%,45%{opacity:0;transform:scale(.86)}72%{opacity:1}100%{opacity:0;transform:scale(1.08)}}
@keyframes atlas-rebalance{0%{transform:rotate(0deg)}35%{transform:rotate(24deg)}72%{transform:rotate(-4deg)}100%{transform:rotate(0deg)}}@keyframes atlas-rebalance-pulse{0%{opacity:0;transform:scale(.9)}55%{opacity:1}100%{opacity:0;transform:scale(1.08)}}
.compass[role="button"]{cursor:pointer}.compass[role="button"]:focus-visible{outline:2px solid #0099aa;outline-offset:6px}
@media(max-width:700px){.atlas-brand-signal{margin-top:10px}.atlas-brand-signal figcaption{padding:0 10px}.atlas-brand-signal figcaption strong{font-size:16px}.atlas-brand-signal figcaption small{font-size:12px}.compass{width:min(68vw,290px)!important}.hero-grid{gap:30px!important}}
@media(prefers-reduced-motion:reduce){.compass,.compass:after,.compass .ring,.compass .orbit,.compass .needle,.compass .evidence-line,.compass .authority-line{animation:none!important;opacity:1!important;transform:none!important}}