:root{--bg:#050506;--panel-fill:linear-gradient(180deg,rgba(26,29,36,.96),rgba(7,8,10,.96));--panel2:#1b1f27;--text:#f4f1ea;--muted:#aaa49c;--orange:#ff7a00;--orange2:#ffb15c;--cyan:#32e6ff;--green:#55ff9d;--red:#ff4f4f;--line:#3b3f48;--heading:'Orbitron',sans-serif;--body:'Rajdhani',sans-serif;--mono:'Share Tech Mono',monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:var(--text);font-family:var(--body);font-size:18px}body:before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 72% 18%,rgba(255,122,0,.18),transparent 28%),radial-gradient(circle at 18% 84%,rgba(50,230,255,.10),transparent 32%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px),linear-gradient(135deg,var(--bg),#111318 46%,#030304)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,122,0,.045) 1px,transparent 1px),linear-gradient(rgba(255,122,0,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black 30%,transparent 82%)}a{color:inherit;text-decoration:none}.shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:278px 1fr}.side{position:sticky;top:0;height:100vh;padding:10px;display:grid;grid-template-rows:auto 1fr auto;gap:8px}.notched{--notch:16px;--stroke:2px;--border-color:var(--line);--fill:var(--panel-fill);position:relative;isolation:isolate;overflow:hidden;border:0;background:var(--border-color);clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch))}.notched:before{content:"";position:absolute;inset:var(--stroke);z-index:0;background:var(--fill);clip-path:polygon(calc(var(--notch) - var(--stroke)) 0,100% 0,100% calc(100% - var(--notch) + var(--stroke)),calc(100% - var(--notch) + var(--stroke)) 100%,0 100%,0 calc(var(--notch) - var(--stroke)))}.notched>*{position:relative;z-index:1}.panel{box-shadow:8px 8px 0 rgba(0,0,0,.75),12px 12px 0 rgba(255,122,0,.28),inset 0 0 24px rgba(255,255,255,.03);padding:18px}.brand{display:flex;align-items:center;gap:12px;padding:14px}.sin-mark{width:58px;height:42px;display:grid;place-items:center;color:#050506;background:var(--orange);font-family:var(--heading);font-weight:900;font-size:22px;box-shadow:5px 5px 0 var(--cyan);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.brand h1{font-family:var(--heading);font-size:38px;line-height:.8;margin:0;text-transform:uppercase;text-shadow:3px 3px 0 #000}.brand small{display:block;margin-top:6px;color:var(--orange2);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.nav{padding:10px;overflow:auto}.nav-title{color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:15px 0 8px}.nav a{display:flex;align-items:center;justify-content:space-between;margin:5px 0;padding:10px 11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-weight:800;text-transform:uppercase;font-size:15px}.nav a:hover,.nav a.active{border-color:rgba(255,122,0,.7);background:linear-gradient(90deg,rgba(255,122,0,.16),rgba(255,255,255,.04));box-shadow:3px 3px 0 rgba(255,122,0,.25)}.nav em{font-style:normal;color:var(--orange2);font-family:var(--mono);font-size:10px}.main{min-width:0;padding:10px 10px 70px}.top{height:64px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px}.crumb{color:var(--orange2);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.hud{display:flex;gap:10px;flex-wrap:wrap}.badge{height:30px;display:flex;align-items:center;padding:0 11px;color:var(--orange2);background:rgba(255,122,0,.08);border:2px solid rgba(255,122,0,.55);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.badge.cyan{color:var(--cyan);border-color:rgba(50,230,255,.55);background:rgba(50,230,255,.07)}.pagegrid{display:grid;gap:8px}.cols2{grid-template-columns:1fr 370px}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:360px;display:grid;grid-template-columns:1fr 360px;gap:8px}.headline{font-family:var(--heading);font-size:clamp(48px,5vw,86px);line-height:.95;margin:8px 0;text-transform:uppercase;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,122,0,.16)}.sub{color:#d2ccc4;font-size:22px;max-width:880px}.kicker,.rail-title{color:var(--cyan);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}.card h2,.card h3,.panel h2,.panel h3{font-family:var(--heading);text-transform:uppercase;margin:0 0 9px;text-shadow:2px 2px 0 #000}.card{padding:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.stat{font-family:var(--heading);font-size:48px;line-height:.9;color:#fff}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;margin:4px 4px 4px 0;border:2px solid rgba(255,122,0,.55);background:rgba(255,122,0,.10);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.btn.cyan{border-color:rgba(50,230,255,.55);background:rgba(50,230,255,.08)}.btn.red{border-color:rgba(255,79,79,.55);background:rgba(255,79,79,.09)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}.table th{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.avatar{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--orange),#4c1b00);display:inline-grid;place-items:center;color:#080808;font-family:var(--heading);box-shadow:3px 3px 0 var(--cyan)}.feed{display:grid;gap:8px}.feeditem{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:start;padding:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.phone{max-width:410px;margin:auto;background:#050506;border:2px solid var(--line);border-radius:30px;padding:12px;box-shadow:8px 8px 0 rgba(255,122,0,.25)}.screen{min-height:680px;border-radius:22px;background:linear-gradient(180deg,#181b22,#050608);border:1px solid rgba(255,255,255,.12);padding:18px;display:flex;flex-direction:column;gap:12px}.input{width:100%;background:#08090b;border:1px solid var(--line);color:#fff;padding:12px;font-family:var(--body);font-size:18px}.qr{width:116px;height:116px;background:#eee;border:5px solid #050506;box-shadow:5px 5px 0 var(--orange);background-image:linear-gradient(90deg,#000 10%,transparent 10% 20%,#000 20% 30%,transparent 30% 45%,#000 45% 60%,transparent 60% 70%,#000 70% 80%,transparent 80%),linear-gradient(#000 10%,transparent 10% 20%,#000 20% 30%,transparent 30% 45%,#000 45% 60%,transparent 60% 70%,#000 70% 80%,transparent 80%);background-size:14px 14px;background-blend-mode:multiply}.ticker{position:fixed;left:10px;right:10px;bottom:8px;z-index:9;display:grid;grid-template-columns:100px 1fr;height:46px;gap:6px}.live{display:grid;place-items:center;color:#050506;background:var(--orange);font-family:var(--heading);font-size:28px;box-shadow:5px 5px 0 var(--cyan);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px)}.crawl{overflow:hidden;background:rgba(59,63,72,.85);border:1px solid var(--line);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.crawl span{display:inline-block;white-space:nowrap;color:var(--orange2);font-family:var(--mono);font-size:13px;line-height:46px;letter-spacing:.14em;text-transform:uppercase;animation:ticker 26s linear infinite}@keyframes ticker{from{transform:translateX(100%)}to{transform:translateX(-120%)}}.meter{height:12px;background:rgba(255,255,255,.06);border:1px solid rgba(50,230,255,.45);overflow:hidden}.meter i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--orange),var(--orange2),var(--cyan));box-shadow:0 0 18px rgba(255,122,0,.55)}.displaymode{height:100vh;overflow:hidden}.displaymode .display{position:relative;z-index:2;width:100vw;height:100vh;display:grid;grid-template-columns:13.2vw 1fr 11.8vw;grid-template-rows:1fr 6.1vh;gap:8px;padding:8px}.left{display:grid;grid-template-rows:13vh 1fr 11vh;gap:8px}.mainstage{display:grid;grid-template-rows:auto 1fr;gap:18px}.question-stage{height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.question-stage h2{max-width:88%;font-family:var(--heading);font-size:clamp(44px,4.35vw,84px);line-height:1.08;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,122,0,.16)}.rightcol{display:grid;grid-template-rows:15.5vh 1fr;gap:8px}.bigtime{font-family:var(--heading);font-size:58px;text-align:center;text-shadow:3px 3px 0 #000,-3px 0 0 var(--cyan),3px 0 0 var(--orange)}.checklist ul{columns:2;list-style:none;padding:0}.checklist li{padding:4px 0}.done{color:#fff}.todo{color:#9b9ba3}.coming{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center}.coming h1{font-family:var(--heading);font-size:82px;margin:0;text-transform:uppercase}.coming p{font-size:24px;color:var(--muted)}@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.hero,.cols2,.cols3,.cols4{grid-template-columns:1fr}.checklist ul{columns:1}.ticker{position:relative;left:auto;right:auto;bottom:auto;margin:10px}.displaymode{overflow:auto}.displaymode .display{height:auto;grid-template-columns:1fr}.left,.rightcol,.mainstage{grid-column:1}.headline{font-size:48px}}


/* v4 navigation revision: application nav across top, compact context rail on left, footer as page element */
body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.globalbar{position:sticky;top:0;z-index:20;height:74px;margin:8px 10px 0;display:grid;grid-template-columns:270px 1fr auto;gap:10px;align-items:center}.global-brand{height:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:rgba(12,14,18,.94);border:2px solid var(--line);box-shadow:8px 8px 0 rgba(0,0,0,.75);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.global-brand b{display:block;font-family:var(--heading);font-size:34px;line-height:.8;text-shadow:3px 3px 0 #000}.global-brand small{display:block;margin-top:6px;color:var(--orange2);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.app-nav{height:100%;display:flex;align-items:center;gap:6px;padding:10px;background:rgba(12,14,18,.88);border:2px solid var(--line);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.app-nav a{height:34px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange2);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.app-nav a:hover{border-color:rgba(255,122,0,.75);background:rgba(255,122,0,.13);color:#fff}.global-badges{display:flex;gap:8px;align-items:center;height:100%;padding:0 12px;background:rgba(12,14,18,.78);border:2px solid var(--line);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.shell{flex:1;min-height:calc(100vh - 138px);grid-template-columns:78px 1fr;gap:0}.side{height:auto;min-height:100%;position:sticky;top:88px;align-self:start;padding:10px 0 10px 10px;grid-template-rows:auto auto;overflow:visible}.context-rail{padding:10px 8px;overflow:visible;display:grid;gap:8px}.context-rail.panel{box-shadow:6px 6px 0 rgba(0,0,0,.75),9px 9px 0 rgba(255,122,0,.18)}.rail-item{position:relative}.rail-item button{width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#fff;cursor:pointer;font-family:var(--mono);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.rail-item button span{display:block;color:var(--orange2);font-weight:900;font-size:13px;letter-spacing:.08em}.rail-item button strong{display:block;color:var(--muted);font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.08em}.rail-item:hover button,.rail-item:focus-within button{border-color:var(--orange);background:rgba(255,122,0,.16);box-shadow:4px 4px 0 rgba(255,122,0,.25)}.rail-flyout{position:absolute;left:58px;top:0;z-index:30;min-width:230px;padding:14px;background:linear-gradient(180deg,rgba(26,29,36,.98),rgba(7,8,10,.98));border:2px solid var(--line);box-shadow:10px 10px 0 rgba(0,0,0,.75),14px 14px 0 rgba(255,122,0,.24);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);opacity:0;pointer-events:none;transform:translateX(-8px);transition:.16s ease}.rail-item:hover .rail-flyout,.rail-item:focus-within .rail-flyout{opacity:1;pointer-events:auto;transform:translateX(0)}.rail-flyout h3{margin:0 0 10px;color:var(--cyan);font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.rail-flyout a{display:block;margin:5px 0;padding:9px 10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);font-weight:800;text-transform:uppercase}.rail-flyout a:hover{border-color:rgba(255,122,0,.70);background:rgba(255,122,0,.12)}.rail-note{display:none}.main{padding:10px 10px 10px;min-height:calc(100vh - 148px)}.top{height:58px}.ticker{position:relative;left:auto;right:auto;bottom:auto;z-index:5;margin:8px 10px 10px;grid-template-columns:96px 1fr;height:46px}.site-footer{margin-top:auto}.crawl span{animation:ticker 38s linear infinite}.live{font-size:26px}.pagegrid,.hero{align-items:stretch}@media(max-width:1100px){.globalbar{height:auto;grid-template-columns:1fr;margin:8px 8px 0}.app-nav{overflow:auto}.global-badges{display:none}.shell{grid-template-columns:1fr}.side{position:relative;top:auto;min-height:auto;padding:8px}.context-rail{display:flex;gap:8px;overflow:visible}.rail-flyout{left:0;top:56px}.main{min-height:auto}.ticker{margin:8px;grid-template-columns:88px 1fr}.global-brand b{font-size:30px}}


/* v5 correction pass: one top header, real contextual rail flyouts, no second top rail, darker footer crawler */
.globalbar{
  position:sticky;top:0;z-index:50;height:78px;margin:8px 10px 0;
  grid-template-columns:280px 1fr auto;background:rgba(5,6,8,.96);
}
.global-brand{border-color:#303641;background:linear-gradient(180deg,rgba(20,23,29,.98),rgba(7,8,10,.98));}
.app-nav{justify-content:flex-start;background:linear-gradient(180deg,rgba(15,18,23,.96),rgba(7,8,10,.96));}
.app-nav a{height:38px;min-width:78px;justify-content:center;}
.global-badges{background:linear-gradient(180deg,rgba(15,18,23,.96),rgba(7,8,10,.96));}
.shell{grid-template-columns:80px 1fr;min-height:auto;flex:1;}
.side{top:88px;padding:10px 0 10px 10px;z-index:40;}
.context-rail{gap:10px;padding:10px 8px;}
.rail-item button{width:50px;height:54px;display:block;}
.rail-item button span{font-family:var(--heading);font-size:15px;color:var(--orange);}
.rail-item button strong{font-family:var(--mono);font-size:8px;color:#c8c2ba;}
.rail-flyout{left:62px;top:-2px;min-width:255px;}
.rail-item.open .rail-flyout{opacity:1;pointer-events:auto;transform:translateX(0)}
.rail-item.open button{border-color:var(--orange);background:rgba(255,122,0,.16);box-shadow:4px 4px 0 rgba(255,122,0,.25)}
.main{padding:10px 10px 10px;}
.top{display:none!important;height:0!important;margin:0!important;padding:0!important;}
.page-crumb{margin:0 0 8px;padding:12px 16px;color:var(--orange2);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(10,12,15,.72);border-left:3px solid rgba(255,122,0,.65);}
.site-footer{position:relative;z-index:10;margin:14px 10px 10px;display:grid;grid-template-columns:104px 1fr;height:48px;gap:0;}
.site-footer .live{height:48px;box-shadow:none;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);}
.site-footer .crawl{height:48px;border:1px solid #242a32;border-left:0;background:#11161d;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);box-shadow:inset 0 0 22px rgba(0,0,0,.65);}
.site-footer .crawl span{line-height:48px;font-size:14px;color:var(--orange2);}
@media(max-width:1100px){.globalbar{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.side{top:auto}.context-rail{display:flex}.rail-flyout{left:0;top:62px}.site-footer{grid-template-columns:92px 1fr;margin:8px}.site-footer .crawl span{font-size:12px}}


/* v6 navigation/footer correction pass */
.globalbar{
  height:78px;
  grid-template-columns:280px 1fr auto;
  gap:10px;
  background:transparent;
  margin:8px 10px 0;
}
.global-brand,
.app-nav,
.global-badges{
  --notch:14px;
  --stroke:2px;
  --border-color:var(--line);
  --fill:linear-gradient(180deg,rgba(15,18,23,.97),rgba(7,8,10,.97));
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0 !important;
  background:var(--border-color) !important;
  clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch));
}
.global-brand:before,
.app-nav:before,
.global-badges:before{
  content:"";
  position:absolute;
  inset:var(--stroke);
  z-index:-1;
  background:var(--fill);
  clip-path:polygon(calc(var(--notch) - var(--stroke)) 0,100% 0,100% calc(100% - var(--notch) + var(--stroke)),calc(100% - var(--notch) + var(--stroke)) 100%,0 100%,0 calc(var(--notch) - var(--stroke)));
}
.app-nav{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
}
.app-nav a{
  --notch:8px;
  --stroke:2px;
  --border-color:rgba(255,255,255,.14);
  --fill:rgba(255,255,255,.035);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0 !important;
  background:var(--border-color) !important;
  clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch));
  height:38px;
  min-width:98px;
  padding:0 18px;
  color:var(--orange2);
}
.app-nav a:before{
  content:"";
  position:absolute;
  inset:var(--stroke);
  z-index:-1;
  background:var(--fill);
  clip-path:polygon(calc(var(--notch) - var(--stroke)) 0,100% 0,100% calc(100% - var(--notch) + var(--stroke)),calc(var(--notch) - var(--stroke)) 100%,0 100%,0 calc(var(--notch) - var(--stroke)));
}
.app-nav a:hover,
.app-nav a.active{
  --border-color:rgba(255,122,0,.75);
  --fill:linear-gradient(90deg,rgba(255,122,0,.18),rgba(255,255,255,.045));
  color:#fff;
}
.global-badges .badge{
  position:relative;
  z-index:2;
}
.shell{grid-template-columns:80px 1fr;}
.side{top:88px;}
.context-rail{min-height:260px;align-content:start;gap:14px;}
.rail-item button{
  width:52px;
  height:64px;
  display:grid;
  place-items:center;
  padding:0;
}
.rail-item button span{font-size:18px;line-height:1;}
.rail-item button strong{font-size:9px;line-height:1.05;}
.rail-flyout{left:64px;min-width:280px;}
.rail-flyout a.active{border-color:rgba(255,122,0,.75);background:rgba(255,122,0,.16);}
.site-footer{
  position:relative;
  z-index:10;
  margin:14px 10px 10px;
  display:grid;
  grid-template-columns:112px 1fr;
  height:48px;
  gap:0;
  background:transparent;
}
.site-footer .live{
  height:48px;
  display:grid;
  place-items:center;
  background:var(--orange);
  color:#050506;
  font-family:var(--heading);
  font-size:28px;
  box-shadow:none;
  clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);
}
.site-footer .crawl{
  height:48px;
  position:relative;
  overflow:hidden;
  border:1px solid #252b34;
  border-left:0;
  background:#07090c;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);
  box-shadow:inset 0 0 24px rgba(0,0,0,.85);
}
.site-footer .crawl:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(22,25,31,.85),rgba(4,5,7,.95));
  z-index:0;
}
.site-footer .crawl span{
  position:relative;
  z-index:1;
  display:inline-block;
  white-space:nowrap;
  color:var(--orange2);
  font-family:var(--mono);
  font-size:14px;
  line-height:48px;
  letter-spacing:.16em;
  text-transform:uppercase;
  animation:ticker 38s linear infinite;
}
@media(max-width:1100px){
  .globalbar{grid-template-columns:1fr;height:auto;}
  .app-nav{overflow:auto;}
  .shell{grid-template-columns:1fr;}
  .context-rail{display:flex;min-height:0;}
  .rail-flyout{left:0;top:72px;}
  .site-footer{grid-template-columns:96px 1fr;margin:8px;}
}


