:root { --cream:#fcf9f6; --sand:#f3ebe4; --green:#3e1f0c; --gold:#ffb733; --gold-text:#9a5a06; --ink:#2b2b2b; --muted:#6b6b63; --line:#e5dfd2; }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--cream); color:var(--ink); font:16px/1.65 Inter, system-ui, sans-serif; }
  a { color:var(--green); }
  .wrap { max-width:1080px; margin:0 auto; padding:0 20px; }
  header { background:var(--green); color:#fff; }
  header .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; padding-bottom:14px; flex-wrap:wrap; }
  .brand { font:500 24px/1 "Playfair Display", serif; letter-spacing:.12em; color:#fff; text-decoration:none; }
  nav { display:flex; gap:18px; flex-wrap:wrap; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
  nav a { color:#e8e2d3; text-decoration:none; }
  nav a[aria-current] { color:var(--gold); }
  .hero { padding:56px 0 28px; }
  .eyebrow { color:var(--gold-text); font-size:12px; letter-spacing:.18em; text-transform:uppercase; margin:0 0 10px; }
  h1 { font:500 clamp(32px,5vw,52px)/1.1 "Playfair Display", serif; color:var(--green); margin:0 0 18px; }
  h2 { font:500 clamp(26px,3.4vw,36px)/1.2 "Playfair Display", serif; color:var(--green); margin:56px 0 14px; }
  .lead { font-size:18px; max-width:760px; margin:0; }
  .facts { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin:32px 0 0; }
  .facts div { background:#fff; padding:18px; }
  .facts b { display:block; font:500 30px/1.1 "Playfair Display", serif; color:var(--green); }
  .facts span { font-size:13px; color:var(--muted); }
  .tablewrap { overflow-x:auto; border:1px solid var(--line); background:#fff; }
  table { border-collapse:collapse; width:100%; min-width:680px; font-size:15px; }
  th, td { text-align:left; padding:12px 14px; border-bottom:1px solid var(--line); white-space:nowrap; }
  th { background:var(--sand); font-weight:600; font-size:13px; letter-spacing:.04em; color:var(--green); }
  tr.group td { background:#faf7f0; font-weight:600; color:var(--green); }
  .note { font-size:13px; color:var(--muted); margin-top:10px; }
  .cards { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
  .card { background:#fff; border:1px solid var(--line); }
  .card img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#fff; border-bottom:1px solid var(--line); }
  .card .body { padding:20px 22px 22px; }
  .card h3 { font:500 26px/1.15 "Playfair Display", serif; color:var(--green); margin:0 0 4px; }
  .card .spec { color:var(--gold-text); font-size:13px; letter-spacing:.08em; text-transform:uppercase; margin:0 0 12px; }
  .card ul { margin:0; padding-left:18px; }
  .fit { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); font-size:15px; }
  .fit b { color:var(--green); }
  .compare { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .compare div { background:var(--sand); padding:22px; }
  .compare h3 { font:500 22px/1.2 "Playfair Display", serif; color:var(--green); margin:0 0 8px; }
  .cta { background:var(--green); color:#fff; padding:40px; margin:64px 0; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
  .cta p { margin:0; font:500 26px/1.25 "Playfair Display", serif; max-width:560px; }
  .btn { background:var(--gold); color:var(--green); text-decoration:none; padding:14px 26px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; font-size:13px; }
  footer { border-top:1px solid var(--line); padding:24px 0 40px; font-size:12px; color:var(--muted); }
  @media (max-width:760px) { .facts { grid-template-columns:repeat(2,1fr); } .cards, .compare { grid-template-columns:1fr; } .cta { padding:28px 22px; } }

  .grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
  .box { background:#fff; border:1px solid var(--line); padding:22px; }
  .box h3 { font:500 22px/1.2 "Playfair Display", serif; color:var(--green); margin:0 0 10px; }
  .box ul { margin:0; padding-left:18px; }
  .qa { border-top:1px solid var(--line); padding:18px 0; }
  .qa h3 { font:500 22px/1.3 "Playfair Display", serif; color:var(--green); margin:0 0 6px; }
  .qa p { margin:0; }
  @media (max-width:760px) { .grid3 { grid-template-columns:1fr; } }