.hero-cert{padding: 88px 0 32px; text-align: center;}
  .hero-cert h1{margin: 18px auto 24px; max-width: 920px;}
  .hero-cert p.lede{max-width: 660px; margin: 0 auto;}

  .now-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 56px;}
  .now-card{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 32px;}
  html[data-theme="dark"] .now-card{background: var(--bg-warm);}
  .now-card .n{font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; color: var(--accent); text-transform: uppercase;}
  .now-card h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 24px; margin: 12px 0 10px;}
  .now-card p{font-size: 14px; color: var(--ink-2); margin: 0;}

  .roadmap{margin-top: 48px; border-left: 2px solid var(--line); padding-left: 36px;}
  .rd-row{position: relative; padding: 18px 0 36px;}
  .rd-row::before{content: ""; position: absolute; left: -43px; top: 26px; width: 12px; height: 12px; border-radius: 50%; background: var(--accent);}
  .rd-row.done::before{background: var(--ok);}
  .rd-row.future::before{background: var(--bg); border: 2px solid var(--line-2);}
  .rd-row .y{font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; color: var(--ink-3); text-transform: uppercase;}
  .rd-row h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 24px; margin: 8px 0 8px;}
  .rd-row p{font-size: 14px; color: var(--ink-2); margin: 0 0 8px; max-width: 600px; line-height: 1.55;}
  .rd-row .badge{display: inline-block; padding: 4px 10px; border-radius: 999px; font-family:'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.08em;}
  .rd-row .badge.done{background: oklch(0.92 0.05 150); color: oklch(0.32 0.08 150);}
  .rd-row .badge.in-progress{background: var(--accent-soft); color: var(--accent-ink);}
  .rd-row .badge.future{background: var(--bg-warm); color: var(--ink-3);}

  .practices{margin-top: 48px; background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden;}
  html[data-theme="dark"] .practices{background: var(--bg-warm);}
  .pr-row{display: grid; grid-template-columns: 200px 1fr; gap: 24px; padding: 22px 28px; border-bottom: 1px solid var(--line);}
  .pr-row:last-child{border-bottom: none;}
  .pr-row .cat{font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; color: var(--accent); text-transform: uppercase;}
  .pr-row b{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 18px; display: block; margin-bottom: 4px;}
  .pr-row small{font-size: 13.5px; color: var(--ink-2); line-height: 1.55;}

  .bg-warm{background: var(--bg-warm); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}

  @media(max-width:960px){.now-grid{grid-template-columns:1fr;} .pr-row{grid-template-columns:1fr; gap: 8px;}}