/* HIVE skin layer: premium live event-tech over the arcade display language */
:root{
  --hive-bg:#040506;
  --hive-panel:linear-gradient(180deg,rgba(21,22,28,.96),rgba(5,6,9,.98));
  --hive-amber:#ffb000;
  --hive-amber-2:#ffd36a;
  --hive-cyan:#32e6ff;
  --hive-magenta:#ff3df2;
  --hive-line:#414650;
  --panel-fill:var(--hive-panel);
  --orange:var(--hive-amber);
  --orange2:var(--hive-amber-2);
  --cyan:var(--hive-cyan);
  --line:var(--hive-line);
}

body:before{
  background:
    radial-gradient(circle at 70% 14%,rgba(255,176,0,.20),transparent 30%),
    radial-gradient(circle at 15% 82%,rgba(50,230,255,.12),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(255,61,242,.10),transparent 25%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 8px),
    linear-gradient(135deg,var(--hive-bg),#10131a 48%,#020203);
}

body:after{
  opacity:.82;
  background:
    linear-gradient(30deg,rgba(255,176,0,.045) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.045) 87.5%,rgba(255,176,0,.045)),
    linear-gradient(150deg,rgba(255,176,0,.04) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.04) 87.5%,rgba(255,176,0,.04)),
    linear-gradient(30deg,rgba(255,176,0,.04) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.04) 87.5%,rgba(255,176,0,.04)),
    linear-gradient(150deg,rgba(255,176,0,.035) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.035) 87.5%,rgba(255,176,0,.035));
  background-position:0 0,0 0,38px 66px,38px 66px;
  background-size:76px 132px;
}

