/* ============================================================
   FintechFraudHelpline.com — design tokens (taken from the logo)
   ============================================================ */
:root{
  --night:#061634;      /* outer navy of the logo */
  --navy:#0B2A66;       /* shield blue */
  --navy-2:#10397F;
  --blue:#2F8CFF;       /* electric globe blue */
  --glow:#7CC4FF;
  --red:#E3262F;        /* FRAUD red */
  --red-deep:#B5121B;
  --gold:#E8B53A;       /* ring gold */
  --gold-deep:#A87A12;
  --green:#2E9E5B;      /* movement ribbon green */
  --green-deep:#1D6E3E;
  --purple:#7B5CE0;
  --teal:#23B5B0;
  --paper:#F4F7FB;
  --white:#FFFFFF;
  --ink:#0A1A3A;
  --muted:#4F5E78;
  --line:#D5DEEB;
  --display:"Big Shoulders Display","Arial Narrow","Roboto Condensed",Impact,sans-serif;
  --body:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1180px;
  --r-sm:6px; --r-md:12px; --r-lg:22px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper)}
img{max-width:100%;display:block}
a{color:var(--navy-2)}
a:hover{color:var(--red-deep)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{font-family:var(--display);line-height:1;margin:0;letter-spacing:.005em}
h2{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900}
h3{font-size:1.6rem;font-weight:800}
p{margin:0 0 1em}
.lede{font-size:1.15rem;color:var(--muted);max-width:62ch}
section{padding:88px 0}
section[id],.case-form,.success{scroll-margin-top:90px}
.section-head{margin-bottom:40px;max-width:720px}
.section-head h2{margin-bottom:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-weight:700;font-size:1rem;padding:15px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease, background .15s ease, box-shadow .15s ease}
.btn:active{transform:translateY(1px)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 0 0 3px rgba(232,181,58,.9),0 10px 30px -10px rgba(227,38,47,.8)}
.btn-red:hover{background:var(--red-deep);color:#fff}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--night);color:#fff}
.btn-line{background:#fff;color:var(--navy);border-color:var(--line)}
.btn-line:hover{border-color:var(--navy);color:var(--navy)}
.btn[disabled]{opacity:.6;cursor:progress}

/* ================= Header ================= */
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,22,52,.94);backdrop-filter:blur(10px);border-bottom:2px solid var(--gold)}
.site-header .wrap{display:flex;align-items:center;gap:18px;height:74px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex-shrink:0}
.brand img{width:50px;height:50px}
.wordmark{font-family:var(--body);font-weight:800;font-size:1.12rem;letter-spacing:-.01em;color:#fff}
.wordmark b{color:var(--red);font-weight:800}
.wordmark i{font-style:normal;color:var(--glow);font-weight:600}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a{color:#DCE6F5;text-decoration:none;font-weight:600;font-size:.94rem;padding:8px 12px;border-radius:8px}
.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.nav .btn{padding:10px 18px;margin-left:8px;font-size:.94rem}
.nav-toggle{display:none;margin-left:auto;background:none;border:2px solid rgba(255,255,255,.35);color:#fff;border-radius:10px;padding:8px 12px;font:700 .9rem var(--body);cursor:pointer}
@media (max-width:980px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--night);padding:12px 22px 22px;border-bottom:2px solid var(--gold)}
  .nav.open{display:flex}
  .nav a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
  .nav .btn{margin:14px 0 0}
}
@media (max-width:440px){.site-header .wrap{gap:10px;padding:0 16px}.wordmark{font-size:.9rem}.brand{gap:8px}.brand img{width:40px;height:40px}.nav-toggle{padding:7px 10px}}

/* ================= Hero ================= */
.hero{position:relative;overflow:hidden;color:#fff;padding:70px 0 0;
  background:
    radial-gradient(circle at 78% 38%, rgba(47,140,255,.35), transparent 42%),
    radial-gradient(rgba(124,196,255,.16) 1.2px, transparent 1.3px) 0 0/18px 18px,
    linear-gradient(180deg,#061634 0%,#0B2A66 100%);}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(4rem,10vw,8.4rem);font-weight:900;line-height:.86;text-transform:none;margin-bottom:26px}
.hero h1 span{display:block}
.hero .lede{color:#C9D7EE;font-size:1.22rem;margin-bottom:30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.hero-note{display:flex;gap:10px;align-items:flex-start;color:#E9EEF7;font-size:.95rem;max-width:52ch}
.hero-note svg{flex-shrink:0;margin-top:3px}
.hero-seal{position:relative;justify-self:center;width:min(100%,520px)}
.hero-seal::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(47,140,255,.55),transparent 65%);filter:blur(30px)}
.hero-seal img{position:relative;width:100%;height:auto;animation:settle 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes settle{from{opacity:0;transform:scale(.92) rotate(-6deg)}to{opacity:1;transform:none}}
@media (max-width:880px){
  .hero{padding-top:40px}
  .hero-grid{grid-template-columns:1fr}
  .hero-seal{order:-1;width:min(78%,360px)}
}

/* Pillars — the six round icons from the logo */
.pillars{position:relative;margin-top:60px;background:rgba(3,12,32,.75);border-top:2px solid var(--gold)}
.pillars ul{list-style:none;margin:0 auto;padding:22px 22px;max-width:var(--wrap);display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pillars a{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;text-decoration:none;color:#fff;font-weight:700;font-size:.9rem;padding:8px 4px;border-radius:14px}
.pillars a:hover{background:rgba(255,255,255,.06);color:#fff}
.ring{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--c);background:radial-gradient(circle at 50% 35%, color-mix(in srgb,var(--c) 45%, #061634), #061634 72%);box-shadow:0 0 18px -2px var(--c)}
.ring svg{width:30px;height:30px}
@media (max-width:760px){.pillars ul{grid-template-columns:repeat(3,1fr);row-gap:18px}}

/* ================= Recovery-scam warning ================= */
.warning{background:var(--white);padding:0}
.warning .wrap{padding-top:36px;padding-bottom:36px}
.warn-box{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:2px solid var(--red);border-left-width:10px;border-radius:var(--r-md);padding:22px 26px;background:#FFF5F5}
.warn-box h2{font-size:1.9rem;color:var(--red-deep);margin-bottom:6px}
.warn-box p{margin:0;color:#4a1a1d}
@media (max-width:760px){.warn-box{grid-template-columns:1fr}.warn-box svg{display:none}}

/* ================= Fraud types ================= */
.types{background:var(--night);color:#fff;position:relative}
.types .lede{color:#B8C7DF}
.tag-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tag{position:relative;background:linear-gradient(180deg,#141d2e,#0b111d);border:1.5px solid rgba(255,255,255,.7);border-radius:8px;padding:18px 20px 18px 22px;box-shadow:4px 4px 0 rgba(0,0,0,.45)}
.tag h3{font-family:var(--display);font-size:1.55rem;font-weight:800;margin-bottom:6px;color:#fff}
.tag p{margin:0;font-size:.95rem;color:#AEBBD1}
.tag::before{content:"";position:absolute;left:-1.5px;top:14px;bottom:14px;width:4px;background:var(--red);border-radius:0 3px 3px 0}
.tag.more::before{background:var(--gold)}
@media (max-width:900px){.tag-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tag-list{grid-template-columns:1fr}}

/* ================= How it works ================= */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:s;border-top:3px solid var(--navy)}
.steps li{counter-increment:s;padding:28px 28px 8px 0;position:relative}
.steps li + li{padding-left:28px;border-left:1px solid var(--line)}
.steps li::before{content:counter(s);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--gold);font:900 1.7rem var(--display);margin-bottom:18px;border:3px solid var(--gold)}
.steps h3{font-size:1.9rem;margin-bottom:10px}
.steps p{color:var(--muted)}
@media (max-width:820px){.steps{grid-template-columns:1fr}.steps li + li{padding-left:0;border-left:0;border-top:1px solid var(--line)}}

/* ================= Report form ================= */
.report{background:linear-gradient(180deg,var(--paper) 0%,#E8EEF7 100%)}
.report-grid{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}
.aside{position:sticky;top:96px;background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:28px;border:2px solid var(--gold)}
.aside h3{font-size:1.7rem;margin-bottom:14px}
.aside ul{padding-left:0;margin:0 0 22px;list-style:none}
.aside li{position:relative;padding-left:26px;margin-bottom:10px;color:#D7E2F3;font-size:.95rem}
.aside li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;border:2px solid var(--gold)}
.aside .lock{display:flex;gap:10px;background:rgba(255,255,255,.07);border-radius:var(--r-md);padding:14px;font-size:.88rem;color:#D7E2F3}
.aside .lock svg{flex-shrink:0}
@media (max-width:960px){.report-grid{grid-template-columns:1fr}.aside{position:static;order:2}}

.case{background:#fff;border-radius:var(--r-lg);box-shadow:0 30px 60px -30px rgba(6,22,52,.35);border:1px solid var(--line);overflow:hidden}
.case-top{background:var(--night);color:#fff;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:3px solid var(--red)}
.case-top h3{font-size:1.9rem}
.case-top small{color:#AFC0DA}
.progress{display:flex;gap:6px;padding:0;margin:0;list-style:none;counter-reset:p}
.progress li{counter-increment:p;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#8FA3C3}
.progress li::before{content:counter(p);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #3A527D;font-weight:800;color:#8FA3C3}
.progress li + li::after{content:none}
.progress li.active{color:#fff}
.progress li.active::before{border-color:var(--gold);background:var(--gold);color:var(--night)}
.progress li.done::before{border-color:var(--green);background:var(--green);color:#fff;content:"✓"}
.progress li .lbl{display:inline}
@media (max-width:700px){.progress li .lbl{display:none}}

form.case-form{padding:30px}
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset[hidden]{display:none}
legend{font-family:var(--display);font-weight:800;font-size:2.1rem;margin-bottom:6px;padding:0}
.help{color:var(--muted);font-size:.95rem;margin-bottom:22px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.full{grid-column:1/-1}
@media (max-width:640px){.grid-2{grid-template-columns:1fr}form.case-form{padding:22px}}
.field label,.field .label{display:block;font-weight:700;font-size:.95rem;margin-bottom:6px}
.req{color:var(--red)}
.opt{color:var(--muted);font-weight:500;font-size:.85rem}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=date],input[type=number],select,textarea{
  width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#FBFCFE;border:1.5px solid #C4D0E2;border-radius:10px;padding:12px 14px;transition:border-color .15s, box-shadow .15s}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(47,140,255,.18);background:#fff}
.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--red);background:#FFF7F7}
.err{display:none;color:var(--red-deep);font-size:.85rem;font-weight:600;margin-top:5px}
.field.invalid .err{display:block}
.phone{display:grid;grid-template-columns:110px 1fr;gap:8px}
.hint{font-size:.83rem;color:var(--muted);margin-top:5px}
.counter{float:right;font-weight:500}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer;z-index:1}
.chip span{display:inline-block;padding:9px 15px;border:1.5px solid #C4D0E2;border-radius:999px;font-size:.92rem;font-weight:600;background:#fff}
.chip input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff}
.chip input:focus-visible + span{outline:3px solid var(--gold);outline-offset:2px}
.consent{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;margin-bottom:10px;background:#FBFCFE}
.consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--navy);flex-shrink:0}
.consent label{font-size:.94rem;font-weight:500}
.consent.invalid{border-color:var(--red);background:#FFF7F7}
.drop{border:2px dashed #9FB3D1;border-radius:var(--r-md);padding:26px;text-align:center;background:#F7FAFF;cursor:pointer;transition:border-color .15s, background .15s}
.drop:hover,.drop.over{border-color:var(--blue);background:#EEF5FF}
.drop strong{display:block;font-size:1.05rem;color:var(--navy)}
.drop input{display:none}
.file-list{list-style:none;padding:0;margin:12px 0 0}
.file-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;font-size:.9rem;background:#fff}
.file-list button{background:none;border:0;color:var(--red-deep);font-weight:700;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.form-alert{display:none;margin-top:16px;padding:12px 14px;border-radius:10px;background:#FFF1F1;color:var(--red-deep);font-weight:600}
.form-alert.show{display:block}

.success{display:none;padding:44px 30px;text-align:center}
.success.show{display:block}
.success .badge{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--green);border:4px solid var(--gold)}
.success h3{font-size:2.6rem;margin-bottom:10px}
.ref{display:inline-flex;align-items:center;gap:12px;margin:14px 0 18px;padding:12px 18px;border-radius:12px;background:var(--night);color:var(--gold);font:800 1.5rem var(--display);letter-spacing:.06em}
.ref button{font:700 .8rem var(--body);background:var(--gold);color:var(--night);border:0;border-radius:6px;padding:6px 10px;cursor:pointer;letter-spacing:0}
.preview-flag{display:none;margin:0 auto 16px;max-width:520px;background:#FFF8E6;border:1px solid var(--gold);color:#5b420a;border-radius:10px;padding:10px 14px;font-size:.88rem}
.preview-flag.show{display:block}

/* ================= Track ================= */
.track{background:var(--white)}
.track-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.track-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.track-form .field{margin-bottom:16px}
.status{display:none;margin-top:18px;padding:18px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.status.show{display:block}
.status-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:700;font-size:.85rem;background:var(--navy);color:#fff}
.status-stages{list-style:none;padding:0;margin:14px 0 0;display:flex;gap:6px;flex-wrap:wrap}
.status-stages li{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:999px;background:#EDF1F7;color:var(--muted)}
.status-stages li.on{background:var(--green);color:#fff}
@media (max-width:860px){.track-card{grid-template-columns:1fr}}

/* ================= Rights ================= */
.rights{background:var(--paper)}
.rights-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.panel h3{margin-bottom:16px}
.channels{list-style:none;padding:0;margin:0}
.channels li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.channels li:first-child{border-top:0;padding-top:0}
.channels .k{font:900 1.45rem var(--display);color:var(--red);min-width:74px}
.channels .k.small{font-size:1.1rem;color:var(--navy)}
.channels p{margin:0;font-size:.95rem;color:var(--muted)}
.channels a{font-weight:700}
.rights-list{margin:0;padding-left:20px}
.rights-list li{margin-bottom:10px}
@media (max-width:860px){.rights-grid{grid-template-columns:1fr}}

/* ================= Stay safe ================= */
.safe{background:var(--navy);color:#fff}
.safe .lede{color:#C4D2EA}
.flags{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.flags li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.flags svg{flex-shrink:0;margin-top:2px}
.flags strong{display:block;font-size:1.05rem;margin-bottom:2px}
.flags span{color:#BFCDE4;font-size:.95rem}
@media (max-width:760px){.flags{grid-template-columns:1fr}}

/* ================= Join ================= */
.join{background:linear-gradient(180deg,#0F5A33 0%, var(--green-deep) 100%);color:#fff;position:relative;overflow:hidden}
.join::after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;border:40px solid rgba(232,181,58,.18)}
.join-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.join h2{font-size:clamp(2.6rem,5.4vw,4rem)}
.join .lede{color:#D6EEDF}
.join-form{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:28px;border:3px solid var(--gold)}
.join-form .grid-2{margin-bottom:16px}
.join-done{display:none;font-weight:700;color:var(--green-deep);margin-top:12px}
.join-done.show{display:block}
@media (max-width:860px){.join-grid{grid-template-columns:1fr}}

/* ================= FAQ ================= */
.faq{background:var(--white)}
.faq-list{max-width:820px}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:700;font-size:1.1rem;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:6px;top:14px;font:800 1.8rem var(--display);color:var(--red)}
details[open] summary::after{content:"–"}
details p{color:var(--muted);padding-right:30px}

/* ================= Footer ================= */
.site-footer{background:var(--night);color:#B6C4DB;padding:56px 0 30px;border-top:3px solid var(--gold)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.site-footer h4{color:#fff;margin:0 0 12px;font-size:1rem}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:8px}
.site-footer a{color:#DCE6F5;text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.motto{font-family:var(--display);font-weight:800;font-size:1.6rem;color:#fff;margin:14px 0 6px;line-height:1.05}
.disclaimer{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:.84rem;line-height:1.6}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr}}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(140%);visibility:hidden;background:var(--night);color:#fff;padding:12px 18px;border-radius:10px;border:1px solid var(--gold);font-weight:600;transition:transform .25s ease;z-index:80}
.toast.show{transform:translateX(-50%) translateY(0);visibility:visible}


/* ============================================================
   Components used by the inner pages
   ============================================================ */

/* Page banner (smaller sibling of the home hero) */
.page-head{position:relative;overflow:hidden;color:#fff;padding:58px 0 54px;
  background:
    radial-gradient(circle at 88% 20%, rgba(47,140,255,.32), transparent 45%),
    radial-gradient(rgba(124,196,255,.14) 1.2px, transparent 1.3px) 0 0/18px 18px,
    linear-gradient(180deg,#061634 0%,#0B2A66 100%);
  border-bottom:3px solid var(--gold)}
.page-head h1{font-family:var(--display);font-weight:900;font-size:clamp(2.9rem,7vw,5.2rem);line-height:.9;margin:0 0 16px}
.page-head .lede{color:#C9D7EE;font-size:1.18rem;max-width:64ch}
.page-head .lede strong{color:#fff}
.crumbs{display:flex;gap:8px;align-items:center;font-size:.9rem;color:#93A9CC;margin-bottom:18px}
.crumbs a{color:#C9D7EE;text-decoration:none}
.crumbs a:hover{color:var(--gold)}
.crumbs span{color:#5E7399}

/* On-page contents */
.toc{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:18px 20px;margin-top:28px}
.toc h2{font-family:var(--body);font-size:.82rem;font-weight:700;color:var(--gold);margin:0 0 10px;letter-spacing:.04em}
.toc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.toc a{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:.92rem;font-weight:600}
.toc a:hover{background:var(--gold);color:var(--night)}

/* Long-form text */
.prose{max-width:74ch}
.prose h3{margin:34px 0 12px}
.prose h4{font-family:var(--body);font-size:1.05rem;font-weight:700;margin:22px 0 6px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 1em}
.prose li{margin-bottom:9px}
.prose li::marker{color:var(--navy)}

/* Alternating section shades */
.band-white{background:var(--white)}
.band-paper{background:var(--paper)}
.band-navy{background:var(--navy);color:#fff}
.band-navy .lede,.band-navy p{color:#C9D7EE}
.band-navy h2,.band-navy h3,.band-navy h4{color:#fff}
.band-night{background:var(--night);color:#fff}
.band-night .lede,.band-night p{color:#B8C7DF}
.band-night h2,.band-night h3{color:#fff}

/* Callouts */
.callout{display:grid;grid-template-columns:auto 1fr;gap:18px;border-radius:var(--r-md);padding:20px 24px;margin:26px 0;align-items:start}
.callout svg{flex-shrink:0;margin-top:3px}
.callout h3{font-size:1.35rem;margin-bottom:6px}
.callout p:last-child{margin-bottom:0}
.callout.red{background:#FFF5F5;border:2px solid var(--red);border-left-width:9px;color:#4a1a1d}
.callout.red h3{color:var(--red-deep)}
.callout.gold{background:#FFF9EC;border:2px solid var(--gold);border-left-width:9px;color:#5b420a}
.callout.gold h3{color:#7A5A06}
.callout.green{background:#EFF9F3;border:2px solid var(--green);border-left-width:9px;color:#17422b}
.callout.green h3{color:var(--green-deep)}
.callout.blue{background:#EFF5FF;border:2px solid var(--navy);border-left-width:9px;color:#122a52}
.callout.blue h3{color:var(--navy)}
@media (max-width:620px){.callout{grid-template-columns:1fr}.callout svg{display:none}}

/* Numbered action timeline */
.timeline{list-style:none;padding:0;margin:0;position:relative}
.timeline::before{content:"";position:absolute;left:27px;top:14px;bottom:26px;width:3px;background:linear-gradient(180deg,var(--red),var(--gold),var(--green))}
.timeline li{position:relative;padding:0 0 30px 74px;min-height:58px}
.timeline .clock{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--navy);color:#fff;border:3px solid var(--gold);font:800 .78rem var(--body);line-height:1.05;z-index:1;padding:4px}
.timeline h3{font-size:1.45rem;margin-bottom:6px}
.timeline p{margin:0;color:var(--muted)}
.band-navy .timeline p,.band-night .timeline p{color:#BFCDE4}
.timeline .why{display:inline-block;margin-top:8px;font-size:.88rem;font-weight:600;color:var(--red-deep);background:#FFF0F1;border-radius:6px;padding:4px 10px}
@media (max-width:560px){.timeline::before{left:19px}.timeline li{padding-left:56px}.timeline .clock{width:40px;height:40px;font-size:.66rem}}

/* Liability / data tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
table.data{width:100%;border-collapse:collapse;min-width:560px}
table.data caption{text-align:left;padding:16px 18px 0;font-weight:700;font-size:.95rem;color:var(--muted)}
table.data th,table.data td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:.97rem}
table.data thead th{background:var(--navy);color:#fff;font-family:var(--body);font-size:.85rem;font-weight:700;border-bottom:0}
table.data tbody tr:last-child td{border-bottom:0}
table.data td strong{color:var(--ink)}
.tick{color:var(--green-deep);font-weight:700}
.cross{color:var(--red-deep);font-weight:700}

/* Official channel cards */
.channels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.channel{background:#fff;border:1px solid var(--line);border-top:5px solid var(--navy);border-radius:var(--r-md);padding:22px 24px;display:flex;flex-direction:column}
.channel.urgent{border-top-color:var(--red)}
.channel.gold{border-top-color:var(--gold)}
.channel.green{border-top-color:var(--green)}
.channel h3{font-size:1.5rem;margin-bottom:4px}
.channel .who{font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:10px}
.channel p{font-size:.96rem;margin-bottom:12px}
.channel dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:0 0 14px;font-size:.92rem}
.channel dt{color:var(--muted);font-weight:600}
.channel dd{margin:0;word-break:break-word}
.channel .go{margin-top:auto;font-weight:700;text-decoration:none;color:var(--navy);border-bottom:2px solid var(--gold);align-self:flex-start;padding-bottom:2px}
.channel .go:hover{color:var(--red-deep)}
.big-num{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:1;color:var(--red);margin:0 0 4px}
@media (max-width:820px){.channels-grid{grid-template-columns:1fr}}

/* Scam anatomy */
.anatomy{display:grid;gap:18px}
.scam{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.scam > summary{cursor:pointer;list-style:none;padding:20px 54px 20px 22px;position:relative;font-weight:700;font-size:1.12rem;background:#fff}
.scam > summary::-webkit-details-marker{display:none}
.scam > summary::after{content:"+";position:absolute;right:20px;top:12px;font:800 1.9rem var(--display);color:var(--red)}
.scam[open] > summary{border-bottom:1px solid var(--line)}
.scam[open] > summary::after{content:"–"}
.scam .tagline{display:block;font-weight:500;font-size:.92rem;color:var(--muted);margin-top:3px}
.scam-body{padding:20px 22px 24px}
.scam-body h4{font-family:var(--body);font-size:.82rem;font-weight:800;color:var(--navy);margin:0 0 8px;letter-spacing:.03em}
.scam-body .script{background:var(--paper);border-left:4px solid var(--gold);padding:14px 16px;border-radius:0 8px 8px 0;margin:0 0 18px;font-size:.96rem}
.scam-body ul{margin:0 0 18px;padding-left:20px}
.scam-body li{margin-bottom:7px;font-size:.96rem}
.scam-body .stop{background:#FFF5F5;border:1px solid #F3C3C6;border-radius:8px;padding:12px 16px;font-size:.95rem}
.scam-body .stop strong{color:var(--red-deep)}

/* Check / cross lists */
.checklist{list-style:none;padding:0;margin:0}
.checklist li{position:relative;padding:12px 0 12px 40px;border-bottom:1px solid var(--line)}
.checklist li:last-child{border-bottom:0}
.checklist li::before{content:"";position:absolute;left:4px;top:16px;width:20px;height:20px;border-radius:50%;background:var(--green);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.6 17.2 4.4 12l1.7-1.7 3.5 3.5 8.3-8.3L19.6 7z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.6 17.2 4.4 12l1.7-1.7 3.5 3.5 8.3-8.3L19.6 7z'/%3E%3C/svg%3E") center/contain no-repeat}
.checklist.no li::before{background:var(--red);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.3 7.1 16.9 5.7 12 10.6 7.1 5.7 5.7 7.1l4.9 4.9-4.9 4.9 1.4 1.4 4.9-4.9 4.9 4.9 1.4-1.4-4.9-4.9z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.3 7.1 16.9 5.7 12 10.6 7.1 5.7 5.7 7.1l4.9 4.9-4.9 4.9 1.4 1.4 4.9-4.9 4.9 4.9 1.4-1.4-4.9-4.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.band-navy .checklist li,.band-night .checklist li{border-color:rgba(255,255,255,.14)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px 44px}
@media (max-width:780px){.two-col{grid-template-columns:1fr}}

/* Do / don't pair */
.do-dont{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.do-dont > div{border-radius:var(--r-md);padding:22px 24px;border:1px solid var(--line);background:#fff}
.do-dont .do{border-top:5px solid var(--green)}
.do-dont .dont{border-top:5px solid var(--red)}
.do-dont h3{margin-bottom:10px}
@media (max-width:780px){.do-dont{grid-template-columns:1fr}}

/* Status legend for the track page */
.legend{list-style:none;padding:0;margin:0;counter-reset:l}
.legend li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}
.legend li:first-child{border-top:0}
.legend .pill{display:inline-block;padding:5px 14px;border-radius:999px;font-weight:700;font-size:.85rem;align-self:start;white-space:nowrap}
.p-received{background:#FDE7E8;color:#B5121B}
.p-review{background:#FFF3D6;color:#7A5A06}
.p-verified{background:#E0EDFF;color:#0B2A66}
.p-action{background:#DFF3E7;color:#1D6E3E}
.p-closed{background:#E6EBF3;color:#5A6A85}
.legend p{margin:0;color:var(--muted)}
@media (max-width:620px){.legend li{grid-template-columns:1fr;gap:8px}}

/* Stat strip */
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.stat-strip div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:20px}
.stat-strip b{display:block;font-family:var(--display);font-weight:900;font-size:2.4rem;line-height:1;color:var(--gold);margin-bottom:6px}
.stat-strip span{font-size:.94rem;color:#C9D7EE}
@media (max-width:760px){.stat-strip{grid-template-columns:1fr}}

/* Cards row (support page) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card-simple{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:24px}
.card-simple h3{font-size:1.4rem;margin-bottom:10px}
.card-simple p{font-size:.96rem;color:var(--muted);margin-bottom:0}
.card-simple .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;background:var(--navy)}
@media (max-width:880px){.cards{grid-template-columns:1fr}}

/* Quiet CTA band */
.cta-band{background:linear-gradient(120deg,var(--night),var(--navy));color:#fff;border-radius:var(--r-lg);padding:38px 40px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;border:2px solid var(--gold)}
.cta-band h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:8px}
.cta-band p{color:#C9D7EE;margin:0;max-width:60ch}
@media (max-width:760px){.cta-band{grid-template-columns:1fr;padding:28px 24px}}

/* Footer privacy notice */
.privacy-note{margin-top:38px;background:rgba(255,255,255,.05);border:1px solid rgba(232,181,58,.45);border-radius:var(--r-md);padding:22px 24px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.privacy-note h4{font-family:var(--display);font-weight:800;font-size:1.35rem;color:#fff;margin:0 0 8px}
.privacy-note p{margin:0 0 8px;font-size:.9rem;line-height:1.65;color:#B6C4DB}
.privacy-note p:last-child{margin-bottom:0}
.privacy-note a{color:var(--gold)}
@media (max-width:620px){.privacy-note{grid-template-columns:1fr}.privacy-note svg{display:none}}

/* Legal pages */
.legal-body{max-width:78ch}
.legal-body h2{font-size:1.9rem;margin:38px 0 12px}
.legal-body h3{font-size:1.25rem;font-family:var(--body);font-weight:700;margin:24px 0 8px}
.legal-body p,.legal-body li{font-size:1rem}
.legal-body ul{padding-left:22px}
.legal-body li{margin-bottom:8px}
.updated{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:.88rem;font-weight:600;color:var(--muted);margin-bottom:8px}

/* Comfortable measure for long-form blocks */
.timeline p,.timeline h3{max-width:70ch}
.checklist li{max-width:74ch}
.legend p{max-width:72ch}
.do-dont p,.do-dont li{max-width:60ch}

/* ============================================================
   Multi-company repeater on the report form
   ============================================================ */
.company-card{border:1px solid var(--line);border-left:5px solid var(--red);border-radius:var(--r-md);padding:18px 20px 6px;margin-bottom:16px;background:#FBFCFE}
.company-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.company-head h3{display:flex;align-items:center;gap:10px;font-size:1.3rem}
.company-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold);font:800 1rem var(--body);flex-shrink:0}
.remove-company{background:none;border:1.5px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 12px;font:600 .85rem var(--body);cursor:pointer}
.remove-company:hover{border-color:var(--red);color:var(--red-deep)}
.repeat-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.repeat-bar .btn{padding:12px 20px}
.repeat-bar .btn[disabled]{opacity:.5;cursor:not-allowed}
.repeat-count{margin:0;font-size:.92rem;font-weight:600;color:var(--muted)}
#company-limit{display:block;color:var(--muted);font-weight:500;margin-top:10px}

/* ============================================================
   "Most reported" flashing band
   ============================================================ */
.flash-band{position:relative;overflow:hidden;background:linear-gradient(100deg,#6E0B12 0%,#B5121B 45%,#8E0E16 100%);
  border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);color:#fff;padding:26px 0}
.flash-band .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.flash-tag{display:flex;align-items:center;gap:10px;font:800 .78rem var(--body);letter-spacing:.08em;color:#FFD98A;white-space:nowrap}
.flash-lamp{width:13px;height:13px;border-radius:50%;background:#FFD24A;box-shadow:0 0 0 0 rgba(255,210,74,.85);animation:lamp 1.8s ease-out infinite}
@keyframes lamp{0%{box-shadow:0 0 0 0 rgba(255,210,74,.8)}70%{box-shadow:0 0 0 13px rgba(255,210,74,0)}100%{box-shadow:0 0 0 0 rgba(255,210,74,0)}}
.flash-main{min-width:0}
.flash-name{font-family:var(--display);font-weight:900;font-size:clamp(2.1rem,5.4vw,4.1rem);line-height:.98;margin:0;
  overflow-wrap:break-word;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.flash-name.pulse{animation:flashname 4.5s ease-in-out 1}
@keyframes flashname{
  0%{opacity:0;transform:translateY(8px)}
  8%{opacity:1;transform:none}
  46%{opacity:1}
  56%{opacity:.62}
  66%{opacity:1}
  100%{opacity:1}
}
.flash-meta{margin:6px 0 0;color:#FFE1E3;font-size:1rem;font-weight:600}
.flash-side{text-align:right}
.flash-rank{font-family:var(--display);font-weight:900;font-size:2.6rem;line-height:1;color:#FFD24A}
.flash-dots{display:flex;gap:6px;justify-content:flex-end;margin-top:10px}
.flash-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.34);transition:background .3s}
.flash-dot.on{background:#FFD24A}
@media (max-width:760px){
  .flash-band .wrap{grid-template-columns:1fr;gap:12px}
  .flash-side{text-align:left;display:flex;align-items:center;gap:14px}
  .flash-dots{margin-top:0}
}
@media (prefers-reduced-motion:reduce){.flash-lamp{animation:none}.flash-name.pulse{animation:none}}

/* ============================================================
   Ranking bar chart
   ============================================================ */
.chart{display:flex;flex-direction:column;gap:14px;margin:0}
.bar-row{position:relative;display:grid;grid-template-columns:34px minmax(150px,230px) 1fr 62px;gap:14px;align-items:center;
  padding:4px 2px;border-radius:8px}
.bar-row:hover,.bar-row:focus-visible{background:#F2F6FC}
.bar-rank{font-family:var(--display);font-weight:900;font-size:1.5rem;color:var(--muted);text-align:right}
.bar-label{font-weight:700;font-size:1rem;overflow-wrap:break-word}
.bar-track{display:block;height:22px;background:#E7EDF7;border-radius:3px}
.bar-fill{display:block;height:100%;background:#1D5BD6;border-radius:0 4px 4px 0;width:0;
  transition:width .95s cubic-bezier(.22,.9,.28,1)}
.bar-value{font-weight:800;font-size:1.05rem;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.bar-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);z-index:5;
  background:var(--night);color:#fff;padding:10px 14px;border-radius:10px;font-size:.86rem;line-height:1.5;
  white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s;box-shadow:0 10px 26px -10px rgba(6,22,52,.6)}
.bar-tip b{color:var(--gold)}
.bar-row:hover .bar-tip,.bar-row:focus-visible .bar-tip{opacity:1;visibility:visible}
.chart-note{margin:18px 0 0;font-size:.9rem;color:var(--muted)}
@media (max-width:700px){
  .bar-row{grid-template-columns:30px 1fr 54px;grid-template-areas:"rank label value" "rank track value";gap:6px 12px}
  .bar-rank{grid-area:rank}.bar-label{grid-area:label}.bar-track{grid-area:track}.bar-value{grid-area:value}
  .bar-tip{display:none}
}

/* board stat row */
.board-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:38px}
.board-stats div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:var(--r-md);padding:20px}
.board-stats b{display:block;font-family:var(--display);font-weight:900;font-size:2.5rem;line-height:1;color:var(--navy);margin-bottom:6px}
.board-stats span{font-size:.92rem;color:var(--muted)}
@media (max-width:820px){.board-stats{grid-template-columns:repeat(2,1fr)}}

/* empty / loading states */
.board-empty{background:#fff;border:2px dashed #9FB3D1;border-radius:var(--r-lg);padding:44px 34px;text-align:center}
.board-empty h3{font-size:2rem;margin-bottom:12px}
.board-empty p{color:var(--muted);max-width:60ch;margin:0 auto 10px}
.board-loading{color:var(--muted);padding:26px 0}

/* home-page teaser */
.teaser-list{list-style:none;padding:0;margin:0 0 22px}
.teaser-list li{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.teaser-list li:last-child{border-bottom:0}
.teaser-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid var(--gold);color:var(--gold);font:800 .95rem var(--body)}
.teaser-name{font-weight:700;color:#fff;overflow-wrap:anywhere}
.teaser-count{font-weight:700;color:#C9D7EE;white-space:nowrap;font-size:.95rem}