/* ViralAdBlitz: "daylight cyberpunk" in Marty's colors (mockup approved by Marty 2026-11-14, "This looks good. Run with it").
   Light blue-white ground, white clipped-corner cards, deep royal bands + ticker, hero panel royal blue, red primary CTA,
   gold for Boost / starred / boosted, electric blue accents, purple as a minor accent, green check circles.
   Barlow Condensed italic for the big slanted display type, Chakra Petch headings + numbers, Inter body, JetBrains Mono labels.
   Its own look: not DLB ultraviolet, not VBB pop-art, not IAP mint, not LinkSpin. Class names are neutral (no ad/banner words). */
:root{
  --bg:#EAF0FF; --card:#FFFFFF; --line:#C9D6F5; --line2:#DCE5FA; --tint:#E1EBFF; --gtint:#FFF3CC; --gpale:#FFFBEA;
  --ink:#0A1F6B; --ink2:#2A3A6E; --sub:#3E4C7A; --royal:#0A1F6B; --royal2:#12308F; --royal3:#23409F; --hero:#0A2FA8; --shadow:#061A66;
  --red:#E3141E; --red-d:#8E0C12; --link:#C4111A; --gold:#FFC21A; --gold-d:#8A5A00; --gold-ink:#7A5B00;
  --blue:#1F66FF; --blue2:#3D8BFF; --blue-ink:#1546D6; --blue-dk:#0F3AB8; --on-dark:#D3DEFF; --on-dark2:#9DBEFF; --blue-on-dark:#7DB2FF;
  --purple:#6B2BD9; --green:#16B85A; --green-ink:#0B6B37; --green-tint:#E3F7EC;
  --disp:'Barlow Condensed','Chakra Petch','Arial Narrow',sans-serif; --head:'Chakra Petch',system-ui,sans-serif;
  --body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif; --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --cut:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  --cuts:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--body);min-height:100vh;overflow-x:hidden}
a{color:var(--link)} a:hover{color:var(--red-d)}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 16px}}
.mono{font-family:var(--mono)} .muted{color:var(--sub)} .small{font-size:13.5px} .sub{color:var(--ink2)}
h1,h2,h3{font-family:var(--head);color:var(--ink);line-height:1.1;margin:0;font-weight:700}
h1{font-size:clamp(32px,5vw,48px)}
h2{font-size:clamp(26px,3.4vw,34px)}
h3{font-size:22px}
main{padding:40px 0 64px;display:flex;flex-direction:column;gap:48px}
main.wrap{padding-top:40px;padding-bottom:64px}
@media (max-width:600px){main{gap:36px;padding-top:24px}main.wrap{padding-top:24px;padding-bottom:48px}}
section{min-width:0}
.cut{clip-path:var(--cut)} .cuts{clip-path:var(--cuts)}

