:root{
    --navy:#050a18; --navy2:#0A0E27; --card:#0E1636; --card2:#131c40;
    --line:#1B2551; --line2:#28336b;
    --lime:#BDFF08; --blue:#0068A8; --gold:#F5C24B;
    --ink:#EAF0FF; --muted:#8A97C4; --muted2:#5C6B9E;
    --green:#3ddc84; --red:#ff6b6b;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html,body{margin:0;padding:0}
  body{background:var(--navy);color:var(--ink);font-family:'Inter',system-ui,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:520px;margin:0 auto;padding:0 18px 200px}

  /* device picker overlay */
  .device-pick{position:fixed;inset:0;z-index:300;background:radial-gradient(120% 80% at 50% 0%,rgba(0,104,168,.25),transparent 55%),var(--navy);display:flex;align-items:center;justify-content:center;padding:24px}
  .device-pick.hide{display:none}
  .dp-inner{max-width:420px;width:100%;text-align:center}
  .dp-logo{height:30px;margin-bottom:26px}
  .dp-title{font-size:22px;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}
  .dp-sub{font-size:13px;color:var(--muted);margin-bottom:26px}
  .dp-opts{display:flex;gap:12px;margin-bottom:18px}
  .dp-opt{flex:1;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:22px 14px;cursor:pointer;font-family:inherit;transition:.15s;color:var(--ink)}
  .dp-opt:hover{border-color:var(--lime);background:var(--card2)}
  .dp-opt:active{transform:scale(.98)}
  .dp-ic{font-size:34px;margin-bottom:10px}
  .dp-n{font-size:16px;font-weight:800;margin-bottom:3px}
  .dp-d{font-size:11px;color:var(--muted)}
  .dp-hint{font-size:11px;color:var(--muted2)}

  /* switch-layout toggle (hidden until a choice is made) */
  .mode-toggle{position:fixed;top:14px;right:14px;z-index:120;width:42px;height:42px;border-radius:50%;background:var(--card);border:1px solid var(--line2);color:var(--ink);font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4)}
  .mode-toggle.show{display:flex}

  /* ---- DESKTOP / LAPTOP LAYOUT ---- */
  body.desktop .wrap{max-width:1180px;padding:0 32px 130px}
  body.desktop .cta{background:linear-gradient(180deg,transparent,var(--navy) 40%)}
  body.desktop .cta .inner{max-width:1180px}
  body.desktop .hero-zone{max-width:760px;margin:0 auto}
  body.desktop .flow{column-count:2;column-gap:20px}
  body.desktop .flow>*{break-inside:avoid;-webkit-column-break-inside:avoid}
  body.desktop .section-h{margin-left:0}
  @media(max-width:900px){
    body.desktop .flow{column-count:1}
  }

  header{padding:20px 0 14px;display:flex;align-items:center;justify-content:space-between}
  .brand img{height:26px;display:block}
  .tag{font-size:11px;color:var(--muted);font-weight:600;border:1px solid var(--line);padding:5px 10px;border-radius:20px}

  h1{font-size:24px;font-weight:900;letter-spacing:-.8px;line-height:1.1;margin:10px 0 6px}
  h1 em{font-style:normal;color:var(--lime)}
  .lead{color:var(--muted);font-size:13.5px;margin-bottom:20px}

  /* hero hook strip */
  .hooks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}
  .hook{background:linear-gradient(160deg,rgba(189,255,8,.13),rgba(189,255,8,.03));border:1px solid rgba(189,255,8,.28);border-radius:14px;padding:16px 6px;text-align:center}
  .hk-v{font-size:24px;font-weight:900;color:var(--lime);letter-spacing:-.8px;line-height:1;font-variant-numeric:tabular-nums}
  .hk-v span{font-size:12px;font-weight:800}
  .hk-l{font-size:10px;color:#cfe8a0;margin-top:7px;font-weight:600;line-height:1.2}

  /* power bar — real capability stats, no fake feed */
  .powerbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 8px;margin-bottom:14px}
  .pb-item{text-align:center}
  .pb-item b{font-size:15px;font-weight:900;color:var(--ink);letter-spacing:-.4px;font-variant-numeric:tabular-nums;display:block;line-height:1}
  .pb-item small{font-size:9.5px;color:var(--muted);font-weight:600;display:block;margin-top:4px}

  /* awards line */
  .awards{background:linear-gradient(100deg,rgba(245,194,75,.12),var(--card));border:1px solid rgba(245,194,75,.28);border-radius:11px;padding:11px 13px;margin-bottom:12px;font-size:11.5px;color:var(--muted);line-height:1.4}
  .awards b{color:var(--gold);font-weight:700}

  /* who we are strip */
  .who-strip{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;padding:16px 10px;margin-bottom:12px}
  .who-strip .ws-item{flex:1;text-align:center}
  .who-strip .ws-num{font-size:26px;font-weight:900;color:var(--lime);letter-spacing:-1px;line-height:1}
  .who-strip .ws-lbl{font-size:9.5px;color:var(--muted);margin-top:5px;line-height:1.25;font-weight:600}
  .who-strip .ws-div{width:1px;height:34px;background:var(--line2);flex-shrink:0}

  .cred{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}
  .cred-hd{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.2px;margin-bottom:10px}
  .reg{display:flex;flex-direction:column;gap:9px}
  .reg-row{display:flex;align-items:flex-start;gap:11px}
  .reg-row .flag{font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}
  .reg-row b{font-size:13px;color:var(--ink);font-weight:800}
  .reg-row small{display:block;font-size:11px;color:var(--muted);margin-top:1px}
  .safe{display:flex;flex-direction:column;gap:11px}
  .safe-i{display:flex;align-items:flex-start;gap:10px}
  .safe-i .si-ic{font-size:15px;flex-shrink:0;line-height:1.3;width:18px;text-align:center}
  .safe-i .si-tx{flex:1;min-width:0}
  .safe-i .si-tx b{display:block;color:var(--ink);font-weight:700;font-size:12.5px;line-height:1.35}
  .safe-i .si-tx small{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:1px}
  .inter{margin-top:14px;padding:15px;border-radius:12px;background:linear-gradient(100deg,rgba(0,104,168,.22),rgba(1,14,128,.32));border:1px solid rgba(0,104,168,.4);text-align:center}
  .inter-lockup{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:10px}
  .inter-um{height:24px;display:block}
  .inter-bar{width:1px;height:28px;background:rgba(255,255,255,.3)}
  .inter-crest{height:38px;width:38px;display:block;border-radius:6px}
  .inter-t{font-size:12px;color:var(--muted);line-height:1.4}
  .inter-t b{color:#fff;font-weight:800;font-size:13.5px}

  .section-h{font-size:12px;font-weight:700;color:var(--muted);margin:26px 4px 12px;display:flex;align-items:center;gap:8px}
  .section-h .n{width:20px;height:20px;border-radius:6px;background:var(--card2);border:1px solid var(--line);display:grid;place-items:center;font-size:11px;color:var(--lime);font-weight:800}

  .segrow{display:flex;gap:8px;margin-bottom:14px}
  .segrow .seg{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 4px;cursor:pointer;transition:.15s}
  .segrow .seg.on{color:var(--navy);background:var(--lime);border-color:var(--lime)}
  .segrow .seg small{display:block;font-weight:500;font-size:10.5px;opacity:.7;margin-top:1px}
  .segrow .seg.on small{opacity:.85}

  .markup-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:6px}
  .mk{position:relative;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:14px 2px 10px;cursor:pointer;transition:.15s;overflow:hidden}
  .mk.on{border-color:var(--lime);background:linear-gradient(160deg,rgba(189,255,8,.14),var(--card))}
  .mk .lv{font-size:11px;font-weight:700;color:var(--muted);line-height:1.15}
  .mk.on .lv{color:var(--ink)}
  .mk .rt{font-size:15px;font-weight:900;color:var(--lime);margin-top:3px;font-variant-numeric:tabular-nums}
  .mk .sp{font-size:9px;color:var(--muted2);margin-top:3px;line-height:1.2}
  .mk.on .sp{color:var(--muted)}
  /* mini badge on special cards */
  .mk .mk-tag{position:absolute;top:0;left:0;right:0;font-size:7.5px;font-weight:800;letter-spacing:.3px;padding:2px 0;line-height:1}
  .mk-fav .mk-tag{background:var(--blue);color:#fff}
  .mk .mk-tag-gold{background:linear-gradient(90deg,#8a6a12,#f5c24b,#8a6a12);color:#2a1e00}
  /* favourite (1.0 / 1.5) — inter blue fill */
  .mk-fav{border-color:rgba(0,104,168,.5);background:linear-gradient(160deg,rgba(0,104,168,.22),var(--card))}
  .mk-fav .rt{color:#5db6e8}
  .mk-fav.on{border-color:#0068A8;background:linear-gradient(160deg,rgba(0,104,168,.4),rgba(1,14,128,.2))}
  .mk-fav.on .rt{color:#8fd0f5}
  /* special (2.0) — gold shining fill */
  .mk-gold{border-color:rgba(245,194,75,.55);background:linear-gradient(160deg,rgba(245,194,75,.2),var(--card))}
  .mk-gold .rt{color:var(--gold)}
  .mk-gold.on{border-color:var(--gold)}
  .mk-gold:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:shine 3.2s ease-in-out infinite}
  @keyframes shine{0%{left:-60%}55%{left:130%}100%{left:130%}}
  .mk-gold.on{background:linear-gradient(160deg,rgba(245,194,75,.38),rgba(138,106,18,.18))}
  .mk-gold.on .rt{color:#ffdd8a}
  /* selection message under grid */
  .mk-msg{font-size:11.5px;line-height:1.45;border-radius:10px;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,margin .3s ease;margin:0}
  .mk-msg.show{max-height:120px;padding:11px 13px;margin-bottom:8px}
  .mk-msg.fav{background:rgba(0,104,168,.14);border:1px solid rgba(0,104,168,.35);color:#bfe0f5}
  .mk-msg.gold{background:linear-gradient(120deg,rgba(245,194,75,.16),rgba(138,106,18,.1));border:1px solid rgba(245,194,75,.4);color:#f7e3b0}
  .mk-msg b{color:#fff;font-weight:700}
  .mk-note{font-size:11.5px;color:var(--muted2);margin-bottom:8px;padding:0 2px}
  .mk-choose{font-size:13px;font-weight:800;color:var(--lime);margin-bottom:8px;padding:9px 12px;background:rgba(189,255,8,.1);border:1px solid rgba(189,255,8,.3);border-radius:10px;text-align:center;animation:blink 1.6s ease-in-out infinite}

  /* account types */
  .acc-grid{display:flex;flex-direction:column;gap:10px}
  .acc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s}
  .acc.open{border-color:var(--line2)}
  .acc-hd{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer}
  .acc-name{flex:1;font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .acc-tag{font-size:9px;font-weight:800;letter-spacing:.3px;padding:3px 8px;border-radius:6px;background:var(--card2);color:var(--muted);text-transform:uppercase}
  .acc-tag.acc-tag-lime{background:var(--lime);color:var(--navy)}
  .acc-tag.acc-tag-blue{background:var(--blue);color:#fff}
  .acc-min{text-align:right;line-height:1.15;margin-right:2px}
  .acc-min span{display:block;font-size:9px;color:var(--muted2);font-weight:600}
  .acc-min b{font-size:16px;color:var(--lime);font-weight:900;font-variant-numeric:tabular-nums}
  .acc-chev{color:var(--lime);font-size:13px;transition:transform .25s;flex-shrink:0;animation:chevpulse 1.4s ease-in-out infinite;text-shadow:0 0 6px rgba(189,255,8,.6)}
  .acc.open .acc-chev{transform:rotate(180deg);animation:none;color:var(--muted2);text-shadow:none}
  .acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
  .acc.open .acc-body{max-height:420px}
  .acc-in{padding:0 16px 14px}
  .acc-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px}
  .acc-row .ak{color:var(--muted);flex-shrink:0}
  .acc-row .av{color:var(--ink);font-weight:600;text-align:right}
  .lev-hd{font-size:11px;font-weight:700;color:var(--lime);margin:2px 0 2px;letter-spacing:.2px}
  .fund-m{margin-bottom:12px}
  .fund-h{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .fund-badge{font-size:9px;font-weight:800;background:var(--lime);color:var(--navy);padding:2px 7px;border-radius:6px;text-transform:uppercase}
  .fund-badge.blink{animation:blink 1.1s ease-in-out infinite}
  .flash{color:var(--lime);font-weight:800;animation:blink 1.1s ease-in-out infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
  .fund-m .acc-row{padding:7px 0;font-size:12px}

  .vs{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px;margin-bottom:12px}
  .vs .heads{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:14px}
  .vs .col{text-align:center}
  .vs .col .who{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:6px}
  .vs .col.them .amt{font-size:30px;font-weight:900;color:var(--muted);letter-spacing:-1px;font-variant-numeric:tabular-nums}
  .vs .col.us .amt{font-size:34px;font-weight:900;color:var(--lime);letter-spacing:-1.2px;font-variant-numeric:tabular-nums}
  .vs .col .per{font-size:10.5px;color:var(--muted2);margin-top:2px}
  .vs .vscircle{width:34px;height:34px;border-radius:50%;background:var(--navy);border:1px solid var(--line2);display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted)}
  .vs .delta{background:rgba(189,255,8,.08);border:1px solid rgba(189,255,8,.22);border-radius:11px;padding:11px;text-align:center}
  .vs .delta .big{font-size:16px;font-weight:800;color:var(--lime)}
  .vs .delta .sm{font-size:11px;color:var(--muted);margin-top:2px}

  .broker-edit{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px}
  .broker-edit label{font-size:13px;color:var(--muted);font-weight:500;flex:1}
  .broker-edit .inwrap{display:flex;align-items:center;gap:3px;background:var(--navy);border:1px solid var(--line2);border-radius:9px;padding:5px 11px}
  .broker-edit .inwrap .pre{color:var(--muted);font-size:14px;font-weight:600}
  .broker-edit input{background:transparent;border:none;color:#fff;font-size:16px;font-weight:800;width:52px;text-align:right;outline:none;font-family:inherit;font-variant-numeric:tabular-nums}

  .ctrl{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 16px;margin-bottom:12px}
  .ctrl .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
  .ctrl .name{font-size:13.5px;font-weight:600}
  .ctrl .name small{color:var(--muted2);font-weight:500;display:block;font-size:11px}
  .ctrl .val{font-size:16px;font-weight:800;color:var(--lime);font-variant-numeric:tabular-nums;background:rgba(189,255,8,.08);padding:3px 11px;border-radius:9px}
  input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:var(--line);outline:none}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--lime);cursor:pointer;border:4px solid var(--card);box-shadow:0 0 0 1px var(--lime)}
  input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lime);cursor:pointer;border:4px solid var(--card)}
  .scale{display:flex;justify-content:space-between;font-size:10px;color:var(--muted2);margin-top:6px}

  /* the "missing" callout */
  .missing{background:linear-gradient(160deg,rgba(255,107,107,.14),var(--card));border:1px solid rgba(255,107,107,.3);border-radius:16px;padding:16px;margin-bottom:12px;text-align:center}
  .missing .top{font-size:12px;color:#ffc9c9;font-weight:600;margin-bottom:4px}
  .missing .big{font-size:38px;font-weight:900;letter-spacing:-1.5px;color:#ff8a8a;font-variant-numeric:tabular-nums;line-height:1}
  .missing .sm{font-size:11.5px;color:var(--muted);margin-top:6px}
  .missing .yr{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,107,107,.2);display:flex;justify-content:space-between;align-items:center}
  .missing .yr .k{font-size:12px;color:var(--muted);font-weight:600}
  .missing .yr .v{font-size:20px;font-weight:900;color:#ff8a8a;font-variant-numeric:tabular-nums}

  .income{background:radial-gradient(120% 90% at 100% 0%,rgba(0,104,168,.32),transparent 60%),var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:12px}
  .income .lbl{font-size:12px;color:var(--muted);font-weight:600;margin-bottom:4px}
  .income .amount{font-size:44px;font-weight:900;letter-spacing:-1.8px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:5px}
  .income .amount .cur{font-size:20px;color:var(--lime);font-weight:800}
  .income .per{font-size:12px;color:var(--muted);margin-top:7px}
  .income .annual{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
  .income .annual .k{font-size:12px;color:var(--muted);font-weight:600}
  .income .annual .v{font-size:20px;font-weight:800;color:var(--lime);font-variant-numeric:tabular-nums}

  .norule{display:flex;align-items:center;gap:9px;background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.25);border-radius:11px;padding:12px 13px;margin-bottom:12px}
  .norule .ic{font-size:17px}
  .norule p{font-size:12.5px;color:#bff0d3}
  .norule b{color:var(--green)}

  .benefit{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:10px}
  .benefit .hd{padding:15px 16px;display:flex;align-items:center;gap:13px;cursor:pointer}
  .benefit .hd .em{width:38px;height:38px;border-radius:10px;background:var(--card2);display:grid;place-items:center;font-size:19px;flex-shrink:0}
  .benefit .hd .t{flex:1}
  .benefit .hd .t .n{font-size:14px;font-weight:700}
  .benefit .hd .t .d{font-size:11.5px;color:var(--muted);margin-top:1px}
  .benefit .hd .chev{color:var(--lime);transition:transform .25s;font-size:13px;animation:chevpulse 1.4s ease-in-out infinite;text-shadow:0 0 6px rgba(189,255,8,.6)}
  .benefit.open .hd .chev{animation:none;color:var(--muted2);text-shadow:none}
  @keyframes chevpulse{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}
  .benefit.open .hd .chev{transform:rotate(180deg)}
  .benefit .body{max-height:0;overflow:hidden;transition:max-height .35s ease}
  .benefit.open .body{max-height:1400px}
  .benefit[data-b=funding].open .body{max-height:2200px}
  .benefit .bin{padding:0 16px 16px}
  .benefit .bin p{font-size:12.5px;color:var(--muted);margin:0 0 10px}
  .benefit .bin .row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px}
  .benefit .bin .row .k{color:var(--muted)}
  .benefit .bin .row .v{font-weight:700;text-align:right}
  .benefit .bin .gate{background:var(--navy);border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-top:11px;font-size:11.5px;color:var(--muted)}
  .benefit .bin .gate b{color:var(--gold)}
  .cty-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .cty{display:flex;align-items:center;gap:8px;background:var(--navy);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12px;color:var(--ink);font-weight:500;min-width:0}
  .cty .cfl{font-size:15px;flex-shrink:0;line-height:1}
  .cty span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .merch-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:11px}
  .merch{background:#f5f6f8;border:1px solid var(--line);border-radius:11px;overflow:hidden;cursor:zoom-in}
  .merch img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
  .merch-n{font-size:10px;font-weight:600;color:var(--navy);text-align:center;padding:6px 4px;background:#fff}
  .nd-input{display:flex;align-items:center;justify-content:space-between;margin:6px 0 4px}
  .nd-input label{font-size:12.5px;color:var(--muted)}
  .nd-input .inwrap{display:flex;align-items:center;gap:3px;background:var(--navy);border:1px solid var(--line2);border-radius:9px;padding:5px 10px}
  .nd-input .inwrap .pre{color:var(--muted);font-size:13px}
  .nd-input input{background:transparent;border:none;color:#fff;font-size:15px;font-weight:800;width:90px;text-align:right;outline:none;font-family:inherit;font-variant-numeric:tabular-nums}
  .tier-hit{background:rgba(189,255,8,.07);border:1px solid rgba(189,255,8,.22);border-radius:11px;padding:12px;margin-top:11px;text-align:center}
  .tier-hit .e-big{font-size:22px;font-weight:900;color:var(--lime);font-variant-numeric:tabular-nums}
  .tier-hit .e-sm{font-size:11px;color:var(--muted);margin-top:2px}
  .reveal-btn{width:100%;margin-top:12px;padding:13px;border-radius:11px;border:none;background:var(--lime);color:var(--navy);font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:transform .1s}
  .reveal-btn:active{transform:scale(.98)}
  .reveal-btn.done{background:var(--card2);color:var(--muted);border:1px solid var(--line)}
  .elig{display:block;font-size:11px;font-weight:700;padding:8px 10px;border-radius:8px;margin-top:9px;text-align:center}
  .elig.yes{background:rgba(61,220,132,.14);color:var(--green)}
  .elig.no{background:rgba(255,107,107,.12);color:var(--red)}
  /* incentive table */
  .inctable{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .inctable .r{display:grid;grid-template-columns:1.5fr .8fr .7fr;font-size:11.5px}
  .inctable .r>div{padding:8px 10px;border-top:1px solid var(--line)}
  .inctable .r.h>div{border-top:none;color:var(--muted);font-weight:700;font-size:10.5px;background:var(--card2)}
  .inctable .r.on{background:rgba(189,255,8,.1)}
  .inctable .r.on>div{color:var(--ink);font-weight:700}
  .inctable .r .pct{color:var(--lime);font-weight:800;text-align:right}
  .inctable .r .lot{text-align:center;color:var(--muted)}

  /* campaign cards with artwork */
  .camp{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:11px}
  .camp .chd{padding:13px 15px;display:flex;align-items:center;gap:11px;cursor:pointer}
  .camp .pill{font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:6px;flex-shrink:0}
  .camp .pill.client{background:rgba(0,104,168,.22);color:#5db6e8}
  .camp .pill.partner{background:rgba(189,255,8,.14);color:var(--lime)}
  .camp .info{flex:1}
  .camp .info .n{font-size:13.5px;font-weight:700}
  .camp .info .d{font-size:11px;color:var(--muted);margin-top:1px}
  .camp .status{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
  .camp .status.active{background:rgba(61,220,132,.14);color:var(--green)}
  .camp .status .dt{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(61,220,132,.2)}
  .camp .cbody{max-height:0;overflow:hidden;transition:max-height .4s ease}
  .camp.open .cbody{max-height:1400px}
  .camp .cin{padding:2px 15px 16px}
  .camp .cin .meta{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-bottom:12px}
  .camp .cin .meta b{color:var(--ink);font-weight:700}
  .camp .cin .gate{background:var(--navy);border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-top:11px;font-size:11.5px;color:var(--muted);line-height:1.5}
  .camp .poster{width:100%;border-radius:12px;border:1px solid var(--line);display:block;cursor:zoom-in;margin-bottom:10px}
  .camp .noposter{width:100%;aspect-ratio:1/1.1;border-radius:12px;border:1px dashed var(--line2);display:grid;place-items:center;text-align:center;color:var(--muted2);font-size:12px;margin-bottom:10px;background:var(--navy)}
  .camp .talk{background:var(--navy);border:1px solid var(--line);border-radius:10px;padding:11px 12px}
  .camp .talk .tt{font-size:10.5px;color:var(--lime);font-weight:700;margin-bottom:5px}
  .camp .talk p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
  .dbu-calc{background:var(--navy);border:1px solid var(--line2);border-radius:12px;padding:14px;margin-top:11px}
  .dbu-title{font-size:11px;font-weight:700;color:var(--lime);margin-bottom:8px;letter-spacing:.2px}
  .dbu-facts{display:flex;flex-direction:column;gap:6px;margin-top:11px}
  .dbu-f{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--muted);line-height:1.4}
  .dbu-f span{color:var(--green);flex-shrink:0;font-weight:800}
  .db-break{margin-top:11px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .db-row{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line)}
  .db-row:first-child{border-top:none}
  .db-row b{color:var(--ink);font-weight:700}

  .cta{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,var(--navy) 28%);padding:18px;padding-bottom:calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:50;pointer-events:none}
  .cta .inner{pointer-events:auto}
  .cta .inner{max-width:520px;width:100%;display:flex;gap:10px}
  .btn{flex:1;padding:16px;border-radius:14px;border:none;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
  .btn-primary{background:var(--lime);color:var(--navy)}
  .btn-primary:active{transform:scale(.98)}
  .btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line);flex:0 0 54px}

  .foot{text-align:center;font-size:10px;color:var(--muted2);margin-top:18px;line-height:1.6}

  .modal{position:fixed;inset:0;background:rgba(4,7,20,.86);backdrop-filter:blur(6px);z-index:100;display:none;align-items:flex-end;justify-content:center}
  .modal.show{display:flex}
  .sheet{background:var(--card);border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;padding:24px 22px calc(28px + env(safe-area-inset-bottom));max-width:520px;width:100%;max-height:86vh;overflow-y:auto}
  .sheet .grab{width:38px;height:4px;border-radius:4px;background:var(--line2);margin:0 auto 18px}
  .sheet h3{margin:0 0 4px;font-size:19px;font-weight:800}
  .sheet .msub{color:var(--muted);font-size:12.5px;margin:0 0 16px}
  .sheet .close{background:var(--line);border:none;color:var(--ink);width:100%;padding:14px;border-radius:12px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;margin-top:16px}
  .qr{width:170px;height:170px;background:#fff;border-radius:14px;margin:8px auto 4px;padding:11px}
  .qr img{width:100%;height:100%}
  .snap{background:rgba(189,255,8,.08);border:1px solid rgba(189,255,8,.2);border-radius:12px;padding:14px;margin:14px 0;text-align:center}
  .snap .big{font-size:24px;font-weight:900;color:var(--lime);font-variant-numeric:tabular-nums}
  .snap .sm{font-size:11px;color:var(--muted);margin-top:2px}

  /* fullscreen poster zoom */
  .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:200;display:none;align-items:center;justify-content:center;padding:16px}
  .lightbox.show{display:flex}
  .lightbox img{max-width:100%;max-height:100%;border-radius:8px}
  .lightbox .x{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);border:none;color:#fff;font-size:20px;cursor:pointer}