:root {
        --ink: #2a1d10;
        --paper: #fff8f0;
        --amber: #b85a11;
        --card: #ffffff;
        --line: #efd4b7;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        font-family: "IBM Plex Sans", "Avenir Next", "Trebuchet MS", sans-serif;
        color: var(--ink);
        background:
          radial-gradient(circle at 0% 0%, #ffe9d0, transparent 38%),
          radial-gradient(circle at 100% 100%, #f3efe8, transparent 35%),
          var(--paper);
      }
      .wrap { max-width: 1080px; margin: 0 auto; padding: 40px 20px 72px; }
      .hero {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 18px;
        box-shadow: 0 14px 35px rgba(42, 29, 16, 0.08);
        padding: 26px;
      }
      .eyebrow {
        display: inline-block;
        padding: 7px 11px;
        border-radius: 999px;
        font-size: 0.82rem;
        font-weight: 700;
        background: #fff1e3;
        color: var(--amber);
      }
      h1 { margin: 12px 0 8px; font-size: 2rem; line-height: 1.1; }
      .lead { margin: 0 0 16px; color: #5a4231; }
      .cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
      .btn {
        text-decoration: none;
        display: inline-block;
        border-radius: 10px;
        padding: 11px 14px;
        font-weight: 700;
      }
      .btn-primary { background: var(--amber); color: #fff; }
      .btn-ghost { border: 1px solid var(--line); color: var(--ink); background: #fff; }
      .grid {
        margin-top: 16px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 12px;
      }
      .tile {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 14px;
      }
      .tile h2 { margin: 0 0 8px; font-size: 1rem; }
      pre {
        margin: 0;
        background: #fff4e8;
        border-radius: 10px;
        padding: 12px;
        overflow-x: auto;
        font-size: 0.85rem;
        font-family: "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;
      }
      .subtle { color: #6b5543; font-size: 0.93rem; }