.global-brand,.app-nav,.global-badges,.panel,.card,.rail-flyout{
  backdrop-filter:blur(14px);
}

.global-brand:after,.panel:after,.card:after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 0 34%,rgba(255,255,255,.055) 48%,transparent 62% 100%);
  transform:translateX(-135%);
  animation:hiveSheen 8s ease-in-out infinite;
}

.global-brand>*,
.panel>*,
.card>*{
  position:relative;
  z-index:1;
}

.hive-mark,.sin-mark{
  min-width:72px;
  height:42px;
  display:grid;
  place-items:center;
  color:#050506;
  background:linear-gradient(135deg,var(--hive-amber),var(--hive-amber-2));
  font-family:var(--heading);
  font-weight:900;
  font-size:20px;
  box-shadow:5px 5px 0 var(--hive-cyan),9px 9px 0 rgba(255,61,242,.25);
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
}

.global-brand b{
  letter-spacing:.04em;
}

.marketing-shell{
  grid-template-columns:minmax(0,1fr) !important;
  width:min(1440px,100%);
  margin:0 auto;
}

.marketing-shell .main{
  padding:14px 18px 16px;
}

.marketing-shell .hero{
  min-height:430px;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
}

.marketing-shell .headline{
  max-width:980px;
}

.page-crumb{
  border-left-color:rgba(255,176,0,.78);
  background:linear-gradient(90deg,rgba(255,176,0,.10),rgba(50,230,255,.035),transparent);
}

