/* SW33P. Shared site styles */
:root{
  --bg:#050505;
  --bg-soft:#0A0A0F;
  --bg-2:#0E0E15;
  --panel:#0B0B12;
  --line:rgba(245,245,247,0.08);
  --line-2:rgba(245,245,247,0.14);
  --line-3:rgba(245,245,247,0.22);
  --fg:#F5F5F7;
  --fg-dim:#A6A6B3;
  --fg-mute:#7B7B86;
  --fg-mute-2:#54545E;
  --purple:#C12BFF;
  --violet:#7B3CFF;
  --blue:#3B82FF;
  --cyan:#16D9FF;
  --warn:#FFB02E;
  --bad:#FF5C7A;
  --good:#27E3A0;
  --grad: linear-gradient(90deg,#C12BFF 0%,#7B3CFF 40%,#3B82FF 70%,#16D9FF 100%);
  --grad-d: linear-gradient(135deg,#C12BFF 0%,#7B3CFF 40%,#3B82FF 70%,#16D9FF 100%);
  --grad-soft: linear-gradient(135deg,rgba(193,43,255,.16),rgba(22,217,255,.16));
  --display:'Audiowide','Arial Black',sans-serif;
  --ui:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --maxw:1320px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--violet);color:#fff}

/* ATMOSPHERE */
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0}
.ambient::before,.ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(140px);opacity:.32}
.ambient::before{width:60vw;height:60vw;left:-15vw;top:-10vw;background:radial-gradient(closest-side,#7B3CFF,transparent)}
.ambient::after{width:55vw;height:55vw;right:-15vw;top:40vh;background:radial-gradient(closest-side,#16D9FF,transparent);opacity:.20}

/* persistent streak field (used on hero + page tops) */
.streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.streaks .stk{position:absolute;height:3px;border-radius:2px;left:-30%;animation:streak linear infinite;opacity:.85}
.streaks .stk.t{height:2px;opacity:.6}
@keyframes streak{0%{transform:translateX(0)}100%{transform:translateX(260vw)}}

/* NAV */
nav.bar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(5,5,5,.7);border-bottom:1px solid var(--line)}
nav.bar .wrap{max-width:var(--maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
nav.bar .brand{display:flex;align-items:center;gap:12px}
nav.bar .brand img{width:30px;height:30px;border-radius:7px;border:1px solid var(--line-2)}
nav.bar .brand .name{font-family:var(--display);letter-spacing:.06em;font-size:15px;transform:skewX(-6deg);transform-origin:left center}
nav.bar .brand .ver{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--fg-mute);text-transform:uppercase;padding:3px 7px;border:1px solid var(--line);border-radius:4px;margin-left:6px}
nav.bar ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;font-family:var(--mono);font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.16em}
nav.bar ul a{padding:8px 12px;border-radius:6px;transition:.2s;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent}
nav.bar ul a:hover{color:#fff;background:rgba(245,245,247,.04);border-color:var(--line)}
nav.bar ul a.active{color:#fff;background:rgba(123,60,255,.10);border-color:rgba(123,60,255,.35)}
nav.bar .right{display:flex;align-items:center;gap:10px}
nav.bar .ticker-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(22,217,255,.3);border-radius:999px;background:rgba(22,217,255,.06);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
nav.bar .ticker-pill .live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.cta{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--line-2);border-radius:8px;color:var(--fg);background:linear-gradient(180deg,rgba(245,245,247,.04),rgba(245,245,247,0));transition:.2s;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.cta:hover{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(22,217,255,.3),0 8px 32px -8px rgba(22,217,255,.4);color:#fff}
.cta.primary{background:var(--grad);color:#050505;font-weight:600;border-color:transparent}
.cta.primary:hover{box-shadow:0 12px 40px -10px rgba(123,60,255,.6);transform:translateY(-1px);color:#050505}
.cta.ghost{background:transparent}

/* LAYOUT PRIMITIVES */
main{position:relative;z-index:1}
.page{max-width:var(--maxw);margin:0 auto;padding:0 28px}
section.s{max-width:var(--maxw);margin:0 auto;padding:120px 28px;position:relative}
section.s + section.s{border-top:1px solid var(--line)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-mute);display:flex;align-items:center;gap:12px;margin-bottom:18px}
.eyebrow::before{content:"";display:inline-block;width:28px;height:1px;background:var(--grad)}
.eyebrow .num{color:var(--cyan)}
h1,h2,h3,h4{margin:0;font-weight:400}
.h-display{font-family:var(--display);font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.01em;transform:skewX(-8deg);transform-origin:left center}
.h-section{font-family:var(--display);font-size:clamp(40px,5.5vw,76px);line-height:.95;letter-spacing:-.01em;transform:skewX(-8deg);transform-origin:left center;margin-bottom:18px}
.h-card{font-family:var(--display);font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:.02em;transform:skewX(-6deg);transform-origin:left center}
.lead{font-size:clamp(16px,1.4vw,19px);color:var(--fg-dim);max-width:62ch;line-height:1.55}
.lead strong{color:#fff;font-weight:600}
.muted{color:var(--fg-mute)}
.mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--fg-mute)}

/* GRAD TEXT */
.gtxt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* PANEL */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}
.panel.glow{box-shadow:inset 0 1px 0 rgba(245,245,247,.04)}
.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute)}
.panel-head .right{display:flex;gap:10px;align-items:center}
.panel-head .live{color:var(--cyan);display:inline-flex;gap:6px;align-items:center}
.panel-head .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 1.6s ease-in-out infinite}
.panel-body{padding:18px}

/* CHIP */
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);background:rgba(245,245,247,.02)}
.chip.cy{color:var(--cyan);border-color:rgba(22,217,255,.35);background:rgba(22,217,255,.06)}
.chip.vi{color:#D4B3FF;border-color:rgba(123,60,255,.4);background:rgba(123,60,255,.10)}
.chip.gd{color:var(--good);border-color:rgba(39,227,160,.35);background:rgba(39,227,160,.06)}
.chip .d{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}

/* BUTTONS */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 18px;border-radius:10px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:.2s;text-decoration:none}
.btn.primary{background:var(--grad);color:#050505;font-weight:600}
.btn.primary:hover{box-shadow:0 14px 40px -12px rgba(123,60,255,.55);transform:translateY(-1px)}
.btn.ghost{background:rgba(245,245,247,.02);border-color:var(--line-2);color:#fff}
.btn.ghost:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 0 1px rgba(22,217,255,.25)}
.btn.outline{background:transparent;border-color:rgba(123,60,255,.45);color:#fff}
.btn.outline:hover{border-color:var(--cyan);background:rgba(22,217,255,.05)}
.btn.sm{padding:9px 13px;font-size:11px}

/* TABLES */
table.dlist{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}
table.dlist th{text-align:left;font-weight:500;color:var(--fg-mute);font-size:10px;letter-spacing:.22em;text-transform:uppercase;padding:14px 14px;border-bottom:1px solid var(--line)}
table.dlist td{padding:14px;border-bottom:1px solid var(--line);color:var(--fg-dim);vertical-align:middle}
table.dlist tr:last-child td{border-bottom:none}
table.dlist td.id{color:#fff;letter-spacing:.04em}
table.dlist td.amt{color:#fff;font-weight:500}
table.dlist tr:hover td{background:rgba(245,245,247,.02)}

/* FOOTER */
footer.site{border-top:1px solid var(--line);margin-top:80px;background:linear-gradient(180deg,transparent,rgba(123,60,255,.04))}
footer.site .wrap{max-width:var(--maxw);margin:0 auto;padding:56px 28px 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}
footer.site .brand-block{display:flex;flex-direction:column;gap:14px;max-width:280px}
footer.site .brand-block .b-top{display:flex;align-items:center;gap:12px}
footer.site .brand-block .b-top img{width:32px;height:32px;border-radius:7px;border:1px solid var(--line-2)}
footer.site .brand-block .b-top .name{font-family:var(--display);letter-spacing:.06em;font-size:18px;transform:skewX(-6deg);transform-origin:left}
footer.site .brand-block p{margin:0;color:var(--fg-dim);font-size:13px;line-height:1.55}
footer.site .col h5{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}
footer.site .col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--fg-dim)}
footer.site .col li a{transition:.15s}
footer.site .col li a:hover{color:#fff}
footer.site .legal{grid-column:1/-1;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);gap:24px;flex-wrap:wrap}
footer.site .legal .l-left{display:flex;gap:18px;align-items:center}
footer.site .legal .l-right{display:flex;gap:18px;align-items:center}
footer.site .legal a:hover{color:#fff}

/* TICK3T inline brand */
.tick3t{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--cyan)}

/* utility */
.hr-grad{height:1px;background:linear-gradient(90deg,transparent,var(--violet) 40%,var(--cyan) 70%,transparent);margin:48px 0;border:0}

/* PREVIEW MODE BANNER */
.preview-bar{position:relative;z-index:2;background:linear-gradient(90deg,rgba(255,176,46,.08),rgba(255,176,46,.04),rgba(255,176,46,.08));border-bottom:1px solid rgba(255,176,46,.25);font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--warn);display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 16px;flex-wrap:wrap;text-align:center}
.preview-bar .pill{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid rgba(255,176,46,.45);background:rgba(255,176,46,.10);border-radius:999px;color:#fff;font-weight:500}
.preview-bar .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn);animation:pulse 1.6s ease-in-out infinite}
.preview-bar .dim{color:rgba(255,176,46,.7)}
.preview-bar b{color:#fff;font-weight:500}
@media (max-width:760px){.preview-bar{font-size:10px;letter-spacing:.12em;padding:8px 12px}}
.hr-grad{height:1px;background:linear-gradient(90deg,transparent,var(--violet) 40%,var(--cyan) 70%,transparent);margin:48px 0;border:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;gap:14px;align-items:center}

/* compact density override */
body.density-compact section.s{padding:80px 28px}
body.density-compact .h-display{font-size:clamp(40px,6vw,84px)}
body.density-compact .lead{font-size:15px}
body.density-compact .grid-3,body.density-compact .grid-4{gap:12px}

/* background variants */
body.bg-clean .ambient,body.bg-clean .streaks{display:none}
body.bg-stars .ambient::before,body.bg-stars .ambient::after{opacity:.15}
body.bg-stars::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 20%,#fff,transparent),radial-gradient(1px 1px at 15% 70%,#fff,transparent),radial-gradient(1px 1px at 60% 15%,#fff,transparent),radial-gradient(1px 1px at 90% 90%,#fff,transparent),radial-gradient(1px 1px at 30% 55%,#fff,transparent),radial-gradient(1px 1px at 50% 40%,#fff,transparent),radial-gradient(1px 1px at 8% 45%,#fff,transparent);background-size:600px 600px;opacity:.5}

@media (max-width:1100px){
  nav.bar ul{display:none}
  footer.site .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  section.s{padding:72px 22px}
  footer.site .wrap{grid-template-columns:1fr}
}