.ds-hero{background:linear-gradient(180deg,#fff 0%, var(--bg) 100%);padding:80px 0 40px}
  .ds-hero h1{font-family:'Manrope';font-weight:800;font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.025em;color:var(--teal-900);margin:0;text-wrap:balance}
  .ds-hero h1 em{font-style:normal;color:var(--amber)}
  .ds-body{max-width:820px;padding:24px 0 96px}
  .ds-body .meta{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:40px}
  .ds-body h2{font-size:24px;color:var(--teal-900);font-weight:700;letter-spacing:-.012em;margin:48px 0 12px;line-height:1.2}
  .ds-body h3{font-size:18px;color:var(--teal-900);font-weight:600;margin:32px 0 8px}
  .ds-body p, .ds-body li{font-size:16px;line-height:1.7;color:var(--ink-2)}
  .ds-body p{margin:0 0 14px;text-wrap:pretty}
  .ds-body ul{padding-left:20px;margin:0 0 14px}
  .ds-body li{margin-bottom:6px}
  .ds-body a{color:var(--teal-700);text-decoration:underline;text-underline-offset:3px}
  .ds-body .note{background:#fff;border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:6px;padding:18px 22px;margin:24px 0;font-size:14px;color:var(--ink-2)}
  .ds-body .note strong{color:var(--teal-900)}