/* Magpie design system v4 — premium consumer fintech. Tokens from the approved redesign.
   Existing class names used by app.js / hub.js / purchases.js and the server-rendered
   settlement + compare pages are kept and restyled so no behaviour changes. */
:root{
  --ink:#0F1720;--ink-2:#162322;--paper:#f6f6f0;--ivory:#F9FAF7;--white:#fff;--mist:#e9eee9;--muted:#65716e;
  --teal:#56d7c4;--teal-dark:#1d806f;--lime:#d9f27c;--violet:#8f83ff;--gold:#f5c95c;--danger:#d8654c;
  --line:rgba(11,21,20,.12);--line-2:rgba(11,21,20,.18);--shadow:0 24px 70px rgba(11,21,20,.12);--shadow-soft:0 18px 50px rgba(11,21,20,.07);
  --radius:24px;--radius-lg:30px;
  /* aliases kept for older components */
  --green:var(--teal-dark);--green-hover:#176a5c;--green-dark:#0e3115;--hero:var(--ink);--hero-2:var(--ink-2);
  --tint:#e8f8f3;--tint-2:#f1f5f0;--mint:#b2dac2;--amber:#fdf0c9;--amber-ink:#7a4d00;--indigo:var(--violet);
  --bg:var(--paper);--bg-alt:#eef1eb;--card:#fff;--red:var(--danger);--red-bg:#fff1ed;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,h4,p{margin-top:0}
.shell,.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.022;z-index:90;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center;margin-top:28px}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:8px}

