/* Atlas homepage — Cleo front door, capability grid and agenda lifecycle.
   Papa's order, 24 Oct 2026: only Cleo on the homepage; LOGIN button up top;
   "Atlas, for life." central message. */

/* Header: portal login button beside Get Atlas */
.site-actions{display:flex;gap:10px;align-items:center}
.site-login{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--orange,#ff6a1f);border-radius:9px;font:700 12.5px var(--head,"Work Sans",system-ui,sans-serif);letter-spacing:.04em;color:var(--orange,#ff6a1f);text-decoration:none;white-space:nowrap;text-transform:uppercase}
.site-login:hover{background:var(--orange,#ff6a1f);color:#050e1f}

/* Hero: Cleo artwork */
.cleo-feature{text-align:center}
.cleo-hero-art{display:block;width:min(100%,430px);height:auto;margin:0 auto}
.cleo-edition-line{font-weight:700;color:var(--ink,#f7f9fc)}

/* Capability grid */
.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line,#1b3a63);border:1px solid var(--line,#1b3a63);margin-top:44px;text-align:left}
.cap{background:var(--p2,#0a1830);padding:22px 20px}
.cap h3{margin:0 0 9px;font-size:15px;letter-spacing:.01em;color:var(--cyan,#7cc0ff)}
.cap p{margin:0;font-size:13.5px;line-height:1.55;color:var(--dim,#9db2ce)}
@media(max-width:1100px){.cap-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.cap-grid{grid-template-columns:1fr}}

/* Agenda lifecycle */
.agenda-steps{list-style:none;margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;text-align:left}
.agenda-steps li{border-top:2px solid var(--orange,#ff6a1f);padding-top:16px}
.agenda-steps b{display:block;font:500 11px var(--mono,"Work Sans",system-ui,sans-serif);letter-spacing:.18em;color:var(--orange,#ff6a1f);margin-bottom:10px}
.agenda-steps h3{margin:0 0 8px;font-size:17px}
.agenda-steps p{margin:0;font-size:13.5px;line-height:1.55;color:var(--dim,#9db2ce)}
@media(max-width:900px){.agenda-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.agenda-steps{grid-template-columns:1fr}}

/* Editions showcase: Cleo only on the homepage */
.editions-grid--solo{grid-template-columns:minmax(0,560px);justify-content:center}

/* 13 areas in a 4-col grid left dead cells — the last card takes the row. */
.cap-grid>.cap:last-child{grid-column:1/-1}
@media(max-width:540px){.cap-grid>.cap:last-child{grid-column:auto}}

/* === Cinema hero — 24 Oct, Papa: rebuild toward the studio direction === */
.hero-cinema{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;
  background:radial-gradient(1100px 60% at 78% 40%,#123a63 0%,#0a1c38 45%,#050e1f 78%)}
.cinema-field{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;
  padding-right:max(2vw,24px);pointer-events:none}
.cinema-cleo{width:min(58vw,760px);height:auto;opacity:.92;
  filter:drop-shadow(0 0 90px rgba(255,106,31,.35)) drop-shadow(0 0 180px rgba(61,143,224,.25));
  animation:cleoDrift 14s ease-in-out infinite alternate}
@keyframes cleoDrift{from{transform:translateY(-14px) scale(1)}to{transform:translateY(14px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.cinema-cleo{animation:none}}
.hero-cinema .in{position:relative;z-index:2;width:min(100%,880px)}
.hero-cinema h1{font:800 clamp(54px,7.5vw,124px)/1.02 var(--head,"Work Sans",system-ui,sans-serif);
  letter-spacing:-.04em;margin:0 0 26px}
.hero-cinema .lead{max-width:56ch}
.hero-cinema .btn.solid.big{box-shadow:0 0 34px rgba(255,106,31,.35)}
@media(max-width:900px){
  .hero-cinema{background:radial-gradient(640px 46% at 50% 12%,#123a63 0%,#0a1c38 52%,#050e1f 85%)}
  .cinema-field{position:relative;justify-content:center;padding:0;margin-bottom:18px}
  .cinema-cleo{width:min(84vw,420px)}
  .hero-cinema{flex-direction:column;justify-content:center;padding-top:56px}
}