/* Atlas Live Updates (2026-10-11). Site tokens: navy #050e1f, panel #0a1830, line #1b3a63, ink #f7f9fc, dim #9db2ce,
   blue #2a86ff / #3d8fe0, tech teal #6df3ff, Titan orange #ff6a1f (UI orange; the wordmark keeps its own law). */
.atlas-live{--al-bg:#050e1f;--al-panel:#0a1830;--al-panel2:#0f2242;--al-line:#1b3a63;--al-ink:#f7f9fc;--al-dim:#9db2ce;--al-blue:#2a86ff;--al-teal:#6df3ff;--al-orange:#ff6a1f;
  position:relative;width:max(80vw,min(1220px,calc(100% - 40px)));box-sizing:border-box;margin:clamp(28px,5vw,72px) auto;color:var(--al-ink);font-family:"Work Sans",system-ui,sans-serif}
.atlas-live .al-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:22px}
.atlas-live .al-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:12px;letter-spacing:.18em;font-weight:600;color:var(--al-teal)}
.atlas-live .al-live-dot{width:9px;height:9px;border-radius:50%;background:var(--al-orange);box-shadow:0 0 0 0 rgba(255,106,31,.6);animation:al-pulse 1.8s infinite}
.atlas-live h2.al-h{margin:0;font-weight:300;font-size:clamp(26px,3.2vw,46px);line-height:1.08;letter-spacing:0;max-width:22ch}
.atlas-live h2.al-h em{font-style:normal;color:var(--al-teal)}
.atlas-live .al-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;color:var(--al-dim)}
.atlas-live [data-al-status][data-state="live"]::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--al-teal);margin-right:8px;box-shadow:0 0 10px var(--al-teal)}
.atlas-live [data-al-status][data-state="stale"],.atlas-live [data-al-status][data-state="down"]{color:#ffd27a}
.atlas-live [data-al-count]{font-weight:600;color:var(--al-ink);padding:5px 12px;border:1px solid var(--al-line);border-radius:999px;background:rgba(15,34,66,.6)}
.atlas-live [data-al-count][data-has="1"]{border-color:rgba(255,106,31,.7);box-shadow:0 0 18px rgba(255,106,31,.35),inset 0 0 12px rgba(42,134,255,.25)}
.atlas-live .al-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}
.atlas-live .al-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 16px;border-radius:16px;border:1px solid var(--al-line);
  background:linear-gradient(160deg,rgba(15,34,66,.92),rgba(10,24,48,.92));transition:border-color .4s,box-shadow .4s,transform .4s}
.atlas-live .al-card.is-new{border-color:rgba(109,243,255,.55);box-shadow:0 0 0 1px rgba(255,106,31,.25),0 0 34px rgba(42,134,255,.22)}
.atlas-live .al-card.al-hit{transform:scale(1.015);box-shadow:0 0 0 1px rgba(255,255,255,.6),0 0 70px rgba(255,162,31,.55),0 0 140px rgba(42,134,255,.35)}
.atlas-live .al-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.atlas-live .al-stage{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:999px;border:1px solid var(--al-line);color:var(--al-ink)}
.atlas-live .al-stage-dot{width:8px;height:8px;border-radius:50%;background:var(--al-dim)}
.atlas-live [data-stage="in_design"] .al-stage-dot{background:transparent;border:1.5px solid var(--al-teal)}
.atlas-live [data-stage="building"] .al-stage{border-color:rgba(255,106,31,.6)}
.atlas-live [data-stage="building"] .al-stage-dot{background:var(--al-orange);animation:al-pulse 1.4s infinite}
.atlas-live [data-stage="in_validation"] .al-stage-dot{background:var(--al-blue)}
.atlas-live [data-stage="built"] .al-stage-dot{background:var(--al-teal);box-shadow:0 0 8px var(--al-teal)}
.atlas-live [data-stage="live"] .al-stage{background:rgba(109,243,255,.12);border-color:rgba(109,243,255,.6)}
.atlas-live [data-stage="live"] .al-stage-dot{background:#fff;box-shadow:0 0 10px #fff}
.atlas-live .al-area{font-size:11px;letter-spacing:.16em;color:var(--al-dim)}
.atlas-live .al-new{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.14em;color:#050e1f;background:linear-gradient(90deg,var(--al-orange),#ffd27a);padding:3px 9px;border-radius:6px}
.atlas-live .al-title{margin:2px 0 0;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.25;letter-spacing:0}
.atlas-live .al-summary{margin:0;font-size:15px;line-height:1.55;color:var(--al-dim)}
.atlas-live .al-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:6px 0 0;padding:0;list-style:none}
.atlas-live .al-track li{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#5f7aa0}
.atlas-live .al-step-dot{height:4px;border-radius:4px;background:var(--al-line)}
.atlas-live .al-track li.done .al-step-dot{background:linear-gradient(90deg,var(--al-blue),var(--al-teal))}
.atlas-live .al-track li.now .al-step-dot{background:linear-gradient(90deg,var(--al-teal),var(--al-orange));box-shadow:0 0 10px rgba(255,106,31,.6)}
.atlas-live .al-track li.now{color:var(--al-ink);font-weight:600}
.atlas-live .al-track li.done{color:var(--al-dim)}
.atlas-live .al-time{margin:4px 0 0;font-size:12px;color:#7b93b6}
.atlas-live .al-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atlas-live .al-foot{margin:18px 0 0;font-size:13px;color:#7b93b6}
.atlas-live .al-foot a{color:var(--al-teal)}
/* Homepage strip */
.atlas-live--strip .al-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.atlas-live--strip .al-card{padding:16px 18px 14px}
.atlas-live--strip h2.al-h{font-size:clamp(22px,2.4vw,34px)}
.al-fx{position:fixed;inset:0;pointer-events:none;z-index:60}
@keyframes al-pulse{0%{box-shadow:0 0 0 0 rgba(255,106,31,.55)}70%{box-shadow:0 0 0 9px rgba(255,106,31,0)}100%{box-shadow:0 0 0 0 rgba(255,106,31,0)}}
@media (max-width:640px){.atlas-live .al-meta{align-items:flex-start}.atlas-live .al-step-name{display:none}.atlas-live .al-card{padding:16px}}
@media (prefers-reduced-motion:reduce){.atlas-live .al-live-dot,.atlas-live [data-stage="building"] .al-stage-dot{animation:none}.atlas-live .al-card{transition:none}.al-fx{display:none}}