:root{
    --teal-950:#052B2A; --teal-700:#0F6259;
    --gold-500:#F2B705; --gold-600:#D69E00;
    --paper-050:#FBF6EC; --card-050:#FFFFFF;
    --ink-900:#16241F; --ink-600:#4E5D56; --line:#E4DBC8;
  }
  @media (prefers-color-scheme: dark){
    :root{ --paper-050:#0B1512; --card-050:#10221F; --ink-900:#EDEAE2; --ink-600:#B7C4BD; --line:#20342F; }
  }
  *{ box-sizing:border-box; }
  body{
    margin:0; background:var(--paper-050); color:var(--ink-900);
    font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-size:17px; line-height:1.65;
  }
  .wrap{ max-width:680px; margin:0 auto; padding:56px 24px 80px; }
  .eyebrow{
    font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:0.08em;
    text-transform:uppercase; color:var(--teal-700); margin:0 0 16px;
  }
  h1{ font-family:'Unbounded',sans-serif; font-weight:800; font-size:32px; margin:0 0 40px; line-height:1.2; }
  h2{ font-family:'PT Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; font-weight:700; font-size:20px; margin:40px 0 12px; }
  p{ margin:0 0 14px; }
  .card{
    background:var(--card-050); border:1px solid var(--line); border-radius:2px;
    padding:22px 24px; margin:14px 0;
  }
  .req dt{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-600); margin-top:10px; }
  .req dd{ margin:2px 0 0; font-weight:700; }
  .price{ font-family:'JetBrains Mono',monospace; font-weight:700; color:var(--gold-600); }
  a{ color:var(--teal-700); }
  footer{ margin-top:56px; padding-top:20px; border-top:1px solid var(--line); font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-600); }
  .topnav{ background:var(--card-050); border-bottom:1px solid var(--line); }
  .topnav-inner{ max-width:680px; margin:0 auto; padding:14px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .topnav-logo{ font-family:'Unbounded',sans-serif; font-weight:700; font-size:0.95rem; color:var(--ink-900); text-decoration:none; white-space:nowrap; }
  .topnav-links{ display:flex; gap:16px; }
  .topnav-links a{ font-family:'JetBrains Mono',monospace; font-size:0.82rem; color:var(--ink-600); text-decoration:none; white-space:nowrap; }
  .topnav-links a:hover{ color:var(--teal-700); }
  .topnav-links a.active{ color:var(--teal-700); font-weight:700; }
  @media (max-width:440px){
    .topnav-inner{ padding:12px 20px; gap:10px; }
    .topnav-logo{ font-size:0.82rem; }
    .topnav-links{ gap:9px 11px; }
    .topnav-links a{ font-size:0.72rem; }
  }