/* ===========================================================================
   ApexTech — Midnight Atlas design system
   Part 1: canonical skin (VERBATIM from variants/apex-atlas.html <style>)
   Part 2: reusable content / legal-page design system (same visual language)
   Used by EVERY page. Do not fork per page.
   =========================================================================== */

/* ============================================================
   PART 1 — CANONICAL ATLAS SKIN (verbatim)
   ============================================================ */
  :root{
    --page:#07090A;
    --page2:#0A0D0F;
    --surface:#0E1316;
    --surface2:#11181B;
    --ink:#EEF2F0;
    --muted:#8C9A95;
    --muted2:#5E6B66;
    --hair:rgba(255,255,255,.09);
    --hair-strong:rgba(255,255,255,.14);
    --accent:#1FBE74;
    --accent-deep:#16B364;
    --accent-soft:rgba(31,190,116,.12);
    --accent-glow:rgba(31,190,116,.45);
    --amber:#F0A93B;
    --red:#E5616A;
    --radius:14px;
    --radius-sm:10px;
    --maxw:1240px;
    --ease:cubic-bezier(.22,.61,.36,1);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;background-color:#07090A}
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
  body{
    margin:0;
    background:#07090A;
    color:var(--ink);
    font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    letter-spacing:-.01em;
    font-feature-settings:"cv01" 1,"ss03" 1;
  }
  body::before{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(1200px 700px at 78% -8%, rgba(31,190,116,.10), transparent 60%),
      radial-gradient(900px 600px at 6% 4%, rgba(31,190,116,.05), transparent 55%);
  }
  /* Solid dark base on the main content box: defeats the body-background
     propagation quirk where tall pages can rasterize a white band below the
     fold on some browsers. The hero/section glows still render over this. */
  main{background:var(--page);position:relative;display:flow-root}
  main::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(1100px 640px at 82% -6%, rgba(31,190,116,.09), transparent 58%),
      radial-gradient(820px 540px at 4% 2%, rgba(31,190,116,.045), transparent 55%);
  }
  .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
  .hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
  .mono{font-family:"Geist Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:0}
  h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.08}
  p{margin:0}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer}
  ::selection{background:rgba(31,190,116,.28);color:#fff}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  @media (max-width:640px){ .wrap{padding:0 18px} }

  /* focus ring — custom, high-contrast, on every focusable element */
  a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
  [tabindex]:focus-visible,summary:focus-visible{
    outline:none;
    box-shadow:0 0 0 2px var(--page), 0 0 0 4px var(--accent);
    border-radius:8px;
  }
  input,select{font-family:inherit}

  .eyebrow{
    font-family:"Geist Mono","JetBrains Mono",ui-monospace,monospace;
    font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--muted);font-weight:500;
  }
  .accent{color:var(--accent)}
  .glow{text-shadow:0 0 22px var(--accent-glow)}

  /* ============ NAV ============ */
  nav.topnav{
    position:sticky;top:0;z-index:50;
    background:rgba(7,9,10,.72);
    backdrop-filter:saturate(140%) blur(14px);
    -webkit-backdrop-filter:saturate(140%) blur(14px);
    border-bottom:1px solid var(--hair);
  }
  .nav-in{display:flex;align-items:center;gap:30px;height:64px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;letter-spacing:-.03em}
  .brand .mark{
    width:24px;height:24px;border-radius:7px;
    background:linear-gradient(150deg,var(--accent),var(--accent-deep));
    display:grid;place-items:center;color:#04140C;font-weight:700;font-size:14px;
    box-shadow:0 0 16px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.3);
  }
  .brand .t2{color:var(--muted)}
  .nav-links{display:flex;gap:6px;margin-left:8px}
  .nav-links a{
    color:var(--muted);font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:8px;
    transition:color .16s var(--ease),background .16s var(--ease);
  }
  .nav-links a:hover{color:var(--ink);background:rgba(255,255,255,.04)}
  .nav-spacer{margin-left:auto}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-weight:600;font-size:14.5px;border-radius:10px;border:1px solid transparent;
    padding:10px 18px;transition:transform .14s var(--ease),box-shadow .16s var(--ease),
      background .16s var(--ease),border-color .16s var(--ease),color .16s var(--ease);
  }
  .btn-primary{
    background:linear-gradient(180deg,#22c97d,var(--accent-deep));
    color:#04140C;
    box-shadow:0 0 0 1px rgba(31,190,116,.4), 0 8px 26px -10px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.25);
  }
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(31,190,116,.6), 0 12px 34px -10px var(--accent-glow), inset 0 1px 0 rgba(255,255,255,.3)}
  .btn-primary:active{transform:translateY(0)}
  .btn-ghost{background:rgba(255,255,255,.03);color:var(--ink);border-color:var(--hair-strong)}
  .btn-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24)}
  .btn-ghost:active{background:rgba(255,255,255,.04)}
  .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
  .btn.is-loading{color:transparent;position:relative;pointer-events:none}
  .btn.is-loading::after{
    content:"";position:absolute;width:15px;height:15px;border-radius:50%;
    border:2px solid rgba(4,20,12,.35);border-top-color:#04140C;
    animation:spin .6s linear infinite;
  }
  .btn-ghost.is-loading::after{border-color:rgba(238,242,240,.3);border-top-color:var(--ink)}
  @keyframes spin{to{transform:rotate(360deg)}}
  .nav-toggle{display:none}

  /* ============ HERO ============ */
  header.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
  .hero-grid-bg{
    position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:
      linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 35%,transparent 78%);
    mask-image:radial-gradient(120% 80% at 50% 0%,#000 35%,transparent 78%);
  }
  /* network spans full top fold, behind the text */
  .net-stage{
    position:absolute;inset:0;z-index:0;
  }
  .net-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .net-vignette{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    /* readability scrim sits over the LEFT text column only, so the atlas
       breathes across the full top fold instead of being confined right */
    background:
      radial-gradient(58% 70% at 22% 46%, rgba(7,9,10,.82), rgba(7,9,10,.30) 58%, transparent 76%),
      linear-gradient(180deg, rgba(7,9,10,.30) 0%, rgba(7,9,10,0) 24%, rgba(7,9,10,.42) 74%, var(--page) 100%);
  }
  .hero-in{position:relative;z-index:2;padding:96px 0 104px;min-height:660px}
  .hero-content{max-width:660px}
  .hero-pill{
    display:inline-flex;align-items:center;gap:9px;
    background:rgba(31,190,116,.08);border:1px solid rgba(31,190,116,.24);
    color:#bdf0d4;border-radius:999px;padding:6px 13px 6px 11px;
    font-size:12.5px;font-weight:500;margin-bottom:26px;
  }
  .dot-live{
    width:7px;height:7px;border-radius:50%;background:var(--accent);
    box-shadow:0 0 0 0 var(--accent-glow);animation:livepulse 2.6s ease-out infinite;
  }
  @keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(31,190,116,.5)}70%{box-shadow:0 0 0 7px rgba(31,190,116,0)}100%{box-shadow:0 0 0 0 rgba(31,190,116,0)}}
  @media (prefers-reduced-motion: reduce){ .dot-live{animation:none} }
  h1.hero-h1{
    font-size:clamp(38px,5.3vw,70px);line-height:1.05;letter-spacing:-.038em;font-weight:700;
    margin-bottom:24px;
  }
  h1.hero-h1 .accent{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;letter-spacing:0;text-shadow:0 0 30px var(--accent-glow)}
  /* keep "hidden, metrics open." as one wrapping unit so the green phrase never orphans a lone "open." */
  h1.hero-h1 .nb{white-space:nowrap}
  @media (max-width:480px){ h1.hero-h1 .nb{white-space:normal} }
  .hero-sub{font-size:clamp(16.5px,1.5vw,19px);color:var(--muted);max-width:580px;margin-bottom:34px;line-height:1.62}
  .hero-sub b{color:#cfe3da;font-weight:600}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .btn-lg{padding:14px 26px;font-size:15.5px;border-radius:12px}
  .hero-trust{
    margin-top:38px;display:inline-flex;align-items:center;gap:12px;
    font-size:13px;color:var(--muted);
    border:1px solid var(--hair);background:rgba(14,19,22,.5);
    padding:9px 15px;border-radius:10px;
  }
  .hero-trust .bar{width:1px;height:14px;background:var(--hair-strong)}
  .hero-trust b{color:var(--accent);font-weight:600}

  /* ============ section scaffolding ============ */
  section{position:relative}
  .sec{padding:104px 0}
  .sec-tight{padding:80px 0}
  .sec-head{max-width:680px;margin-bottom:52px}
  .sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
  .sec-num{display:inline-block;margin-bottom:16px}
  h2.sec-title{font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:16px}
  .sec-lead{font-size:17px;color:var(--muted);line-height:1.6}
  .hair-top{border-top:1px solid var(--hair)}

  /* ============ TEASER STRIP ============ */
  .teaser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap}
  .teaser-row{
    display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  }
  .seeall{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-weight:600;font-size:14.5px;white-space:nowrap}
  .seeall:hover{text-decoration:underline;text-underline-offset:3px}

  /* ============ LISTING CARD ============ */
  .card{
    background:linear-gradient(180deg,var(--surface),#0C1114);
    border:1px solid var(--hair);border-radius:var(--radius);
    padding:18px;position:relative;overflow:hidden;
    transition:border-color .16s var(--ease),transform .16s var(--ease),box-shadow .16s var(--ease);
    display:flex;flex-direction:column;
  }
  .card:hover{
    border-color:var(--hair-strong);transform:translateY(-2px);
    box-shadow:0 18px 44px -22px rgba(0,0,0,.8), 0 0 0 1px rgba(31,190,116,.08);
  }
  .card::before{
    content:"";position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  }
  /* ── card hierarchy v2 (price-first redesign 2026-06-14) ── */
  .card-top{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-bottom:10px}
  .card-id{margin-bottom:15px}
  .card-mask{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:4px}
  .card-mask .mono{font-size:15px}
  .card-desc{font-size:13px;color:var(--muted);line-height:1.4;margin:0;
    display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .card-traffic{display:flex;align-items:baseline;gap:8px;margin-bottom:13px}
  .traffic-val{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1;color:#cfe3da;
    font-variant-numeric:tabular-nums lining-nums}
  .traffic-unit{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2)}
  .spark-wrap{margin-left:auto;align-self:center;opacity:.42;display:flex}
  .spark{display:block}
  .meta-strip{font-size:12px;color:var(--muted);line-height:1.5;font-variant-numeric:tabular-nums;margin-bottom:2px}
  .meta-strip span:not(:last-child)::after{content:" · ";color:var(--muted2)}
  .tag{
    display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;
    padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.05);
    border:1px solid var(--hair);color:#cdd9d3;
  }
  /* DR caveat tooltip */
  .caveat{position:relative;display:inline-flex;align-items:center}
  .caveat .ci{
    width:14px;height:14px;border-radius:50%;border:1px solid var(--muted2);
    color:var(--muted);font-size:9px;display:grid;place-items:center;cursor:help;font-weight:600;
    font-family:"Inter",sans-serif;line-height:1;
  }
  .caveat .tip{
    position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);
    width:212px;background:#0B1013;border:1px solid var(--hair-strong);border-radius:10px;
    padding:11px 13px;font-size:12px;line-height:1.5;color:#cdd9d3;font-weight:400;
    box-shadow:0 14px 40px -12px rgba(0,0,0,.9);
    opacity:0;visibility:hidden;transition:opacity .14s var(--ease),visibility .14s var(--ease);
    z-index:30;text-transform:none;letter-spacing:normal;pointer-events:none;
  }
  .caveat .tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
    border:6px solid transparent;border-top-color:#0B1013}
  .caveat:hover .tip,.caveat:focus-within .tip{opacity:1;visibility:visible}
  .caveat .ci:focus-visible{outline:none;box-shadow:0 0 0 2px var(--page),0 0 0 4px var(--accent)}

  /* verified chip + expander */
  .vchip{
    display:inline-flex;align-items:center;gap:6px;
    background:rgba(31,190,116,.05);border:1px solid rgba(31,190,116,.16);
    color:var(--accent);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;
    font-variant-numeric:tabular-nums;transition:background .15s var(--ease),box-shadow .15s var(--ease);
  }
  .vchip:hover{background:rgba(31,190,116,.16);box-shadow:0 0 0 1px rgba(31,190,116,.4),0 0 18px -4px var(--accent-glow)}
  .vchip .chk{font-size:11px}
  .vchip svg{transition:transform .18s var(--ease)}
  .vchip[aria-expanded="true"] svg{transform:rotate(180deg)}
  .vet{
    margin-top:12px;border:1px solid rgba(31,190,116,.18);background:rgba(31,190,116,.04);
    border-radius:10px;padding:13px 14px;
  }
  .vet h5{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px;font-weight:600}
  .vet ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
  .vet li{font-size:12.5px;color:#cdd9d3;display:flex;gap:9px;align-items:flex-start;line-height:1.4}
  .vet li .tk{color:var(--accent);flex-shrink:0;margin-top:1px}
  .vet-foot{margin:11px 0 0;font-size:11.5px;color:var(--muted2);font-variant-numeric:tabular-nums}

  .card-commerce{margin-top:auto;padding-top:17px;border-top:1px solid var(--hair)}
  .price{display:flex;align-items:baseline;gap:2px;line-height:1;font-variant-numeric:tabular-nums lining-nums}
  .price .from{font-size:12px;color:var(--muted2);margin-right:2px}
  .price .cur{font-size:18px;font-weight:600;color:#8b938f}
  .price b{font-size:32px;line-height:1;font-weight:700;color:#F2F4F7;letter-spacing:-.02em}
  .added{font-size:11.5px;color:var(--muted2);font-variant-numeric:tabular-nums}
  .card-cta-row{margin-top:12px}
  .btn-unlock{
    width:100%;background:rgba(255,255,255,.04);border:1px solid var(--hair-strong);
    color:var(--ink);padding:11px;border-radius:10px;font-weight:600;font-size:13.5px;
    display:flex;align-items:center;justify-content:center;gap:8px;
    transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);
  }
  .btn-unlock:hover{background:rgba(31,190,116,.10);border-color:rgba(31,190,116,.4);color:#d7f3e4}
  .btn-unlock:active{background:rgba(31,190,116,.06)}
  /* inline unlock form */
  .unlock{margin-top:13px;border-top:1px solid var(--hair);padding-top:14px}
  .unlock-lbl{font-size:12.5px;color:var(--muted);margin-bottom:10px;line-height:1.5}
  .unlock-row{display:flex;gap:8px}
  .unlock input{
    flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid var(--hair-strong);
    color:var(--ink);border-radius:9px;padding:10px 12px;font-size:13.5px;
    transition:border-color .15s var(--ease),background .15s var(--ease);
  }
  .unlock input::placeholder{color:var(--muted2)}
  .unlock input:hover{border-color:rgba(255,255,255,.22)}
  .unlock input:focus{outline:none;border-color:var(--accent);background:rgba(31,190,116,.05)}
  .unlock .btn{padding:10px 16px;flex-shrink:0}
  .unlock-ok{
    display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:#bdf0d4;
    background:rgba(31,190,116,.08);border:1px solid rgba(31,190,116,.24);border-radius:9px;padding:11px 13px;margin-top:4px;line-height:1.45;
  }

  /* ============ WEDGE BAND ============ */
  .wedge-band{background:linear-gradient(180deg,#070A0B,#0B0F11);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
  .wedge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .scar{
    background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);
    padding:26px 24px;position:relative;overflow:hidden;
    transition:border-color .16s var(--ease),transform .16s var(--ease);
  }
  .scar:hover{border-color:var(--hair-strong);transform:translateY(-2px)}
  .scar-no{font-family:"Geist Mono","JetBrains Mono",monospace;font-size:12px;color:var(--muted2);margin-bottom:18px;letter-spacing:.05em}
  .scar-x{
    width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:18px;
    background:rgba(229,97,106,.10);border:1px solid rgba(229,97,106,.25);color:var(--red);
  }
  .scar h3{font-size:18.5px;letter-spacing:-.02em;margin-bottom:12px;line-height:1.2}
  .scar-fix{display:flex;gap:10px;align-items:flex-start;padding-top:16px;margin-top:4px;border-top:1px solid var(--hair)}
  .scar-fix .tk{
    width:20px;height:20px;border-radius:6px;flex-shrink:0;display:grid;place-items:center;
    background:rgba(31,190,116,.12);border:1px solid rgba(31,190,116,.28);color:var(--accent);font-size:11px;margin-top:1px;
  }
  .scar-fix p{font-size:13.5px;color:var(--muted);line-height:1.55}

  /* ============ HOW WE VET ============ */
  .vet-sec{background:radial-gradient(900px 500px at 80% 0%,rgba(31,190,116,.06),transparent 60%)}
  .vet-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
  .vet-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
  .vet-checklist li{
    display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--hair);
    opacity:.3;transform:translateY(6px);
    transition:opacity .5s var(--ease),transform .5s var(--ease);
  }
  .vet-checklist li.lit{opacity:1;transform:none}
  .vet-checklist li:last-child{border-bottom:none}
  .vc-box{
    width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;
    border:1px solid var(--hair-strong);color:var(--muted2);
    transition:background .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease),box-shadow .4s var(--ease);
  }
  .vet-checklist li.lit .vc-box{
    background:rgba(31,190,116,.14);border-color:rgba(31,190,116,.4);color:var(--accent);
    box-shadow:0 0 18px -4px var(--accent-glow);
  }
  .vet-checklist li span{font-size:16px;color:#cfe3da;font-weight:500}
  .vet-checklist li.lit span{color:var(--ink)}
  @media (prefers-reduced-motion: reduce){ .vet-checklist li{opacity:1;transform:none} }

  .vet-right{position:sticky;top:90px}
  .stat-card{
    background:linear-gradient(180deg,var(--surface),#0B1013);border:1px solid var(--hair);
    border-radius:var(--radius);padding:30px;margin-bottom:20px;text-align:center;
    position:relative;overflow:hidden;
  }
  .stat-card::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 0%,rgba(31,190,116,.10),transparent 60%);pointer-events:none}
  .stat-big{font-size:clamp(64px,8vw,84px);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums lining-nums}
  .stat-big.glow{text-shadow:0 0 34px var(--accent-glow)}
  .stat-cap{font-size:14.5px;color:var(--muted);margin-top:12px}
  .reject{
    background:var(--surface);border:1px solid var(--hair);border-left:2px solid rgba(229,97,106,.6);
    border-radius:var(--radius);padding:24px;
  }
  .reject h4{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:14px;font-weight:600;font-family:"Geist Mono","JetBrains Mono",monospace}
  .reject-body{font-size:14.5px;color:#c4d0cb;line-height:1.62}
  .reject-body .mono{color:var(--ink);font-weight:500;background:rgba(255,255,255,.05);padding:1px 6px;border-radius:5px;font-size:13.5px}
  .reject-verdict{margin-top:14px;font-size:14px;color:var(--ink);font-weight:600}

  /* ============ MARKETPLACE BROWSER ============ */
  .mkt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}
  .sample-note{font-size:12.5px;color:var(--muted2);font-style:italic;margin-bottom:30px}
  .mkt-layout{display:grid;grid-template-columns:264px 1fr;gap:34px;align-items:start}
  .rail{position:sticky;top:84px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:6px 4px}
  .rail-inner{padding:14px 16px}
  .filtergroup{padding:16px 0;border-bottom:1px solid var(--hair)}
  .filtergroup:last-child{border-bottom:none}
  .fg-head{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:13px}
  .fg-head .ftag{font-size:10px}
  .chips{display:flex;flex-wrap:wrap;gap:7px}
  .chip{
    font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:8px;
    background:rgba(255,255,255,.03);border:1px solid var(--hair);color:var(--muted);
    transition:background .13s var(--ease),border-color .13s var(--ease),color .13s var(--ease);
    font-variant-numeric:tabular-nums;
  }
  .chip:hover{border-color:var(--hair-strong);color:var(--ink)}
  .chip[aria-pressed="true"]{
    background:rgba(31,190,116,.14);border-color:rgba(31,190,116,.42);color:#d7f3e4;
    box-shadow:0 0 14px -6px var(--accent-glow);
  }
  .check{display:flex;flex-direction:column;gap:3px}
  .check label{
    display:flex;align-items:center;gap:10px;font-size:13.5px;color:#cdd9d3;padding:6px 8px;border-radius:8px;cursor:pointer;
    transition:background .12s var(--ease);
  }
  .check label:hover{background:rgba(255,255,255,.03)}
  .check .cnt{margin-left:auto;font-size:11.5px;color:var(--muted2);font-variant-numeric:tabular-nums}
  .check input{
    appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:5px;
    border:1.5px solid var(--hair-strong);background:rgba(255,255,255,.03);flex-shrink:0;
    display:grid;place-items:center;transition:background .12s var(--ease),border-color .12s var(--ease);cursor:pointer;
  }
  .check input:checked{background:var(--accent-deep);border-color:var(--accent-deep)}
  .check input:checked::after{content:"";width:5px;height:9px;border:solid #04140C;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-1px)}
  .check input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--page),0 0 0 4px var(--accent)}
  /* price slider */
  .slider-wrap{padding:4px 2px}
  .slider-vals{display:flex;justify-content:space-between;font-size:12.5px;color:#cdd9d3;margin-bottom:12px;font-variant-numeric:tabular-nums}
  input[type=range]{
    -webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;
    background:var(--hair-strong);outline:none;
  }
  input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;
    background:var(--accent);cursor:pointer;border:3px solid #0A0D0F;
    box-shadow:0 0 0 1px var(--accent-deep),0 0 14px -2px var(--accent-glow);
  }
  input[type=range]::-moz-range-thumb{
    width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid #0A0D0F;
    box-shadow:0 0 0 1px var(--accent-deep);
  }
  input[type=range]:focus-visible{box-shadow:0 0 0 2px var(--page),0 0 0 4px var(--accent);border-radius:6px}
  select.sortsel{
    appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--hair-strong);
    color:var(--ink);border-radius:10px;padding:9px 38px 9px 14px;font-size:13.5px;font-weight:500;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238C9A95' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 13px center;
    transition:border-color .14s var(--ease);
  }
  select.sortsel:hover{border-color:rgba(255,255,255,.24)}
  .clear-btn{
    width:100%;margin-top:4px;background:transparent;border:1px solid var(--hair);color:var(--muted);
    border-radius:9px;padding:9px;font-size:12.5px;font-weight:500;
    transition:color .13s,border-color .13s;
  }
  .clear-btn:hover{color:var(--ink);border-color:var(--hair-strong)}
  .results-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
  .result-count{font-size:14px;color:var(--muted)}
  .result-count b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
  .result-count .fnl{color:var(--ink);font-weight:600}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media (max-width:1080px){ .grid{grid-template-columns:repeat(2,1fr)} }
  .noresults{
    grid-column:1/-1;text-align:center;padding:54px 24px;border:1px dashed var(--hair-strong);border-radius:var(--radius);
    background:rgba(255,255,255,.02);
  }
  .noresults h4{font-size:19px;margin-bottom:10px}
  .noresults p{color:var(--muted);font-size:14.5px;max-width:440px;margin:0 auto 20px}

  /* mobile filter disclosure */
  .filter-sheet-toggle{display:none}

  /* ============ COLLECTIONS ============ */
  .collections{background:linear-gradient(180deg,#0A0D0F,#080B0C)}
  .collrow{margin-bottom:46px}
  .collrow:last-child{margin-bottom:0}
  .collrow-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .collrow-head h3{font-size:19px;letter-spacing:-.02em}
  .collrow-head .badge{
    font-size:11px;font-family:"Geist Mono","JetBrains Mono",monospace;color:var(--muted);
    border:1px solid var(--hair);border-radius:999px;padding:3px 10px;font-variant-numeric:tabular-nums;
  }
  .scroller{
    display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x mandatory;
    scrollbar-width:thin;scrollbar-color:var(--hair-strong) transparent;
  }
  .scroller::-webkit-scrollbar{height:7px}
  .scroller::-webkit-scrollbar-thumb{background:var(--hair-strong);border-radius:10px}
  .scroller::-webkit-scrollbar-track{background:transparent}
  .scroller .card{min-width:320px;max-width:320px;scroll-snap-align:start}

  /* ============ GUARANTEE ============ */
  .guar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}
  .guar{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:26px 24px;transition:border-color .16s var(--ease)}
  .guar:hover{border-color:var(--hair-strong)}
  .guar-ico{
    width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:18px;
    background:rgba(31,190,116,.12);border:1px solid rgba(31,190,116,.28);color:var(--accent);
    box-shadow:0 0 22px -8px var(--accent-glow);
  }
  .guar h3{font-size:16.5px;letter-spacing:-.015em;line-height:1.32}
  .anti{
    background:linear-gradient(180deg,#0C1013,#0A0D0F);border:1px solid var(--hair);border-radius:var(--radius);
    padding:30px 32px;display:flex;gap:22px;align-items:flex-start;
  }
  .anti-ico{
    width:42px;height:42px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;
    background:rgba(240,169,59,.10);border:1px solid rgba(240,169,59,.28);color:var(--amber);
  }
  .anti h3{font-size:18px;margin-bottom:10px;letter-spacing:-.02em}
  .anti p{color:var(--muted);font-size:15px;line-height:1.62;max-width:760px}

  /* ============ PRIVACY / PRICING split ============ */
  .two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .info-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:38px 36px}
  .info-card h2.sec-title{font-size:clamp(24px,2.6vw,30px)}
  .info-card .sec-num{margin-bottom:14px}
  .info-card p{color:var(--muted);font-size:15.5px;line-height:1.66;margin-top:16px}
  .info-card p b{color:#cfe3da;font-weight:600}
  .price-tiers{display:flex;flex-direction:column;gap:10px;margin-top:24px}
  .price-tier{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:1px solid var(--hair);border-radius:10px;background:rgba(255,255,255,.02)}
  .price-tier .pt-l{font-size:13.5px;color:#cdd9d3}
  .price-tier .pt-l .mono{color:var(--muted);font-size:12px}
  .price-tier .pt-r{font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink)}

  /* ============ TRUST BAR ============ */
  .trust-bar{background:linear-gradient(180deg,#080B0C,#0A0D0F);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .tstat{text-align:center;padding:14px}
  .tstat .tv{font-size:38px;font-weight:600;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
  .tstat .tv .accent{color:var(--accent)}
  .tstat .tl{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.4}
  .hygiene{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:40px}
  .hpill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);border:1px solid var(--hair);background:rgba(255,255,255,.02);border-radius:999px;padding:7px 14px}
  .hpill .tk{color:var(--accent)}

  /* ============ FINAL CTA ============ */
  .final{position:relative;overflow:hidden;text-align:center;padding:120px 0;border-top:1px solid var(--hair)}
  .final::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 380px at 50% 0%,rgba(31,190,116,.12),transparent 65%);pointer-events:none}
  .final-in{position:relative;z-index:2;max-width:680px;margin:0 auto}
  .final h2{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.035em;margin-bottom:20px;line-height:1.05}
  .final p{color:var(--muted);font-size:17px;line-height:1.62;margin-bottom:34px}
  .mailcta{
    display:inline-flex;align-items:center;gap:11px;font-size:17px;
  }
  .final .btn-lg{font-size:16px}

  /* ============ FOOTER ============ */
  footer.site{border-top:1px solid var(--hair);padding:46px 0 38px;background:var(--page)}
  .foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:34px}
  .foot-tag{color:var(--muted);font-size:14px;max-width:300px;margin-top:14px}
  .foot-links{display:flex;gap:26px;flex-wrap:wrap}
  .foot-links a{color:var(--muted);font-size:14px;transition:color .14s}
  .foot-links a:hover{color:var(--ink)}
  .foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--hair)}
  .foot-bottom span{font-size:13px;color:var(--muted2)}
  .foot-bottom .mono{font-size:12.5px}

  /* ============ RESPONSIVE ============ */
  @media (max-width:920px){
    .vet-layout{grid-template-columns:1fr;gap:40px}
    .vet-right{position:static}
    .two-col{grid-template-columns:1fr}
    .teaser-row{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:860px){
    .nav-links{display:none}
    .nav-links.open{
      display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;
      background:rgba(8,11,12,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);
      padding:14px 20px;gap:2px;
    }
    .nav-links.open a{padding:12px 10px;font-size:15px}
    .nav-toggle{
      display:grid;place-items:center;width:40px;height:40px;border-radius:9px;
      background:rgba(255,255,255,.04);border:1px solid var(--hair);color:var(--ink);margin-left:auto;
    }
    .nav-toggle + .nav-spacer{display:none}
    .nav-cta-desktop{display:none}
    .wedge-grid{grid-template-columns:1fr}
    .guar-grid{grid-template-columns:1fr}
    .trust-grid{grid-template-columns:repeat(2,1fr)}
    /* mobile filter sheet */
    .mkt-layout{grid-template-columns:1fr;gap:0}
    .rail{position:static;margin-bottom:22px}
    .rail.collapsed .rail-body{display:none}
    .filter-sheet-toggle{
      display:flex;align-items:center;justify-content:space-between;width:100%;
      background:transparent;border:none;color:var(--ink);padding:16px;font-size:15px;font-weight:600;
    }
    .filter-sheet-toggle .fcount{font-size:12px;color:var(--accent);font-weight:600}
    .filter-sheet-toggle svg{transition:transform .18s var(--ease)}
    .rail:not(.collapsed) .filter-sheet-toggle svg{transform:rotate(180deg)}
  }
  @media (max-width:640px){
    .sec{padding:72px 0}
    .hero-in{padding:64px 0 76px;min-height:560px}
    .teaser-row{grid-template-columns:1fr}
    .grid{grid-template-columns:1fr}
    .trust-grid{grid-template-columns:1fr}
    .anti{flex-direction:column;gap:16px;padding:24px}
    .info-card{padding:28px 22px}
    .net-vignette{background:
      radial-gradient(96% 62% at 50% 34%, rgba(7,9,10,.88), rgba(7,9,10,.5) 60%, transparent 78%),
      linear-gradient(180deg, rgba(7,9,10,.46) 0%, rgba(7,9,10,.12) 28%, rgba(7,9,10,.66) 74%, var(--page) 100%);}
    h1.hero-h1{font-size:clamp(34px,9vw,46px)}
  }
  .skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#04140C;padding:10px 16px;border-radius:8px;z-index:100;font-weight:600}
  .skip:focus{left:12px;top:12px}

/* ===========================================================================
   PART 2 — CONTENT / LEGAL PAGE DESIGN SYSTEM
   Reusable building blocks in the same Atlas language. Serves every inner page:
   about, vetting, reviews, case studies, partners, contact, faq, how-it-works,
   pricing, guarantee, terms, privacy, refund, acceptable-use, cookie.
   =========================================================================== */

  /* ---- Canonical NAV: Company dropdown ---- */
  .nav-item{position:relative;display:flex;align-items:center}
  .nav-links a.is-current{color:var(--ink);background:rgba(31,190,116,.10);box-shadow:inset 0 0 0 1px rgba(31,190,116,.20)}
  .nav-dd{position:relative}
  .nav-dd-btn{
    display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;
    color:var(--muted);font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:8px;
    transition:color .16s var(--ease),background .16s var(--ease);
  }
  .nav-dd-btn:hover{color:var(--ink);background:rgba(255,255,255,.04)}
  .nav-dd-btn.is-current{color:var(--ink);background:rgba(31,190,116,.10);box-shadow:inset 0 0 0 1px rgba(31,190,116,.20)}
  .nav-dd-btn svg{transition:transform .18s var(--ease)}
  .nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
  .nav-dd-menu{
    position:absolute;top:calc(100% + 8px);left:0;min-width:212px;z-index:60;
    background:rgba(10,13,15,.97);backdrop-filter:saturate(140%) blur(14px);
    -webkit-backdrop-filter:saturate(140%) blur(14px);
    border:1px solid var(--hair-strong);border-radius:12px;padding:6px;
    box-shadow:0 22px 60px -20px rgba(0,0,0,.9);
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .16s var(--ease),transform .16s var(--ease),visibility .16s var(--ease);
  }
  .nav-dd.open .nav-dd-menu{opacity:1;visibility:visible;transform:none}
  .nav-dd-menu a{
    display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:500;
    padding:9px 12px;border-radius:8px;transition:color .14s var(--ease),background .14s var(--ease);
  }
  .nav-dd-menu a:hover{color:var(--ink);background:rgba(255,255,255,.05)}
  .nav-dd-menu a.is-current{color:var(--accent);background:rgba(31,190,116,.08)}
  .nav-dd-menu a .ddk{font-size:11.5px;color:var(--muted2);margin-left:auto;font-family:"Geist Mono","JetBrains Mono",monospace}

  /* ---- Comprehensive multi-column FOOTER ---- */
  .foot-cols{
    display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;
    padding-bottom:36px;margin-bottom:0;
  }
  .foot-brand-col .foot-tag{margin-top:14px;max-width:260px}
  .foot-col h4{
    font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);
    font-weight:600;font-family:"Geist Mono","JetBrains Mono",monospace;margin-bottom:16px;
  }
  .foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
  .foot-col ul a{color:var(--muted);font-size:14px;transition:color .14s var(--ease)}
  .foot-col ul a:hover{color:var(--ink)}
  .foot-col ul a.is-current{color:var(--accent)}
  @media (max-width:920px){
    .foot-cols{grid-template-columns:1fr 1fr 1fr;gap:30px 24px}
    .foot-brand-col{grid-column:1/-1;margin-bottom:6px}
  }
  @media (max-width:560px){
    .foot-cols{grid-template-columns:1fr 1fr}
  }

  /* ---- PAGE HERO (compact inner-page hero, grid backdrop, no network) ---- */
  .page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
  .page-hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
    background-image:
      linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 80%);
    mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 80%);
  }
  .page-hero::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(800px 360px at 78% -20%,rgba(31,190,116,.10),transparent 60%);
  }
  .page-hero-in{position:relative;z-index:2;padding:78px 0 62px;max-width:820px}
  .page-hero h1{
    font-size:clamp(32px,4.6vw,52px);letter-spacing:-.04em;line-height:1.04;font-weight:600;
    margin-bottom:18px;
  }
  .page-hero .lead{font-size:clamp(16px,1.5vw,18.5px);color:var(--muted);line-height:1.62;max-width:680px}
  .page-hero .lead b{color:#cfe3da;font-weight:600}
  .page-hero .eyebrow{margin-bottom:16px;display:inline-block}
  @media (max-width:640px){ .page-hero-in{padding:54px 0 44px} }

  /* ---- BREADCRUMB ---- */
  .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--muted2);margin-bottom:20px}
  .breadcrumb a{color:var(--muted);transition:color .14s var(--ease)}
  .breadcrumb a:hover{color:var(--ink)}
  .breadcrumb .sep{color:var(--muted2);opacity:.7}
  .breadcrumb [aria-current="page"]{color:var(--muted)}

  /* ---- PROSE / LEGAL long-form ---- */
  .prose{max-width:760px;font-size:16px;line-height:1.75;color:#c4d0cb}
  .prose.legal{font-size:15.5px;line-height:1.78}
  .prose > * + *{margin-top:18px}
  .prose h2{
    font-size:clamp(22px,2.6vw,28px);letter-spacing:-.03em;line-height:1.18;color:var(--ink);
    margin-top:52px;margin-bottom:4px;scroll-margin-top:90px;
  }
  .prose h2 .secnum,.prose h2 .mono{color:var(--accent);font-weight:600;margin-right:10px;font-size:.78em}
  .prose h3{
    font-size:clamp(17px,1.7vw,19px);letter-spacing:-.02em;color:var(--ink);
    margin-top:34px;margin-bottom:2px;scroll-margin-top:90px;
  }
  .prose h2:first-child,.prose h3:first-child{margin-top:0}
  .prose p{color:#c4d0cb}
  .prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(31,190,116,.4)}
  .prose a:hover{text-decoration-color:var(--accent)}
  .prose strong,.prose b{color:#dfe9e4;font-weight:600}
  .prose ul,.prose ol{margin-top:14px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
  .prose ul li{position:relative;padding-left:24px;color:#c4d0cb}
  .prose ul li::before{content:"";position:absolute;left:6px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.85}
  .prose ol{counter-reset:li}
  .prose ol li{position:relative;padding-left:34px;color:#c4d0cb;counter-increment:li}
  .prose ol li::before{
    content:counter(li);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:6px;
    background:rgba(31,190,116,.10);border:1px solid rgba(31,190,116,.22);color:var(--accent);
    font-family:"Geist Mono","JetBrains Mono",monospace;font-size:11px;font-weight:600;
    display:grid;place-items:center;line-height:1;
  }
  .prose li ul,.prose li ol{margin-top:10px}
  .prose blockquote{
    margin:24px 0;padding:16px 22px;border-left:2px solid rgba(31,190,116,.5);
    background:rgba(31,190,116,.04);border-radius:0 10px 10px 0;color:#cfe3da;font-size:15.5px;line-height:1.62;
  }
  .prose blockquote p{color:#cfe3da}
  .prose hr,.prose .hairline{border:none;border-top:1px solid var(--hair);margin:40px 0;height:0}
  .prose table{
    width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;
    border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;
  }
  .prose table th,.prose table td{
    text-align:left;padding:12px 16px;border-bottom:1px solid var(--hair);vertical-align:top;
  }
  .prose table th{
    font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
    font-weight:600;background:rgba(255,255,255,.02);
  }
  .prose table td{color:#c4d0cb;font-variant-numeric:tabular-nums}
  .prose table tr:last-child td{border-bottom:none}
  @media (max-width:560px){ .prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} }
  .prose .lead-p{font-size:18px;line-height:1.7;color:#cfe3da}
  .prose .effective{
    font-family:"Geist Mono","JetBrains Mono",monospace;font-size:12.5px;color:var(--muted);
    border:1px solid var(--hair);background:rgba(255,255,255,.02);border-radius:10px;
    padding:10px 14px;display:inline-flex;gap:10px;align-items:center;margin-bottom:8px;
  }

  /* ---- LEGAL LAYOUT with sticky side TOC ---- */
  .legal-layout{display:grid;grid-template-columns:240px 1fr;gap:54px;align-items:start}
  .legal-toc{position:sticky;top:88px}
  .legal-toc .toc-head{
    font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);
    font-weight:600;font-family:"Geist Mono","JetBrains Mono",monospace;margin-bottom:14px;
  }
  .legal-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;
    border-left:1px solid var(--hair)}
  .legal-toc a{
    display:block;padding:8px 14px;font-size:13.5px;color:var(--muted);line-height:1.4;
    border-left:2px solid transparent;margin-left:-1px;
    transition:color .14s var(--ease),border-color .14s var(--ease);
  }
  .legal-toc a:hover{color:var(--ink)}
  .legal-toc a.active{color:var(--accent);border-left-color:var(--accent)}
  .legal-toc .toc-num{font-family:"Geist Mono","JetBrains Mono",monospace;font-size:11px;color:var(--muted2);margin-right:8px}
  @media (max-width:920px){
    .legal-layout{grid-template-columns:1fr;gap:30px}
    .legal-toc{position:static;display:none}
  }

  /* ---- FAQ accordion (<details>/<summary>) ---- */
  .faq{display:flex;flex-direction:column;gap:0;max-width:820px;border-top:1px solid var(--hair)}
  .faq details{border-bottom:1px solid var(--hair)}
  .faq summary{
    list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
    padding:22px 4px;font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.015em;line-height:1.4;
    transition:color .14s var(--ease);
  }
  .faq summary::-webkit-details-marker{display:none}
  .faq summary:hover{color:#fff}
  .faq summary .fic{
    flex-shrink:0;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;margin-top:1px;
    border:1px solid var(--hair-strong);color:var(--muted);
    transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);
  }
  .faq details[open] summary .fic{
    transform:rotate(45deg);background:rgba(31,190,116,.12);border-color:rgba(31,190,116,.3);color:var(--accent);
  }
  .faq .faq-a{padding:0 4px 24px;font-size:15px;line-height:1.7;color:#b7c4be;max-width:680px}
  .faq .faq-a p + p{margin-top:14px}
  .faq .faq-a a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

  /* ---- CONTACT FORM ---- */
  .contact-form{display:flex;flex-direction:column;gap:18px}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  @media (max-width:560px){ .form-row{grid-template-columns:1fr} }
  .field{display:flex;flex-direction:column;gap:8px}
  .field label{font-size:12.5px;letter-spacing:.04em;color:var(--muted);font-weight:500}
  .field label .req{color:var(--accent)}
  .field input,.field textarea,.field select{
    width:100%;background:rgba(255,255,255,.04);border:1px solid var(--hair-strong);
    color:var(--ink);border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.5;
    transition:border-color .15s var(--ease),background .15s var(--ease);
  }
  .field textarea{min-height:128px;resize:vertical}
  .field input::placeholder,.field textarea::placeholder{color:var(--muted2)}
  .field input:hover,.field textarea:hover,.field select:hover{border-color:rgba(255,255,255,.22)}
  .field input:focus,.field textarea:focus,.field select:focus{
    outline:none;border-color:var(--accent);background:rgba(31,190,116,.05);
  }
  .field select{
    appearance:none;-webkit-appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%238C9A95' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;
  }
  .field .hint{font-size:12px;color:var(--muted2);line-height:1.5}
  .field.error input,.field.error textarea{border-color:var(--red)}
  .form-note{font-size:12.5px;color:var(--muted);line-height:1.55;display:flex;gap:9px;align-items:flex-start}
  .form-note .tk{color:var(--accent);flex-shrink:0;margin-top:1px}
  .form-ok{
    display:flex;gap:11px;align-items:flex-start;font-size:14px;color:#bdf0d4;line-height:1.5;
    background:rgba(31,190,116,.08);border:1px solid rgba(31,190,116,.24);border-radius:12px;padding:16px 18px;
  }
  .form-ok .tk{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:16px}

  /* ---- REVIEW cards ---- */
  .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media (max-width:920px){ .review-grid{grid-template-columns:1fr 1fr} }
  @media (max-width:640px){ .review-grid{grid-template-columns:1fr} }
  .review-card{
    background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);
    padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;
    transition:border-color .16s var(--ease),transform .16s var(--ease);
  }
  .review-card:hover{border-color:var(--hair-strong);transform:translateY(-2px)}
  .review-card .stars{display:flex;gap:2px;color:var(--accent)}
  .review-card .rc-body{font-size:14.5px;line-height:1.62;color:#cfd9d4}
  .review-card .rc-body b{color:#fff;font-weight:600}
  .review-card .rc-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--hair)}
  .review-card .rc-av{
    width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;
    background:rgba(31,190,116,.10);border:1px solid rgba(31,190,116,.24);color:var(--accent);
    font-family:"Geist Mono","JetBrains Mono",monospace;font-size:13px;font-weight:600;
  }
  .review-card .rc-who{display:flex;flex-direction:column;gap:1px}
  .review-card .rc-name{font-size:13.5px;font-weight:600;color:var(--ink)}
  .review-card .rc-role{font-size:12px;color:var(--muted)}
  .review-card .rc-tag{
    margin-left:auto;font-size:11px;font-family:"Geist Mono","JetBrains Mono",monospace;color:var(--muted);
    border:1px solid var(--hair);border-radius:999px;padding:3px 10px;
  }

  /* ---- STEPS / process ---- */
  .steps{display:flex;flex-direction:column;gap:0;max-width:860px}
  .step{
    display:grid;grid-template-columns:auto 1fr;gap:24px;padding:30px 0;
    border-bottom:1px solid var(--hair);position:relative;
  }
  .step:last-child{border-bottom:none}
  .step-no{
    width:46px;height:46px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;
    background:linear-gradient(180deg,var(--surface),#0B1013);border:1px solid var(--hair-strong);
    color:var(--accent);font-family:"Geist Mono","JetBrains Mono",monospace;font-size:17px;font-weight:600;
    font-variant-numeric:tabular-nums;box-shadow:0 0 22px -10px var(--accent-glow);
  }
  .step-body h3{font-size:19px;letter-spacing:-.02em;margin-bottom:8px;line-height:1.25}
  .step-body p{font-size:15px;color:var(--muted);line-height:1.62;max-width:600px}
  .step-body p b{color:#cfe3da;font-weight:600}
  .steps.grid-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media (max-width:860px){ .steps.grid-steps{grid-template-columns:1fr} }
  .steps.grid-steps .step{
    border:1px solid var(--hair);border-radius:var(--radius);padding:26px 24px;
    grid-template-columns:1fr;gap:16px;background:var(--surface);
  }

  /* ---- LOGO STRIP / verification stack grid ---- */
  .logo-strip{
    display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;justify-content:center;
    padding:26px 0;
  }
  .logo-strip .lpill{
    display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);font-weight:500;
    border:1px solid var(--hair);background:rgba(255,255,255,.02);border-radius:10px;padding:10px 16px;
  }
  .logo-strip .lpill .tk{color:var(--accent)}
  .stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media (max-width:920px){ .stack-grid{grid-template-columns:1fr 1fr} }
  @media (max-width:640px){ .stack-grid{grid-template-columns:1fr} }
  .stack-card{
    background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);
    padding:26px 24px;display:flex;flex-direction:column;gap:12px;
    transition:border-color .16s var(--ease),transform .16s var(--ease);
  }
  .stack-card:hover{border-color:var(--hair-strong);transform:translateY(-2px)}
  .stack-card .si{
    width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
    background:rgba(31,190,116,.10);border:1px solid rgba(31,190,116,.26);color:var(--accent);
    box-shadow:0 0 22px -10px var(--accent-glow);margin-bottom:4px;
  }
  .stack-card h3{font-size:16.5px;letter-spacing:-.015em;line-height:1.3}
  .stack-card p{font-size:13.5px;color:var(--muted);line-height:1.6}
  .stack-card .sk{font-family:"Geist Mono","JetBrains Mono",monospace;font-size:11px;color:var(--muted2);letter-spacing:.05em}

  /* ---- CTA BAND (reusable mid-page CTA) ---- */
  .cta-band{
    position:relative;overflow:hidden;border:1px solid var(--hair);border-radius:var(--radius);
    background:linear-gradient(180deg,#0C1013,#0A0D0F);padding:48px 44px;text-align:center;
  }
  .cta-band::before{content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(600px 300px at 50% -30%,rgba(31,190,116,.12),transparent 60%)}
  .cta-band-in{position:relative;z-index:2;max-width:620px;margin:0 auto}
  .cta-band h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;line-height:1.1;margin-bottom:14px}
  .cta-band p{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:26px}
  .cta-band .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}
  @media (max-width:560px){ .cta-band{padding:36px 22px} }

  /* ---- PLACEHOLDER token (unconfirmed legal facts) ---- */
  .placeholder{
    font-family:"Geist Mono","JetBrains Mono",ui-monospace,monospace;font-size:.92em;
    color:var(--muted);background:rgba(240,169,59,.07);
    border:1px dashed rgba(240,169,59,.34);border-radius:5px;
    padding:1px 7px;white-space:nowrap;
  }
  .placeholder::before{content:"[ ";color:var(--amber);opacity:.7}
  .placeholder::after{content:" ]";color:var(--amber);opacity:.7}
  /* long placeholders may wrap so they never overflow a narrow column */
  .placeholder.wrap{white-space:normal}

  /* ---- generic content section helpers ---- */
  .content-sec{padding:72px 0}
  .content-sec.tight{padding:56px 0}
  .narrow{max-width:760px;margin:0 auto}
  .narrow.wide{max-width:980px}
  .lede{font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:#cfe3da;max-width:720px}
  .muted{color:var(--muted)}

  /* ---- GLOBAL BACKGROUND FIX ----------------------------------------------
     The body paints its accent gradients with background-attachment:fixed, so
     they only cover one viewport. On tall pages (the legal pages especially),
     in full-page capture, and on mobile browsers that drop `fixed`, every
     band below the first viewport had no painted background and fell through
     to white. Anchor a solid dark base on the root element so the dark skin
     extends end-to-end no matter how `fixed` behaves; the body gradients then
     layer on top within the viewport exactly as before. -------------------- */
  html{background:var(--page)}