@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:#000500;--hack-ink:#d4ffc4;--hack-neon:#39ff14;--hack-dim:#031a08;}
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:.05;}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--hack-neon) 16%,transparent),transparent 60%);
  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;display:inline-flex;align-items:center;gap:8px}
.site-logo{width:28px;height:28px;border-radius:7px;flex:0 0 28px;display:block;object-fit:cover}
.gt-wrap{position:fixed;left:12px;bottom:18px;z-index:96;background:rgba(10,10,12,.92);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:6px 10px;backdrop-filter:blur(16px);max-width:min(240px,calc(100vw - 24px))}
.gt-wrap .goog-te-gadget{font-size:12px!important;color:#fff!important;font-family:Inter,system-ui,sans-serif!important}
.gt-wrap .goog-te-gadget a,.gt-wrap .goog-logo-link{display:none!important}
.gt-wrap select,.gt-wrap .goog-te-combo{background:#111!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px!important;padding:6px 8px!important}
iframe.skiptranslate,.goog-te-banner-frame{display:none!important;visibility:hidden!important;height:0!important}
body{top:0!important}
.goog-te-gadget-icon{display:none!important}
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{color:#ffffff!important;background:transparent!important}
.menu span{background:transparent!important;color:#ffffff!important;box-shadow:none!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 rgba(255,255,255,.08)!important;
  background:rgba(10,10,12,.72)!important;
  animation:none;border-radius:20px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
}
.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:none!important}
[data-reveal],[data-reveal].on,.band,.rise,.hero-apple,.hero,.ph{opacity:1!important;transform:none!important;animation:none!important}
.glitch-on{animation:none}
img,video{max-width:100%!important;height:auto}
.hero-apple img,.hero-hotel img,.hero-one img,.hero img,.hero-sage img,.hero-press img,.cover-frame img{
  width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;border-radius:24px;
}
.note img,.tile img,.prose img,article img{
  width:100%!important;height:200px!important;object-fit:cover!important;object-position:center;border-radius:16px;
}
@media (max-width:880px){
  html,body{overflow-x:hidden!important;max-width:100vw}
  body{padding-bottom:132px!important;background-attachment:scroll!important}
  .shell{grid-template-columns:1fr!important}
  aside.rail{position:relative!important;height:auto!important;width:100%!important}
  header.mast nav.desk{display:none!important}
  .wrap,.narrow{width:calc(100% - 28px)!important;max-width:100%!important}
  header .bar,header.glass .bar,header.paper .bar,header.mast,header.split,header.slim,header.float .bar{
    min-height:56px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;
  }
  header .brand,.brand{font-size:12px!important;letter-spacing:.04em!important;max-width:46%;overflow:hidden;text-overflow:ellipsis}
  header nav.desk,.desk{display:none!important}
  .menu{display:grid!important;place-items:center;width:44px;height:44px;margin-left:auto;border:0;background:transparent;flex:0 0 44px;font-size:22px}
  header .cta-top,header a.cta-top{padding:8px 12px!important;font-size:10px!important;margin-left:6px}
  .drawer.open,.drawer.show,.drawer[style*="block"]{display:block!important}
  h1,.hero-apple h1,.ph h1,.hero-hotel h1{font-size:clamp(28px,9vw,42px)!important;line-height:1.12!important;padding:0 8px}
  .hero-apple,.ph,.hero,.hero-hotel,.hero-one,.hero-sage,.hero-press{padding:28px 12px 12px!important;text-align:center}
  .hero-apple .sub,.ph p,.hero p,.sub,.kicker{font-size:15px!important;line-height:1.45;padding:0 8px}
  .hero-apple img,.hero-hotel img,.hero-one img,.hero img,.hero-sage img,.hero-press img,.cover-frame img{
    width:100%!important;height:auto!important;max-height:min(82vh,640px)!important;
    object-fit:contain!important;border-radius:22px!important;margin:12px auto 0!important;
  }
  .note img,.tile img,article.prose img,.prose img,.mini img{
    width:100%!important;height:180px!important;object-fit:cover!important;border-radius:16px!important;
  }
  .plans,.quotes,.cog,.fields,.notes,.grid3,.pair,.fgrid,.live,table{grid-template-columns:1fr!important;width:100%;overflow-x:auto}
  .tile{min-height:0!important;padding:22px 16px 0!important}
  .plan,.mini,.card,.quotes article{padding:18px!important}
  .plan .amt{font-size:28px!important}
  .steps{flex-wrap:wrap!important;gap:8px!important}
  .addr{flex-wrap:wrap!important}
  .addr code{font-size:11px!important}
  .ex-foot-contact{grid-template-columns:1fr!important}
  .ex-dock{right:10px;bottom:12px;gap:8px}
  .ex-dock summary,.ex-dock-wa{padding:10px 14px;font-size:13px}
  .ex-dock-list{min-width:min(280px,calc(100vw - 28px))}
  .co,.cog{padding:24px 0 48px!important}
  .prow-in{flex-direction:column;align-items:flex-start!important;gap:4px}
  .contact-page{display:block!important}
  .contact-form .ghost{display:inline-flex;margin:8px 0 0!important}
  .fstage{padding:40px 16px!important}
  .band{padding:36px 0!important}
  table.live, .live{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:480px){
  header .cta-top{display:none!important}
  .hero-apple img,.hero-hotel img,.hero img,.hero-one img,.hero-sage img,.hero-press img{
    max-height:min(78vh,580px)!important;object-fit:contain!important;
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before{animation:none!important;transition:none!important}
  [data-reveal]{opacity:1;transform:none}
}