.btn:hover,.app-nav a:hover,.app-nav a.active{
  box-shadow:0 0 22px rgba(255,176,0,.22),3px 3px 0 rgba(50,230,255,.20);
}

.btn.magenta,.badge.magenta{
  border-color:rgba(255,61,242,.58);
  background:rgba(255,61,242,.08);
  color:#ffd8fc;
}

.site-footer .crawl{
  background:#06070a;
}

.site-footer .crawl:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,176,0,.10),transparent 18%,transparent 82%,rgba(50,230,255,.08));
}

@keyframes hiveSheen{
  0%,58%{transform:translateX(-135%);opacity:0}
  68%{opacity:1}
  86%,100%{transform:translateX(135%);opacity:0}
}

@media(max-width:1100px){
  .marketing-shell .hero{grid-template-columns:1fr;}
  .marketing-shell .main{padding:8px;}
}


/* HIVE marketing repair: stabilize public pages after shell separation */
body:after{
  opacity:.7;
  background:
    linear-gradient(30deg,rgba(255,176,0,.035) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.035) 87.5%,rgba(255,176,0,.035)),
    linear-gradient(150deg,rgba(255,176,0,.025) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.025) 87.5%,rgba(255,176,0,.025)),
    linear-gradient(90deg,rgba(50,230,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-position:0 0,0 0,0 0,0 0;
  background-size:96px 166px,96px 166px,48px 48px,48px 48px;
  mask-image:radial-gradient(circle at 50% 45%,black 12%,rgba(0,0,0,.54) 58%,transparent 86%);
}

.marketing-shell{
  display:block !important;
  width:min(1480px,calc(100vw - 48px)) !important;
  margin:0 auto !important;
}

.marketing-shell .main{
  width:100%;
  padding:14px 0 20px !important;
}

.marketing-shell .page-crumb{
  margin-bottom:10px;
}

.marketing-shell .hero{
  display:grid !important;
  grid-template-columns:minmax(520px,1fr) minmax(320px,420px) !important;
  gap:12px !important;
  min-height:430px;
  align-items:stretch;
}

.marketing-shell .hero > .panel:first-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:430px;
}

.marketing-shell .hero > aside.panel{
  min-width:0;
  min-height:430px;
}

.marketing-shell .cols4{
  grid-template-columns:repeat(4,minmax(190px,1fr)) !important;
  gap:12px;
}

.marketing-shell .cols3{
  grid-template-columns:repeat(3,minmax(260px,1fr)) !important;
  gap:12px;
}

.marketing-shell .cols2{
  grid-template-columns:minmax(0,1fr) minmax(320px,420px) !important;
  gap:12px;
}

.marketing-shell .card,
.marketing-shell .panel{
  min-width:0;
}

.marketing-shell .card{
  min-height:128px;
}

.marketing-shell .stat{
  font-size:clamp(42px,3vw,56px);
}

.marketing-shell .card p{
  margin:10px 0 0;
  line-height:1.15;
}

.marketing-shell .headline{
  font-size:clamp(54px,5.8vw,104px);
  max-width:980px;
}

.marketing-shell .sub{
  max-width:840px;
}

@media(max-width:1100px){
  .marketing-shell{
    width:calc(100vw - 16px) !important;
  }
  .marketing-shell .hero,
  .marketing-shell .cols2,
  .marketing-shell .cols3,
  .marketing-shell .cols4{
    grid-template-columns:1fr !important;
  }
  .marketing-shell .hero > .panel:first-child,
  .marketing-shell .hero > aside.panel{
    min-height:auto;
  }
}