/* top bar */
nav.top{background:var(--card);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand .mk{width:34px;height:34px;background:var(--royal);display:flex;align-items:center;justify-content:center;clip-path:var(--cuts);flex:0 0 auto}
.brand .wm{font-family:var(--head);font-weight:700;font-size:22px;letter-spacing:.5px;line-height:1}
.brand .wm b{color:var(--red);font-weight:700}
nav.top .links{display:flex;gap:4px;flex-wrap:wrap;font-size:15px}
nav.top .links a{color:var(--ink);text-decoration:none;padding:10px 12px;font-weight:500;border-bottom:3px solid transparent}
nav.top .links a:hover{color:var(--blue-ink)}
nav.top .links a.on{border-bottom-color:var(--red);font-weight:600}
@media (max-width:860px){nav.top .links{width:100%;order:3;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;margin:0 -12px;width:calc(100% + 24px)}}
@media (max-width:420px){.brand .wm{font-size:19px}nav.top .cta{padding:10px 12px;font-size:13px}}

/* buttons */
.cta{background:var(--gold);color:var(--ink);font-weight:600;padding:12px 18px;text-decoration:none;font-size:14px;border:0;cursor:pointer;display:inline-block;font-family:var(--body);clip-path:var(--cuts);line-height:1.3}
.cta:hover{background:#FFD24D;color:var(--ink)}
.btn-red{background:var(--red);color:#fff;font-weight:700;padding:14px 22px;text-decoration:none;font-size:16px;border:0;cursor:pointer;display:inline-block;font-family:var(--body);clip-path:var(--cuts);line-height:1.3}
.btn-red:hover{background:#C70F18;color:#fff}
.btn-gold{background:var(--gold);color:var(--ink);font-weight:700;padding:14px 22px;text-decoration:none;font-size:16px;border:0;cursor:pointer;display:inline-block;font-family:var(--body);clip-path:var(--cuts);line-height:1.3;text-align:center}
.btn-gold:hover{background:#FFD24D;color:var(--ink)}
.btn-red:disabled,.btn-gold:disabled{opacity:.55;cursor:not-allowed}
.btn-line{border:2px solid var(--ink);color:var(--ink);padding:10px 16px;text-decoration:none;font-size:14px;font-weight:600;background:var(--card);cursor:pointer;display:inline-block;font-family:var(--body);clip-path:var(--cuts);line-height:1.3}
.btn-line:hover{background:var(--tint);color:var(--ink)}
.btn-soft{border:0;color:var(--blue-dk);padding:12px 16px;text-decoration:none;font-size:14px;font-weight:600;background:var(--tint);cursor:pointer;display:inline-block;font-family:var(--body);clip-path:var(--cuts);line-height:1.3}
.btn-soft:hover{background:#D2E0FF;color:var(--blue-dk)}
.btn-quiet{border:1px solid var(--line);color:var(--ink2);padding:10px 14px;background:var(--card);cursor:pointer;font-family:var(--body);font-size:14px;text-decoration:none;display:inline-block}
.btn-quiet:hover{border-color:var(--ink);color:var(--ink)}
.on-dark .btn-line,.btn-line.light{background:transparent;border-color:#fff;color:#fff}
.on-dark .btn-line:hover,.btn-line.light:hover{background:rgba(255,255,255,.12);color:#fff}
/* the big red pill: white border, chevrons */
.pill-cta{display:inline-block;white-space:nowrap;background:var(--red);color:#fff;border:4px solid #fff;border-radius:999px;padding:12px 26px;text-align:center;text-decoration:none;font-family:var(--disp);font-weight:800;font-style:italic;font-size:clamp(21px,2.5vw,30px);text-transform:uppercase;line-height:1.1;box-shadow:0 6px 0 var(--red-d);cursor:pointer}
.pill-cta:hover{color:#fff;background:#F01B26;transform:translateY(1px);box-shadow:0 5px 0 var(--red-d)}
.pill-cta .chev{letter-spacing:-2px;margin-left:6px}

/* the ticker: royal ground, gold stars for Boosted */
.ticker{background:var(--royal);border-bottom:3px solid var(--blue2);overflow:hidden;white-space:nowrap;font:14px var(--mono);color:#E9FBFF;position:relative}
.ticker .run{display:inline-block;padding:10px 0;animation:vabtick var(--tick-s,60s) linear infinite;will-change:transform}
.ticker:hover .run{animation-play-state:paused}
.ticker a{color:#E9FBFF;text-decoration:none;padding:0 18px}
.ticker a i{font-style:normal;color:var(--blue-on-dark);font-weight:700}
.ticker a:hover{color:#fff;text-decoration:underline}
.ticker a.star b{color:var(--gold);font-weight:700}
.ticker .empty{padding:10px 24px;display:inline-block;color:var(--on-dark)}
@keyframes vabtick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker .run{animation:none}.ticker{overflow-x:auto}}

/* labels */
.kicker{margin:0 0 10px;font:700 12px var(--mono);color:var(--blue-ink);letter-spacing:2px;text-transform:uppercase}
.lead{margin:16px 0 0;font-size:18px;line-height:1.55;color:var(--ink2);max-width:680px}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}
.shead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.shead .side{font-size:14px;color:var(--sub)}
.sortg{display:flex;background:var(--card);border:1px solid var(--line);padding:4px;gap:4px;flex-wrap:wrap}
.sortg button{padding:9px 14px;border:0;background:transparent;color:var(--ink2);font:600 13px var(--body);cursor:pointer}
.sortg button.on{background:var(--royal);color:#fff}
.chip{display:inline-block;padding:4px 10px;font-weight:600;font-size:13px;font-family:var(--body);white-space:nowrap}
.chip.red{background:var(--gtint);color:var(--link)} .chip.blue{background:var(--tint);color:var(--blue-dk)}
.chip.live{background:var(--green-tint);color:var(--green-ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.chip.live:before{content:'';width:7px;height:7px;border-radius:50%;background:#16C060}
.chip.gold{background:var(--gold);color:var(--ink);font-size:12px;font-weight:700}
.chip.idle{background:var(--tint);color:var(--ink2);font-size:12px;font-weight:700}

/* the royal-blue hero panel (front page, Boost, member page, page heads) */
.panel{background:var(--hero);color:#fff;position:relative;overflow:hidden;clip-path:var(--cut)}
.panel>*{position:relative}
.panel>.netlines{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none}
.panel a:not([class]){color:#fff}
.hx{padding:clamp(22px,4vw,44px);display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.hx-copy{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px}
.hx-art{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}
h1.slant{font-family:var(--disp);font-weight:800;font-style:italic;text-transform:uppercase;line-height:.92;display:flex;flex-direction:column;gap:4px;color:#fff}
h1.slant .l1{font-size:clamp(40px,6vw,76px);text-shadow:3px 3px 0 var(--shadow);overflow-wrap:anywhere}
h1.slant .l2{font-size:clamp(44px,7.4vw,96px);color:var(--gold);text-shadow:3px 3px 0 var(--gold-d),6px 6px 0 var(--shadow);overflow-wrap:anywhere}
.slant.sm .l1{font-size:clamp(36px,4.6vw,60px)} .slant.sm .l2{font-size:clamp(38px,5.2vw,68px)}
.ribbon{align-self:flex-start;background:var(--red);color:#fff;font-family:var(--disp);font-weight:800;font-style:italic;font-size:clamp(19px,2.4vw,26px);text-transform:uppercase;padding:8px 22px;box-shadow:4px 4px 0 var(--shadow);transform:skewX(-12deg);line-height:1.15;max-width:100%}
.ribbon>span{display:inline-block;transform:skewX(12deg)}
.checks{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;align-items:center;gap:12px;line-height:1.2}
.checks svg{flex:0 0 auto}
.checks.slant li{font-family:var(--disp);font-weight:700;font-size:21px;text-transform:uppercase}
.checks em{font-style:normal;color:var(--gold)}
.checks.plain li{font-size:15px;align-items:flex-start} .checks.plain svg{margin-top:-2px}
.rise{position:relative;height:120px;display:flex;align-items:flex-end;gap:8px;justify-content:flex-end}
.rise span{width:22px;flex:0 0 auto}
.rise svg{position:absolute;inset:0;width:100%;height:100%}
.screens{display:flex;align-items:flex-end;gap:10px}
.screen{flex:1;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:3px;clip-path:var(--cuts);color:#fff;min-width:0}
.screen b{font-family:var(--disp);font-weight:800;font-style:italic;font-size:22px;line-height:1}
.screen span{font-size:11px;font-weight:700}
.screen.l1{background:var(--blue);border:3px solid var(--on-dark2)}
.screen.l5{background:var(--purple);border:3px solid #C7A8FF}
.glow{flex:1.35;filter:drop-shadow(0 0 16px rgba(255,194,26,.6));min-width:0;display:flex}
.screen.you{background:var(--gold);color:var(--ink);border:3px solid #fff;padding:20px 8px;width:100%}
.screen.you b{font-size:32px} .screen.you span{font-size:12px}
.gchips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gchip{background:var(--gold);color:var(--ink);padding:10px;display:flex;align-items:center;gap:8px;clip-path:var(--cuts);min-width:0}
.gchip svg{flex:0 0 auto}
.gchip>span{display:flex;flex-direction:column;line-height:1;min-width:0}
.gchip b{font-family:var(--disp);font-size:22px;font-style:italic;font-weight:800;white-space:nowrap}
.gchip i{font-style:normal;font-size:10px;font-weight:700;margin-top:2px}
@media (max-width:460px){.gchip svg{display:none}.gchip b{font-size:19px}.gchip{padding:9px 8px}}
.hx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.hx-cta .pill-cta{flex:1 1 auto}
@media (max-width:420px){.pill-cta{padding:10px 18px}}
.slant-note{font-family:var(--disp);font-weight:700;font-style:italic;font-size:18px;text-transform:uppercase;line-height:1.1}

/* compact page heads (ledger, contract, promote, legal, admin) */
.hero{padding:clamp(22px,3.6vw,36px)}
.hero h1{color:#fff;font-size:clamp(32px,4.6vw,46px)}
.hero .kicker{color:var(--gold)}
.hero .lead{color:#E3EBFF}
.hero .muted{color:var(--on-dark)}

/* white clipped cards */
.card{background:var(--card);border:1px solid var(--line);padding:22px;min-width:0;clip-path:var(--cut)}
.card h2,.card h3{margin-bottom:10px}
.card h2{font-size:clamp(22px,2.6vw,26px)}
.card p{color:var(--ink2)}
.card p:last-child{margin-bottom:0}
.band{background:var(--royal);color:#fff;clip-path:var(--cut);padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.band h2,.band h3{color:#fff}
.band .lab{font:700 12px var(--mono);letter-spacing:2px;color:var(--blue-on-dark)}
.band p{margin:0;color:var(--on-dark);line-height:1.5}
.band .txt{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:8px}
@media (max-width:600px){.band{padding:24px 20px}}
.lvlbars{display:flex;gap:6px;flex:1 1 300px;min-width:0}
.lvlbars div{flex:1;display:flex;flex-direction:column;gap:6px;align-items:center;min-width:0}
.lvlbars div span{width:100%;height:40px;background:var(--blue2)}
.lvlbars b{font:700 12px var(--mono);white-space:nowrap}
@media (max-width:420px){.lvlbars b{font-size:10.5px}}

/* text ad cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
@media (max-width:600px){.cards{grid-template-columns:minmax(0,1fr)}}
.paper{background:var(--card);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0;clip-path:var(--cut);box-shadow:0 0 0 2px var(--blue2) inset}
.paper.star{box-shadow:0 0 0 2px var(--gold) inset,0 0 0 6px var(--gpale) inset}
.paper .top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.paper .tag{font:700 12px var(--mono);color:var(--blue-ink);letter-spacing:.5px;text-transform:uppercase}
.paper.star .tag{color:var(--link)}
.paper .cl{font-size:12px;color:var(--sub);font-weight:600}
.paper h3{font-size:22px;line-height:1.15;overflow-wrap:anywhere}
.paper p{margin:0;color:var(--ink2);line-height:1.5;overflow-wrap:anywhere}
.paper .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:4px;flex-wrap:wrap}
.paper .visit{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.paper .host{font-size:13px;color:var(--sub)}
.paper.big{background:var(--hero);color:#fff;border:0;padding:clamp(24px,4vw,44px);gap:14px;box-shadow:none;position:relative;overflow:hidden}
.paper.big>*{position:relative}
.paper.big>.netlines{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none}
.paper.big.star{box-shadow:0 0 0 4px var(--gold) inset}
.paper.big .tag{color:var(--gold)}
.paper.big h1{color:#fff;font-size:clamp(32px,5vw,52px);line-height:1.05;overflow-wrap:anywhere;text-shadow:3px 3px 0 var(--shadow)}
.paper.big p{font-size:clamp(17px,2vw,20px);line-height:1.5;max-width:760px;color:#E3EBFF}
.paper.big .host{color:var(--on-dark)}

/* member page: the five-level rows */
.levels{display:flex;flex-direction:column;gap:10px}
.lvl{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);padding:16px 20px;flex-wrap:wrap;clip-path:var(--cut)}
.lvl .no{font:700 12px var(--mono);color:#fff;background:var(--royal);padding:8px 10px;flex:0 0 auto;clip-path:var(--cuts);letter-spacing:.5px;min-width:84px;text-align:center}
.lvl .txt{flex:999 1 380px;min-width:0}
.lvl .txt b{font-family:var(--head);font-size:20px;color:var(--ink);overflow-wrap:anywhere;line-height:1.2}
.lvl .txt div{color:var(--ink2);font-size:15px;overflow-wrap:anywhere}
.lvl.star{box-shadow:0 0 0 2px var(--gold) inset;background:var(--gpale)}
.lvl.star .no{background:var(--gold);color:var(--ink)}
.lvl.open{background:transparent;border-style:dashed}
.lvl.open .no{background:var(--tint);color:var(--blue-dk)}
.lvl.open .txt b{color:var(--sub)}
.joinbar{background:var(--royal);color:#fff;clip-path:var(--cut);padding:28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.joinbar .txt{flex:999 1 460px;min-width:0}
.joinbar b{font-family:var(--disp);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(28px,3.6vw,38px);line-height:1;color:#fff}
.joinbar p{margin:10px 0 0;color:var(--on-dark)}
.joinbar .pill-cta{font-size:clamp(20px,2.4vw,26px);padding:10px 22px}

/* steps, stats, splits */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.step{background:var(--card);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px;clip-path:var(--cut)}
.step .n{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font:700 20px var(--head);clip-path:var(--cuts)}
.step:nth-child(1) .n{background:var(--tint);color:var(--blue-ink)} .step:nth-child(2) .n{background:var(--gtint);color:var(--link)} .step:nth-child(3) .n{background:#FFF6CC;color:var(--gold-ink)}
.step b{font-size:18px;font-weight:600} .step span:not(.n){color:var(--ink2);line-height:1.5}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
@media (max-width:600px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stat{background:var(--card);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0;clip-path:var(--cut)}
.stat span{font-size:13px;color:var(--sub);font-weight:500;order:1}
.stat b{font:700 30px var(--head);color:var(--ink);overflow-wrap:anywhere;order:2;line-height:1.15}
.stat em{font-style:normal;font-size:13px;color:var(--blue-ink);font-weight:600;order:3}
.stat.red b{color:var(--red)} .stat.blue b{color:var(--blue-ink)}
.stat.dark{background:var(--royal);border-color:var(--royal)} .stat.dark span{color:var(--on-dark)} .stat.dark b{color:var(--gold)} .stat.dark em{color:var(--on-dark2)}
@media (max-width:600px){.stat b{font-size:24px}}
.splits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
@media (max-width:900px){.splits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:420px){.splits{grid-template-columns:repeat(2,minmax(0,1fr))}}
.split{background:var(--card);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0;clip-path:var(--cut);border-top:6px solid var(--blue2)}
.split span{font:700 12px var(--mono);color:var(--blue-ink)} .split b{font:700 30px var(--head);color:var(--ink)} .split i{color:var(--sub);font-size:13px;font-style:normal}
.split.co{background:var(--royal);border-color:var(--royal);border-top-color:var(--gold)} .split.co span{color:var(--blue-on-dark)} .split.co b{color:var(--gold)} .split.co i{color:var(--on-dark)}
.box{background:var(--card);border:1px solid var(--line);padding:24px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;clip-path:var(--cut);border-left:6px solid var(--blue)}
.box .txt{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:8px}
.box .lab{font:700 12px var(--mono);color:var(--blue-ink);letter-spacing:2px}
.box .big{font-family:var(--head);font-size:clamp(20px,2.6vw,26px);color:var(--ink);font-weight:700;line-height:1.2}
.box .addr{font:14px var(--mono);color:var(--ink2);word-break:break-all}
.box .sub{line-height:1.5}

/* Boost price card */
.price{flex:1 1 340px;background:var(--card);color:var(--ink);padding:28px;border-top:8px solid var(--gold);display:flex;flex-direction:column;gap:14px;clip-path:var(--cut);min-width:0}
.price .lab{font:700 12px var(--mono);color:var(--blue-ink);letter-spacing:2px}
.price .amt{font:700 60px var(--head);line-height:1}
.price .pol{font:14px var(--mono);color:var(--sub)}
.price .qty{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600}
.price select{font:15px var(--mono);padding:9px;border:2px solid var(--ink);background:#fff;color:var(--ink)}
.price .checks li{color:var(--ink)}
.price .small{color:var(--sub)}

/* tables (ledger) */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--card);border:1px solid var(--line)}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th{padding:12px 16px;background:var(--bg);color:var(--sub);text-align:left;font:700 12px var(--mono);white-space:nowrap;letter-spacing:.5px}
table.t td{padding:12px 16px;border-top:1px solid var(--line2);vertical-align:top}
table.t td.pol{font-family:var(--mono)}
table.t .muted{color:var(--sub)}
table.facts{width:100%;border-collapse:collapse}
table.facts th{width:30%;color:var(--sub);font:700 12px var(--mono);text-align:left;vertical-align:top;padding:12px 8px;border-bottom:1px solid var(--line2);letter-spacing:.5px;text-transform:uppercase}
table.facts td{padding:12px 8px;border-bottom:1px solid var(--line2);overflow-wrap:anywhere}
@media (max-width:600px){table.t{font-size:13px}table.t th,table.t td{padding:10px 10px}table.facts th{width:38%}}

/* forms */
label.f{display:flex;flex-direction:column;gap:6px;font:600 13px var(--body);color:var(--ink2)}
.f input,.f textarea{background:#fff;border:2px solid var(--line);color:var(--ink);font:16px var(--body);padding:11px 12px;width:100%;border-radius:0}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--blue)}
.chk{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.chk input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--blue)}
.lsline{margin:12px 0 0;padding:10px 12px;border:2px dashed var(--line);font-size:14px;overflow-wrap:anywhere}.lsline b{font-family:var(--mono,monospace)}
.f .cnt{align-self:flex-end;font:12px var(--mono);color:var(--sub)}
.form{display:flex;flex-direction:column;gap:14px;max-width:720px}
.note{border-left:4px solid var(--blue);background:var(--card);padding:12px 16px;color:var(--ink2);overflow-wrap:anywhere}
.note.ok{border-left-color:var(--green);color:var(--ink)} .note.err{border-left-color:var(--red);color:var(--ink)}
.pill{display:inline-block;font:700 11px var(--mono);letter-spacing:1px;text-transform:uppercase;padding:4px 8px;background:var(--tint);color:var(--ink2);white-space:nowrap}
.pill.on{background:var(--gtint);color:var(--link)} .pill.done{background:var(--green-tint);color:var(--green-ink)}
.meter{height:10px;background:var(--line2);margin-top:6px} .meter i{display:block;height:100%;background:var(--blue)}
.signin{display:flex;flex-wrap:wrap;gap:12px}
.legal .card h2{font-size:24px}
.legal .card li{color:var(--ink2);margin:4px 0}

/* My page: the dashboard */
.dash{display:flex;flex-wrap:wrap;background:var(--bg);border:1px solid var(--line);min-width:0}
.dside{flex:1 1 220px;background:var(--royal);color:#E9ECF8;padding:24px 16px;display:flex;flex-direction:column;gap:22px;min-width:0}
.dside .wm{font-family:var(--head);font-weight:700;font-size:19px;color:#fff;padding:0 8px}
.dside .wm b{color:var(--gold)}
.dside nav{display:flex;flex-direction:column;gap:4px}
.dside nav a{display:flex;align-items:center;gap:10px;padding:12px;color:var(--on-dark);text-decoration:none;font-weight:500;border-left:3px solid transparent}
.dside nav a:hover{color:#fff;background:rgba(61,139,255,.1)}
.dside nav a.on{background:rgba(61,139,255,.16);color:#fff;font-weight:600;border-left-color:var(--blue2)}
.dside nav svg{flex:0 0 auto}
.dside .who{margin-top:auto;background:var(--royal2);padding:16px;display:flex;flex-direction:column;gap:6px;clip-path:var(--cut)}
.dside .who span{font-size:13px;color:var(--on-dark)}
.dside .who b{color:#fff;font-weight:600;overflow-wrap:anywhere}
.dside .who code{font:12px var(--mono);color:var(--on-dark2)}
.dside .btn-quiet{background:transparent;color:var(--on-dark);border-color:var(--royal3);margin-top:4px;align-self:flex-start}
.dside .btn-quiet:hover{color:#fff;border-color:#fff}
@media (max-width:820px){.dside nav{flex-direction:row;flex-wrap:wrap}.dside nav a{border-left:0;border-bottom:3px solid transparent;padding:10px}.dside nav a.on{border-bottom-color:var(--blue2)}.dside .who{margin-top:0}}
.dmain{flex:999 1 560px;min-width:0;padding:28px clamp(16px,3vw,40px) 40px;display:flex;flex-direction:column;gap:22px}
.dtop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.dtop h1{font-size:clamp(28px,3.6vw,34px);overflow-wrap:anywhere}
.dtop .kicker{margin:0 0 4px}
.dcols{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.dcol-l{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:20px}
.dcol-r{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.dcard{background:var(--card);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:14px;clip-path:var(--cut);min-width:0}
.dcard h2{font-size:22px}
.dcard .hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.dcard .hd .side-note{font-size:13px;color:var(--sub)}
.dcard p{margin:0;color:var(--ink2)}
.adprev{box-shadow:0 0 0 2px var(--blue2) inset;padding:18px;display:flex;flex-direction:column;gap:6px;background:#F6F9FF;clip-path:var(--cut);min-width:0}
.adprev.star{box-shadow:0 0 0 2px var(--gold) inset;background:var(--gpale)}
.adprev .tag{font:700 12px var(--mono);color:var(--link)}
.adprev b{font:700 20px var(--head);overflow-wrap:anywhere}
.adprev span{color:var(--ink2);overflow-wrap:anywhere}
.adprev a{font-weight:600;overflow-wrap:anywhere}
.lbars{display:flex;flex-direction:column;gap:12px}
.lbar{display:grid;grid-template-columns:76px minmax(0,1fr) 92px;gap:12px;align-items:center}
.lbar .k{font:700 13px var(--mono);color:var(--blue-ink)}
.lbar .who2{display:flex;flex-direction:column;gap:4px;min-width:0}
.lbar .who2 b{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.lbar .bar{height:14px;background:var(--line2);display:block}
.lbar .bar i{display:block;height:100%;background:var(--blue)}
.lbar.has .bar i{background:var(--blue)} .lbar.lo .bar i{background:var(--red)}
.lbar .pill{text-align:center}
@media (max-width:420px){.lbar{grid-template-columns:62px minmax(0,1fr) 84px;gap:8px}.lbar .k{font-size:11.5px}}
.dark-card{background:var(--royal);color:#fff;padding:22px;display:flex;flex-direction:column;gap:14px;clip-path:var(--cut);min-width:0}
.dark-card .lab{font:700 12px var(--mono);letter-spacing:1.5px;color:var(--blue-on-dark)}
.dark-card h2{color:#fff;font-size:22px}
.dark-card p,.dark-card .small{color:var(--on-dark);line-height:1.5;margin:0}
.ring{display:flex;align-items:center;gap:18px}
.ring svg{flex:0 0 auto}
.ring b{font:700 28px var(--head);display:block;line-height:1.1}
.ring span{font-size:13px;color:var(--on-dark)}
.dark-card .bl{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--royal3);padding-top:12px}
.dark-card .bl>div{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--on-dark)}
.dark-card .meter{background:var(--royal3)} .dark-card .meter i{background:var(--blue2)}
.dark-card .pill{background:var(--royal2);color:var(--on-dark)} .dark-card .pill.on{background:var(--gold);color:var(--ink)} .dark-card .pill.done{background:var(--green-tint);color:var(--green-ink)}
.act{display:flex;gap:10px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line2)}
.act:last-child{border-bottom:0;padding-bottom:0}
.act>i{width:9px;height:9px;margin-top:7px;flex:none;background:var(--blue)}
.act.red>i{background:var(--red)} .act.gold>i{background:var(--gold)}
.act div{display:flex;flex-direction:column;gap:2px;min-width:0}
.act b{font-weight:600;overflow-wrap:anywhere}
.act span{font-size:13px;color:var(--sub);overflow-wrap:anywhere}
.lrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line2)}
.lrow:first-child{border-top:0}

/* toasts (real events only) */
.toasts{position:fixed;left:24px;bottom:24px;z-index:50;display:flex;flex-direction:column;gap:10px;max-width:min(340px,calc(100vw - 32px))}
.toast{background:var(--card);color:var(--ink);border-left:6px solid var(--red);padding:12px 16px;font-size:14px;box-shadow:0 10px 30px rgba(10,31,107,.22);text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.toast.gold{border-left-color:var(--gold)}
.toast:hover{color:var(--ink)}
.toast.in{opacity:1;transform:none}
.toast span{color:var(--sub)}
@media (max-width:600px){.toasts{left:16px;bottom:16px}}

/* footer */
footer.foot{background:var(--card);border-top:1px solid var(--line);padding:28px 0 36px;color:var(--sub);font-size:13px;text-align:center}
footer.foot p{margin:6px 0} footer.foot a{color:var(--link)} footer.foot a:hover{color:var(--red-d)}
footer.foot .here{color:var(--ink);font-weight:700}
.net-zone{margin:18px auto;text-align:center}
.net-zone-label{font:11px var(--mono);color:var(--sub);margin-bottom:4px;letter-spacing:1px}

/* promote page (kit) */
.kit-who{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.kit-who input{flex:1 1 220px;min-width:0;background:#fff;border:2px solid var(--line);padding:11px 12px;color:var(--ink);font:14px var(--mono)}
.kit-who input:focus{outline:none;border-color:var(--blue)}
.kit-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line2)}
.kit-row:first-of-type{border-top:0}
.kit-l{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:3px}
.kit-lab{display:block;font:700 11px var(--mono);color:var(--sub);text-transform:uppercase;letter-spacing:.1em}
.kit-url{font-family:var(--mono);font-size:13.5px;overflow-wrap:anywhere;color:var(--blue-ink)}
.kit-txt{flex:1 1 300px;margin:0;min-width:0;color:var(--ink2)}
.kit-pre{white-space:pre-wrap;font-family:var(--body);font-size:14.5px;line-height:1.55;margin:10px 0 0;padding:12px 14px;border:1px solid var(--line);background:#F6F9FF;overflow-wrap:anywhere;color:var(--ink2)}
.kit-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0 16px;background:var(--bg);padding:4px;border:1px solid var(--line);width:fit-content;max-width:100%}
.kit-tab{font:600 13px var(--body);padding:9px 13px;border:0;background:transparent;color:var(--ink2);cursor:pointer}
.kit-tab.on{background:var(--royal);color:#fff}
.kit-set{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.kit-fig{margin:0;display:flex;flex-direction:column;gap:8px;max-width:100%}
.kit-fig img{display:block;max-width:100%;height:auto;border:1px solid var(--line)}
.kit-social img{width:600px} .kit-square img{width:360px}
.kit-fig figcaption{font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kit-acts{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.btn{font:600 13px var(--body);padding:8px 12px;border:2px solid var(--ink);color:var(--ink);background:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{background:var(--tint);color:var(--ink)}
.btn.sec{border-color:var(--line);color:var(--ink2)} .btn.small{font-size:12.5px;padding:6px 10px}

/* How it works page (/how): diagrams are inline SVG, text styled here so it follows the type scale */
.shead a.side{color:var(--link);font-weight:600}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.jump a{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;padding:9px 14px;font:600 14px var(--body);clip-path:var(--cuts)}
.jump a b{font:700 12px var(--mono);color:var(--gold)}
.jump a:hover{background:rgba(255,255,255,.2);color:#fff}
.hsec{scroll-margin-top:16px}
.hsec .shead .kicker{margin:0 0 6px}
.hsplit{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.hsplit>.dg{flex:1 1 400px;max-width:520px}
.htxt{flex:999 1 340px;min-width:0;display:flex;flex-direction:column;gap:18px}
.dg{background:var(--card);border:1px solid var(--line);padding:22px;clip-path:var(--cut);min-width:0;margin:0}
.dg.sm{max-width:440px;width:100%;border-top:6px solid var(--blue2)}
.dg svg{display:block;width:100%;height:auto}
.dg figcaption{margin-top:14px;font-size:13.5px;color:var(--sub);line-height:1.5}
@media (max-width:600px){.dg{padding:12px}.hsplit>.dg{flex-basis:100%}}
.dg .sv-tag{font:700 12px var(--mono);letter-spacing:.5px}
.dg .sv-lv{font:700 12.5px var(--mono)}
.dg .sv-h{font:700 18px var(--head)}
.dg .sv-h2{font:700 14.5px var(--head)}
.dg .sv-big{font:700 23px var(--head)}
.dg .sv-b{font:500 13px var(--body)}
.dg .sv-s{font:500 12.5px var(--body)}
.dg .sv-url{font:500 12px var(--mono)}
.dg .sv-j{font:700 14.5px var(--head)}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:13.5px;color:var(--ink2)}
.legend li{display:flex;align-items:center;gap:8px}
.legend i{width:18px;height:12px;display:inline-block;flex:none}
.hpts{margin:0;padding:0;list-style:none;counter-reset:hp;display:flex;flex-direction:column;gap:14px}
.hpts li{counter-increment:hp;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:2px;background:var(--card);border:1px solid var(--line);padding:16px 18px;clip-path:var(--cut)}
.hpts li:before{content:counter(hp,decimal-leading-zero);grid-row:1 / span 2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font:700 17px var(--head);background:var(--tint);color:var(--blue-ink);clip-path:var(--cuts)}
.hpts b{font:700 18px var(--head);color:var(--ink);line-height:1.25}
.hpts span{color:var(--ink2);line-height:1.5}
.vcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.vcard{background:var(--card);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:8px;clip-path:var(--cut);min-width:0;border-top:5px solid var(--blue2)}
.vcard .ic{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--royal);color:var(--gold);clip-path:var(--cuts);margin-bottom:4px}
.vcard b{font:700 18px var(--head);color:var(--ink);line-height:1.25}
.vcard span:not(.ic){color:var(--ink2);line-height:1.5}
.deliv{display:flex;flex-direction:column;gap:0;background:var(--royal);clip-path:var(--cut);padding:8px 20px}
.deliv>div{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;padding:14px 0;border-top:1px solid var(--royal3)}
.deliv>div:first-child{border-top:0}
.deliv .dn{grid-row:1 / span 2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--ink);font:700 16px var(--head);clip-path:var(--cuts)}
.deliv b{font:700 17px var(--head);color:#fff}
.deliv span:not(.dn){color:var(--on-dark);line-height:1.5;font-size:15px}
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--card);border:1px solid var(--line);clip-path:var(--cut)}
.faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 20px;font:700 18px var(--head);color:var(--ink);position:relative;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--tint);color:var(--blue-ink);font:700 20px var(--head);transition:transform .2s}
.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg);background:var(--gold);color:var(--ink)}
.faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.faq details p{margin:0;padding:0 20px 20px;color:var(--ink2);line-height:1.6;max-width:820px}
.how .joinbar .row{gap:14px}
@media (max-width:600px){.faq summary{font-size:16.5px;padding:16px 52px 16px 16px}.faq details p{padding:0 16px 16px}.hpts li{padding:14px}}