:root{
  --bg:#04080b;
  --bg2:#071015;
  --panel:#081218;
  --panel2:#0a171d;
  --panel3:#0d1b21;
  --line:#17313a;
  --line2:#223e47;
  --text:#f0f5f5;
  --muted:#80939b;
  --muted2:#a4b3b9;
  --teal:#45e7c8;
  --teal2:#94f2df;
  --green:#55dfa2;
  --red:#ff6a70;
  --orange:#f0a14a;
  --orange2:#ffc16f;
  --violet:#b79cff;
  --shadow:0 10px 28px rgba(0,0,0,.24);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 52% -10%,rgba(41,105,117,.22),transparent 31%),
    radial-gradient(circle at 88% 20%,rgba(52,102,93,.09),transparent 24%),
    linear-gradient(180deg,#050a0d 0,#04080b 45%,#050a0d 100%);
  letter-spacing:.008em;
}
body:before{display:none}
.noise{display:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.site-shell{max-width:1580px;margin:0 auto;min-height:100vh;padding:0 28px;position:relative}
.topbar{
  height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid rgba(139,175,188,.14);
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(4,8,11,.965);
  box-shadow:0 1px 0 rgba(139,175,188,.06);
}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{width:39px;height:39px}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy b{font-size:17px;letter-spacing:.17em;font-weight:720}
.brand-copy small{font-size:7px;letter-spacing:.32em;color:#758b94;margin-top:6px}
.main-nav{display:flex;align-items:center;gap:30px;color:#8fa1a8;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.main-nav a{transition:.2s}
.main-nav a:hover{color:var(--teal2)}
.verify-nav{
  min-width:max-content;
  display:flex;align-items:center;gap:8px;
  border:1px solid rgba(69,231,200,.24);
  background:rgba(69,231,200,.055);
  border-radius:24px;
  padding:9px 13px;
  color:#b8eee4;
  font-size:9px;
  letter-spacing:.05em
}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(69,231,200,.08),0 0 14px rgba(69,231,200,.75)}
.panel{
  background:linear-gradient(180deg,rgba(10,23,29,.92),rgba(7,17,22,.95));
  border:1px solid rgba(83,127,140,.23);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero{
  min-height:610px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);
  gap:68px;
  align-items:center;
  position:relative;
  overflow:hidden;
  padding:70px 0 54px;
}
.hero-copy{position:relative;z-index:3;max-width:820px}
.eyebrow{
  color:#7fa49f;
  font-size:9px;
  letter-spacing:.19em;
  font-weight:700;
  text-transform:uppercase;
}
.hero h1{
  margin:17px 0 18px;
  font-size:clamp(51px,6vw,92px);
  line-height:.93;
  letter-spacing:-.055em;
  font-weight:650;
  max-width:900px
}
.hero h1 span{color:transparent;-webkit-text-stroke:1px #7bb7ad;text-shadow:none}
.hero-lead{
  max-width:680px;
  margin:0;
  color:#9aaab0;
  font-size:15px;
  line-height:1.72
}
.hero-actions{display:flex;gap:10px;margin-top:30px}
.btn{
  display:inline-flex;
  align-items:center;
  gap:18px;
  border-radius:30px;
  padding:12px 19px;
  font-size:10px;
  letter-spacing:.07em;
  text-transform:uppercase;
  border:1px solid transparent
}
.btn.primary{background:var(--teal);color:#03100e;font-weight:800;box-shadow:0 5px 16px rgba(69,231,200,.10)}
.btn.ghost{border-color:#26434c;color:#b1c1c7;background:rgba(255,255,255,.015)}
.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.hero-chips span{
  border:1px solid rgba(93,133,145,.21);
  background:rgba(8,20,25,.5);
  color:#778d95;
  font-size:8px;
  letter-spacing:.05em;
  padding:7px 10px;
  border-radius:18px
}
.hero-chips i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--teal);margin-right:5px}
.verification{padding:22px;position:relative;z-index:4}
.verification-head,.panel-head,.capital-title-row{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px
}
.verification-head h2,.panel-head h2{font-size:18px;margin:5px 0 0;letter-spacing:-.02em}
.verified-badge{
  display:flex;align-items:center;gap:6px;color:var(--teal2);
  font-size:8px;letter-spacing:.12em;border:1px solid rgba(69,231,200,.25);
  border-radius:18px;padding:6px 9px
}
.verified-badge i{font-style:normal;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:rgba(69,231,200,.13)}
.wallet-card{
  width:100%;display:flex;align-items:center;gap:11px;margin-top:21px;
  padding:13px;border:1px solid #203940;border-radius:13px;background:#08151a;
  text-align:left;cursor:pointer;transition:.2s
}
.wallet-card:hover{border-color:#35605b;background:#0a1a20}
.hl-mark{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(135deg,#131d22,#0b1114);border:1px solid #2c444c;
  font-size:17px;font-weight:800;color:#d8efea
}
.wallet-text{display:flex;flex-direction:column;flex:1}
.wallet-text b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.wallet-text small{font-size:8px;color:#71878f;margin-top:4px}
.copy-icon{color:#627a83;font-size:15px}
.live-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:13px;
  border:1px solid rgba(79,117,128,.18);border-radius:12px;overflow:hidden;
  background:#1c3037
}
.live-strip>div{background:#081319;padding:12px 10px}
.live-strip small{display:block;color:#657d86;font-size:7px;letter-spacing:.1em}
.live-strip b{display:block;font-size:12px;margin-top:5px}
.current-cycle-mini{
  margin-top:13px;padding:13px;border:1px solid rgba(240,161,74,.2);
  background:linear-gradient(135deg,rgba(240,161,74,.07),rgba(69,231,200,.025));
  border-radius:12px
}
.current-cycle-mini .mini-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.current-cycle-mini strong{font-size:12px}
.current-cycle-mini p{font-size:9px;color:#78909a;margin:6px 0 0}
.verification blockquote{
  margin:18px 2px 0;padding-left:13px;border-left:1px solid rgba(69,231,200,.35);
  font-family:Georgia,serif;font-size:12px;color:#879aa2;font-style:italic
}
.moon-orbit{position:absolute;left:42%;top:-140px;width:660px;height:660px;pointer-events:none;opacity:.58}
.moon{
  position:absolute;inset:80px;border-radius:50%;
  background:radial-gradient(circle at 34% 34%,#15242a 0,#0b171c 48%,#050a0d 72%);
  box-shadow:inset -22px -28px 42px rgba(0,0,0,.62),0 0 34px rgba(58,146,133,.045)
}
.moon:after{
  content:"";position:absolute;width:79%;height:79%;right:-4%;top:0;border-radius:50%;
  background:#050a0d
}
.orbit{position:absolute;inset:28px;border:1px solid rgba(70,135,129,.09);border-radius:50%;transform:rotate(-18deg) scaleY(.56)}
.orbit-b{inset:0;transform:rotate(31deg) scaleY(.72);border-color:rgba(79,119,136,.06)}
.section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px;
  margin:28px 0 14px;padding-top:18px
}
.section-head h2{font-size:29px;letter-spacing:-.03em;margin:6px 0 0}
.section-meta,.section-copy{font-size:9px;color:#6f858e;max-width:580px;line-height:1.6;margin:0;text-align:right}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi-card{
  position:relative;min-height:134px;padding:17px 18px;
  background:linear-gradient(180deg,rgba(10,23,29,.88),rgba(7,16,21,.94));
  border:1px solid rgba(80,119,130,.22);border-radius:15px;overflow:hidden
}
.kpi-card:after{
  content:"";position:absolute;width:80px;height:80px;right:-38px;top:-38px;border-radius:50%;
  background:radial-gradient(circle,rgba(69,231,200,.09),transparent 68%)
}
.kpi-card small{display:block;color:#71868f;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.kpi-card strong{display:block;margin-top:10px;font-size:31px;letter-spacing:-.04em;font-weight:630}
.kpi-card strong.teal{color:var(--teal2)}
.kpi-card strong.red{color:#ff8388}
.kpi-card strong.orange{color:var(--orange2)}
.kpi-card p{font-size:8px;color:#71868e;line-height:1.45;margin:8px 0 0;max-width:220px}
.kpi-card .source-tag{position:absolute;right:12px;top:11px;color:#5c737b;font-size:7px;letter-spacing:.08em}
.chart-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(340px,.8fr);gap:10px;margin-top:10px}
.chart-panel,.risk-panel,.capital-panel,.utilization-panel,.current-cycle-card,.cycle-history-panel,.trades-panel,.method-card,.methodology-details{padding:19px}
.panel-head p,.capital-title-row p{color:#71868f;font-size:9px;margin:5px 0 0}
.panel-head.compact{align-items:center}
.chart-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mode-tabs,.range-tabs,.trade-tabs{display:flex;border:1px solid #203840;background:#071116;border-radius:9px;padding:2px}
.mode-tabs button,.range-tabs button,.trade-tabs button,.zoom-reset{
  border:0;background:transparent;color:#6f838c;font-size:8px;letter-spacing:.04em;
  padding:6px 8px;border-radius:6px;cursor:pointer
}
.mode-tabs button.active,.range-tabs button.active,.trade-tabs button.active{
  background:#112128;color:#cfece6;box-shadow:inset 0 0 0 1px rgba(69,231,200,.13)
}
.zoom-reset{border:1px solid #203840}
.chart-area{height:390px;position:relative;margin-top:8px;user-select:none}
.equity-chart{width:100%;height:100%;display:block;overflow:visible;touch-action:none}
.chart-tooltip{
  position:absolute;z-index:5;pointer-events:none;background:#061015;border:1px solid #29454e;
  box-shadow:0 8px 20px rgba(0,0,0,.30);border-radius:9px;padding:8px 10px;
  min-width:145px;font-size:9px;color:#9dafb5
}
.chart-tooltip b{color:#edf5f3;font-size:10px}
.chart-hint{position:absolute;right:10px;bottom:7px;color:#49616a;font-size:7px;letter-spacing:.08em}
.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.risk-metric{border:1px solid rgba(75,110,121,.2);border-radius:11px;padding:12px;background:rgba(5,14,18,.45)}
.risk-metric small{display:block;color:#657c85;font-size:7px;text-transform:uppercase;letter-spacing:.09em}
.risk-metric b{display:block;margin-top:6px;font-size:19px}
.risk-metric p{margin:5px 0 0;color:#657c85;font-size:7px;line-height:1.4}
.quality-pill,.method-badge,.quality-tag{
  display:inline-flex;align-items:center;border-radius:16px;padding:5px 8px;
  border:1px solid #2a444c;color:#8fa7ae;font-size:7px;letter-spacing:.08em
}
.quality-pill.derived,.quality-tag.derived{border-color:rgba(69,231,200,.25);color:var(--teal2);background:rgba(69,231,200,.06)}
.quality-pill.proxy,.quality-tag.proxy{border-color:rgba(240,161,74,.28);color:var(--orange2);background:rgba(240,161,74,.06)}
.quality-pill.partial,.quality-tag.partial{border-color:rgba(183,156,255,.28);color:#c5b5ff;background:rgba(183,156,255,.06)}
.risk-provenance{
  margin-top:12px;border-top:1px solid rgba(83,122,132,.17);padding-top:11px;
  font-size:8px;color:#667c84;line-height:1.55
}
.capital-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,.8fr);gap:10px}
.capital-title-row h3,.cycle-history-panel h3,.methodology-details h3{font-size:10px;letter-spacing:.1em;margin:0}
.cube-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:end;min-height:260px;margin-top:14px}
.cube-item{text-align:center;position:relative}
.cube-stage{height:150px;display:grid;place-items:center;perspective:650px}
.cube{
  --cube:90px;--fill:0%;
  position:relative;width:var(--cube);height:var(--cube);
  transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(26deg);
  transition:.3s
}
.cube .face{position:absolute;inset:0;border:1px solid rgba(93,125,135,.28);background:rgba(25,40,47,.18)}
.cube .front{transform:translateZ(calc(var(--cube)/2))}
.cube .back{transform:rotateY(180deg) translateZ(calc(var(--cube)/2))}
.cube .right{transform:rotateY(90deg) translateZ(calc(var(--cube)/2))}
.cube .left{transform:rotateY(-90deg) translateZ(calc(var(--cube)/2))}
.cube .top{transform:rotateX(90deg) translateZ(calc(var(--cube)/2));background:rgba(32,49,56,.26)}
.cube .bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube)/2))}
.cube-fill{
  position:absolute;left:11%;right:11%;bottom:-1px;height:var(--fill);
  transform:translateZ(calc(var(--cube)/2 + 1px));
  background:linear-gradient(180deg,rgba(240,161,74,.23),rgba(240,161,74,.92));
  border-top:1px solid #ffc37d;box-shadow:0 0 10px rgba(240,161,74,.18)
}
.cube-item.active .cube-fill{
  background:linear-gradient(180deg,rgba(69,231,200,.27),rgba(69,231,200,.88));
  border-top-color:#9cf3e1;box-shadow:0 0 10px rgba(69,231,200,.18)
}
.cube-item.private .cube{opacity:.45}
.cube-level{font-size:9px;color:#6d858e;letter-spacing:.13em}
.cube-item h4{margin:4px 0 2px;font-size:12px}
.cube-item strong{font-size:19px}
.cube-item p{font-size:8px;color:#71868e;margin:4px auto 0;line-height:1.4;max-width:150px}
.cube-status{font-size:7px;color:#698089;margin-top:6px}
.cube-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#687b82;margin-right:5px}
.cube-item.active .cube-status i{background:var(--teal)}
.cube-item.reserve .cube-status i{background:var(--orange)}
.donut-row{display:grid;grid-template-columns:156px 1fr;gap:18px;align-items:center;margin-top:13px}
.donut{
  width:150px;height:150px;border-radius:50%;
  background:conic-gradient(var(--orange2) 0 var(--pct),#17272e var(--pct) 100%);
  display:grid;place-items:center;position:relative
}
.donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#071116}
.donut>div{position:relative;z-index:1;text-align:center}
.donut strong{font-size:28px}
.donut span{display:block;color:#6e848c;font-size:7px;margin-top:3px}
.reserve-metrics{display:grid;gap:8px}
.reserve-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(81,119,130,.15);padding-bottom:7px}
.reserve-row:last-child{border-bottom:0}
.reserve-row span{color:#71858d;font-size:8px}
.reserve-row b{font-size:11px;text-align:right}
.definition-box{margin-top:13px;border:1px solid rgba(240,161,74,.18);border-radius:11px;padding:11px;background:rgba(240,161,74,.035)}
.definition-box b{font-size:9px;color:var(--orange2)}
.definition-box p{font-size:8px;color:#71868e;line-height:1.5;margin:5px 0 0}
.cycle-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:10px}
.current-cycle-card{position:relative;overflow:hidden}
.current-cycle-card:before{
  content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-120px;top:-115px;
  border:1px solid rgba(69,231,200,.1);box-shadow:0 0 70px rgba(69,231,200,.04)
}
.cycle-card-head{display:flex;justify-content:space-between;gap:14px;align-items:center}
.cycle-card-head h3{margin:5px 0 0;font-size:20px}
.cycle-status{font-size:7px;letter-spacing:.12em;padding:6px 8px;border-radius:15px;border:1px solid rgba(69,231,200,.25);color:var(--teal2)}
.cycle-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.cycle-metric{border:1px solid rgba(78,116,127,.19);background:rgba(4,12,16,.38);padding:11px;border-radius:10px}
.cycle-metric small{display:block;font-size:7px;color:#627983;text-transform:uppercase;letter-spacing:.08em}
.cycle-metric b{display:block;font-size:18px;margin-top:5px}
.cycle-note{font-size:8px;color:#6c828b;line-height:1.55;margin:13px 0 0}
.cycle-history{display:grid;gap:7px;margin-top:13px}
.cycle-row{
  display:grid;grid-template-columns:72px minmax(135px,1.1fr) repeat(5,minmax(80px,.8fr));
  align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(75,111,121,.17);
  border-radius:10px;background:rgba(5,14,18,.38)
}
.cycle-row.head{border:0;background:transparent;padding-top:0;padding-bottom:3px}
.cycle-row.head span{font-size:7px;color:#607781;text-transform:uppercase;letter-spacing:.08em}
.cycle-row b{font-size:9px}
.cycle-row small{display:block;font-size:7px;color:#667c85;margin-top:3px}
.cycle-row .positive{color:var(--teal2)}
.cycle-row .orange{color:var(--orange2)}
.trades-panel{padding:0 18px 4px}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:1310px}
th{
  text-align:left;padding:12px 8px;border-bottom:1px solid #20363e;
  color:#6b8189;font-size:7px;letter-spacing:.08em;text-transform:uppercase;font-weight:650
}
td{padding:11px 8px;border-bottom:1px solid rgba(70,105,115,.16);font-size:9px;white-space:nowrap}
td .sub{display:block;color:#657a83;font-size:7px;margin-top:3px}
.profit{color:var(--green)}
.loss{color:var(--red)}
.long{color:var(--teal2)}
.short{color:#ff858a}
.info-dot{
  display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;
  border:1px solid #31505a;color:#78919a;font-size:8px;cursor:help;position:relative
}
.info-dot:hover:after{
  content:attr(data-tip);position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  width:245px;background:#071116;border:1px solid #29454e;border-radius:8px;padding:8px;
  color:#a8b7bc;font-size:8px;text-transform:none;letter-spacing:0;line-height:1.45;z-index:10
}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.method-card{min-height:205px;position:relative;overflow:hidden}
.method-index{font-family:ui-monospace,monospace;color:#31505a;font-size:11px}
.method-card h3{font-size:16px;margin:35px 0 10px}
.method-card p{font-size:9px;color:#748991;line-height:1.65;margin:0}
.method-card:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(69,231,200,.06);border-radius:50%;right:-65px;bottom:-65px}
.methodology-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:10px 0 26px}
.methodology-details p{font-size:8px;color:#71858d;line-height:1.6;margin:7px 0 0}
.methodology-details b{color:#a9bbb7}
footer{
  min-height:98px;border-top:1px solid rgba(121,159,173,.13);
  display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6a8189;font-size:8px
}
footer .brand-mark{width:31px;height:31px}
footer .brand-copy b{font-size:13px}
.footer-status{display:flex;align-items:center;gap:8px}
.toast{
  position:fixed;right:22px;bottom:22px;z-index:100;
  background:#0a181d;border:1px solid #2d4b54;border-radius:10px;
  color:#bcd0d4;padding:10px 13px;font-size:9px;box-shadow:0 8px 22px rgba(0,0,0,.28)
}
@media(max-width:1240px){
  .main-nav{gap:18px}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .chart-layout,.capital-layout,.cycle-layout{grid-template-columns:1fr}
  .risk-grid{grid-template-columns:repeat(3,1fr)}
  .cube-grid{min-height:230px}
}
@media(max-width:900px){
  .main-nav{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;gap:24px}
  .verification{max-width:650px}
  .moon-orbit{left:30%;top:-190px}
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .methodology-details{grid-template-columns:1fr}
  .cycle-row{grid-template-columns:70px repeat(3,1fr)}
  .cycle-row span:nth-child(n+5),.cycle-row>div:nth-child(n+5){display:none}
}
@media(max-width:620px){
  .site-shell{padding:0 14px}
  .topbar{height:70px}
  .verify-nav span:nth-child(2){display:none}
  .brand-copy b{font-size:14px}
  .hero{padding-top:42px}
  .hero h1{font-size:48px}
  .hero-lead{font-size:13px}
  .hero-actions{flex-wrap:wrap}
  .live-strip{grid-template-columns:1fr}
  .kpi-grid{grid-template-columns:1fr 1fr}
  .kpi-card{min-height:112px;padding:14px}
  .kpi-card strong{font-size:24px}
  .chart-controls{justify-content:flex-start;margin-top:12px}
  .panel-head{flex-direction:column}
  .chart-area{height:300px}
  .risk-grid{grid-template-columns:1fr 1fr}
  .cube-grid{grid-template-columns:repeat(2,1fr)}
  .donut-row{grid-template-columns:1fr;justify-items:center}
  .reserve-metrics{width:100%}
  .section-head{align-items:flex-start;flex-direction:column}
  .section-copy,.section-meta{text-align:left}
  .method-grid{grid-template-columns:1fr}
  footer{padding:23px 0;flex-wrap:wrap}
}
@media(max-width:430px){
  .hero h1{font-size:41px}
  .kpi-grid{grid-template-columns:1fr}
  .risk-grid{grid-template-columns:1fr}
  .cube-grid{grid-template-columns:1fr 1fr}
}


/* v0.3.1 performance pass */
.hero,
.kpi-grid,
.chart-layout,
.capital-layout,
.cycle-layout,
.trades-panel,
.method-grid,
.methodology-details{
  contain:layout paint style;
}
@supports (content-visibility:auto){
  .chart-layout,
  .capital-layout,
  .cycle-layout,
  .trades-panel,
  .method-grid,
  .methodology-details{
    content-visibility:auto;
    contain-intrinsic-size:1px 700px;
  }
}
@media (max-width:900px){
  .moon-orbit{opacity:.38}
}


/* =========================================================
   ALPHARISQ v0.3.2: smooth-scroll + responsive trades patch
   ========================================================= */

/* Disable the two optimization techniques that can themselves create visible
   scroll jumps when large sections enter the viewport. */
.hero,
.kpi-grid,
.chart-layout,
.capital-layout,
.cycle-layout,
.trades-panel,
.method-grid,
.methodology-details{
  content-visibility:visible !important;
  contain:none !important;
  contain-intrinsic-size:auto !important;
}

/* Keep the header visually identical, but do not make it a continuously
   composited sticky layer during every scroll frame. */
.topbar{
  position:relative !important;
  top:auto !important;
}

/* Flatten the six-face CSS 3D capital cubes. The data and sizing remain,
   but the browser no longer maintains multiple transformed GPU layers. */
.cube-stage{
  height:128px !important;
  display:grid !important;
  place-items:end center !important;
  perspective:none !important;
}
.cube{
  --cube:90px;
  --fill:0%;
  position:relative !important;
  width:var(--cube) !important;
  height:118px !important;
  transform:none !important;
  transform-style:flat !important;
  border:1px solid rgba(93,125,135,.28) !important;
  border-radius:10px !important;
  background:#0a151a !important;
  overflow:hidden !important;
}
.cube .face{
  display:none !important;
}
.cube-fill{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:var(--fill) !important;
  transform:none !important;
  background:rgba(240,161,74,.58) !important;
  border-top:1px solid rgba(255,193,111,.72) !important;
  box-shadow:none !important;
}
.cube-item.active .cube-fill{
  background:rgba(69,231,200,.60) !important;
  border-top-color:rgba(148,242,223,.82) !important;
  box-shadow:none !important;
}

/* Reduce the remaining large decorative layer. */
.moon-orbit{
  width:520px !important;
  height:520px !important;
  opacity:.26 !important;
}
.moon{
  background:#0a151a !important;
  box-shadow:inset -10px -14px 22px rgba(0,0,0,.48) !important;
}

/* Trade table must fit the available viewport. No forced 1310px virtual width. */
.trades-panel{
  overflow:hidden !important;
}
.table-wrap{
  width:100% !important;
  overflow-x:hidden !important;
}
table{
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
}
th,td{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
td{
  white-space:nowrap !important;
}

/* Desktop widths. */
th:nth-child(1),td:nth-child(1){width:4%}
th:nth-child(2),td:nth-child(2){width:9%}
th:nth-child(3),td:nth-child(3){width:6%}
th:nth-child(4),td:nth-child(4){width:12%}
th:nth-child(5),td:nth-child(5){width:10%}
th:nth-child(6),td:nth-child(6){width:8%}
th:nth-child(7),td:nth-child(7){width:10%}
th:nth-child(8),td:nth-child(8){width:10%}
th:nth-child(9),td:nth-child(9){width:8%}
th:nth-child(10),td:nth-child(10){width:8%}
th:nth-child(11),td:nth-child(11){width:8%}
th:nth-child(12),td:nth-child(12){width:7%}

/* Medium desktop/laptop: remove less-critical duplicate-detail columns
   instead of creating horizontal scrolling. */
@media(max-width:1220px){
  th:nth-child(4),td:nth-child(4),
  th:nth-child(8),td:nth-child(8){
    display:none !important;
  }
  th:nth-child(1),td:nth-child(1){width:5%}
  th:nth-child(2),td:nth-child(2){width:11%}
  th:nth-child(3),td:nth-child(3){width:7%}
  th:nth-child(5),td:nth-child(5){width:13%}
  th:nth-child(6),td:nth-child(6){width:11%}
  th:nth-child(7),td:nth-child(7){width:12%}
  th:nth-child(9),td:nth-child(9){width:10%}
  th:nth-child(10),td:nth-child(10){width:10%}
  th:nth-child(11),td:nth-child(11){width:10%}
  th:nth-child(12),td:nth-child(12){width:11%}
}

/* Tablet/small viewport: preserve core risk/capital fields, still no x-scroll. */
@media(max-width:760px){
  th:nth-child(6),td:nth-child(6),
  th:nth-child(9),td:nth-child(9),
  th:nth-child(11),td:nth-child(11){
    display:none !important;
  }
  th:nth-child(1),td:nth-child(1){width:8%}
  th:nth-child(2),td:nth-child(2){width:18%}
  th:nth-child(3),td:nth-child(3){width:12%}
  th:nth-child(5),td:nth-child(5){width:20%}
  th:nth-child(7),td:nth-child(7){width:19%}
  th:nth-child(10),td:nth-child(10){width:13%}
  th:nth-child(12),td:nth-child(12){width:10%}
}


/* =========================================================
   ALPHARISQ v0.3.3: FAST RENDER profile
   Goal: eliminate browser paint/compositor jank during scroll.
   ========================================================= */

html{scroll-behavior:auto !important}
body{
  background:#05090c !important;
}

/* Decorative layers fully disabled. */
.moon-orbit,
.kpi-card:after,
.current-cycle-card:before{
  display:none !important;
}

/* Solid surfaces. No large alpha-gradient repainting or blur shadows. */
.panel,
.kpi-card{
  background:#081218 !important;
  box-shadow:none !important;
}
.wallet-card,
.current-cycle-mini,
.cycle-metric,
.cycle-row,
.risk-metric{
  background:#071116 !important;
}
.live-strip>div{
  background:#081319 !important;
}

/* Remove remaining glow/shadow work. */
*,
*:before,
*:after{
  text-shadow:none !important;
}
.panel,
.kpi-card,
.btn,
.live-dot,
.chart-tooltip,
.toast,
.current-cycle-card,
.cube,
.cube-fill{
  box-shadow:none !important;
}

/* Text outline can be surprisingly expensive in Firefox on long pages. */
.hero h1 span{
  color:#78aaa2 !important;
  -webkit-text-stroke:0 !important;
}

/* Donut: textual value remains, but remove conic-gradient repaint work. */
.donut{
  background:#0b171c !important;
  border:12px solid #20363e !important;
}
.donut:after{
  inset:9px !important;
}

/* SVG/chart isolation. */
.chart-area{
  contain:layout paint !important;
  isolation:isolate !important;
}
.equity-chart{
  contain:strict !important;
}

/* A dense 42-row table should remain a simple paint layer. */
.trades-panel,
.table-wrap,
table{
  contain:layout paint !important;
}

/* No transitions are useful while scrolling. */
*{
  transition:none !important;
  animation:none !important;
}


/* =========================================================
   ALPHARISQ v0.3.4 BALANCED VISUALS
   Keep FAST RENDER performance, restore identity.
   ========================================================= */

.brand-mark{
  display:block !important;
  width:39px !important;
  height:39px !important;
  flex:0 0 39px !important;
  overflow:visible !important;
}

footer .brand-mark{
  width:31px !important;
  height:31px !important;
  flex-basis:31px !important;
}

/* Lightweight static hero crescent. Single pseudo-element, no blur/filter. */
.hero:after{
  content:"";
  position:absolute;
  left:43%;
  top:54px;
  width:280px;
  height:280px;
  border-radius:50%;
  border:34px solid rgba(95,170,158,.075);
  border-right-color:transparent;
  border-top-color:rgba(95,170,158,.045);
  transform:rotate(-18deg);
  pointer-events:none;
  z-index:0;
}

.hero-copy,
.verification{
  position:relative;
  z-index:2;
}

/* Restore subtle depth using borders/background only, not shadows. */
.panel{
  background:#081218 !important;
  border-color:rgba(83,127,140,.26) !important;
}
.kpi-card{
  background:#09141a !important;
  border-color:rgba(80,119,130,.24) !important;
}
.kpi-card:nth-child(1),
.kpi-card:nth-child(5){
  background:#091719 !important;
}

/* Restore a tiny accent line rather than expensive glow. */
.kpi-card strong.teal,
.profit{
  color:#94f2df !important;
}
.kpi-card strong.orange,
.orange{
  color:#ffc16f !important;
}

/* Restore donut meaning cheaply: static ring + small utilization arc marker. */
.donut{
  position:relative !important;
  border:10px solid #20363e !important;
  background:#0b171c !important;
}
.donut:before{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffc16f;
  top:8px;
  left:50%;
  transform:translateX(-50%);
}
.donut:after{
  inset:8px !important;
}

/* Keep scroll path free of transitions/animations. */
html{scroll-behavior:auto !important}

@media(max-width:900px){
  .hero:after{
    left:48%;
    width:220px;
    height:220px;
    border-width:28px;
    opacity:.7;
  }
}
@media(max-width:620px){
  .hero:after{display:none}
}


/* =========================================================
   ALPHARISQ v0.3.5 VIVID
   More contrast and identity without bringing back scroll jank.
   No blur, no fixed overlays, no huge shadows, no 3D transforms.
   ========================================================= */

:root{
  --bg:#03070a;
  --panel:#07141a;
  --panel2:#091a20;
  --line:#244550;
  --line2:#2f5a63;
  --text:#f5f9f8;
  --muted:#8ca2aa;
  --muted2:#b3c2c7;
  --teal:#38f0cd;
  --teal2:#9affea;
  --green:#63efb1;
  --red:#ff6d76;
  --orange:#f3a44f;
  --orange2:#ffc875;
  --violet:#c2adff;
}

body{
  background:
    linear-gradient(180deg,#031015 0,#04090c 360px,#03070a 100%) !important;
  color:var(--text) !important;
}

/* Header: stronger brand separation without sticky compositing. */
.topbar{
  background:#050d11 !important;
  border-bottom:1px solid #1f3d46 !important;
}
.brand-copy b{
  color:#f6fbfa !important;
}
.brand-copy small{
  color:#6fe0cb !important;
}

/* Hero: brighter, still static. */
.hero{
  border-bottom:1px solid rgba(63,119,129,.24);
}
.hero:before{
  content:"";
  position:absolute;
  left:0;
  top:54px;
  width:5px;
  height:146px;
  border-radius:8px;
  background:#38f0cd;
  pointer-events:none;
}
.hero h1{
  color:#f7fbfa !important;
}
.hero h1 span{
  color:#66dec9 !important;
}
.hero-lead{
  color:#a6b6bc !important;
}
.eyebrow{
  color:#55cbb9 !important;
}
.btn.primary{
  background:#38f0cd !important;
  color:#02110e !important;
  border-color:#38f0cd !important;
}
.btn.ghost{
  background:#0b181e !important;
  border-color:#2b5059 !important;
  color:#d2dede !important;
}
.hero-chips span{
  background:#08151a !important;
  border-color:#23434c !important;
  color:#91a6ae !important;
}

/* Stronger cards with inexpensive solid tints. */
.panel{
  background:#07141a !important;
  border-color:#21414b !important;
}
.verification{
  border-top:2px solid #38f0cd !important;
}
.wallet-card{
  background:#091a20 !important;
  border-color:#29515b !important;
}
.current-cycle-mini{
  background:#111a18 !important;
  border-color:#5c4930 !important;
}

.section-head{
  border-left:3px solid #38f0cd;
  padding-left:12px;
}
.section-head h2{
  color:#f5f9f8 !important;
}

/* KPI cards get distinctive top bars; no shadows. */
.kpi-card{
  background:#08151b !important;
  border-color:#23434c !important;
  border-top:3px solid #2f5961 !important;
}
.kpi-card:nth-child(1),
.kpi-card:nth-child(2),
.kpi-card:nth-child(3),
.kpi-card:nth-child(5){
  border-top-color:#38f0cd !important;
}
.kpi-card:nth-child(4){
  border-top-color:#ff6d76 !important;
}
.kpi-card:nth-child(6),
.kpi-card:nth-child(7){
  border-top-color:#f3a44f !important;
}
.kpi-card:nth-child(8){
  border-top-color:#c2adff !important;
}
.kpi-card small{
  color:#8098a0 !important;
}
.kpi-card strong.teal{
  color:#9affea !important;
}
.kpi-card strong.red{
  color:#ff8188 !important;
}
.kpi-card strong.orange{
  color:#ffc875 !important;
}
.kpi-card p{
  color:#8398a0 !important;
}

/* Chart and risk areas: stronger section identity. */
.chart-panel{
  border-top:2px solid #245761 !important;
}
.risk-panel{
  border-top:2px solid #f3a44f !important;
}
.mode-tabs button.active,
.range-tabs button.active,
.trade-tabs button.active{
  background:#123039 !important;
  color:#cffff5 !important;
}
.zoom-reset{
  border-color:#2c4f58 !important;
  color:#9eb0b6 !important;
}
.risk-metric{
  background:#08171d !important;
  border-color:#24434c !important;
  border-left:3px solid #2f5961 !important;
}
.risk-metric:nth-child(1),
.risk-metric:nth-child(2){
  border-left-color:#ff6d76 !important;
}
.risk-metric:nth-child(3),
.risk-metric:nth-child(4){
  border-left-color:#f3a44f !important;
}
.risk-metric:nth-child(5),
.risk-metric:nth-child(6){
  border-left-color:#c2adff !important;
}
.risk-metric b{
  color:#f2f7f6 !important;
}

/* Capital architecture. */
.capital-panel{
  border-top:2px solid #38f0cd !important;
}
.utilization-panel{
  border-top:2px solid #f3a44f !important;
}
.cube{
  background:#09191f !important;
  border-color:#315761 !important;
}
.cube-fill{
  background:#d28a41 !important;
}
.cube-item.active .cube-fill{
  background:#38d7bb !important;
}
.cube-item h4{
  color:#dce8e6 !important;
}
.cube-item strong{
  color:#f5f9f8 !important;
}
.cube-level{
  color:#57c9b8 !important;
}
.donut{
  border-color:#294750 !important;
  background:#08171d !important;
}
.donut:before{
  background:#ffc875 !important;
}
.definition-box{
  background:#151810 !important;
  border-color:#5a4a31 !important;
}
.definition-box b{
  color:#ffc875 !important;
}

/* Cycles: current cycle visually prominent. */
.current-cycle-card{
  border-top:2px solid #38f0cd !important;
  background:#07171c !important;
}
.cycle-history-panel{
  border-top:2px solid #2d5962 !important;
}
.cycle-metric{
  background:#08171d !important;
  border-color:#23434c !important;
}
.cycle-row{
  background:#07151b !important;
  border-color:#203e47 !important;
}
.cycle-row:nth-child(even){
  background:#09191f !important;
}

/* Trades: more readable, still viewport-fitted. */
.trades-panel{
  border-top:2px solid #38f0cd !important;
}
thead{
  background:#0b1b21 !important;
}
th{
  color:#8da4ac !important;
  border-bottom-color:#2b4b54 !important;
}
tbody tr:nth-child(even){
  background:#071319 !important;
}
tbody tr:nth-child(odd){
  background:#09171c !important;
}
tbody tr:hover{
  background:#0d2228 !important;
}
td{
  border-bottom-color:#18333b !important;
}
.profit{
  color:#72efb8 !important;
}
.loss{
  color:#ff7b82 !important;
}
.long{
  color:#7af2dc !important;
}
.short{
  color:#ff8a90 !important;
}

/* Methodology gets a more deliberate visual hierarchy. */
.method-card{
  background:#08151b !important;
  border-top:2px solid #274c55 !important;
}
.method-card:nth-child(1){
  border-top-color:#38f0cd !important;
}
.method-card:nth-child(2){
  border-top-color:#ff6d76 !important;
}
.method-card:nth-child(3){
  border-top-color:#f3a44f !important;
}
.method-card:nth-child(4){
  border-top-color:#c2adff !important;
}
.method-index{
  color:#57c9b8 !important;
}
.method-card h3{
  color:#f3f8f7 !important;
}
.method-card p,
.methodology-details p{
  color:#879ba3 !important;
}
.methodology-details{
  background:#07141a !important;
  border-top:2px solid #244a53 !important;
}

/* Footer. */
footer{
  border-top-color:#21404a !important;
}
.footer-status{
  color:#8ca2aa !important;
}

/* Explicitly preserve the fast-render profile. */
*{
  animation:none !important;
  transition:none !important;
  text-shadow:none !important;
}
.moon-orbit,
.kpi-card:after,
.current-cycle-card:before{
  display:none !important;
}


/* =========================================================
   ALPHARISQ v0.3.6 STRUCTURED
   More visual density, still Firefox-friendly.
   Static borders, solid fills and typography only.
   ========================================================= */

main{
  position:relative;
}
main:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:#17343d;
  pointer-events:none;
}

.hero{
  padding-top:58px !important;
  padding-bottom:42px !important;
}
.hero-copy{
  max-width:860px !important;
}
.hero-lead{
  max-width:710px !important;
}
.hero-metric-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:26px;
  max-width:760px;
  border:1px solid #24434c;
  background:#24434c;
}
.hero-metric-rail>div{
  background:#08151b;
  padding:13px 14px 12px;
  min-height:70px;
}
.hero-metric-rail small{
  display:block;
  color:#6e8790;
  font-size:7px;
  letter-spacing:.11em;
}
.hero-metric-rail b{
  display:block;
  margin-top:8px;
  font-size:20px;
  letter-spacing:-.025em;
  color:#eaf4f1;
}
.hero-metric-rail>div:nth-child(1) b,
.hero-metric-rail>div:nth-child(3) b{
  color:#9affea;
}
.hero-metric-rail>div:nth-child(2) b{
  color:#ff858c;
}
.hero-metric-rail>div:nth-child(4) b{
  color:#ffc875;
}

.engine-strip{
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) repeat(4,22px minmax(120px,1fr)) 22px minmax(120px,1fr);
  gap:0;
  align-items:stretch;
  border:1px solid #21414b;
  background:#061116;
  margin:6px 0 24px;
  min-height:94px;
}
.engine-label,
.engine-node{
  padding:15px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.engine-label{
  background:#081920;
  border-right:1px solid #21414b;
}
.engine-label b{
  margin-top:6px;
  font-size:11px;
  color:#e2ece9;
}
.engine-node{
  background:#071318;
}
.engine-node span{
  color:#4f807a;
  font:8px ui-monospace,SFMono-Regular,Menlo,monospace;
}
.engine-node b{
  margin-top:4px;
  font-size:9px;
  letter-spacing:.08em;
  color:#dce7e4;
}
.engine-node small{
  margin-top:5px;
  color:#6f858e;
  font-size:7px;
  line-height:1.35;
}
.engine-arrow{
  display:grid;
  place-items:center;
  color:#3c6b66;
  font-size:13px;
  background:#071318;
}

.section-head{
  position:relative;
  min-height:72px;
  padding-top:20px !important;
  padding-bottom:9px;
  margin-top:34px !important;
  border-left:0 !important;
}
.section-head:before{
  content:attr(data-section);
  position:absolute;
  left:0;
  top:19px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #2a4b54;
  color:#5cccb9;
  font:10px ui-monospace,SFMono-Regular,Menlo,monospace;
  background:#07141a;
}
.section-head>div:first-child{
  padding-left:58px;
}
.section-head:after{
  content:"";
  position:absolute;
  left:58px;
  right:0;
  bottom:0;
  height:1px;
  background:#17343d;
}
.section-head h2{
  font-size:31px !important;
}

.kpi-grid{
  gap:8px !important;
}
.kpi-card{
  min-height:142px !important;
}
.kpi-card strong{
  font-size:32px !important;
}

.chart-layout,
.capital-layout,
.cycle-layout{
  gap:8px !important;
}
.panel{
  border-radius:12px !important;
}
.chart-panel,
.risk-panel,
.capital-panel,
.utilization-panel,
.current-cycle-card,
.cycle-history-panel{
  padding:18px !important;
}

/* Stronger panel headers without shadows. */
.panel-head,
.capital-title-row{
  padding-bottom:12px;
  border-bottom:1px solid #18343d;
}
.panel-head.compact{
  padding-bottom:10px;
}

/* Data terminals inside side panels. */
.risk-grid{
  gap:6px !important;
}
.risk-metric{
  min-height:88px;
}
.risk-metric b{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:-.04em;
}
.reserve-row b,
.cycle-metric b{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Capital flow gives the section more architecture without GPU transforms. */
.capital-flow{
  display:flex;
  align-items:center;
  gap:0;
  padding:15px 4px 3px;
}
.flow-node{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #33535c;
  background:#09181e;
  color:#9aaeb5;
  font:9px ui-monospace,SFMono-Regular,Menlo,monospace;
}
.flow-node.active{
  border-color:#38f0cd;
  color:#9affea;
}
.flow-node.private{
  border-color:#514968;
  color:#c2adff;
}
.capital-flow i{
  height:1px;
  flex:1;
  background:#33535c;
  position:relative;
}
.capital-flow i:after{
  content:"";
  position:absolute;
  right:-1px;
  top:-3px;
  width:7px;
  height:7px;
  border-top:1px solid #33535c;
  border-right:1px solid #33535c;
  transform:rotate(45deg);
}

/* Capital blocks feel more like instrumentation. */
.cube-item{
  border-top:1px solid #18343d;
  padding-top:8px;
}
.cube-stage{
  height:114px !important;
}
.cube{
  height:104px !important;
  border-radius:5px !important;
}
.cube-level{
  margin-top:8px;
}
.cube-item p{
  min-height:34px;
}

/* Cycle history becomes a technical ledger. */
.cycle-history-panel{
  position:relative;
}
.cycle-row{
  border-radius:5px !important;
}
.cycle-row:not(.head){
  border-left:3px solid #264751 !important;
}
.cycle-row:not(.head):last-child{
  border-left-color:#38f0cd !important;
}
.cycle-row b{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Trades: denser financial terminal feel. */
.trades-panel{
  border-radius:8px !important;
}
th{
  height:38px;
  background:#0b1b21;
}
td{
  height:48px;
}
td:nth-child(1),
td:nth-child(5),
td:nth-child(6),
td:nth-child(7),
td:nth-child(8),
td:nth-child(9),
td:nth-child(10),
td:nth-child(11){
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Methodology cards: strong numbered modules. */
.method-card{
  min-height:220px !important;
  border-radius:8px !important;
}
.method-index{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #2a4b54;
  background:#09181e;
}
.method-card h3{
  margin-top:26px !important;
}
.methodology-details{
  border-radius:8px !important;
}

/* More explicit footer finish. */
footer{
  margin-top:8px;
  padding-top:8px;
  border-top:2px solid #21404a !important;
}

/* Keep the fast profile intact. */
*{
  animation:none !important;
  transition:none !important;
  text-shadow:none !important;
}
@media(max-width:1320px){
  .engine-strip{
    grid-template-columns:minmax(170px,1fr) repeat(4,18px minmax(100px,1fr)) 18px minmax(100px,1fr);
  }
}
@media(max-width:1040px){
  .engine-strip{
    grid-template-columns:1fr 1fr;
  }
  .engine-label{
    grid-column:1/-1;
    border-right:0;
    border-bottom:1px solid #21414b;
  }
  .engine-arrow{display:none}
  .engine-node{
    border-right:1px solid #17343d;
    border-bottom:1px solid #17343d;
  }
}
@media(max-width:760px){
  .hero-metric-rail{
    grid-template-columns:1fr 1fr;
  }
  .engine-strip{
    grid-template-columns:1fr;
  }
  .engine-node{
    border-right:0;
  }
}


/* =========================================================
   ALPHARISQ v0.3.7 VISUAL
   Adds useful static/data-driven graphics while preserving fast scroll.
   ========================================================= */

/* Verification chain: robust layout, no brittle mega-grid. */
.engine-strip{
  display:grid !important;
  grid-template-columns:240px minmax(0,1fr) !important;
  align-items:stretch !important;
  gap:0 !important;
  min-height:102px !important;
  overflow:hidden;
}
.engine-label{
  border-right:1px solid #21414b !important;
  border-bottom:0 !important;
  padding:15px 16px !important;
}
.engine-label small{
  margin-top:8px;
  color:#6d838c;
  font-size:7px;
  line-height:1.45;
}
.engine-track{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(105px,1fr) 24px minmax(105px,1fr) 24px minmax(105px,1fr) 24px minmax(105px,1fr) 24px minmax(105px,1fr);
  align-items:stretch;
}
.engine-node{
  min-width:0;
  padding:13px 10px !important;
  justify-content:center !important;
  border-right:0 !important;
  border-bottom:0 !important;
}
.engine-node b,
.engine-node small{
  overflow:hidden;
  text-overflow:ellipsis;
}
.engine-arrow{
  min-width:24px;
  border-left:1px solid #17343d;
  border-right:1px solid #17343d;
}

/* Mini equity graphic in Verification. */
.mini-chart-card{
  margin-top:13px;
  border:1px solid #203d46;
  background:#061116;
  padding:10px 11px 8px;
}
.mini-chart-head,
.mini-chart-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mini-chart-head span,
.mini-chart-foot span{
  color:#657c85;
  font-size:7px;
  letter-spacing:.09em;
}
.mini-chart-head b{
  font:10px ui-monospace,SFMono-Regular,Menlo,monospace;
}
#miniEquityChart{
  display:block;
  width:100%;
  height:86px;
  margin:5px 0 2px;
  contain:strict;
}

/* Small visual "circuit" accents on engine nodes. */
.engine-node:before{
  content:"";
  display:block;
  width:18px;
  height:3px;
  margin-bottom:8px;
  background:#2b5f5a;
}
.engine-node:nth-child(5):before,
.engine-node:nth-child(7):before{
  background:#80633f;
}
.engine-node:nth-child(9):before{
  background:#4e6d80;
}

/* Current-cycle data bars. */
.cycle-bars{
  display:grid;
  gap:10px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #18343d;
}
.cycle-bar-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cycle-bar-copy span{
  color:#6f858e;
  font-size:8px;
}
.cycle-bar-copy b{
  color:#ffc875;
  font:9px ui-monospace,SFMono-Regular,Menlo,monospace;
}
.cycle-bar-track{
  height:7px;
  margin-top:5px;
  background:#13262d;
  overflow:hidden;
}
.cycle-bar-track i{
  display:block;
  height:100%;
  background:#d48c43;
}
.cycle-bar-row.teal .cycle-bar-copy b{
  color:#9affea;
}
.cycle-bar-row.teal .cycle-bar-track i{
  background:#38d7bb;
}

/* Slightly richer section separators. */
.section-head:after{
  background:linear-gradient(90deg,#2a5a62 0,#17343d 42%,#10242b 100%) !important;
}
.panel-head:after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  background:#2f6a63;
  margin-top:10px;
}

/* Firefox-friendly, because nothing here is fixed, blurred or animated. */
@media(max-width:1180px){
  .engine-strip{
    grid-template-columns:210px minmax(0,1fr) !important;
  }
  .engine-track{
    grid-template-columns:minmax(90px,1fr) 18px minmax(90px,1fr) 18px minmax(90px,1fr) 18px minmax(90px,1fr) 18px minmax(90px,1fr);
  }
  .engine-arrow{min-width:18px}
}
@media(max-width:920px){
  .engine-strip{
    grid-template-columns:1fr !important;
  }
  .engine-label{
    border-right:0 !important;
    border-bottom:1px solid #21414b !important;
  }
  .engine-track{
    grid-template-columns:1fr !important;
  }
  .engine-arrow{
    display:none !important;
  }
  .engine-node{
    border-bottom:1px solid #17343d !important;
  }
}


/* =========================================================
   ALPHARISQ v0.3.8 ANALYTICS
   Three lightweight SVG charts. No animation, filters, gradients or canvas loops.
   ========================================================= */

.analytics-head{
  margin-top:22px !important;
}
.analytics-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.analytics-card{
  padding:16px 16px 12px !important;
  min-width:0;
  border-top:2px solid #2b5962 !important;
  overflow:hidden;
}
.analytics-card:nth-child(1){
  border-top-color:#38f0cd !important;
}
.analytics-card:nth-child(2){
  border-top-color:#f3a44f !important;
}
.analytics-card:nth-child(3){
  border-top-color:#c2adff !important;
}
.analytics-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid #18343d;
}
.analytics-card-head h3{
  margin:5px 0 0;
  font-size:14px;
  color:#edf5f3;
}
.analytics-card-head>b{
  white-space:nowrap;
  font:9px ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#a8bbc0;
}
.micro-chart{
  display:block;
  width:100%;
  height:210px;
  margin-top:4px;
  contain:strict;
}
.analytics-foot,
.analytics-legend{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:24px;
  border-top:1px solid #163039;
  color:#637a83;
  font-size:7px;
}
.analytics-legend{
  justify-content:flex-start;
  gap:16px;
}
.analytics-legend span{
  display:flex;
  align-items:center;
  gap:6px;
}
.analytics-legend i{
  width:11px;
  height:5px;
  display:inline-block;
}
.legend-l0{
  background:#38d7bb;
}
.legend-reserve{
  background:#d48c43;
}

@media(max-width:1180px){
  .analytics-grid{
    grid-template-columns:1fr 1fr;
  }
  .analytics-card:nth-child(3){
    grid-column:1/-1;
  }
}
@media(max-width:760px){
  .analytics-grid{
    grid-template-columns:1fr;
  }
  .analytics-card:nth-child(3){
    grid-column:auto;
  }
  .micro-chart{
    height:190px;
  }
}


/* ALPHARISQ v0.7.2 PnL reconciliation */
.pnl-reconcile-mini{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:8px;
  border:1px solid #203d46;
  background:#203d46;
}
.pnl-reconcile-mini>div{min-width:0;padding:9px 10px;background:#071318}
.pnl-reconcile-mini small{
  display:block;color:#647b84;font-size:6px;letter-spacing:.08em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.pnl-reconcile-mini b{
  display:block;margin-top:6px;color:#dce8e5;
  font:9px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap
}
.pnl-reconcile-mini b.orange{color:#ffc875}
@media(max-width:620px){.pnl-reconcile-mini{grid-template-columns:1fr}}