/* v7 navigation correction: full-height management rail + fixed footer crawler geometry */
.shell{
  grid-template-columns:278px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:stretch;
}
.side{
  position:sticky !important;
  top:88px !important;
  align-self:start;
  height:calc(100vh - 108px) !important;
  min-height:620px;
  padding:10px 0 10px 10px !important;
  z-index:40;
  display:block !important;
}
.context-rail{
  height:100%;
  min-height:0 !important;
  display:block !important;
  padding:18px 14px !important;
  overflow:visible !important;
  background:var(--border-color);
}
.context-rail .rail-title{
  margin:0 0 12px;
  color:var(--cyan);
}
.rail-item{
  position:relative;
  margin:0 0 10px;
}
.rail-item button{
  width:100% !important;
  height:62px !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-content:center;
  text-align:left;
  border:0 !important;
  cursor:pointer;
  --notch:10px;
  --stroke:2px;
  --border-color:rgba(255,255,255,.12);
  --fill:rgba(255,255,255,.045);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--border-color) !important;
  color:var(--text);
  clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch)) !important;
}
.rail-item button:before{
  content:"";
  position:absolute;
  inset:var(--stroke);
  z-index:-1;
  background:var(--fill);
  clip-path:polygon(calc(var(--notch) - var(--stroke)) 0,100% 0,100% calc(100% - var(--notch) + var(--stroke)),calc(100% - var(--notch) + var(--stroke)) 100%,0 100%,0 calc(var(--notch) - var(--stroke)));
}
.rail-item button span{
  grid-column:1;
  display:block;
  color:var(--orange2) !important;
  font-family:var(--heading);
  font-size:18px !important;
  line-height:1.05;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.rail-item button strong{
  grid-column:1;
  display:block;
  color:var(--muted) !important;
  font-family:var(--mono);
  font-size:9px !important;
  line-height:1.15;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-top:5px;
}
.rail-item button em{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  color:var(--orange);
  font-family:var(--heading);
  font-style:normal;
  font-size:22px;
}
.rail-item:hover button,
.rail-item:focus-within button,
.rail-item.open button{
  --border-color:rgba(255,122,0,.78);
  --fill:linear-gradient(90deg,rgba(255,122,0,.18),rgba(255,255,255,.045));
  box-shadow:4px 4px 0 rgba(255,122,0,.22);
}
.rail-flyout{
  position:absolute;
  left:calc(100% + 12px) !important;
  top:0 !important;
  z-index:200;
  min-width:300px !important;
  padding:16px !important;
  opacity:0;
  pointer-events:none;
  transform:translateX(-10px);
  transition:.16s ease;
  --notch:16px;
  --stroke:2px;
  --border-color:var(--line);
  --fill:linear-gradient(180deg,rgba(26,29,36,.99),rgba(7,8,10,.99));
  background:var(--border-color) !important;
  border:0 !important;
  clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch)) !important;
  box-shadow:10px 10px 0 rgba(0,0,0,.78),14px 14px 0 rgba(255,122,0,.22);
}
.rail-flyout:before{
  content:"";
  position:absolute;
  inset:var(--stroke);
  z-index:-1;
  background:var(--fill);
  clip-path:polygon(calc(var(--notch) - var(--stroke)) 0,100% 0,100% calc(100% - var(--notch) + var(--stroke)),calc(100% - var(--notch) + var(--stroke)) 100%,0 100%,0 calc(var(--notch) - var(--stroke)));
}
.rail-item:hover .rail-flyout,
.rail-item:focus-within .rail-flyout,
.rail-item.open .rail-flyout{
  opacity:1;
  pointer-events:auto;
  transform:translateX(0);
}
.rail-flyout h3{
  margin:0 0 10px !important;
  color:var(--cyan);
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.rail-flyout a{
  display:block;
  margin:6px 0;
  padding:10px 11px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
  text-transform:uppercase;
}
.rail-flyout a:hover,
.rail-flyout a.active{
  border-color:rgba(255,122,0,.72);
  background:rgba(255,122,0,.14);
}
.rail-note{
  display:block !important;
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  padding:14px;
  background:rgba(255,255,255,.035);
  border-left:3px solid rgba(50,230,255,.7);
}
.rail-note b{
  display:block;
  color:var(--cyan);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.rail-note span{
  display:block;
  color:var(--muted);
  font-size:14px;
  line-height:1.2;
}
.main{
  padding:10px 10px 10px 0 !important;
}
.site-footer{
  position:relative !important;
  z-index:20 !important;
  margin:14px 10px 10px !important;
  display:grid !important;
  grid-template-columns:128px minmax(0,1fr) !important;
  grid-template-rows:56px !important;
  gap:0 !important;
  height:56px !important;
  align-items:stretch !important;
  background:transparent !important;
  overflow:visible !important;
}
.site-footer .live{
  grid-column:1 !important;
  grid-row:1 !important;
  width:128px !important;
  height:56px !important;
  min-height:56px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#050506 !important;
  background:var(--orange) !important;
  font-family:var(--heading) !important;
  font-size:32px !important;
  line-height:1 !important;
  box-shadow:none !important;
  clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px) !important;
}
.site-footer .crawl{
  grid-column:2 !important;
  grid-row:1 !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  border:2px solid #242a32 !important;
  border-left:0 !important;
  background:#050608 !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.92) !important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%) !important;
}
.site-footer .crawl:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(16,19,24,.92),rgba(3,4,6,.98));
}
.site-footer .crawl span{
  position:relative !important;
  z-index:1 !important;
  display:inline-block !important;
  white-space:nowrap !important;
  color:var(--orange2) !important;
  font-family:var(--mono) !important;
  font-size:15px !important;
  line-height:56px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  animation:ticker 38s linear infinite !important;
}
@media(max-width:1100px){
  .shell{grid-template-columns:1fr !important;}
  .side{position:relative !important;top:auto !important;height:auto !important;min-height:0;padding:8px !important;}
  .context-rail{height:auto;}
  .rail-flyout{left:0 !important;top:70px !important;}
  .main{padding:8px !important;}
  .site-footer{grid-template-columns:104px minmax(0,1fr) !important;margin:8px !important;}
  .site-footer .live{width:104px !important;font-size:26px !important;}
}

/* v8 cleanup: public/product top nav only; full contextual management rail; fixed crawler butt join */
.globalbar{
  grid-template-columns:270px minmax(0,1fr) !important;
}
.global-badges{display:none !important;}
.app-nav{justify-content:flex-start !important;}
.context-rail{
  padding:18px 14px !important;
}
.rail-note{display:none !important;}
.rail-item button{
  height:68px !important;
}
.rail-item button span{
  font-size:20px !important;
}
.rail-flyout{
  display:block !important;
}
.rail-item:hover .rail-flyout,
.rail-item:focus-within .rail-flyout,
.rail-item.open .rail-flyout{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.site-footer{
  position:relative !important;
  z-index:20 !important;
  margin:14px 10px 10px !important;
  height:56px !important;
  min-height:56px !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  background:transparent !important;
  overflow:hidden !important;
}
.site-footer .live{
  flex:0 0 128px !important;
  width:128px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#050506 !important;
  background:var(--orange) !important;
  font-family:var(--heading) !important;
  font-size:32px !important;
  line-height:1 !important;
  box-shadow:none !important;
  clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px) !important;
}
.site-footer .crawl{
  position:relative !important;
  flex:1 1 auto !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  overflow:hidden !important;
  border:2px solid #242a32 !important;
  border-left:0 !important;
  background:#050608 !important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.92) !important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%) !important;
}
.site-footer .crawl:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(14,17,22,.96),rgba(3,4,6,.99)) !important;
}
.site-footer .crawl span{
  position:relative !important;
  z-index:1 !important;
  display:inline-block !important;
  white-space:nowrap !important;
  color:var(--orange2) !important;
  font-family:var(--mono) !important;
  font-size:15px !important;
  line-height:56px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  animation:ticker 38s linear infinite !important;
}
@media(max-width:1100px){
  .globalbar{grid-template-columns:1fr !important;}
  .site-footer{margin:8px !important;}
  .site-footer .live{flex-basis:104px !important;width:104px !important;font-size:26px !important;}
}

