
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Share+Tech+Mono&family=Orbitron:wght@500;700&family=VT323&family=IBM+Plex+Mono:wght@400;600&display=swap');
:root{--hack-bg:#021412;--hack-ink:#c8fff4;--hack-neon:#3dffc8;--hack-dim:#08332c;}
html,body{background:var(--hack-bg)!important;color:#f4f1ea!important;}
body{position:relative;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif!important;letter-spacing:-.011em;}
#hack-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.09;}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 4px);
  animation:none;}
@keyframes scan{to{transform:translateY(40px)}}
@keyframes blink{50%{opacity:0}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 var(--hack-neon)}70%{box-shadow:0 0 22px var(--hack-neon)}}
@keyframes glitch{0%{transform:none;text-shadow:none}20%{transform:translate(-2px,1px);text-shadow:2px 0 var(--hack-neon)}40%{transform:translate(2px,-1px)}100%{transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes flicker{0%,19%,21%,23%,80%,100%{opacity:1}20%,22%{opacity:.55}}
header,main,footer,.drawer,aside.rail{position:relative;z-index:30}
header{position:sticky!important;top:0}
header,header.glass,header.hud,header.mast,header.split,header.slim,header.float,header.float .bar,header.paper,aside.rail,.drawer{
  background:rgba(8,8,8,.78)!important;color:#ffffff!important;
  border-bottom:1px solid color-mix(in srgb,var(--hack-neon) 35%,transparent)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04);
  z-index:60!important;
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
}
header .bar,header.glass .bar,header.paper .bar,header.mast .bar,header.split .bar{
  min-height:64px!important;max-width:1180px;margin:0 auto;padding:0 22px;
}
header .brand,.brand{letter-spacing:.06em!important;text-transform:uppercase;font-size:13px!important;font-weight:600!important;white-space:nowrap}
header nav a,header .desk a{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;opacity:.78!important}
header nav a:hover,header .desk a:hover{opacity:1!important}
header .brand, header.paper .brand, .brand, header .dateline, .dateline,
header nav a, header .desk a, header a:not(.cta-top):not(.pill),
.drawer a, aside.rail a, aside.rail .brand, header p, header div:not(.bar){
  color:#ffffff!important;opacity:1!important;text-shadow:none!important;
  box-shadow:none!important;animation:none!important;
}
.cta-top,.pill,header .cta-top,header a.cta-top{
  color:#000000!important;background:var(--hack-neon)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--hack-neon) 35%,transparent)!important;
  animation:none!important;
  opacity:1!important;font-weight:600!important;
  border-radius:999px!important;
}
header .cta-top,header a.cta-top{
  letter-spacing:.12em;text-transform:uppercase;
  padding:10px 18px!important;font-size:11px!important;
}
.menu span{background:#ffffff!important}
.menu{color:#ffffff!important}
footer,footer.lux,.fstage,.fgrid,.fbase,.fcol{
  background:#050505!important;color:#ffffff!important;
}
footer a, footer p, footer h2, footer h3, footer h4, footer span, footer b, footer div, footer li,
.fcol a,.fcol h4,.keys,.fbase,.fstage p,.fstage h2,.fstage a{
  color:#ffffff!important;opacity:1!important;
  text-shadow:none!important;animation:none!important;
}
footer .pill, .fstage .pill{color:#000000!important;background:var(--hack-neon)!important}
h1,h2,h3,.co>p,.co>h1{color:#ffffff!important;text-shadow:none!important;animation:none!important;letter-spacing:-.04em}
h1{font-weight:600!important;line-height:1.02!important}
.hero-apple,.ph,.hero{padding-top:72px}
.hero-apple h1,.ph h1{font-size:clamp(48px,8vw,84px)!important}
.hero-apple .sub,.ph p,.hero p,.sub,.kicker{color:rgba(255,255,255,.78)!important;font-size:18px;max-width:32em;margin-inline:auto}
.ghost{color:#ffffff!important;border:1px solid rgba(255,255,255,.4)!important;background:transparent!important}
.steps,.steps li,.steps span{color:#ffffff!important;opacity:1!important}
.steps b{background:var(--hack-neon)!important;color:#000000!important}
.card{color:#ffffff!important}
.co .card,.cog .card,.prow{opacity:1!important;animation:none!important;transform:none!important}
.prow{background:#f6f0e4!important;color:#111111!important;border:1px solid #d4c4a8!important}
.prow b,.prow span,.prow small,.prow-in,.prow li,.prow .feats{color:#111111!important;background:transparent!important}
.prow small{color:#5c4a32!important}
.prow:has(input:checked){background:#fff8ee!important;border-color:var(--hack-neon)!important}
.switch{background:#efe6d8!important}
.switch button{color:#111111!important;background:transparent!important}
.switch button.on{color:#000000!important;background:var(--hack-neon)!important}
.field input,.field select,.field textarea{background:#ffffff!important;color:#111111!important}
.field span{color:#444444!important}
.mini,.plan,.quotes article,.card,.note,.tile{
  border:1px solid color-mix(in srgb,var(--hack-neon) 28%,transparent)!important;
  background:color-mix(in srgb,var(--hack-dim) 70%,#050505)!important;
  animation:none;border-radius:22px!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.plan,.plan li,.plan p,.plan .amt,.plan small{color:#ffffff!important}
.live tr{animation:rise .6s ease both}
.live tr:nth-child(odd){background:color-mix(in srgb,var(--hack-neon) 8%,transparent)}
.ex-util,.ex-channels,.run-bar{display:none!important}
.ex-foot-contact{position:relative;z-index:70;color:#ffffff!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}
.ex-foot-contact a,.ex-foot-contact b,.ex-foot-contact small{color:#ffffff!important;opacity:1!important}
.ex-foot-contact small{display:block;font-size:11px;opacity:.9!important}
.ex-foot-contact a{display:block}
.addr code{color:#ffffff!important;word-break:break-all}
.ex-dock{position:fixed;right:16px;bottom:18px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.ex-dock summary{list-style:none;background:#e11d8f;color:#fff!important;padding:12px 18px;border-radius:999px;cursor:pointer;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ex-dock summary::-webkit-details-marker{display:none}
.ex-dock-list{position:absolute;right:0;bottom:52px;background:#111;border:1px solid rgba(255,255,255,.25);min-width:260px;padding:8px;border-radius:14px}
.ex-dock-list a{display:block;color:#fff!important;padding:10px 12px;font-size:14px}
.ex-dock details{position:relative}
.ex-dock-wa{background:#25d366!important;color:#04110a!important;padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.contact-page h2{color:#fff!important}
.contact-form .field input,.contact-form .field textarea,.contact-form textarea{background:#fff!important;color:#111!important;width:100%;border:1px solid #ccc;border-radius:12px;padding:18px 12px 8px}
.contact-form .field span{color:#444!important}
.contact-page aside.card a,.contact-page aside.card p,.contact-page aside.card b,.contact-page aside.card code{color:#fff!important}
.contact-form .ghost{color:#fff!important;margin-left:10px}
.contact-page,.contact-page .card,.contact-form,.contact-page [data-reveal]{opacity:1!important;transform:none!important;animation:none!important}
.contact-page .card{background:#1c1214!important;border:1px solid #fff!important}
.run-bar,.run-track{display:none!important}
.caret{display:inline-block;width:.6ch;background:var(--hack-neon);margin-left:2px;animation:blink 1s step-end infinite;height:1em;vertical-align:-2px}
[data-reveal],[data-reveal].on,.band,.rise,.hero-apple,.hero,.ph{opacity:1!important;transform:none!important;animation:none!important}
.glitch-on{animation:glitch .35s steps(2) 2}
@media (prefers-reduced-motion:reduce){
  *,*::before{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
}
