:root{
    --navy:#0d1b2f;
    --navy-2:#13243d;
    --navy-3:#1a2f4d;
    --gold:#b8862b;
    --gold-bright:#d9a843;
    --ink:#eef2f7;
    --muted:#9fb0c4;
    --red:#d64545;
    --green:#3fa46a;
    --line:rgba(184,134,43,.35);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--navy);color:var(--ink);font-family:'Oswald',sans-serif;font-weight:300;line-height:1.5;}
  .anton{font-family:'Anton',sans-serif;letter-spacing:.02em;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 28px;}
  section{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.06);}

  /* ── Top bar ── */
  .topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:2px solid var(--gold);}
  .topbar .brand{font-family:'Anton',sans-serif;font-size:22px;color:var(--ink);}
  .topbar .brand span{color:var(--gold-bright);}
  .topbar .meta{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);text-align:right;}

  /* ── Hero ── */
  .hero{padding:46px 0 30px;}
  .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.3em;color:var(--gold-bright);margin-bottom:18px;font-weight:500;}
  .hero h1{font-family:'Anton',sans-serif;font-size:clamp(38px,6.4vw,68px);line-height:1.04;text-transform:uppercase;}
  .hero h1 .dim{color:var(--muted);}
  .hero h1 .gold{color:var(--gold-bright);}
  .hero p.lede{margin-top:16px;font-size:18px;max-width:640px;color:var(--muted);font-weight:300;}
  .hero p.lede strong{color:var(--ink);font-weight:500;}
  .prepared{margin-top:20px;display:flex;gap:36px;flex-wrap:wrap;font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);}
  .prepared b{display:block;color:var(--ink);font-weight:500;letter-spacing:.06em;font-size:14px;margin-top:2px;}

  /* ── Section headers ── */
  .sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;}
  .sec-head h2{font-family:'Anton',sans-serif;font-size:clamp(24px,3.4vw,34px);text-transform:uppercase;}
  .sec-head .tag{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-bright);white-space:nowrap;font-weight:500;}
  .sec-sub{color:var(--muted);max-width:680px;margin:-12px 0 18px;}

  /* ── Box score ── */
  .scorebar{background:var(--navy-2);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
  .scorebar-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:rgba(184,134,43,.12);border-bottom:1px solid var(--line);}
  .scorebar-head .label{font-size:12px;text-transform:uppercase;letter-spacing:.22em;color:var(--gold-bright);font-weight:500;}
  .scorebar-head .total{font-family:'Anton',sans-serif;font-size:26px;}
  .scorebar-head .total small{font-size:14px;color:var(--muted);font-family:'Oswald',sans-serif;font-weight:400;}
  .grades{display:grid;grid-template-columns:repeat(6,1fr);}
  .grade{padding:14px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.06);}
  .grade:last-child{border-right:none;}
  .grade .g{font-family:'Anton',sans-serif;font-size:40px;line-height:1;}
  .grade .g.f{color:var(--red);}
  .grade .g.d{color:#e09a3e;}
  .grade .name{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:8px;}
  .grade .pts{font-size:11px;color:var(--muted);margin-top:2px;}
  .blankslate{margin-top:18px;padding:12px 18px;background:rgba(63,164,106,.08);border:1px solid rgba(63,164,106,.35);border-radius:6px;font-size:15px;color:var(--ink);}
  .blankslate b{color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block;margin-bottom:4px;}
  .blankslate em{color:var(--green);font-style:normal;font-weight:600;}

  /* ── GBP shutout ── */
  .shutout{background:var(--navy-2);border:1px solid var(--red);border-radius:6px;padding:22px 22px;text-align:center;position:relative;overflow:hidden;}
  .shutout::before{content:"GBP";position:absolute;top:-22px;right:-8px;font-family:'Anton',sans-serif;font-size:160px;color:rgba(214,69,69,.06);line-height:1;}
  .shutout .big{font-family:'Anton',sans-serif;font-size:clamp(46px,8vw,84px);color:var(--red);text-transform:uppercase;line-height:1;}
  .shutout .sub{margin-top:12px;font-size:16px;color:var(--muted);max-width:560px;margin-left:auto;margin-right:auto;}
  .verify{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;text-align:left;}
  .verify .v{background:var(--navy);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:16px;}
  .verify .v .k{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-bright);font-weight:500;margin-bottom:6px;}
  .verify .v .d{font-size:13.5px;color:var(--muted);}
  .verify .v .d em{color:var(--red);font-style:normal;font-weight:500;}
  .checked{margin-top:22px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);}

  /* ── What it means ── */
  .means{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
  .means .m{background:var(--navy-2);border-left:3px solid var(--gold);padding:13px 18px;border-radius:0 5px 5px 0;}
  .means .m h4{font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
  .means .m p{font-size:14px;color:var(--muted);}

  /* ── Standings tables ── */
  .standings{margin-bottom:34px;}
  .standings h3{font-family:'Anton',sans-serif;font-size:19px;text-transform:uppercase;margin-bottom:4px;}
  .standings .q{font-size:13px;color:var(--muted);margin-bottom:14px;}
  .standings .q code{background:var(--navy-3);padding:2px 8px;border-radius:3px;color:var(--gold-bright);font-family:'Oswald',sans-serif;font-size:13px;}
  table{width:100%;border-collapse:collapse;background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;font-size:14.5px;}
  th{background:rgba(184,134,43,.14);color:var(--gold-bright);text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:600;text-align:left;padding:8px 14px;}
  td{padding:8px 14px;border-top:1px solid rgba(255,255,255,.06);}
  td.rank{font-family:'Anton',sans-serif;color:var(--muted);width:48px;}
  td.stars{color:var(--gold-bright);white-space:nowrap;}
  tr.you td{background:rgba(214,69,69,.12);color:var(--red);font-weight:500;}
  tr.you td.rank{color:var(--red);}
  tr.you.good td{background:rgba(63,164,106,.14);color:var(--green);font-weight:500;}
  tr.you.good td.rank{color:var(--green);}
  tr.you.mixed td{background:rgba(184,134,43,.14);color:var(--ink);font-weight:500;}
  tr.you.mixed td.rank{color:var(--gold-bright);}
  td .win{color:var(--green);font-weight:600;}
  td .gap{color:var(--red);font-weight:600;}
  .bench{margin-top:8px;font-size:13px;color:var(--muted);}
  .bench b{color:var(--ink);font-weight:500;}

  /* ── Receipts ── */
  .receipts{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .rec{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:16px;}
  .rec .num{font-family:'Anton',sans-serif;color:var(--gold-bright);font-size:13px;letter-spacing:.1em;margin-bottom:8px;}
  .rec h4{font-weight:600;font-size:16px;margin-bottom:6px;}
  .rec p{font-size:14px;color:var(--muted);}
  .rec code{display:block;margin-top:10px;background:#091322;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:10px 12px;font-size:12.5px;color:#d8a14a;font-family:ui-monospace,Menlo,monospace;overflow-x:auto;white-space:pre-wrap;}
  .ownership{grid-column:1 / -1;border:1px solid var(--gold);background:rgba(184,134,43,.08);}

  /* ── Social cards ── */
  .socials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .soc{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:17px;text-align:center;}
  .soc .g{font-family:'Anton',sans-serif;font-size:34px;}
  .soc .g.f{color:var(--red);} .soc .g.d{color:#e09a3e;}
  .soc h4{font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 6px;}
  .soc p{font-size:13.5px;color:var(--muted);}

  /* ── Opportunity ── */
  .opp{background:linear-gradient(135deg,var(--navy-2),var(--navy-3));border:1px solid var(--gold);border-radius:6px;padding:24px 26px;}
  .opp h3{font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase;color:var(--gold-bright);margin-bottom:14px;}
  .opp p{font-size:16px;max-width:760px;}
  .opp p + p{margin-top:12px;}
  .opp .stat-row{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
  .opp .stat{flex:1;min-width:180px;background:rgba(13,27,47,.6);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:16px;text-align:center;}
  .opp .stat .n{font-family:'Anton',sans-serif;font-size:30px;color:var(--gold-bright);}
  .opp .stat .l{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:4px;}

  /* ── 90-day plan ── */
  .phases{display:flex;flex-direction:column;gap:16px;}
  .phase{display:grid;grid-template-columns:150px 1fr;gap:24px;background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:18px;}
  .phase .ph-l .days{font-family:'Anton',sans-serif;font-size:24px;color:var(--gold-bright);text-transform:uppercase;line-height:1.1;}
  .phase .ph-l .nm{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin-top:6px;}
  .phase ul{list-style:none;}
  .phase li{font-size:15px;padding:6px 0 6px 22px;position:relative;color:var(--ink);}
  .phase li::before{content:"";position:absolute;left:0;top:14px;width:10px;height:2px;background:var(--gold);}
  .phase li span{color:var(--muted);}
  .seq-note{margin-top:18px;font-size:14.5px;color:var(--muted);max-width:760px;}
  .seq-note b{color:var(--ink);font-weight:500;}

  /* ── Transparency ── */
  .promise{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .pr{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:16px;}
  .pr h4{font-weight:600;font-size:15px;margin-bottom:6px;}
  .pr p{font-size:14px;color:var(--muted);}
  .pledge{grid-column:1 / -1;background:rgba(184,134,43,.1);border:2px solid var(--gold);border-radius:6px;padding:21px;text-align:center;}
  .pledge .anton{font-size:22px;text-transform:uppercase;color:var(--gold-bright);}
  .pledge p{margin-top:10px;font-size:16px;max-width:640px;margin-left:auto;margin-right:auto;}

  /* ── Proof ── */
  .proof{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:30px;}
  .proof .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;}
  .proof .stat{text-align:center;background:var(--navy);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:18px 12px;}
  .proof .stat .n{font-family:'Anton',sans-serif;font-size:32px;color:var(--gold-bright);}
  .proof .stat .l{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:4px;}
  .proof p{font-size:15px;color:var(--muted);max-width:760px;}
  .proof p b{color:var(--ink);font-weight:500;}

  /* ── Close ── */
  .close-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch;}
  .offer{background:var(--navy-2);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:21px;}
  .offer .price{font-family:'Anton',sans-serif;font-size:46px;color:var(--gold-bright);line-height:1;}
  .offer .price small{font-size:18px;color:var(--muted);font-family:'Oswald',sans-serif;font-weight:300;}
  .offer ul{list-style:none;margin-top:18px;}
  .offer li{font-size:15px;padding:6px 0 6px 22px;position:relative;}
  .offer li::before{content:"";position:absolute;left:0;top:14px;width:10px;height:2px;background:var(--gold);}
  .roi{background:linear-gradient(160deg,rgba(184,134,43,.16),rgba(184,134,43,.05));border:1px solid var(--gold);border-radius:6px;padding:21px;display:flex;flex-direction:column;justify-content:center;}
  .roi .anton{font-size:20px;text-transform:uppercase;color:var(--gold-bright);margin-bottom:10px;}
  .roi p{font-size:15.5px;}
  .roi p + p{margin-top:10px;color:var(--muted);font-size:14px;}
  .cta{margin-top:24px;background:var(--gold);color:var(--navy);border-radius:6px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
  .cta .anton{font-size:22px;text-transform:uppercase;}
  .cta .contact{font-weight:500;font-size:15px;text-align:right;}

  footer{padding:34px 0 50px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;}
  footer .brand{font-family:'Anton',sans-serif;font-size:16px;color:var(--ink);}
  footer .brand span{color:var(--gold-bright);}

  @media (max-width:760px){
    .grades{grid-template-columns:repeat(3,1fr);}
    .grade:nth-child(3){border-right:none;}
    .grade{border-bottom:1px solid rgba(255,255,255,.06);}
    .verify,.means,.receipts,.socials,.promise,.proof .stats,.close-grid{grid-template-columns:1fr;}
    .phase{grid-template-columns:1fr;gap:10px;}
  }

  /* ── Mesko additions ── */
  .grade .g.a{color:var(--green);}
  .grade .g.b{color:#6fbf8f;}
  .grade .g.c{color:#d9c04a;}
  .soc .g.a{color:var(--green);} .soc .g.c{color:#d9c04a;}
  .headline-block{background:var(--navy-2);border:1px solid var(--red);border-radius:6px;padding:22px 22px;position:relative;overflow:hidden;}
  .headline-block::before{content:"SEO";position:absolute;top:-22px;right:-8px;font-family:'Anton',sans-serif;font-size:160px;color:rgba(214,69,69,.06);line-height:1;}
  .headline-block .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:14px;}
  .headline-block .tagline{font-family:ui-monospace,Menlo,monospace;font-size:clamp(13px,2vw,17px);background:#091322;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:16px 18px;color:#cfd8e4;overflow-x:auto;white-space:pre-wrap;line-height:1.7;}
  .headline-block .tagline b{color:var(--red);font-weight:600;}
  .headline-block .after{margin-top:22px;font-size:16px;color:var(--muted);max-width:700px;}
  .headline-block .after b{color:var(--ink);font-weight:500;}
  .quotebox{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;}
  .qc{background:var(--navy-2);border-left:3px solid var(--gold);border-radius:0 5px 5px 0;padding:20px 22px;}
  .qc .qt{font-size:15.5px;color:var(--ink);font-weight:300;line-height:1.55;}
  .qc .qa{margin-top:10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);}
  .flag{margin-top:22px;padding:12px 18px;background:rgba(224,154,62,.08);border:1px solid rgba(224,154,62,.4);border-radius:6px;font-size:14.5px;color:var(--muted);}
  .flag b{color:#e09a3e;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block;margin-bottom:4px;}
  .flag strong{color:#e09a3e;font-weight:600;}
  .doclinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
  .doclinks a{border:1px solid var(--line);border-radius:5px;padding:8px 14px;color:var(--ink);text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.1em;}
  .doclinks a:hover{border-color:var(--gold-bright);color:var(--gold-bright);}
