/* AlphaLens launch: announcement bar (every page) + homepage banner */
:root{--al-teal:#3ad6e8;--al-mint:#6eedc0;--al-ink:#070e10;--al-muted:#b9cfd1}

/* ---------- 1. announcement bar ---------- */
.al-bar{position:relative;background:linear-gradient(90deg,#0b2a2e 0%,#0e3a3f 50%,#0b2a2e 100%);
  font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.3;
  transition:max-height .3s ease,opacity .3s ease;max-height:80px;overflow:hidden}
.al-bar.hidden{max-height:0;opacity:0}
.al-bar[hidden]{display:none}
.al-bar-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:8px 48px;
  color:#fff;text-decoration:none}
.al-bar-link:hover .al-bar-cta{text-decoration:underline}
.al-bar-link,.al-bar-link:hover,.al-banner,.al-banner:hover{text-decoration:none}
.al-bar-link:focus-visible{outline:3px solid var(--al-teal);outline-offset:-3px}
.al-bar img{flex:none;width:20px;height:20px}
.al-bar-tag{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--al-mint);
  border:1px solid rgba(110,237,192,.45);border-radius:999px;padding:2px 8px;flex:none}
.al-bar-text{color:#dbe9ea}
.al-bar-cta{color:var(--al-teal);font-weight:600;white-space:nowrap;text-decoration:none}
.al-bar-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:6px;
  background:transparent;color:#9fb8ba;font-size:20px;line-height:1;cursor:pointer;font-family:inherit;padding:0}
.al-bar-close:hover{background:rgba(255,255,255,.08);color:#fff}
.al-bar-close:focus-visible{outline:2px solid var(--al-teal)}
.al-bar-short{display:none}
@media (max-width:640px){
  .al-bar{font-size:13px}
  .al-bar-link{padding:8px 44px 8px 14px;justify-content:flex-start}
  .al-bar-long,.al-bar-tag{display:none}
  .al-bar-short{display:inline}
}

/* ---------- 2. homepage banner ---------- */
.al-section{padding:0 20px 16px}
.al-section-inner{max-width:1080px;margin:0 auto}
.al-banner{display:grid;grid-template-columns:auto 1px 1fr auto;align-items:center;gap:44px;padding:44px 52px;
  border-radius:16px;text-decoration:none;color:#fff;position:relative;overflow:hidden;font-family:Inter,system-ui,sans-serif;
  background:radial-gradient(ellipse 50% 140% at 18% 50%,rgba(30,125,130,.8) 0%,rgba(12,48,52,.55) 50%,rgba(7,14,16,0) 85%),
             radial-gradient(ellipse 45% 140% at 96% 50%,rgba(40,200,190,.18) 0%,rgba(7,14,16,0) 70%),var(--al-ink);
  transition:transform .2s ease,box-shadow .2s ease}
.al-banner:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(7,14,16,.3)}
.al-banner:hover .al-cta{box-shadow:0 0 34px rgba(58,214,232,.55)}
.al-banner:focus-visible{outline:3px solid var(--al-teal);outline-offset:3px}
.al-logo{display:flex;align-items:center;gap:14px;filter:drop-shadow(0 0 18px rgba(60,220,225,.25))}
.al-logo img{height:64px;width:auto;display:block}
.al-div{align-self:stretch;background:linear-gradient(transparent,rgba(120,200,205,.45),transparent)}
.al-pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--al-mint);
  border:1px solid rgba(110,237,192,.5);border-radius:999px;padding:4px 10px;margin-bottom:10px}
.al-copy h3{margin:0;font-family:Barlow,sans-serif;font-weight:600;font-size:28px;line-height:1.15;max-width:24ch;color:#fff}
.al-copy p{margin:8px 0 0;color:var(--al-muted);font-size:15px;line-height:1.45;max-width:52ch}
.al-cta{white-space:nowrap;background:var(--al-teal);color:#062226;font-weight:600;font-size:15px;padding:13px 22px;border-radius:999px;
  box-shadow:0 0 26px rgba(58,214,232,.35);transition:box-shadow .2s}
@media (max-width:1100px){
  .al-banner{gap:28px;padding:36px 36px}
  .al-logo img{height:56px}
}
@media (max-width:900px){
  .al-banner{grid-template-columns:1fr;gap:18px;padding:32px 28px}
  .al-div{display:none}
  .al-logo img{height:50px}
  .al-cta{justify-self:start}
}
@media (max-width:640px){
  .al-banner{padding:26px 22px}
  .al-logo img{height:42px}
  .al-copy h3{font-size:23px}.al-copy p{font-size:14px}
  .al-cta{justify-self:stretch;text-align:center}
}
@media (prefers-reduced-motion:reduce){.al-bar,.al-banner,.al-cta{transition:none}}