/* v9 correction: bottom-anchored crawler + functional contextual flyout rail */
html, body{
  min-height:100vh !important;
}
body{
  padding-bottom:56px !important;
}
.shell{
  grid-template-columns:278px minmax(0,1fr) !important;
  min-height:calc(100vh - 88px - 56px) !important;
  overflow:visible !important;
}
.side{
  overflow:visible !important;
  z-index:80 !important;
  height:calc(100vh - 98px - 56px) !important;
  min-height:520px !important;
}
.context-rail,
.context-rail.notched,
.context-rail.panel{
  overflow:visible !important;
  isolation:visible !important;
}
.rail-item{
  position:relative !important;
  z-index:1 !important;
}
.rail-item.open,
.rail-item:hover,
.rail-item:focus-within{
  z-index:300 !important;
}
.rail-item button{
  cursor:pointer !important;
  user-select:none !important;
}
.rail-flyout{
  position:absolute !important;
  left:calc(100% + 12px) !important;
  top:0 !important;
  z-index:999 !important;
  min-width:320px !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateX(-12px) !important;
}
.rail-item:hover .rail-flyout,
.rail-item:focus-within .rail-flyout,
.rail-item.open .rail-flyout{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.rail-item button[aria-expanded="true"]{
  --border-color:rgba(255,122,0,.82) !important;
  --fill:linear-gradient(90deg,rgba(255,122,0,.20),rgba(255,255,255,.05)) !important;
  box-shadow:4px 4px 0 rgba(255,122,0,.24) !important;
}
.main{
  padding-bottom:84px !important;
}
.site-footer{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:1000 !important;
  margin:0 !important;
  padding:0 !important;
  height:56px !important;
  min-height:56px !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.site-footer .live{
  flex:0 0 128px !important;
  width:128px !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px) !important;
}
.site-footer .crawl{
  flex:1 1 auto !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  border:2px solid #222833 !important;
  border-left:0 !important;
  background:#050608 !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.95) !important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%) !important;
}
.site-footer .crawl:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(12,15,20,.98),rgba(1,2,4,.99)) !important;
}
.site-footer .crawl span{
  line-height:56px !important;
}
@media(max-width:1100px){
  body{padding-bottom:56px !important;}
  .site-footer{height:56px !important;}
  .site-footer .live{flex-basis:104px !important;width:104px !important;}
  .rail-flyout{left:0 !important;top:72px !important;}
}

/* v10: contextual rail flyouts must not be clipped; decorative layers must not eat clicks */
.notched::before,
.rail-item button::before,
.rail-flyout::before{
  pointer-events:none !important;
}

.context-rail.notched,
.context-rail.notched.panel{
  clip-path:none !important;
  -webkit-clip-path:none !important;
  overflow:visible !important;
  isolation:auto !important;
  background:linear-gradient(180deg,rgba(26,29,36,.96),rgba(7,8,10,.96)) !important;
  border:2px solid var(--line) !important;
}

.context-rail.notched::before,
.context-rail.notched.panel::before{
  display:none !important;
}

.side,
.shell{
  overflow:visible !important;
}

.rail-flyout{
  display:block !important;
}

.rail-item.open .rail-flyout,
.rail-item:focus-within .rail-flyout{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}

/* HIVE public marketing final override */
body:after{
  opacity:.58 !important;
  background:
    linear-gradient(30deg,rgba(255,176,0,.028) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.028) 87.5%,rgba(255,176,0,.028)),
    linear-gradient(150deg,rgba(255,176,0,.022) 12%,transparent 12.5%,transparent 87%,rgba(255,176,0,.022) 87.5%,rgba(255,176,0,.022)),
    radial-gradient(circle at 50% 50%,rgba(50,230,255,.045) 0 2px,transparent 3px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px) !important;
  background-size:104px 180px,104px 180px,104px 90px,52px 52px,52px 52px !important;
  background-position:0 0,0 0,52px 45px,0 0,0 0 !important;
  mask-image:radial-gradient(circle at 52% 45%,black 12%,rgba(0,0,0,.45) 58%,transparent 88%) !important;
}

.shell.marketing-shell{
  display:block !important;
  grid-template-columns:none !important;
  width:min(1480px,calc(100vw - 48px)) !important;
  max-width:1480px !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
}

.marketing-shell .main{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  padding:14px 0 92px !important;
}

.marketing-shell .page-crumb{
  width:100% !important;
  margin:0 0 12px !important;
}

.marketing-shell .hero{
  display:grid !important;
  grid-template-columns:minmax(560px,1fr) minmax(330px,420px) !important;
  gap:12px !important;
  width:100% !important;
  min-height:430px !important;
  align-items:stretch !important;
}

.marketing-shell .hero > .panel{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:0 !important;
  min-height:430px !important;
}

