:root {
      --ink: #08264a;
      --navy: #0a3a72;
      --blue: #1e75d8;
      --sky: #d8e8ff;
      --silver: #b8bfcb;
      --line: #e4e9f1;
      --paper: #ffffff;
      --mist: #f5f8fc;
      --mint: #85f4d2;
      --muted: rgba(8,38,74,.66);
      --shadow: 0 24px 70px rgba(8, 38, 74, .15);
      --soft-shadow: 0 18px 55px rgba(8,38,74,.08);
      --radius: 30px;
      --theme-bg-1: rgba(30,117,216,.16);
      --theme-bg-2: rgba(184,191,203,.32);
      --theme-bg-3: #f6f9fd;
      --theme-orb-1: rgba(10,58,114,.12);
      --theme-orb-2: rgba(184,191,203,.2);
      --theme-orb-3: rgba(30,117,216,.12);
      --theme-orb-bottom-1: rgba(184,191,203,.26);
      --theme-orb-bottom-2: rgba(10,58,114,.10);
      --theme-button: linear-gradient(135deg, var(--navy), #0f59a7 62%, #788495);
      --theme-hero-button: linear-gradient(135deg, var(--ink), var(--blue));
      --theme-text-gradient: linear-gradient(130deg, var(--navy) 5%, #176bd3 44%, #9aa3b2 86%);
      --theme-dark-gradient: linear-gradient(135deg, #061b35, #0a3a72 58%, #607083);
      --theme-soft-surface: rgba(245,248,252,.88);
      --theme-focus: rgba(30,117,216,.16);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    :root:has(#theme-sunset:checked) {
      --ink: #351529;
      --navy: #8a2452;
      --blue: #f25a3c;
      --sky: #ffe2c8;
      --silver: #f2a45d;
      --line: #f4d8c4;
      --mist: #fff6ee;
      --mint: #ffd166;
      --muted: rgba(53,21,41,.68);
      --shadow: 0 24px 70px rgba(138,36,82,.18);
      --soft-shadow: 0 18px 55px rgba(138,36,82,.10);
      --theme-bg-1: rgba(242,90,60,.18);
      --theme-bg-2: rgba(255,209,102,.32);
      --theme-bg-3: #fff3e8;
      --theme-orb-1: rgba(138,36,82,.16);
      --theme-orb-2: rgba(242,164,93,.28);
      --theme-orb-3: rgba(242,90,60,.16);
      --theme-orb-bottom-1: rgba(255,209,102,.34);
      --theme-orb-bottom-2: rgba(138,36,82,.12);
      --theme-button: linear-gradient(135deg, #8a2452, #f25a3c 58%, #ffd166);
      --theme-hero-button: linear-gradient(135deg, #351529, #f25a3c);
      --theme-text-gradient: linear-gradient(130deg, #8a2452 8%, #f25a3c 48%, #f2a45d 90%);
      --theme-dark-gradient: linear-gradient(135deg, #351529, #8a2452 58%, #f25a3c);
      --theme-soft-surface: rgba(255,246,238,.9);
      --theme-focus: rgba(242,90,60,.18);
    }
    :root:has(#theme-lagoon:checked) {
      --ink: #07343d;
      --navy: #08727a;
      --blue: #00a7a5;
      --sky: #cef7ed;
      --silver: #7cc8c2;
      --line: #d3eee9;
      --mist: #f0fffb;
      --mint: #8ff3c9;
      --muted: rgba(7,52,61,.68);
      --shadow: 0 24px 70px rgba(8,114,122,.17);
      --soft-shadow: 0 18px 55px rgba(8,114,122,.09);
      --theme-bg-1: rgba(0,167,165,.18);
      --theme-bg-2: rgba(143,243,201,.32);
      --theme-bg-3: #eefcf8;
      --theme-orb-1: rgba(8,114,122,.14);
      --theme-orb-2: rgba(143,243,201,.28);
      --theme-orb-3: rgba(0,167,165,.16);
      --theme-orb-bottom-1: rgba(124,200,194,.32);
      --theme-orb-bottom-2: rgba(7,52,61,.10);
      --theme-button: linear-gradient(135deg, #07343d, #00a7a5 58%, #8ff3c9);
      --theme-hero-button: linear-gradient(135deg, #07343d, #00a7a5);
      --theme-text-gradient: linear-gradient(130deg, #08727a 8%, #00a7a5 48%, #5fd2b2 88%);
      --theme-dark-gradient: linear-gradient(135deg, #062a33, #08727a 58%, #00a7a5);
      --theme-soft-surface: rgba(240,255,251,.9);
      --theme-focus: rgba(0,167,165,.18);
    }
    :root:has(#theme-orchid:checked) {
      --ink: #24133f;
      --navy: #6741d9;
      --blue: #a855f7;
      --sky: #eadcff;
      --silver: #f0abfc;
      --line: #eadcf8;
      --mist: #fbf7ff;
      --mint: #f5d0fe;
      --muted: rgba(36,19,63,.68);
      --shadow: 0 24px 70px rgba(103,65,217,.17);
      --soft-shadow: 0 18px 55px rgba(103,65,217,.09);
      --theme-bg-1: rgba(168,85,247,.17);
      --theme-bg-2: rgba(240,171,252,.28);
      --theme-bg-3: #fbf7ff;
      --theme-orb-1: rgba(103,65,217,.15);
      --theme-orb-2: rgba(240,171,252,.25);
      --theme-orb-3: rgba(168,85,247,.16);
      --theme-orb-bottom-1: rgba(234,220,255,.44);
      --theme-orb-bottom-2: rgba(36,19,63,.10);
      --theme-button: linear-gradient(135deg, #24133f, #6741d9 52%, #d946ef);
      --theme-hero-button: linear-gradient(135deg, #24133f, #a855f7);
      --theme-text-gradient: linear-gradient(130deg, #6741d9 8%, #a855f7 48%, #f0abfc 90%);
      --theme-dark-gradient: linear-gradient(135deg, #24133f, #6741d9 58%, #d946ef);
      --theme-soft-surface: rgba(251,247,255,.9);
      --theme-focus: rgba(168,85,247,.18);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; overflow-x: hidden; }
    body {
      margin: 0;
      width: 100%;
      color: var(--ink);
      line-height: 1.58;
      background:
        radial-gradient(circle at 16% 4%, var(--theme-bg-1), transparent 28rem),
        radial-gradient(circle at 92% 2%, var(--theme-bg-2), transparent 26rem),
        linear-gradient(180deg, #ffffff 0%, var(--theme-bg-3) 48%, #ffffff 100%);
      min-height: 100vh;
      overflow-x: clip;
    }
    body::before,
    body::after {
      content: "";
      position: fixed;
      pointer-events: none;
      z-index: -1;
      border-radius: 999px;
      filter: blur(2px);
    }
    body::before {
      width: 42rem;
      height: 42rem;
      right: -18rem;
      top: 18rem;
      background: conic-gradient(from 140deg, var(--theme-orb-1), var(--theme-orb-2), var(--theme-orb-3), rgba(255,255,255,0));
      opacity: .8;
    }
    body::after {
      width: 32rem;
      height: 32rem;
      left: -16rem;
      bottom: 8rem;
      background: conic-gradient(from 320deg, var(--theme-orb-bottom-1), var(--theme-orb-bottom-2), rgba(255,255,255,0));
    }
    a { color: var(--navy); }
    .wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
    .topnav, nav {
      position: sticky;
      top: 16px;
      z-index: 20;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin: 16px 0 0;
      background: rgba(255,255,255,.78);
      border: 1px solid rgba(184,191,203,.42);
      border-radius: 999px;
      box-shadow: 0 14px 34px rgba(8,38,74,.08);
      padding: 10px 12px 10px 14px;
      backdrop-filter: blur(20px);
    }
    .brand, .nav-brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; font-weight:900; letter-spacing:-.04em; }
    .brand::after, .nav-brand::after { content:"Small Site Studio"; font-size:1.04rem; color:var(--ink); }
    .logo-img { width:46px; height:46px; border-radius:50%; object-fit:cover; display:block; transform:scale(1.12); box-shadow: inset 0 0 0 1px rgba(184,191,203,.42), 0 8px 20px rgba(8,38,74,.09); background:#fff; }
    .navlinks, .nav-links { display:flex; align-items:center; gap:22px; color:rgba(8,38,74,.70); font-size:.95rem; font-weight:800; flex-wrap:wrap; justify-content:flex-end; }
    .navlinks a, .nav-links a { color:rgba(8,38,74,.72); text-decoration:none; }
    .navlinks a.primary, .nav-links .button.primary, .button.primary, .cta .button, .final-cta .button.primary {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:13px 18px;
      border-radius:999px;
      color:white;
      background:var(--theme-button);
      box-shadow:0 14px 30px rgba(10,58,114,.22);
      border:0;
      text-decoration:none;
      font-weight:900;
    }
    .button, button {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      border-radius:999px;
      padding:14px 20px;
      font-weight:900;
      font-size:1rem;
      border:1px solid rgba(184,191,203,.58);
      background:rgba(255,255,255,.86);
      color:var(--ink);
      text-decoration:none;
      box-shadow:0 12px 28px rgba(8,38,74,.08);
      cursor:pointer;
    }
    .theme-picker {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:0;
      padding:8px;
      width:max-content;
      max-width:100%;
      border:1px solid rgba(184,191,203,.45);
      border-radius:999px;
      background:rgba(255,255,255,.72);
      box-shadow:0 16px 36px rgba(8,38,74,.08);
      backdrop-filter:blur(18px);
    }
    .theme-picker input {
      position:fixed;
      left:-100vw;
      opacity:0;
      inline-size:1px;
      block-size:1px;
    }
    .theme-picker label {
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:8px;
      min-height:38px;
      margin:0;
      padding:8px 13px 8px 10px;
      border-radius:999px;
      color:var(--ink);
      font-size:.82rem;
      font-weight:950;
      line-height:1;
      cursor:pointer;
      border:1px solid transparent;
      transition:transform .18s ease, background .18s ease, border-color .18s ease;
    }
    .theme-picker label:hover { transform:translateY(-1px); background:rgba(255,255,255,.72); }
    .theme-picker label::before {
      content:"";
      width:18px;
      height:18px;
      border-radius:50%;
      background:var(--swatch);
      box-shadow:inset 0 0 0 2px rgba(255,255,255,.75), 0 3px 10px rgba(8,38,74,.12);
    }
    .theme-picker input:checked + label {
      background:#fff;
      border-color:rgba(184,191,203,.62);
      box-shadow:0 10px 22px rgba(8,38,74,.08);
    }
    .theme-picker input:focus-visible + label { outline:3px solid var(--theme-focus); outline-offset:2px; }
    .theme-picker label[for="theme-classic"] { --swatch:linear-gradient(135deg,#0a3a72,#1e75d8,#b8bfcb); }
    .theme-picker label[for="theme-sunset"] { --swatch:linear-gradient(135deg,#8a2452,#f25a3c,#ffd166); }
    .theme-picker label[for="theme-lagoon"] { --swatch:linear-gradient(135deg,#07343d,#00a7a5,#8ff3c9); }
    .theme-picker label[for="theme-orchid"] { --swatch:linear-gradient(135deg,#24133f,#a855f7,#f0abfc); }
    .footer-topline {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:24px;
      flex-wrap:wrap;
    }
    .footer-topline p { max-width:760px; }
    .footer-theme {
      display:grid;
      gap:8px;
      justify-items:end;
    }
    .theme-label {
      color:var(--muted);
      font-size:.76rem;
      font-weight:950;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    header.wrap { position:relative; padding:0 0 62px; min-height:auto; overflow:visible; }
    header.wrap::before, header.wrap::after { content:none; }
    .hero-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:56px; align-items:center; width:100%; padding-top:28px; }
    .badge, .eyebrow {
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:20px;
      color:var(--navy);
      font-size:.82rem;
      font-weight:900;
      letter-spacing:.15em;
      text-transform:uppercase;
    }
    .badge::before, .eyebrow::before { content:""; width:32px; height:2px; background:linear-gradient(90deg, var(--navy), var(--silver)); border-radius:999px; }
    h1 { margin:0; max-width:11ch; font-size:clamp(4rem, 8.2vw, 7.8rem); line-height:1.04; letter-spacing:-.025em; font-weight:800; color:var(--ink); text-wrap:balance; }
    h1 .headline-line { display:inline-block; white-space:nowrap; padding-bottom:.06em; }
    h1 .gradient-word, .gradient-word { color:transparent; background:var(--theme-text-gradient); -webkit-background-clip:text; background-clip:text; }
    .lede { max-width:640px; margin:26px 0 0; color:rgba(8,38,74,.72); font-size:clamp(1.14rem, 1.8vw, 1.36rem); line-height:1.62; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; align-items:center; }
    .hero-actions .button:first-child { color:#fff; background:var(--theme-hero-button); box-shadow:0 20px 44px rgba(10,58,114,.26); border:0; }
    .proof-row { display:flex; flex-wrap:wrap; gap:22px; margin-top:38px; color:rgba(8,38,74,.62); font-weight:800; }
    .proof-row span { display:inline-flex; align-items:center; gap:8px; }
    .proof-row span::before { content:""; width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 6px rgba(30,117,216,.1); }
    .hero-card {
      position:relative;
      min-height:620px;
      display:grid;
      place-items:center;
      margin:0;
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
      transform:none;
    }
    .hero-card::before {
      content:"";
      position:absolute;
      width:88%;
      aspect-ratio:1;
      border-radius:50%;
      background:radial-gradient(circle at 40% 36%, rgba(255,255,255,.96), rgba(216,232,255,.65) 45%, rgba(184,191,203,.30) 74%, transparent 75%);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.85), 0 50px 130px rgba(8,38,74,.13);
    }
    .hero-card::after {
      content:"";
      position:absolute;
      width:74%;
      aspect-ratio:1;
      border-radius:50%;
      border:1px solid rgba(10,58,114,.12);
      transform:rotate(-35deg) scaleX(.72);
    }
    .audit-visual {
      position:relative;
      z-index:2;
      width:min(430px,84vw);
      min-height:430px;
      display:grid;
      place-items:center;
    }
    .audit-window {
      width:100%;
      border-radius:30px;
      overflow:hidden;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(184,191,203,.58);
      box-shadow:0 34px 84px rgba(8,38,74,.18), inset 0 0 0 1px rgba(255,255,255,.82);
      transform:rotate(-2deg);
    }
    .audit-bar {
      display:flex;
      gap:8px;
      padding:18px 22px;
      background:var(--theme-hero-button);
    }
    .audit-bar span { width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,.72); }
    .audit-body {
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:18px;
      padding:26px;
      align-items:center;
    }
    .audit-score {
      aspect-ratio:1;
      border-radius:50%;
      display:grid;
      place-items:center;
      align-content:center;
      background:radial-gradient(circle, rgba(255,255,255,.96) 54%, rgba(216,232,255,.9) 55%, rgba(30,117,216,.16) 72%, transparent 73%);
      box-shadow:inset 0 0 0 1px rgba(30,117,216,.16);
    }
    .audit-score strong { font-size:clamp(3.6rem,7vw,5.2rem); line-height:.9; letter-spacing:-.05em; color:var(--blue); }
    .audit-score span { max-width:8ch; color:rgba(8,38,74,.62); font-weight:900; font-size:.78rem; line-height:1.1; text-align:center; }
    .audit-list {
      display:grid;
      gap:12px;
    }
    .audit-list span {
      height:18px;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(10,58,114,.92) 0 52%, rgba(216,232,255,.92) 52% 100%);
    }
    .audit-list span:nth-child(2) { background:linear-gradient(90deg, rgba(30,117,216,.88) 0 70%, rgba(216,232,255,.92) 70% 100%); }
    .audit-list span:nth-child(3) { background:linear-gradient(90deg, rgba(184,191,203,.92) 0 44%, rgba(216,232,255,.92) 44% 100%); }
    .audit-list span:nth-child(4) { background:linear-gradient(90deg, rgba(10,58,114,.76) 0 62%, rgba(216,232,255,.92) 62% 100%); }
    .audit-flow {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      padding:0 26px 26px;
    }
    .audit-flow span {
      min-height:62px;
      display:grid;
      place-items:center;
      border-radius:18px;
      color:#fff;
      font-weight:950;
      background:linear-gradient(135deg, var(--ink), var(--blue));
      box-shadow:0 14px 28px rgba(8,38,74,.12);
    }
    .audit-flow span:nth-child(2) { background:linear-gradient(135deg, #174c87, #6f7f94); }
    .audit-flow span:nth-child(3) { background:linear-gradient(135deg, #1e75d8, #8aa1bf); }
    .audit-lift {
      position:absolute;
      right:-22px;
      bottom:36px;
      z-index:3;
      width:178px;
      padding:16px;
      border-radius:24px;
      background:rgba(255,255,255,.88);
      border:1px solid rgba(184,191,203,.48);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
    }
    .audit-lift span { display:block; color:rgba(8,38,74,.62); font-size:.82rem; font-weight:900; line-height:1.2; }
    .audit-lift strong { display:block; margin-top:4px; color:var(--blue); font-size:2.3rem; line-height:1; letter-spacing:-.055em; }
    .mini-stat {
      position:absolute;
      z-index:3;
      right:0;
      top:90px;
      width:210px;
      padding:18px;
      border-radius:24px;
      background:rgba(255,255,255,.82);
      border:1px solid rgba(184,191,203,.45);
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px);
      display:grid;
      gap:10px;
      color:var(--ink);
    }
    .mini-stat div { padding:0; }
    .mini-stat strong { display:block; font-size:1.55rem; line-height:1; color:var(--ink); letter-spacing:-.04em; }
    .mini-stat span { display:block; color:rgba(8,38,74,.62); font-size:.86rem; font-weight:750; line-height:1.35; }
    main.wrap { padding-top:0; }
    section { scroll-margin-top:170px; }
    .grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; padding:0 0 74px; }
    .card, .toc, .section, .toolbox, .resource-card, .offer-panel, .about, .faq article, .cta, .final-cta, .disclosure {
      background:rgba(255,255,255,.78);
      border:1px solid rgba(184,191,203,.5);
      border-radius:var(--radius);
      box-shadow:var(--soft-shadow);
    }
    .card { overflow:hidden; }
    .card:nth-child(2), .resource-card, .toc, .offer-panel:nth-child(2), .faq article:nth-child(4n+3), .faq article:nth-child(4n+4) { background:var(--theme-soft-surface); }
    .card h2, .offer-panel h2, .about h2, .faq h2, .section h2, .toolbox h2, .cta h2, .final-cta h2, .toc h2 { margin:0 0 10px; color:var(--ink); letter-spacing:-.06em; line-height:.98; }
    .card h2, .offer-panel h2, .about h2, .section h2, .toolbox h2, .cta h2, .final-cta h2 { font-size:clamp(1.85rem,3.2vw,3.3rem); }
    .faq h2 { font-size:clamp(2.1rem,4.5vw,4rem); }
    .card p, .offer-panel p, .about p, .faq p, .section p, .toolbox p, .cta p, .final-cta p, .disclosure { color:var(--muted); }
    .inner { padding:30px; }
    label { display:block; font-weight:900; margin:16px 0 7px; color:var(--ink); }
    .hint { color:var(--muted); font-size:13px; margin-top:4px; }
    input, select {
      width:100%;
      padding:14px 15px;
      border-radius:18px;
      border:2px solid rgba(8,38,74,.12);
      background:#fff;
      color:var(--ink);
      font-size:16px;
      outline:none;
    }
    input:focus, select:focus { border-color:var(--blue); box-shadow:0 0 0 4px var(--theme-focus); }
    .row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .results { display:grid; gap:13px; margin-top:18px; }
    .metric { padding:18px; background:#fff; border:1px solid rgba(184,191,203,.45); border-radius:24px; box-shadow:0 10px 28px rgba(8,38,74,.07); }
    .metric strong { display:block; font-size:clamp(30px,4.2vw,50px); line-height:1; letter-spacing:-.065em; color:var(--ink); }
    .metric span { color:var(--muted); font-size:14px; font-weight:850; }
    .positive strong { color:var(--blue); }
    .warn strong { color:#7b6075; }
    .tabs { display:flex; gap:8px; flex-wrap:wrap; padding:0 28px 20px; border-bottom:1px solid rgba(184,191,203,.48); }
    button.active { color:#fff; background:linear-gradient(135deg, var(--ink), var(--blue)); border-color:transparent; }
    .audit { padding:8px 28px 28px; }
    .check { display:grid; grid-template-columns:32px 1fr; gap:12px; padding:16px 0; border-bottom:1px solid rgba(184,191,203,.40); }
    .check:last-child { border-bottom:0; }
    .box { width:24px; height:24px; border-radius:50%; border:0; margin-top:2px; background:linear-gradient(135deg, var(--blue), var(--silver)); box-shadow:inset 0 0 0 6px rgba(255,255,255,.70); }
    .check h3 { margin:0 0 4px; font-size:17px; color:var(--ink); }
    .check p { margin:0; color:var(--muted); font-size:14px; }
    .cta, .final-cta {
      margin:34px 0 40px;
      padding:clamp(30px,5vw,48px);
      display:grid;
      grid-template-columns:1fr auto;
      gap:28px;
      align-items:center;
      color:#fff;
      background:radial-gradient(circle at 84% 10%, rgba(255,255,255,.22), transparent 20rem), var(--theme-dark-gradient);
      border:0;
      border-radius:44px;
      box-shadow:0 28px 80px rgba(8,38,74,.22);
      overflow:hidden;
      position:relative;
    }
    .cta::before, .final-cta::before { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:-240px; top:-210px; }
    .cta > *, .final-cta > * { position:relative; }
    .cta h2, .cta p, .final-cta h2, .final-cta p { color:#fff; }
    .cta .button, .final-cta .button { background:#fff; color:var(--ink); border-color:#fff; white-space:nowrap; box-shadow:none; }
    .offer-detail { margin:0 0 78px; display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
    .cta + .offer-detail { margin-top:0; }
    .offer-panel { padding:30px; }
    .deliverables { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:11px; }
    .deliverables li { padding:13px 15px; border:1px solid rgba(184,191,203,.45); border-radius:20px; background:#fff; font-weight:800; }
    .steps { counter-reset:step; display:grid; gap:12px; margin-top:18px; }
    .step { display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:start; padding:15px; border:1px solid rgba(184,191,203,.45); border-radius:22px; background:#fff; }
    .step::before { counter-increment:step; content:counter(step); width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,var(--ink),var(--blue)); color:#fff; display:grid; place-items:center; font-weight:950; }
    .step strong { display:block; margin-bottom:2px; color:var(--ink); }
    .step span { color:var(--muted); font-size:14px; }
    .resource-grid { display:grid; gap:18px; margin:0 0 78px; }
    .resource-card { padding:28px; }
    .resource-card h3 { margin:0 0 8px; font-size:26px; color:var(--ink); letter-spacing:-.05em; }
    .resource-card p { margin:0 0 14px; color:var(--muted); }
    .resource-card a { font-weight:950; }
    .about { margin:0 0 78px; padding:32px; background:#fff; }
    .faq { margin:0 0 78px; }
    .faq h2 { margin:0 0 18px; }
    .faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
    .faq article { padding:24px; }
    .faq h3 { margin:0 0 8px; color:var(--ink); font-size:22px; letter-spacing:-.035em; }
    footer.wrap { color:var(--muted); font-size:13px; padding:0 0 44px; }
    .toc { padding:26px; margin-bottom:28px; }
    .toc-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:11px 18px; margin-top:16px; }
    .toc-links a { color:var(--ink); text-decoration:none; border-bottom:2px dashed rgba(8,38,74,.22); padding-bottom:4px; font-weight:900; }
    .content-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr); gap:24px; align-items:start; }
    .sections { display:grid; gap:20px; }
    .sections .cta { margin:14px 0 6px; }
    .section { padding:28px; background:#fff; }
    .section:nth-child(even) { background:#f8fbff; }
    .section h2 { font-size:32px; }
    .section ul { margin:0; padding-left:20px; }
    .section li { margin:0 0 12px; }
    .section li strong { color:var(--ink); }
    .toolbox { padding:26px; position:sticky; top:96px; background:var(--theme-dark-gradient); color:#fff; border:0; }
    .toolbox h2, .toolbox p { color:#fff; }
    .tool-card { padding:16px; border:1px solid rgba(255,255,255,.18); border-radius:22px; background:rgba(255,255,255,.10); margin-top:13px; }
    .tool-card h3 { margin:0 0 6px; font-size:17px; color:#fff; }
    .tool-card p { margin:0 0 8px; color:rgba(255,255,255,.72); font-size:14px; }
    .tool-card a { color:#fff; font-weight:850; }
    .disclosure { margin-top:22px; padding:17px 19px; background:rgba(255,255,255,.94); color:var(--ink); }
    .disclosure strong { color:var(--ink) !important; }
    .checklist-header { display:block; padding:0 0 48px !important; min-height:auto !important; }
    .checklist-header .topnav, .checklist-header nav { margin-bottom:54px; }
    .checklist-header h1 { max-width:920px; }
    .checklist-header .lede { max-width:760px; }
    @media (max-width:920px) {
      .topnav, nav { position:relative; top:auto; display:block; border-radius:28px; }
      .navlinks, .nav-links { justify-content:flex-start; margin-top:16px; gap:10px; }
      header.wrap, .checklist-header { padding-top:36px !important; }
      .checklist-header .topnav, .checklist-header nav { margin-bottom:28px; }
      .hero-grid, .grid, .row, .resource-grid, .offer-detail, .faq-grid, .content-grid, .cta, .final-cta { grid-template-columns:1fr; }
      .hero-grid { padding-top:20px; }
      .hero-card { min-height:500px; }
      .audit-visual { width:min(360px,86vw); min-height:360px; }
      .audit-body { grid-template-columns:1fr; }
      .audit-lift { right:2px; bottom:8px; }
      .mini-stat { right:2px; top:24px; width:180px; }
      .toolbox { position:static; }
      .cta .button, .final-cta .button { width:max-content; max-width:100%; }
    }
    @media (max-width:760px) {
      .wrap { width:min(100% - 28px,1180px); }
      .footer-topline, .footer-theme { display:grid; justify-items:start; }
      .theme-picker { width:100%; border-radius:26px; }
      .theme-picker label { flex:1 1 calc(50% - 8px); justify-content:center; }
      .navlinks a, .nav-links a, .button { width:100%; }
      .brand::after, .nav-brand::after { font-size:1rem; }
      h1 { max-width:100%; font-size:clamp(3rem,13.3vw,5.4rem); line-height:1.04; }
      .checklist-header h1 { font-size:clamp(2.15rem,10.5vw,5.4rem); }
      .hero-card { min-height:430px; }
      .audit-flow { grid-template-columns:1fr; }
      .audit-lift { display:none; }
      .mini-stat { display:none; }
      .proof-row { gap:14px; }
    }

.toc-title { margin:0; font-size:24px; }
.disclosure .disclosure-label { color:var(--ink) !important; }
.toolbox-intro { margin:0; color:var(--muted); }