/* SionHedge Bloomberg-level command surface */
:root{
  --bg:#020506;
  --bg2:#050b0e;
  --ink:#f3f1ea;
  --soft:#b7c0c8;
  --muted:#7f8992;
  --dim:#4f5a62;
  --line:rgba(137,158,173,.18);
  --line-soft:rgba(137,158,173,.09);
  --gold:#dba545;
  --gold-bright:#f4d07a;
  --green:#25f08a;
  --red:#ff4f4f;
  --blue:#56a8ff;
  --serif:"Instrument Serif", Georgia, serif;
  --sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{background:#000}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:var(--sans);
  background:
    radial-gradient(1300px 600px at 20% -8%, rgba(219,165,69,.13), transparent 62%),
    radial-gradient(950px 520px at 76% 24%, rgba(45,116,134,.10), transparent 68%),
    linear-gradient(180deg,#010304 0%,#03080a 42%,#010304 100%);
  overflow-x:hidden;
}
button{font-family:inherit}
.atmosphere{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 86%);
}
.grain{
  position:fixed; inset:0; z-index:1; pointer-events:none; opacity:.055;
  background-image:radial-gradient(rgba(255,255,255,.45) .65px, transparent .65px);
  background-size:4px 4px;
}
.terminal{
  position:relative; z-index:2; width:100%; min-height:100vh;
  background:linear-gradient(90deg,rgba(0,0,0,.30),transparent 12%,transparent 88%,rgba(0,0,0,.30));
}

/* Ticker */
.ticker{
  height:54px; border-bottom:1px solid var(--line);
  background:rgba(2,7,9,.82); backdrop-filter:blur(22px);
  overflow:hidden;
}
.ticker-track{
  display:flex; min-width:max-content; animation:tickerDrift 38s linear infinite;
}
.ticker:hover .ticker-track{animation-play-state:paused}
.tick{
  width:180px; height:54px; padding:10px 22px; border-right:1px solid var(--line-soft);
  display:flex; flex-direction:column; justify-content:center; gap:4px;
}
.tick.wide{width:240px}
.tick span{font-size:10px; letter-spacing:.16em; color:#9aa4ad; font-weight:700}
.tick b{font-size:13px; font-weight:550; color:#f3f4f1}
.tick em{font-style:normal; margin-left:8px; font-weight:800}
.green{color:var(--green)!important}.red{color:var(--red)!important}
.flash{animation:flash .55s ease}
@keyframes tickerDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes flash{0%{color:var(--gold-bright);text-shadow:0 0 18px rgba(244,208,122,.55)}100%{text-shadow:none}}

/* Header */
.header{
  height:96px; display:grid; grid-template-columns:340px 1fr auto; align-items:center; gap:30px;
  padding:0 clamp(26px,2.4vw,48px);
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(3,10,13,.95),rgba(4,12,15,.76));
  backdrop-filter:blur(22px);
}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;min-width:0}
.logo-shell{
  width:64px;height:64px;display:flex;align-items:center;justify-content:center;overflow:visible;
}
.logo-shell img{
  width:76px;height:76px;object-fit:contain;display:block;
  filter:drop-shadow(0 10px 24px rgba(219,165,69,.12));
}
.brand-line{width:1px;height:48px;background:linear-gradient(transparent,rgba(219,165,69,.46),transparent)}
.brand-copy strong{display:block;font-size:22px;letter-spacing:.04em;font-weight:800}
.brand-copy small{display:block;margin-top:6px;font-size:11px;letter-spacing:.155em;color:#9aa4ad;line-height:1.25}
.desktop-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:min(2.2vw,36px);font-size:12px;letter-spacing:.04em;color:#aeb7be}
.desktop-nav a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}
.desktop-nav .active{color:#fff;font-weight:800}
.desktop-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}
.header-state{display:flex;align-items:center;gap:12px}
.system-pill{height:40px;padding:0 16px;border:1px solid rgba(37,240,138,.25);display:flex;align-items:center;gap:8px;color:var(--green);font-weight:800;font-size:12px;letter-spacing:.08em;background:rgba(37,240,138,.035)}
.system-pill span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(37,240,138,.95)}
.header-state button{height:40px;min-width:104px;padding:0 18px;border-radius:2px;font-size:12px;font-weight:800;letter-spacing:.08em}
.ghost{background:rgba(0,0,0,.2);border:1px solid rgba(219,165,69,.58);color:#f3e3bf}
.solid{border:0;color:#120d07;background:linear-gradient(180deg,#f2cb78,#d09836);box-shadow:inset 0 1px rgba(255,255,255,.45),0 16px 36px rgba(219,165,69,.13)}
.menu{display:none}

/* Command section */
.command{
  display:grid; grid-template-columns:128px 1fr;
  border-bottom:1px solid var(--line);
}
.left-rail{
  border-right:1px solid var(--line);
  padding:36px 18px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.rail-title{font-size:10px;letter-spacing:.18em;color:#89949e;font-weight:800;writing-mode:vertical-rl;transform:rotate(180deg);margin:auto}
.clock{margin-top:26px;text-align:center;font-size:11px;color:#f0eee8;font-weight:700;line-height:1.4}
.rail-stack{margin-top:34px;display:grid;gap:18px}
.rail-stack div{border-top:1px solid var(--line-soft);padding-top:12px}
.rail-stack span{display:block;font-size:9px;letter-spacing:.14em;color:#7f8a94}
.rail-stack b{display:block;font-size:11px;margin-top:6px;font-weight:800}

.hero{
  min-height:580px;
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(430px,1fr) minmax(370px,.82fr);
  gap:34px;
  padding:42px clamp(26px,2.4vw,48px) 42px;
  align-items:stretch;
}
.eyebrow,.card-title,.module-title,.portal small,.feed-header span{
  color:#a5aeb7;font-size:12px;letter-spacing:.18em;font-weight:800;
}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-bottom:28px}
.hero-copy h1{
  font-family:var(--serif);font-weight:400;letter-spacing:-.048em;
  font-size:clamp(52px,4.25vw,78px);line-height:.90;margin:24px 0 30px;
  max-width:720px;
}
.hero-copy p{font-size:18px;line-height:1.72;color:#b3bdc5;max-width:680px;margin:0 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.gold-action,.dark-action{
  height:46px;border-radius:2px;padding:0 22px;font-weight:800;letter-spacing:.02em;display:flex;gap:18px;align-items:center;justify-content:space-between;min-width:220px;
}
.gold-action{border:0;background:linear-gradient(180deg,#f2cc78,#d09836);color:#100b05}
.dark-action{border:1px solid rgba(219,165,69,.45);background:rgba(0,0,0,.22);color:#f1e0bd}

/* Risk core */
.risk-core{
  position:relative;
  border-left:1px solid var(--line-soft);
  border-right:1px solid var(--line-soft);
  padding:0 28px;
  display:flex; flex-direction:column;
}
.core-head{display:flex;justify-content:space-between;align-items:center;height:42px}
.core-head span{font-size:12px;letter-spacing:.17em;color:#a5aeb7;font-weight:800}
.core-head b{font-size:24px;font-weight:600;color:var(--green)}
.risk-visual{display:grid;grid-template-columns:1fr 128px;align-items:center;gap:18px;height:100%}
.stack-space{
  position:relative;height:380px;perspective:1200px;transform-style:preserve-3d;overflow:visible;
}
.risk-plane,.risk-band{
  position:absolute;left:3%;right:3%;transform:skewY(-6deg);
}
.risk-plane{
  height:190px;border:1px solid rgba(137,158,173,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.046),rgba(255,255,255,.006));
  box-shadow:inset 0 0 90px rgba(255,255,255,.025),0 34px 80px rgba(0,0,0,.26);
}
.plane-a{top:62px;opacity:.75}.plane-b{top:140px;opacity:.55}.plane-c{top:218px;opacity:.32}
.risk-band{
  height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  backdrop-filter:blur(4px);box-shadow:0 0 42px rgba(0,0,0,.2);
}
.risk-band b{font-size:11px;color:#fff;text-shadow:0 1px 8px #000;letter-spacing:.02em}
.risk-band small{font-size:10px;color:#c9d0d4;margin-top:4px}
.risk-band.protected{top:120px;border:1px solid rgba(37,240,138,.58);background:linear-gradient(90deg,rgba(37,240,138,.11),rgba(37,240,138,.02))}
.risk-band.shared{top:172px;border:1px solid rgba(219,165,69,.86);background:linear-gradient(90deg,rgba(219,165,69,.20),rgba(219,165,69,.04))}
.risk-band.trader{top:224px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.012))}
.laser{position:absolute;right:-14px;top:196px;width:155px;height:1px;background:linear-gradient(90deg,rgba(37,240,138,.9),transparent);box-shadow:0 0 16px rgba(37,240,138,.45)}
.risk-side{border-left:1px solid var(--line);padding-left:18px}
.risk-side span{font-size:11px;color:#9aa4ad}.risk-side b{display:block;font-size:18px;margin:8px 0 28px}.risk-side em{font-style:normal;color:var(--green);font-size:13px;line-height:1.45}

/* Executive card */
.executive-card{
  padding:26px 28px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(6,16,20,.70),rgba(2,7,9,.36));
  box-shadow:inset 0 1px rgba(255,255,255,.03);
  display:flex;flex-direction:column;justify-content:space-between;
}
.matrix{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:22px;border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft)}
.matrix div{min-height:96px;padding:18px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.matrix span,.portal-metrics span{display:block;font-size:10px;letter-spacing:.13em;color:#98a3ac;line-height:1.5}
.matrix b{display:block;font-size:23px;margin:7px 0 2px;font-weight:550}
.matrix em{font-style:normal;font-size:12px;font-weight:800}
.matrix small{font-size:11px;color:#9da7b0}
.allocation-bar{height:15px;margin-top:22px;display:flex;background:rgba(255,255,255,.07)}
.allocation-bar i{display:block}.elite{width:37.7%;background:#17aa86}.advanced{width:22.7%;background:#dca545}.mid{width:22.5%;background:#4079ad}.volatile{width:10.6%;background:#d94238}.inactive{width:6.5%;background:#697178}
.bar-key{display:flex;gap:12px;margin-top:12px;color:#87929b;font-size:11px}

/* Status deck */
.status-deck{
  display:grid;grid-template-columns:repeat(6,1fr);
  padding:24px clamp(26px,2.4vw,48px);
  border-bottom:1px solid var(--line);
}
.status-deck div{display:grid;grid-template-columns:36px 1fr;column-gap:14px;align-items:center;min-height:70px;border-right:1px solid var(--line-soft);padding:0 24px}
.status-deck div:last-child{border-right:0}
.status-deck p{margin:0;font-size:11px;letter-spacing:.13em;color:#95a0aa}
.status-deck b{grid-column:2;font-size:13px;margin-top:-14px}
.sig{width:22px;height:22px;border:1px solid rgba(219,165,69,.7);display:block}.shield{clip-path:polygon(50% 0,94% 18%,82% 82%,50% 100%,18% 82%,6% 18%)}.pulse{height:1px;border:0;background:var(--gold);box-shadow:0 0 16px rgba(219,165,69,.8)}.square{border-radius:5px}.lock{border-radius:3px}.audit{transform:rotate(45deg);width:18px;height:18px}.globe{border-radius:50%}

/* Lower portals */
.lower-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
  padding:28px clamp(26px,2.4vw,48px) 0;
}
.portal{
  position:relative;overflow:hidden;min-height:342px;border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(5,15,19,.76),rgba(2,7,9,.50));
  display:grid;grid-template-columns:58px 1fr 245px;gap:28px;padding:38px 34px;
}
.portal-bg{position:absolute;inset:0;opacity:.18;background:radial-gradient(520px 240px at 78% 10%,rgba(219,165,69,.20),transparent 70%),linear-gradient(120deg,transparent 24%,rgba(255,255,255,.045),transparent 58%)}
.portal-bg.blue{background:radial-gradient(520px 240px at 88% 18%,rgba(86,168,255,.18),transparent 70%)}
.portal-icon{position:relative;font-size:42px;color:var(--gold)}.portal-icon.blue{color:var(--blue)}
.portal-main,.portal-metrics{position:relative}
.portal h2{font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.025em;margin:12px 0 10px}
.portal p{color:#b4bdc5;line-height:1.56;margin:0 0 22px}
.portal ul{list-style:none;margin:0 0 26px;padding:0;color:#b4bdc5;font-size:14px;line-height:1.8}.portal li:before{content:"✓";color:var(--gold);margin-right:12px}
.portal button{width:250px;height:42px;border:0;border-radius:2px;background:linear-gradient(180deg,#f2cc78,#d09836);color:#110c05;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.portal-metrics{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:22px}
.portal-metrics b{display:block;font-size:24px;margin-top:7px;font-weight:550}

/* Feed */
.live-feed{
  margin:20px clamp(26px,2.4vw,48px) 42px;
  border:1px solid var(--line);
  background:rgba(3,10,12,.68);
  padding:18px 22px 22px;
}
.feed-header{display:flex;justify-content:space-between;align-items:center}.feed-header a{font-size:12px;color:var(--gold-bright);text-decoration:none;font-weight:800}
.feed-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:16px}
.feed-item{border-left:1px solid var(--line-soft);padding:0 18px;min-height:96px;transition:.3s}
.feed-item:first-child{border-left:0}
.feed-item.update{background:rgba(37,240,138,.035);box-shadow:inset 0 1px rgba(37,240,138,.12)}
.feed-item span{font-size:12px;color:#909ba5}.feed-item b{display:block;font-size:14px;margin:8px 0}.feed-item p{font-size:12px;line-height:1.45;color:#929da7;margin:0}

/* Desktop/PC tuning */
@media(min-width:1680px){
  .terminal{max-width:1920px;margin:0 auto}
}
@media(max-width:1460px){
  .header{grid-template-columns:300px 1fr auto}.desktop-nav{gap:22px}.desktop-nav a:nth-child(5),.desktop-nav a:nth-child(6){display:none}
  .header-state .system-pill{display:none}
  .command{grid-template-columns:0 1fr}.left-rail{display:none}
  .hero{grid-template-columns:.9fr 1fr .86fr;gap:26px}
  .hero-copy h1{font-size:60px}
}

/* Tablet native */
@media(max-width:1120px){
  .header{display:flex;justify-content:space-between;height:92px}.desktop-nav{display:none}
  .command{display:block}
  .hero{grid-template-columns:1fr 1fr;grid-template-areas:"copy copy" "risk card";min-height:auto}
  .hero-copy{grid-area:copy;padding-bottom:8px}.hero-copy h1{font-size:64px;max-width:780px}
  .risk-core{grid-area:risk;border:1px solid var(--line);padding:22px;background:rgba(5,14,18,.62)}
  .executive-card{grid-area:card}
  .risk-visual{grid-template-columns:1fr}.risk-side{display:none}.stack-space{height:315px}
  .status-deck{grid-template-columns:repeat(3,1fr)}.status-deck div:nth-child(3){border-right:0}
  .lower-grid{grid-template-columns:1fr}.portal{grid-template-columns:58px 1fr 240px}
  .feed-grid{grid-template-columns:1fr 1fr}.feed-item{border-left:0;border-top:1px solid var(--line-soft);padding:16px 8px}
}

/* Mobile native */
@media(max-width:720px){
  body{background:linear-gradient(180deg,#010304,#041015 48%,#010304)}
  .ticker{height:86px;border-bottom:0;padding:0 14px}.ticker-track{animation:none;overflow-x:auto}.tick{min-width:146px;height:58px;margin:14px 0;border:1px solid var(--line);border-left:0;background:rgba(4,13,17,.74);padding:12px 14px}.tick:first-child{border-left:1px solid var(--line);border-radius:7px 0 0 7px}.tick:last-child{border-radius:0 7px 7px 0}
  .header{height:92px;padding:0 16px;border-bottom:0;background:linear-gradient(180deg,rgba(3,9,11,.94),rgba(3,9,11,.68))}
  .logo-shell{width:54px;height:54px}.logo-shell img{width:66px;height:66px}.brand-line{height:42px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:10px;max-width:178px}
  .header-state{display:none}.menu{display:flex;flex-direction:column;gap:7px;background:transparent;border:0}.menu i{width:28px;height:1px;background:#b9c3cb;display:block}
  .hero{display:block;padding:0 16px 14px}.hero-copy,.risk-core,.executive-card,.status-deck,.portal,.live-feed{border:1px solid var(--line);border-radius:8px;background:rgba(5,15,19,.70);margin-bottom:14px}
  .hero-copy{padding:24px 20px}.eyebrow,.card-title,.module-title,.portal small,.feed-header span{font-size:10px;letter-spacing:.16em}
  .hero-copy h1{font-size:43px;line-height:.94;margin:18px 0 22px}.hero-copy p{font-size:16px;line-height:1.58;margin-bottom:22px}
  .hero-actions{display:grid}.gold-action,.dark-action{width:100%;height:44px;min-width:0}
  .risk-core{padding:20px}.risk-visual{display:block}.stack-space{height:282px}.risk-plane,.risk-band{left:4%;right:4%}.risk-band b{font-size:9px}.risk-band small{font-size:9px}.laser{width:92px}
  .executive-card{padding:20px}.matrix{grid-template-columns:1fr 1fr}.matrix div{min-height:92px;padding:15px}.matrix b{font-size:20px}
  .status-deck{display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0 16px 14px}.status-deck div{min-height:74px;padding:12px 15px}.status-deck div:nth-child(2n){border-right:0}.status-deck p{font-size:10px}.status-deck b{font-size:12px}
  .lower-grid{display:block;padding:0 16px}.portal{display:block;padding:24px 20px;min-height:auto}.portal-icon{font-size:38px}.portal h2{font-size:34px}.portal p{font-size:15px}.portal-metrics{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:18px;gap:16px}.portal button{width:100%}
  .live-feed{margin:0 16px 30px;padding:20px}.feed-header{gap:10px}.feed-grid{display:block}.feed-item{border-left:0;border-top:1px solid var(--line-soft);padding:16px 0}.feed-item:first-child{border-top:0}
}
@media(max-width:390px){
  .brand-copy strong{font-size:18px}.brand-copy small{font-size:9px}.logo-shell{width:48px}.logo-shell img{width:60px}.hero-copy h1{font-size:38px}.matrix{grid-template-columns:1fr}.matrix div{border-right:0}
}


/* Complete institutional footer */
.institutional-footer{
  margin:0 clamp(26px,2.4vw,48px) 46px;
  border:1px solid var(--line);
  background:
    radial-gradient(520px 220px at 10% 20%,rgba(219,165,69,.10),transparent 70%),
    linear-gradient(135deg,rgba(5,15,19,.78),rgba(2,7,9,.58));
  padding:30px 34px 22px;
}
.footer-brand{
  display:grid;
  grid-template-columns:minmax(260px,420px) 1fr;
  gap:40px;
  align-items:start;
  border-bottom:1px solid var(--line);
  padding-bottom:26px;
}
.footer-logo{
  display:flex;
  align-items:center;
  gap:15px;
  color:inherit;
  text-decoration:none;
}
.footer-mark{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.footer-mark img{
  width:68px;
  height:68px;
  object-fit:contain;
}
.footer-logo strong{
  display:block;
  font-size:20px;
  letter-spacing:.05em;
  font-weight:800;
}
.footer-logo small{
  display:block;
  margin-top:5px;
  font-size:10px;
  letter-spacing:.16em;
  color:#98a3ad;
}
.footer-brand p{
  margin:8px 0 0;
  color:#aab4bd;
  font-size:14px;
  line-height:1.7;
  max-width:620px;
}
.footer-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  padding:26px 0;
  border-bottom:1px solid var(--line);
}
.footer-links h4{
  margin:0 0 14px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--gold-bright);
}
.footer-links a{
  display:block;
  margin:10px 0;
  color:#9aa5ae;
  font-size:13px;
  text-decoration:none;
}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  padding-top:18px;
  color:#88939c;
  font-size:12px;
}
.footer-status{
  color:var(--green);
  font-weight:800;
  letter-spacing:.08em;
}
.footer-status i{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 18px rgba(37,240,138,.9);
  margin-right:8px;
}

@media(max-width:1120px){
  .footer-brand{grid-template-columns:1fr}
  .footer-links{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .institutional-footer{
    margin:0 16px 30px;
    padding:24px 20px 18px;
    border-radius:8px;
  }
  .footer-links{grid-template-columns:1fr 1fr;gap:18px}
  .footer-bottom{display:grid;gap:10px}
}
@media(max-width:390px){
  .footer-links{grid-template-columns:1fr}
}