.marketing-shell .hero > .panel:first-child{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.marketing-shell .pagegrid.cols4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(190px,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

.marketing-shell .pagegrid.cols3{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(260px,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

.marketing-shell .pagegrid.cols2{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(330px,420px) !important;
  gap:12px !important;
  width:100% !important;
}

.marketing-shell .card{
  min-width:0 !important;
  min-height:128px !important;
  overflow:hidden !important;
}

.marketing-shell .stat{
  font-size:clamp(38px,3vw,56px) !important;
}

.marketing-shell .card p{
  margin:10px 0 0 !important;
  line-height:1.15 !important;
}

.marketing-shell .headline{
  font-size:clamp(54px,5.8vw,104px) !important;
  max-width:980px !important;
}

.marketing-shell .sub{
  max-width:860px !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    width:calc(100vw - 16px) !important;
  }
  .marketing-shell .hero,
  .marketing-shell .pagegrid.cols2,
  .marketing-shell .pagegrid.cols3,
  .marketing-shell .pagegrid.cols4{
    grid-template-columns:1fr !important;
  }
  .marketing-shell .hero > .panel{
    min-height:auto !important;
  }
}

/* HIVE current marketing truth: centered stage, calm panels, burst footer */
body:has(.marketing-footer){
  padding-bottom:0 !important;
}

.global-brand:after,
.panel:after,
.card:after{
  display:none !important;
  animation:none !important;
}

.shell.marketing-shell{
  display:block !important;
  width:min(1720px,calc(100vw - 20px)) !important;
  max-width:1720px !important;
  min-height:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
}

.marketing-shell .main{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  padding:14px 0 18px !important;
}

.marketing-shell .page-crumb{
  display:none !important;
}

.marketing-shell .hero{
  display:grid !important;
  grid-template-columns:minmax(680px,1fr) minmax(380px,460px) !important;
  gap:12px !important;
  width:100% !important;
  min-height:390px !important;
  align-items:stretch !important;
}

.marketing-shell .hero > .panel{
  min-width:0 !important;
  min-height:390px !important;
}

.marketing-shell .hero > .panel:first-child{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:26px 30px !important;
}

.marketing-shell .headline{
  font-size:clamp(44px,3.45vw,72px) !important;
  line-height:1.02 !important;
  max-width:920px !important;
}

.marketing-shell .sub{
  max-width:900px !important;
  font-size:21px !important;
  line-height:1.35 !important;
}

.marketing-shell .hero .btn{
  width:auto !important;
  min-width:210px !important;
  height:40px !important;
  margin-top:14px !important;
  margin-right:8px !important;
  padding-left:22px !important;
  padding-right:22px !important;
}

.marketing-shell .pagegrid.cols4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

.marketing-shell .pagegrid.cols3{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

.marketing-shell .pagegrid.cols2{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(380px,460px) !important;
  gap:12px !important;
  width:100% !important;
}

.panel,
.card,
.global-brand,
.app-nav,
.marketing-footer{
  --fill:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.075),transparent 28%),
    radial-gradient(circle at 86% 92%,rgba(50,230,255,.045),transparent 30%),
    linear-gradient(135deg,rgba(24,27,34,.98),rgba(8,9,13,.98) 48%,rgba(3,4,6,.99)) !important;
}

.marketing-shell .panel,
.marketing-shell .card,
.marketing-footer{
  box-shadow:
    8px 8px 0 rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -38px 70px rgba(0,0,0,.28),
    inset 42px 0 80px rgba(50,230,255,.025),
    inset -42px 0 80px rgba(255,61,242,.025) !important;
}

.marketing-footer{
  margin-top:8px !important;
}

.live-burst .crawl{
  background:linear-gradient(135deg,rgba(24,27,34,.98),rgba(8,9,13,.98) 48%,rgba(3,4,6,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -26px 56px rgba(0,0,0,.34),
    inset 40px 0 80px rgba(50,230,255,.025),
    inset -40px 0 80px rgba(255,61,242,.025) !important;
}

.live-burst .crawl:before{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.055),transparent 28%),
    linear-gradient(90deg,rgba(255,176,0,.06),rgba(50,230,255,.025),rgba(255,61,242,.045)) !important;
}

.live-burst.is-active .crawl span{
  animation:hiveBurstCrawl 18s linear forwards !important;
}

@media(min-width:1800px){
  .marketing-shell .headline{
    font-size:72px !important;
  }
}

@media(max-width:1100px){
  .shell.marketing-shell{
    width:calc(100vw - 16px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .marketing-shell .hero,
  .marketing-shell .pagegrid.cols2,
  .marketing-shell .pagegrid.cols3,
  .marketing-shell .pagegrid.cols4{
    grid-template-columns:1fr !important;
  }
  .marketing-shell .hero > .panel{
    min-height:auto !important;
  }
  .marketing-shell .headline{
    font-size:clamp(38px,10vw,56px) !important;
  }
  .marketing-shell .hero .btn{
    width:100% !important;
    margin-right:0 !important;
  }
}

/* HIVE final centering override: keep public marketing stage centered on wide screens. */
.shell.marketing-shell{
  align-self:center !important;
  flex:0 0 auto !important;
  width:min(1720px,calc(100vw - 20px)) !important;
  max-width:1720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    align-self:stretch !important;
    width:calc(100vw - 16px) !important;
  }
}

/* HIVE logo chip override: image sits inside the existing header chip. */
.global-brand.logo-chip{
  padding:6px 12px !important;
  overflow:hidden;
}

.global-brand.logo-chip .brand-logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 76%;
  transform:scale(1.04);
  filter:drop-shadow(0 0 10px rgba(255,178,0,.42));
}

@media(max-width:1100px){
  .global-brand.logo-chip{
    min-height:74px;
  }
}

/* HIVE FINAL END OVERRIDE: center staged marketing shell */
.shell.marketing-shell{
  align-self:center !important;
  flex:0 0 auto !important;
  width:min(1720px,calc(100vw - 20px)) !important;
  max-width:1720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    align-self:stretch !important;
    width:calc(100vw - 16px) !important;
  }
}

/* HIVE center fix: body flex stretch was pinning the shell left */
.shell.marketing-shell{
  align-self:center !important;
  flex:0 0 auto !important;
  width:min(1720px,calc(100vw - 20px)) !important;
  max-width:1720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    align-self:stretch !important;
    width:calc(100vw - 16px) !important;
  }
}

/* HIVE marketing footer with event-triggered live burst */
body:has(.marketing-footer){
  padding-bottom:0 !important;
}

.marketing-footer{
  position:relative;
  z-index:10;
  margin:22px 10px 18px;
  min-height:104px;
  display:grid;
  grid-template-columns:minmax(240px,340px) 1fr minmax(190px,240px);
  gap:18px;
  align-items:center;
  padding:18px 22px;
  color:var(--text);
  background:linear-gradient(180deg,rgba(12,14,18,.96),rgba(4,5,7,.98));
  border:2px solid var(--line);
  box-shadow:8px 8px 0 rgba(0,0,0,.72),inset 0 0 32px rgba(255,255,255,.025);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
}

.footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.footer-brand b{
  display:block;
  font-family:var(--heading);
  font-size:28px;
  line-height:.85;
}

.footer-brand small{
  display:block;
  margin-top:6px;
  color:var(--orange2);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.footer-links{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.footer-links a{
  height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  color:var(--orange2);
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);
}

.footer-links a:hover{
  color:#fff;
  border-color:rgba(255,176,0,.70);
  background:rgba(255,176,0,.10);
}

.footer-signal{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--muted);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.footer-signal span{
  width:10px;
  height:10px;
  display:block;
  background:var(--cyan);
  border-radius:50%;
  box-shadow:0 0 18px var(--cyan);
  animation:hiveSignalPulse 2.6s ease-in-out infinite;
}

.live-burst{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1200;
  height:56px;
  display:flex;
  align-items:stretch;
  pointer-events:none;
  transform:translateY(115%);
  opacity:0;
  transition:transform .42s cubic-bezier(.16,.9,.24,1),opacity .28s ease;
}

.live-burst.is-active{
  transform:translateY(0);
  opacity:1;
}

.live-burst .live{
  flex:0 0 128px;
  width:128px;
  height:56px;
  box-shadow:none;
}

.live-burst .crawl{
  position:relative;
  flex:1;
  height:56px;
  border:2px solid #222833;
  border-left:0;
  background:#050608;
  overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);
}

.live-burst .crawl:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(255,176,0,.10),rgba(50,230,255,.04),rgba(255,61,242,.08));
}

.live-burst .crawl span{
  position:relative;
  z-index:1;
  display:inline-block;
  white-space:nowrap;
  color:var(--orange2);
  font-family:var(--mono);
  font-size:14px;
  line-height:56px;
  letter-spacing:.16em;
  text-transform:uppercase;
  animation:none;
  transform:translateX(100vw);
}

