.roadmap-hero{padding:164px 0 88px;background:
  radial-gradient(circle at 82% 18%,rgba(127,224,160,.24),transparent 28%),
  radial-gradient(circle at 12% 92%,rgba(216,162,0,.12),transparent 30%),
  #14231a;color:#fff;overflow:hidden}
.roadmap-hero-inner{max-width:920px}
.roadmap-hero .eyebrow{color:#7fe0a0}
.roadmap-hero h1{font-size:clamp(46px,7vw,78px);line-height:.98;letter-spacing:-.035em;margin:18px 0 24px;max-width:780px}
.roadmap-hero>div>p{font-size:18px;line-height:1.7;color:rgba(233,242,235,.78);max-width:720px;margin:0}
.release-pulse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:44px 0 22px;max-width:760px}
.release-pulse a{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(127,224,160,.24);border-radius:16px;background:rgba(255,255,255,.06);transition:background .2s,border-color .2s,transform .2s}
.release-pulse a:hover{background:rgba(255,255,255,.1);border-color:rgba(127,224,160,.5);transform:translateY(-2px)}
.release-pulse a>span:last-child{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(233,242,235,.58);line-height:1.6}
.release-pulse b{display:block;font-family:'Nunito Sans',sans-serif;font-size:15px;letter-spacing:0;text-transform:none;color:#fff}
.release-version{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#7fe0a0;color:#14231a;font-size:18px;font-weight:900;flex:none}
.release-version-gold{background:#ffd24a}
.roadmap-hero .target-note{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.04em;color:rgba(233,242,235,.52);max-width:760px}
.roadmap-section{padding:100px 0}
.release-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(29,42,33,.12);padding-bottom:26px}
.release-heading h2{font-size:clamp(38px,5vw,58px);line-height:1;margin:10px 0 0;color:#14231a;letter-spacing:-.03em}
.season-stamp{font-family:'IBM Plex Mono',monospace;color:#296B2E;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.season-stamp span{display:block;color:#8a978d;font-size:9px;letter-spacing:.16em;margin-bottom:3px}
.release-thesis{font-size:18px;line-height:1.7;color:#5d6f63;max-width:760px;margin:34px 0 0}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
.roadmap-card{position:relative;background:#fff;border:1px solid rgba(29,42,33,.12);border-radius:16px;padding:28px;min-height:190px}
.card-number{font-family:'IBM Plex Mono',monospace;color:#296B2E;font-size:10px;letter-spacing:.14em;margin-bottom:30px}
.roadmap-card h3{font-size:19px;line-height:1.2;color:#14231a;margin:0 0 9px}
.roadmap-card p{font-size:14px;line-height:1.65;color:#5d6f63;margin:0}
.roadmap-section-next{background:#fff;border-top:1px solid rgba(29,42,33,.1);border-bottom:1px solid rgba(29,42,33,.1)}
.season-stamp-gold{color:#8a6d1f}
.battle-feature{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-top:52px;padding:44px;border:1px solid rgba(216,162,0,.34);border-radius:20px;background:
  radial-gradient(circle at 8% 50%,rgba(216,162,0,.14),transparent 28%),
  #f7f8f5}
.battle-mark{display:grid;place-items:center;width:112px;height:112px;border-radius:28px;background:#14231a;color:#ffd24a;border:4px solid #fff;outline:1px solid rgba(29,42,33,.14);font-family:'IBM Plex Mono',monospace;font-size:28px;font-weight:600;letter-spacing:.06em}
.battle-kicker{font-size:10px;letter-spacing:.16em;color:#8a6d1f;font-weight:600}
.battle-feature h3{font-size:clamp(30px,4vw,46px);line-height:1;margin:8px 0 14px;color:#14231a}
.battle-feature p{font-size:16px;line-height:1.7;color:#5d6f63;margin:0;max-width:760px}
.battle-feature .battle-principle{margin-top:12px;color:#1d2a21;font-weight:800}
.devlog{background:#f7f8f5}
.inline-link{color:#296B2E;text-decoration:underline;text-underline-offset:3px}
.devlog .logentry p{max-width:700px}
.roadmap-feedback{padding:70px 0;background:#eaf3e7}
.roadmap-feedback .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.roadmap-feedback h2{font-size:clamp(30px,4vw,44px);line-height:1.05;color:#14231a;margin:10px 0}
.roadmap-feedback p{font-size:15px;line-height:1.7;color:#5d6f63;margin:0;max-width:650px}
@media(max-width:820px){
  .roadmap-hero{padding:132px 0 72px}
  .release-pulse,.roadmap-grid{grid-template-columns:1fr}
  .release-heading{align-items:flex-start}
  .roadmap-grid{gap:12px}
  .roadmap-card{min-height:0}
  .battle-feature{grid-template-columns:1fr;padding:30px}
  .battle-mark{width:82px;height:82px;border-radius:22px}
  .roadmap-feedback .wrap{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .wrap{padding-left:22px;padding-right:22px}
  .roadmap-hero h1{font-size:44px}
  .release-pulse{grid-template-columns:1fr}
  .release-heading{display:block}
  .season-stamp{text-align:left;margin-top:18px}
  .roadmap-section{padding:72px 0}
  .battle-feature{padding:24px}
}