/* ---------- header / nav ---------- */
.site-header,.nav{position:sticky;top:0;z-index:80;background:rgba(246,246,240,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,21,20,.08)}
.nav-shell,.nav-inner{height:76px;display:flex;align-items:center;gap:32px;position:relative}
.brand,.logo{font-size:22px;font-weight:900;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:10px}
.mark{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.mark img{width:36px;height:36px;display:block}
.wordmark{letter-spacing:-.045em}.wordmark em{font-style:normal;color:var(--teal-dark)}
.tagline{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-dark);margin:6px 0 10px}
.nav-links{display:flex;gap:26px;margin-left:16px;font-size:14px;font-weight:700;color:#33413f}
.nav-links a,.text-link{transition:.2s ease}.nav-links a:hover,.text-link:hover{color:var(--teal-dark)}
.text-link.teal{color:var(--teal-dark);font-weight:800}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700}
.nav-signin{font-weight:700;color:#33413f}.nav-user{font-weight:800;color:var(--teal-dark)}
.mobile-menu{display:none;background:none;border:0;font-size:22px;cursor:pointer;padding:6px 8px;border-radius:10px}
.nav-links.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:#fff;padding:18px;border-radius:18px;box-shadow:0 20px 45px rgba(11,21,20,.12);margin:0;gap:14px;z-index:90}

/* ---------- buttons ---------- */
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;border:1px solid transparent;font-weight:850;letter-spacing:-.01em;cursor:pointer;transition:.22s ease;font-size:14.5px;white-space:nowrap;line-height:1.2}
.button:hover,.btn:hover{transform:translateY(-2px)}
.button-small,.btn-sm{padding:10px 16px;font-size:13.5px}.btn-lg{padding:16px 26px;font-size:16px}
.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:var(--ink-2)}
.button-primary,.btn-primary{background:var(--lime);color:var(--ink);box-shadow:0 10px 30px rgba(217,242,124,.24)}.button-primary:hover,.btn-primary:hover{box-shadow:0 14px 34px rgba(217,242,124,.3);background:#e2f78f}
.button-ghost,.btn-ghost{border-color:rgba(11,21,20,.15);background:rgba(255,255,255,.55);color:var(--ink)}.button-ghost:hover,.btn-ghost:hover{border-color:var(--teal-dark);color:var(--teal-dark)}
.full{width:100%}.btn.done{background:var(--tint);color:var(--teal-dark);pointer-events:none;box-shadow:none}
button:disabled{opacity:.6;cursor:default;transform:none!important}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:86px 0 78px;background:radial-gradient(circle at 78% 40%,rgba(86,215,196,.16),transparent 30%),radial-gradient(circle at 91% 8%,rgba(143,131,255,.11),transparent 25%),linear-gradient(180deg,#fbfbf6 0%,var(--paper) 100%)}
.hero:after{content:"";position:absolute;right:-180px;top:-240px;width:650px;height:650px;border:1px solid rgba(11,21,20,.08);border-radius:50%}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:80px;align-items:center}
.eyebrow,.kicker{font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-dark)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:999px;letter-spacing:.08em;color:#39504b}
.live-dot{width:8px;height:8px;border-radius:50%;background:#32b987;box-shadow:0 0 0 5px rgba(50,185,135,.12);position:relative}
.pulse-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:#32b987;opacity:.35;animation:ripple 1.8s ease-out infinite}
@keyframes ripple{0%{transform:scale(.4);opacity:.5}100%{transform:scale(1.7);opacity:0}}
h1{font-size:clamp(55px,6vw,86px);line-height:.96;letter-spacing:-.065em;margin:26px 0 26px;max-width:750px;font-weight:900}
.shine{position:relative;white-space:nowrap}.shine:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:9px;border-radius:999px;background:var(--teal);z-index:-1;opacity:.65}
.hero-lede{font-size:20px;line-height:1.55;max-width:650px;color:#50605d}
.hero-actions{display:flex;gap:12px;margin:34px 0 25px;flex-wrap:wrap}
.trust-row{display:flex;gap:21px;flex-wrap:wrap;color:#596561;font-size:13px;font-weight:750}.trust-row i{font-style:normal;color:var(--teal-dark)}
.hero-visual{min-height:530px;position:relative;display:grid;place-items:center}
.visual-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#d8fff7 0,#dff7ef 40%,rgba(223,247,239,0) 70%);filter:blur(6px)}
.orbit{position:absolute;border:1px solid rgba(11,21,20,.09);border-radius:50%;transform:rotate(-14deg)}.orbit-one{width:500px;height:410px}.orbit-two{width:590px;height:500px}
.match-card{position:relative;z-index:3;background:rgba(255,255,255,.92);border:1px solid rgba(11,21,20,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}
.featured-card{width:min(440px,92%);transform:rotate(-2deg)}
.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}
.match-badge{background:var(--ink);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.source-pill{font-size:11px;font-weight:800;color:#65716e}
.company-logo{width:64px;height:64px;border-radius:20px;margin:27px 0 18px;display:grid;place-items:center;font-size:26px;font-weight:950;background:linear-gradient(135deg,#1b2a29,#344846);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.category{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--teal-dark);font-weight:900;margin-bottom:9px}
.featured-card h2{font-size:26px;line-height:1.08;letter-spacing:-.04em;margin-bottom:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-copy{color:#63716e;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.money-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0;padding:18px 0}
.money-row div+div{border-left:1px solid var(--line);padding-left:18px}
.money-row span,.settlement-meta small{display:block;color:#77817f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.money-row strong{font-size:19px;letter-spacing:-.03em;display:block;line-height:1.2}
.float-chip{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:0 12px 35px rgba(11,21,20,.1);font-size:12px;font-weight:850}.float-chip b{margin-left:8px;color:var(--teal-dark)}
.chip-one{left:0;top:110px;transform:rotate(6deg)}.chip-two{right:0;bottom:88px;transform:rotate(4deg)}

/* ---------- proof strip + engine ---------- */
.proof-strip{padding:26px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f3ed}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-item{padding:12px 24px;border-right:1px solid var(--line)}.proof-item:first-child{padding-left:0}.proof-item:last-child{border-right:0}
.proof-item strong{display:block;font-size:30px;letter-spacing:-.045em}.proof-item span{color:#67716f;font-size:12px;font-weight:750}
.micro-note{font-size:11px;color:#8a9391;padding-top:10px}
.engine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.engine-meta b{color:var(--ink)}.engine-status{display:contents}
.scan{width:12px;height:12px;border:2px solid var(--teal-dark);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0;display:inline-block}
.scan.idle{animation:none;border-color:#b8c7c2}@keyframes spin{to{transform:rotate(360deg)}}
.src{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px;background:#32b987}.src.bad{background:var(--danger)}

/* ---------- sections ---------- */
.section{padding:106px 0}.section.alt{background:var(--bg-alt)}
.section-heading{margin-bottom:42px}.split-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}
.section-heading h2,.claims-section h2,.alert-card h2,.faq-grid h2,h2{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 0;font-weight:900}
.section-heading p{color:#64706e;max-width:520px;margin-bottom:3px}.centered{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}

/* ---------- finder ---------- */
.finder-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-soft)}
.finder-progress{display:flex;align-items:center;gap:10px;margin-bottom:30px}
.finder-progress span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:11px;font-weight:900}
.finder-progress span~span{background:#e8ede8;color:#81908c}.finder-progress i{width:48px;height:1px;background:#d7dfda}
.finder-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:16px}
.field-group label,.choice-label{display:block;font-size:12px;font-weight:900;margin:0 0 8px;color:#33413f}.choice-label .muted{font-weight:600;text-transform:none;letter-spacing:0}
.field-group input,.field-group select,.email-form input,.search-box input,.input,.claims-bar input{width:100%;border:1px solid rgba(11,21,20,.14);background:#fafbf8;border-radius:14px;padding:15px 16px;outline:none;color:var(--ink);font-size:14.5px}
.field-group input:focus,.field-group select:focus,.email-form input:focus,.search-box input:focus,.input:focus{border-color:var(--teal-dark);box-shadow:0 0 0 4px rgba(86,215,196,.13)}
.choice-wrap{margin-top:26px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.choice{position:relative;display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;cursor:pointer;transition:.2s;background:#fff}
.choice:has(input:checked){border-color:var(--teal-dark);background:#f1fffb;box-shadow:0 0 0 2px rgba(86,215,196,.15)}
.choice input{margin-top:3px;accent-color:var(--teal-dark)}.choice b{display:block;font-size:13px}.choice small{color:#7b8683}
.finder-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;margin-top:26px;border-top:1px solid var(--line);flex-wrap:wrap}
.finder-actions{display:flex;gap:10px;flex-wrap:wrap}
.switch-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:#50605d;cursor:pointer}
.switch-label input{position:absolute;opacity:0;width:1px;height:1px}
.switch{width:42px;height:24px;border-radius:999px;background:#d9dfdc;position:relative;transition:.2s;flex-shrink:0}
.switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.switch-label input:checked+.switch{background:var(--teal-dark)}.switch-label input:checked+.switch:after{transform:translateX(18px)}
.switch-label input:focus-visible+.switch{outline:3px solid var(--teal);outline-offset:2px}
.chips,.filter-chips{display:flex;gap:8px;flex-wrap:wrap}
.wrap-chips{max-height:150px;overflow:auto;padding:2px}
.chip,.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;font-size:12.5px;cursor:pointer;color:#33413f;transition:.18s}
.chip:hover,.filter:hover{border-color:var(--teal-dark);color:var(--teal-dark)}
.chip.on,.filter.active,.filter.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.purchase-box{background:#f7f9f5;border:1px dashed rgba(11,21,20,.2);border-radius:16px;padding:16px}
.purchase-box input[type=file]{width:100%;padding:10px;font-size:13px;background:#fff;border:1px solid var(--line);border-radius:12px}
.purchase-box .small{margin-top:8px}#purchaseSummary .chip{margin:4px 2px 0 0;font-size:12px;padding:6px 10px}
.finder-results{margin-top:28px}
.finder-summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:16px;font-size:15px}.finder-summary b{color:var(--teal-dark)}

/* ---------- settlements ---------- */
.settlements-section{background:#eef1eb}
.filter-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.search-box{width:390px;max-width:100%;position:relative}.search-box span{position:absolute;left:16px;top:12px;font-size:22px;color:#71807d}.search-box input{padding-left:45px;background:#fff}
.sort-select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;font-size:12.5px;color:#33413f}
.cat-chips{margin-bottom:12px}
.count-line{font-size:13px;color:var(--muted);margin:6px 0 18px}.count-line b{color:var(--ink)}.ok{color:var(--teal-dark)}.bad{color:var(--danger)}
.grid,.settlement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.25s;position:relative}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(11,21,20,.08)}
.card.fresh{animation:pop .6s ease}.card.expired{opacity:.55;filter:grayscale(.4)}.card.expired:hover{transform:none}
@keyframes pop{0%{transform:scale(.96);opacity:0}100%{transform:scale(1);opacity:1}}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.tag{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#1f7164;margin-right:8px}
.pill{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px}
.pill-none{background:#ecfaf6;color:#267d68}.pill-id{background:var(--amber);color:var(--amber-ink)}.pill-required{background:#eef1ed;color:#596561}.pill-unknown{background:#eef1ed;color:#7c8683}
.new-badge{font-size:10px;font-weight:900;background:var(--violet);color:#fff;border-radius:999px;padding:5px 9px;text-transform:uppercase;letter-spacing:.06em}
.exp-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:var(--red-bg);color:#a94432;border-radius:999px;padding:5px 9px}
.card h3{font-size:22px;line-height:1.1;letter-spacing:-.035em;margin:4px 0 2px;font-weight:850}.card h3 a:hover{color:var(--teal-dark)}
.payout{font-size:17px;color:var(--teal-dark);font-weight:850;letter-spacing:-.02em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .elig{color:#6b7673;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.why{font-size:12.5px;color:#1f7164;background:#edf9f6;border-radius:12px;padding:9px 11px}
.srcs{font-size:11.5px;color:var(--muted)}
.deadline{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.days{font-size:13px;font-weight:900}.days small{display:block;font-weight:600;color:#7b8683;font-size:11px;margin-top:2px}
.days.urgent{color:#be432e}.days.soon{color:#a9652a}.days.ok{color:var(--teal-dark)}.days.expired{color:#8a9391}
.card-actions{display:flex;gap:8px}
.claim{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:850;cursor:pointer;transition:.18s;white-space:nowrap}
.claim:hover{background:var(--ink-2);transform:translateY(-1px)}.claim.ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}.claim.ghost:hover{border-color:var(--teal-dark);color:var(--teal-dark)}
.claim.done{background:#ecfaf6;border-color:#ecfaf6;color:#267d68;pointer-events:none}
a.claim{display:inline-flex;align-items:center}

/* ---------- claims band ---------- */
.claims-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.claims-section:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(86,215,196,.2),transparent 66%);right:-140px;top:-180px}
.claims-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center;position:relative;z-index:2}
.kicker.light{color:var(--teal)}.claims-section p{color:#aeb8b5;font-size:17px;max-width:550px}
.claim-benefits{display:grid;gap:12px;margin-top:30px}.claim-benefits span{color:#b8c2bf}.claim-benefits b{color:#fff}
.claim-panel{background:#f9faf7;color:var(--ink);border-radius:26px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.23)}
.claim-panel-head{display:flex;justify-content:space-between;padding:8px 8px 14px;font-weight:900}.status-dot{font-size:11px;color:#27856e}
.claims-bar{display:flex;gap:8px;margin-bottom:12px}.claims-bar input{background:#fff}
.claims-list{display:grid;gap:10px}
.claim-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:14px;border-radius:16px}
.claim-row h4{font-size:14px;font-weight:850;margin:0}.claim-row .meta{color:#7b8683;font-size:12px;margin-top:3px}
.claim-row select{border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;background:#fff}
.claim-row .card-actions .claim{padding:8px 12px;font-size:12px}

/* ---------- hub ---------- */
.hub-section{background:var(--paper)}
.hub-h{font-size:18px;margin:26px 0 12px;font-weight:900;letter-spacing:-.02em}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.chan-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;transition:.2s}
.chan-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(11,21,20,.08)}.chan-card.following{border-color:var(--teal-dark)}
.chan-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:17px;letter-spacing:-.02em}
.chan-card p{font-size:13.5px;color:#6b7673;margin:0}.chan-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:auto}.chan-meta b{color:var(--ink)}
.chan-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 18px;flex-wrap:wrap}.chan-head h3{font-size:30px;letter-spacing:-.04em;margin:0}
.crumb{font-size:13px;color:var(--teal-dark);font-weight:800}
.hub-signin{margin-bottom:16px;padding:22px}.hub-signin h3{margin-bottom:4px;font-size:20px}.hub-signin .claims-bar{margin:12px 0 6px}
.paywall{background:linear-gradient(130deg,#192826 0%,#0b1514 58%,#122321 100%);color:#fff;border-radius:var(--radius-lg);padding:32px;display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:16px;align-items:center;box-shadow:0 30px 80px rgba(11,21,20,.16)}
.paywall.compact{grid-template-columns:1fr}
.paywall h3{font-size:26px;margin-bottom:6px;letter-spacing:-.03em}.paywall p{font-size:14.5px;color:#afbab7}.paywall .guarantee{margin-top:10px;color:#e6efe6}.paywall .muted{color:#83918d}
.paywall-plans{display:grid;gap:10px}
.plan{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);color:#fff;border-radius:16px;padding:14px 18px;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:.15s}
.plan b{font-size:22px}.plan span{font-size:12.5px;color:#a9b8aa}.plan:hover{border-color:var(--teal)}.plan.best{border-color:var(--lime);background:rgba(217,242,124,.14)}
.locked-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 18px;margin-bottom:16px}
.locked-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;align-items:center}.locked-row:last-child{border-bottom:none}
.locked-row b{color:var(--teal-dark)}.locked-row.blur{color:var(--muted);grid-template-columns:1fr;font-weight:700}
.posts{display:grid;gap:18px}.post{background:#eef1eb;border:1px solid var(--line);border-radius:26px;padding:14px}
.post-meta{font-size:12px;color:var(--muted);margin:0 6px 8px}
.comments{margin-top:10px;padding:0 4px}.comment-list{display:grid;gap:8px;margin:8px 0}
.comment{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}.comment p{margin:2px 0 0;color:#6b7673}
.comment-form{display:flex;gap:8px}.comment-form input{flex:1}
.account{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.account h3{font-size:22px}.account h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:18px 0 8px}
.account .checks{display:grid;gap:8px;font-size:14px}.account .checks label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}.account .checks input{accent-color:var(--teal-dark);margin-top:3px}
.cta-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}

/* ---------- how / alerts / faq ---------- */
.steps-grid,.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step-card,.how-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:250px}
.step-num{position:absolute;right:24px;top:23px;font-size:11px;font-weight:900;color:#87918e}
.step-icon,.how-card .num{width:54px;height:54px;border-radius:18px;background:#edf9f6;display:grid;place-items:center;color:#1c7c6b;font-size:24px;margin-bottom:28px;font-weight:900}
.step-card h3,.how-card h3{font-size:24px;letter-spacing:-.035em;margin-bottom:9px}.step-card p,.how-card p{color:#6d7875;font-size:14.5px}
.alert-section{padding-top:0}
.alert-card{background:linear-gradient(130deg,#192826 0%,#0b1514 58%,#122321 100%);border-radius:32px;padding:52px 58px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;box-shadow:0 30px 80px rgba(11,21,20,.16)}
.alert-card h2{font-size:45px}.alert-card p{color:#afbab7;max-width:560px;margin-bottom:0}
.email-form{display:grid;grid-template-columns:1fr auto;gap:10px}.email-form input{background:#fff}.email-form small{grid-column:1/-1;color:#83918d}
.unclaimed-section{padding-top:0}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.faq-grid>div:first-child p{color:#687572}
.accordion details{border-bottom:1px solid var(--line);padding:21px 0}
.accordion summary{cursor:pointer;list-style:none;font-size:17px;font-weight:900;display:flex;justify-content:space-between;gap:16px}
.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";font-size:22px;color:#697773;flex-shrink:0}.accordion details[open] summary:after{content:"−"}
.accordion details p{color:#6d7875;padding:14px 30px 0 0;margin-bottom:0}

/* ---------- footer ---------- */
footer{background:#e9ece5;padding:70px 0 28px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1fr .6fr 1.25fr;gap:60px}
.footer-brand .mark,.footer-brand .mark img{width:30px;height:30px}
.footer-lockup img{height:56px;width:auto;display:block;margin-bottom:6px}
.footer-grid p,.footer-legal,.fine{color:#6e7976;font-size:13px;line-height:1.55}
.footer-links{display:grid;gap:11px;font-size:13px;font-weight:800}
.footer-bottom{border-top:1px solid var(--line);margin-top:44px;padding-top:20px;display:flex;justify-content:space-between;color:#7b8582;font-size:11px;flex-wrap:wrap;gap:10px}

/* ---------- modal / toast ---------- */
.modal-bg{position:fixed;inset:0;background:rgba(11,21,20,.55);backdrop-filter:blur(4px);display:none;place-items:center;z-index:100;padding:20px}
.modal-bg.open{display:grid}
.modal{background:#fff;border-radius:26px;max-width:620px;width:100%;padding:30px;max-height:90vh;overflow:auto;animation:pop .3s ease;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.modal h3{font-size:26px;margin:12px 0 4px;letter-spacing:-.035em;line-height:1.1}.modal .payout{font-size:20px;margin-bottom:6px}
.modal h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:18px 0 6px}
.modal p,.modal li{font-size:14.5px;color:#4f5d5a}.modal .row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.modal .row input{flex:1;min-width:200px}
.modal .fine-print{font-size:11.5px;color:var(--muted);margin-top:12px}
.close-x{float:right;background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;line-height:1;padding:4px 8px;border-radius:10px}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--ink);color:#fff;font-weight:700;padding:13px 22px;border-radius:14px;z-index:200;transition:.3s;opacity:0;font-size:13.5px;max-width:92vw;box-shadow:0 15px 40px rgba(0,0,0,.2)}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}

/* ---------- server-rendered settlement page ---------- */
.page .detail{padding:36px 0 60px}.detail-head{margin:14px 0 26px}.detail-head h1{font-size:clamp(32px,4.5vw,54px);margin:12px 0 8px;max-width:none}
.payout-big{font-size:24px;font-weight:900;color:var(--teal-dark);letter-spacing:-.02em}
.deadline-row{display:flex;gap:14px;align-items:center;margin-top:8px;font-size:14px;flex-wrap:wrap}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid .card:hover{transform:none;box-shadow:none}
.detail-grid h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px;font-weight:900}
.span2{grid-column:1/-1}dl dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:10px;font-weight:900}dl dd{font-size:14.5px;margin:2px 0 0}
ul.plain{list-style:none;padding:0;margin:0}ul.plain a,.chan-links a{color:var(--teal-dark);font-weight:700}

/* ---------- responsive ---------- */
@media(max-width:960px){
  .nav-links,.nav-actions{display:none}.mobile-menu{display:block;margin-left:auto}
  .hero{padding-top:65px}.hero-grid,.split-heading,.claims-grid,.faq-grid,.alert-card{grid-template-columns:1fr;gap:45px}
  .hero-visual{min-height:500px}.choice-grid{grid-template-columns:repeat(2,1fr)}
  .grid,.settlement-grid,.steps-grid,.how-grid{grid-template-columns:1fr 1fr}
  .proof-grid{grid-template-columns:1fr 1fr}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-legal{grid-column:1/-1}.alert-card{padding:42px}.section{padding:82px 0}
  .detail-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .shell,.wrap{width:min(100% - 28px,1180px)}
  .hero{padding:50px 0 55px}h1{font-size:52px}.hero-lede{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}
  .hero-visual{min-height:430px}.featured-card{transform:none}.chip-one{left:3px;top:70px}.chip-two{right:3px;bottom:25px}
  .orbit-one{width:380px;height:330px}.orbit-two{width:450px;height:390px}
  .proof-item{padding:14px 12px}.proof-item strong{font-size:24px}
  .finder-card{padding:20px}.finder-grid,.choice-grid,.grid,.settlement-grid,.steps-grid,.how-grid{grid-template-columns:1fr}
  .finder-footer,.filter-bar{align-items:stretch;flex-direction:column}.search-box{width:100%}.finder-actions .button{flex:1}
  .claims-section h2,.section-heading h2,.faq-grid h2,h2{font-size:40px}
  .claim-row{grid-template-columns:1fr}.claims-bar{flex-direction:column}
  .alert-card{padding:32px 24px}.alert-card h2{font-size:38px}.email-form{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}.footer-legal{grid-column:auto}.footer-bottom{gap:15px;flex-direction:column}
  .paywall{padding:22px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}