/* ============================================================
   DEADLINK : Section 05 "What's next"
   Three roadmap cards (the shared rich card component, with an
   in-progress "pending" square mini) building to a bold live-proof
   climax grid that bookends the hero.
   ============================================================ */
.dl-sec5 .container-large{position:relative;z-index:2;padding-bottom:clamp(80px,9vw,150px)}

/* roadmap cards (reuse .dl-card component) */
.dl-rmcards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.5vw,24px);margin-top:clamp(40px,5vw,80px)}
.dl-rmcards .dl-card-visual{height:clamp(118px,11vw,158px)}
.dl-rmcards .dl-card-body{padding:clamp(20px,1.8vw,30px) clamp(18px,1.6vw,26px) clamp(24px,2.2vw,34px)}
.dl-rmcards .dl-cardttl{font-size:1.15rem}
.dl-rmcards .dl-cardcopy{font-size:.86rem}
.dl-rmcards .dl-card-tag.soon{color:rgba(var(--ow-rgb)/.55);border-color:rgba(var(--ow-rgb)/.2)}
@media(max-width:860px){.dl-rmcards{grid-template-columns:1fr}}
@media(max-width:640px){
  .dl-sec5 .container-large{padding-bottom:64px}
  .dl-rmcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
  .dl-rmcards .dl-card{background:var(--void);border:1px solid rgba(var(--ow-rgb)/.07)}
  .dl-rmcards .dl-card-visual{display:none}
  .dl-rmcards .dl-card-body{padding:13px 12px 14px}
  .dl-rmcards .dl-card-tag{font-size:.62rem;padding:.18rem .38rem;margin-bottom:.55rem}
  .dl-rmcards .dl-cardttl{font-size:.92rem;line-height:1.15;margin-bottom:.4rem}
  .dl-rmcards .dl-cardcopy{font-size:.68rem;line-height:1.35}
  .dl-rmcards .dl-card:last-child{grid-column:1/-1;display:block}
}
@media(max-width:359px){
  .dl-rmcards{grid-template-columns:1fr}
  .dl-rmcards .dl-card:last-child{grid-column:auto;display:block;grid-template-columns:1fr}
}

/* climax : the live-proof finale (bookends the hero) */
.dl-climax{position:relative;margin-top:clamp(54px,7vw,110px);max-width:64rem}
.dl-climax-tag{display:inline-block;font-family:'Geist Mono',monospace;font-size:.64rem;letter-spacing:.18em;
  color:var(--cyan);border:1px solid rgba(var(--cyan-rgb)/.4);border-radius:2px;padding:.3rem .6rem;margin-bottom:clamp(16px,1.8vw,26px)}
.dl-climax-title{font-family:'Geist Pixel',monospace;color:var(--offwhite);margin:0 0 clamp(22px,2.6vw,38px);
  font-size:clamp(1.7rem,3.6vw,3.1rem);line-height:1.1}
.dl-climax-title .cyan{color:var(--cyan)}
.dl-climax-grid{position:relative;min-height:clamp(210px,27vw,350px)}
.dl-climax-desc{font-family:'Geist Mono',monospace;color:rgba(var(--ow-rgb)/.6);
  font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.6;margin:clamp(20px,2.4vw,34px) 0 0;max-width:40em}

@media(max-width:640px){
  .dl-climax{margin-top:38px}
  .dl-climax-tag{font-size:.56rem;letter-spacing:.14em;margin-bottom:14px}
  .dl-climax-title{font-size:1.45rem;line-height:1.12;margin-bottom:18px}
  .dl-climax-grid{display:none}
  .dl-climax-desc{font-size:.84rem;line-height:1.52;margin-top:18px}
}