.live-burst.is-active .crawl span{
  animation:hiveBurstCrawl 7s linear forwards;
}

@keyframes hiveBurstCrawl{
  from{transform:translateX(100vw)}
  to{transform:translateX(-105%)}
}

@keyframes hiveSignalPulse{
  0%,100%{opacity:.45;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.12)}
}

@media(max-width:1100px){
  .marketing-footer{
    grid-template-columns:1fr;
    margin:16px 8px;
  }
  .footer-links{
    justify-content:flex-start;
  }
  .footer-signal{
    justify-self:start;
  }
  .live-burst .live{
    flex-basis:104px;
    width:104px;
  }
  .live-burst .crawl span{
    font-size:12px;
  }
}

/* HIVE marketing footer spacing correction */
.marketing-shell .main{
  padding-bottom:18px !important;
}

.marketing-footer{
  margin-top:8px !important;
}

/* HIVE visual calm pass: static depth instead of synchronized wipes */
.global-brand:after,
.panel:after,
.card:after{
  display:none !important;
  animation:none !important;
}

.panel,
.card,
.global-brand,
.app-nav,
.marketing-footer{
  --fill:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.075),transparent 28%),
    radial-gradient(circle at 86% 92%,rgba(50,230,255,.045),transparent 30%),
    linear-gradient(135deg,rgba(24,27,34,.98),rgba(8,9,13,.98) 48%,rgba(3,4,6,.99));
}

.marketing-shell .panel,
.marketing-shell .card,
.marketing-footer{
  box-shadow:
    8px 8px 0 rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -38px 70px rgba(0,0,0,.28),
    inset 42px 0 80px rgba(50,230,255,.025),
    inset -42px 0 80px rgba(255,61,242,.025) !important;
}

.live-burst .crawl{
  background:linear-gradient(135deg,rgba(24,27,34,.98),rgba(8,9,13,.98) 48%,rgba(3,4,6,.99)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -26px 56px rgba(0,0,0,.34),
    inset 40px 0 80px rgba(50,230,255,.025),
    inset -40px 0 80px rgba(255,61,242,.025) !important;
}

.live-burst .crawl:before{
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.055),transparent 28%),
    linear-gradient(90deg,rgba(255,176,0,.06),rgba(50,230,255,.025),rgba(255,61,242,.045)) !important;
}

.live-burst .crawl span{
  animation-duration:18s !important;
}

.live-burst.is-active .crawl span{
  animation:hiveBurstCrawl 18s linear forwards !important;
}

/* Public marketing pages do not need internal breadcrumb chrome */
.marketing-shell .page-crumb{
  display:none !important;
}

/* Center the staged marketing content when it is not full-bleed */
.shell.marketing-shell{
  width:min(1720px,calc(100vw - 20px)) !important;
  max-width:1720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    width:calc(100vw - 16px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* HIVE public full-bleed experiment */
.shell.marketing-shell{
  width:calc(100vw - 20px) !important;
  max-width:none !important;
  margin:0 10px !important;
}

.marketing-shell .main{
  padding-top:14px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.marketing-shell .hero{
  grid-template-columns:minmax(0,1fr) minmax(380px,460px) !important;
  gap:12px !important;
}

.marketing-shell .hero > .panel:first-child{
  padding:26px 30px !important;
}

.marketing-shell .headline{
  font-size:clamp(44px,3.45vw,72px) !important;
  max-width:920px !important;
}

.marketing-shell .sub{
  max-width:900px !important;
}

.marketing-shell .hero .btn{
  min-width:210px !important;
  padding-left:22px !important;
  padding-right:22px !important;
}

.marketing-shell .pagegrid.cols4{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.marketing-shell .pagegrid.cols3{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.marketing-shell .pagegrid.cols2{
  grid-template-columns:minmax(0,1fr) minmax(380px,460px) !important;
}

@media(min-width:1800px){
  .marketing-shell .headline{
    font-size:72px !important;
  }
  .marketing-shell .sub{
    max-width:960px !important;
  }
}

@media(max-width:1100px){
  .shell.marketing-shell{
    width:calc(100vw - 16px) !important;
    margin:0 8px !important;
  }
  .marketing-shell .hero,
  .marketing-shell .pagegrid.cols2,
  .marketing-shell .pagegrid.cols3,
  .marketing-shell .pagegrid.cols4{
    grid-template-columns:1fr !important;
  }
}

/* HIVE public marketing width/scale experiment - revert via server CSS checkpoint */
.shell.marketing-shell{
  width:min(1720px,calc(100vw - 40px)) !important;
  max-width:1720px !important;
}

.marketing-shell .main{
  padding-top:14px !important;
}

.marketing-shell .hero{
  grid-template-columns:minmax(680px,1fr) minmax(360px,460px) !important;
  min-height:390px !important;
}

.marketing-shell .hero > .panel{
  min-height:390px !important;
}

.marketing-shell .headline{
  font-size:clamp(46px,3.9vw,76px) !important;
  line-height:1.02 !important;
  max-width:860px !important;
}

.marketing-shell .sub{
  max-width:820px !important;
  font-size:21px !important;
  line-height:1.35 !important;
}

.marketing-shell .hero .btn{
  width:auto !important;
  min-width:190px !important;
  height:40px !important;
  margin-top:14px !important;
  margin-right:8px !important;
}

.marketing-shell .hero > aside.panel{
  min-height:390px !important;
}

.marketing-shell .hero > aside.panel h2{
  font-size:clamp(30px,2vw,38px) !important;
  line-height:1 !important;
}

.marketing-shell .qr{
  width:108px !important;
  height:108px !important;
}

.marketing-shell .pagegrid.cols4{
  grid-template-columns:repeat(4,minmax(240px,1fr)) !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    width:calc(100vw - 16px) !important;
  }
  .marketing-shell .hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .marketing-shell .hero > .panel{
    min-height:auto !important;
  }
  .marketing-shell .headline{
    font-size:clamp(38px,10vw,56px) !important;
  }
  .marketing-shell .hero .btn{
    width:100% !important;
    margin-right:0 !important;
  }
}

/* HIVE true EOF override: keep public marketing stage centered on wide screens. */
.shell.marketing-shell{
  align-self:center !important;
  flex:0 0 auto !important;
  width:min(1720px,calc(100vw - 20px)) !important;
  max-width:1720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1100px){
  .shell.marketing-shell{
    align-self:stretch !important;
    width:calc(100vw - 16px) !important;
  }
}

/* HIVE true EOF logo chip override: image sits inside the existing header chip. */
.global-brand.logo-chip{
  padding:7px 14px !important;
  overflow:hidden !important;
}

.global-brand.logo-chip .brand-logo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none;
  filter:drop-shadow(0 0 10px rgba(255,178,0,.42));
}

@media(max-width:1100px){
  .global-brand.logo-chip{
    min-height:74px;
  }
}