.prod{max-width:900px; padding-top:64px; padding-bottom:88px}
.back{display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:13px; color:var(--muted); text-decoration:none; margin-bottom:34px}
.back:hover{color:var(--ink)}
.prod .kicker{display:block; font-family:var(--mono); font-size:12.5px; color:var(--accent); letter-spacing:.02em; margin-bottom:4px}
.prod h1{margin:12px 0 18px; font-size:clamp(2.1rem,4.4vw,3.1rem); line-height:1.06; letter-spacing:-.02em}
.prod .lede{color:var(--ink-2); font-size:17.4px; max-width:62ch; margin-bottom:34px}
.prod-meta{display:grid; grid-template-columns:150px 1fr; gap:14px 24px; padding:24px 0; border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); margin-bottom:44px}
.prod-meta dt{font-family:var(--mono); font-size:12.5px; color:var(--muted)}
.prod-meta dd{margin:0; color:var(--ink-2); font-size:14.6px}
.prod h2{font-size:1.32rem; margin:0 0 16px; letter-spacing:-.01em}
.prod h2+p{margin-top:10px}
.prod p{color:var(--ink-2); font-size:16px; max-width:64ch}
.prod ul{margin:0 0 40px; padding-left:18px; color:var(--ink-2); font-size:16px; max-width:64ch}
.prod ul li{margin-bottom:9px}
.prod ul li b{color:var(--ink); font-weight:500}
.prod .cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:44px}
.prod .note{margin-top:16px; font-family:var(--mono); font-size:12.5px; color:var(--muted)}
@media (max-width:620px){
  .prod{padding-top:40px; padding-bottom:64px}
  .prod-meta{grid-template-columns:minmax(0,1fr); gap:6px}
  .prod-meta dd{margin-bottom:12px}
}