﻿/* â”€â”€ CHADANO CITIZENS â€” branded deck styles â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Exo+2:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500&display=swap');

:root{
  --bg:#06070e; --surf:#0c0e1a; --blue:#0033AD; --accent:#00B4FF; --text:#f0f2ff;
  --dim:rgba(240,242,255,0.5); --faint:rgba(240,242,255,0.32);
  --line:rgba(0,180,255,0.14); --bz:#0033AD;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;height:100%;background:var(--bg);overflow:hidden;}
deck-stage:not(:defined){visibility:hidden;}

section{
  font-family:'Exo 2',sans-serif; color:var(--text);
  background:var(--bg); overflow:hidden;
}

/* speed-lines conic burst (from website) */
.speed-lines{
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background:conic-gradient(from 0deg at 50% 50%,
    transparent 0deg, rgba(0,180,255,0.03) 1.5deg, transparent 3deg,
    transparent 24deg, rgba(0,180,255,0.022) 25.5deg, transparent 27deg,
    transparent 48deg, rgba(0,180,255,0.03) 49.5deg, transparent 51deg,
    transparent 72deg, rgba(0,180,255,0.02) 73.5deg, transparent 75deg,
    transparent 96deg, rgba(0,180,255,0.03) 97.5deg, transparent 99deg,
    transparent 120deg, rgba(0,180,255,0.022) 121.5deg, transparent 123deg,
    transparent 144deg, rgba(0,180,255,0.03) 145.5deg, transparent 147deg,
    transparent 168deg, rgba(0,180,255,0.02) 169.5deg, transparent 171deg,
    transparent 192deg, rgba(0,180,255,0.03) 193.5deg, transparent 195deg,
    transparent 216deg, rgba(0,180,255,0.022) 217.5deg, transparent 219deg,
    transparent 240deg, rgba(0,180,255,0.03) 241.5deg, transparent 243deg,
    transparent 264deg, rgba(0,180,255,0.02) 265.5deg, transparent 267deg,
    transparent 288deg, rgba(0,180,255,0.03) 289.5deg, transparent 291deg,
    transparent 312deg, rgba(0,180,255,0.02) 313.5deg, transparent 315deg,
    transparent 336deg, rgba(0,180,255,0.03) 337.5deg, transparent 339deg);
}
.grid-bg{
  position:absolute; inset:0; pointer-events:none; z-index:0; opacity:0.5;
  background-image:linear-gradient(rgba(0,180,255,0.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,180,255,0.035) 1px,transparent 1px);
  background-size:64px 64px;
}

/* page chrome */
.pad{position:relative; z-index:2; width:100%; height:100%; padding:104px 120px;}
.accent-bar{position:absolute; top:0; left:0; width:4px; height:34%;
  background:linear-gradient(180deg,var(--accent),transparent); z-index:3;}
.chrome{position:absolute; left:120px; right:120px; bottom:52px; z-index:3;
  display:flex; justify-content:space-between; align-items:center;
  font-family:'Exo 2',sans-serif; font-size:16px; font-weight:700;
  letter-spacing:0.22em; text-transform:uppercase; color:rgba(240,242,255,0.28);}
.chrome .num{color:var(--accent);}

/* label */
.label{display:flex; align-items:center; gap:14px; margin-bottom:26px;}
.label::before{content:""; width:34px; height:2px; background:var(--accent);}
.label span{font-family:'Exo 2',sans-serif; font-size:17px; font-weight:700;
  letter-spacing:0.34em; color:var(--accent); text-transform:uppercase;}

/* type */
h1.disp{font-family:'Bebas Neue',sans-serif; font-weight:400;
  letter-spacing:0.03em; line-height:0.86; color:var(--text);}
h2.title{font-family:'Bebas Neue',sans-serif; font-weight:400;
  font-size:84px; line-height:1.0; letter-spacing:0.02em; color:var(--text);}
.lede{font-family:'Exo 2',sans-serif; font-size:27px; line-height:1.55;
  color:var(--dim); font-weight:300; max-width:1180px;}
.lede strong{color:var(--text); font-weight:600;}

/* corner box */
.cbox{position:relative; border:1px solid rgba(0,180,255,0.16);
  background:rgba(0,51,173,0.05);}
.cbox::before,.cbox::after,.cbox>.c1,.cbox>.c2{content:""; position:absolute;
  width:18px; height:18px; pointer-events:none;}
.cbox::before{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);}
.cbox::after{top:-1px;right:-1px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);}
.cbox>.c1{bottom:-1px;left:-1px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);}
.cbox>.c2{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);}

/* icon (pre-tinted PNG) */
.ic{display:inline-block; object-fit:contain;}

/* stat figures */
.fig{font-family:'Bebas Neue',sans-serif; font-size:80px; line-height:0.9;
  letter-spacing:0.02em; color:var(--text); white-space:nowrap;}
.fig.cy{color:var(--accent);}
.kicker{font-family:'Exo 2',sans-serif; font-size:16px; font-weight:700;
  letter-spacing:0.26em; text-transform:uppercase; color:var(--accent);}
.body{font-family:'Exo 2',sans-serif; font-size:20px; line-height:1.55; color:var(--faint); font-weight:300;}
.bignum{font-family:'Bebas Neue',sans-serif; line-height:0.85; color:rgba(0,180,255,0.16);}

.mono{font-family:'Space Grotesk',monospace;}

/* entrance animation removed â€” slides render statically (no movement) */
.anim{}

