:root {
  --ink: #08100d;
  --paper: #e8e5d8;
  --acid: #d9ff45;
  --mint: #7ef0c7;
  --red: #ff655d;
  --line: rgba(232, 229, 216, .18);
  --muted: rgba(232, 229, 216, .58);
}

* { box-sizing: border-box; }
html { background: var(--ink); color: var(--paper); scroll-behavior: smooth; }
body { margin: 0; font-family: "Manrope", sans-serif; background:
  radial-gradient(circle at 72% 13%, rgba(126,240,199,.09), transparent 31rem),
  linear-gradient(145deg, #08100d 0%, #0a1511 54%, #07100d 100%); min-height: 100vh; }
.grain { position: fixed; inset: 0; pointer-events: none; opacity: .16; z-index: 20;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E"); }
.masthead { height: 84px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 34px; padding: 0 clamp(22px,5vw,78px); }
.brand { display: flex; gap: 12px; color: var(--paper); text-decoration: none; font: 600 12px/1 "IBM Plex Mono"; letter-spacing: .08em; }
.brand-mark { width: 37px; height: 37px; display: grid; place-items: center; color: var(--ink); background: var(--acid); font-weight: 600; border-radius: 50%; }
.session { display: flex; align-items: center; gap: 12px; font-family: "IBM Plex Mono"; }
.session small { display:block; color:var(--muted); font-size:9px; letter-spacing:.14em; }
.session strong { font-size: 13px; }
.pulse { width: 8px; height: 8px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 7px rgba(126,240,199,.08); animation:pulse 2s infinite; }
.mode { border:1px solid var(--line); padding:10px 13px; font:600 10px "IBM Plex Mono"; letter-spacing:.09em; color:var(--acid); }
main { width:min(1480px, 100%); margin:auto; padding:0 clamp(22px,5vw,78px) 100px; }
.hero { min-height:450px; display:grid; grid-template-columns: 1.5fr .65fr; align-items:center; gap:7vw; border-bottom:1px solid var(--line); }
.eyebrow { font:600 10px "IBM Plex Mono"; letter-spacing:.17em; color:var(--mint); }
h1 { margin:20px 0 26px; font:400 clamp(42px,6.4vw,96px)/.9 "Archivo Black"; letter-spacing:-.06em; text-transform:uppercase; }
h1 em { color:transparent; -webkit-text-stroke:1px rgba(232,229,216,.76); font-style:normal; }
.deck { max-width:690px; color:var(--muted); font-size:clamp(14px,1.4vw,18px); line-height:1.65; }
.valuation-block { border-left:1px solid var(--line); display:grid; }
.valuation { padding:34px 0 34px 5vw; position:relative; }
.valuation + .valuation { border-top:1px solid var(--line); }
.valuation::before { content:""; position:absolute; width:64px; height:5px; top:0; left:5vw; background:var(--acid); }
.valuation.implied::before { background:var(--mint); }
.valuation > span { font:600 11px "IBM Plex Mono"; letter-spacing:.16em; }
.valuation strong { display:block; font:500 clamp(39px,5.1vw,72px)/1 "IBM Plex Mono"; letter-spacing:-.09em; color:var(--acid); margin:20px 0 10px; }
.valuation.implied strong { color:var(--mint); }
.valuation small { color:var(--muted); font:500 10px "IBM Plex Mono"; }
.status-strip { min-height:98px; display:grid; grid-template-columns:repeat(3,1fr) auto; align-items:center; border-bottom:1px solid var(--line); }
.status-strip > div { border-right:1px solid var(--line); padding:0 32px; }
.status-strip > div:first-child { padding-left:0; }
.status-strip small { display:block; color:var(--muted); font:500 9px "IBM Plex Mono"; letter-spacing:.13em; margin-bottom:9px; }
.status-strip strong { font:500 12px "IBM Plex Mono"; }
.good { color:var(--mint); }
.bad { color:var(--red)!important; }
button { border:0; background:var(--acid); color:var(--ink); padding:15px 18px; font:600 10px "IBM Plex Mono"; letter-spacing:.1em; cursor:pointer; transition:.25s ease; }
button:hover { transform:translateY(-2px); box-shadow:0 8px 26px rgba(217,255,69,.18); }
button span { font-size:17px; margin-left:12px; }
.market-grid { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--line); margin-top:70px; }
.metric { min-height:240px; padding:28px; border-right:1px solid var(--line); border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; transition:.25s ease; }
.metric:hover { background:rgba(232,229,216,.035); transform:translateY(-5px); }
.metric.primary { background:var(--paper); color:var(--ink); }
.metric-head { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.metric-head span { font:500 10px "IBM Plex Mono"; opacity:.5; }
.metric h2 { margin:0; font:600 10px "IBM Plex Mono"; letter-spacing:.12em; }
.metric > strong { font:500 clamp(29px,3vw,46px) "IBM Plex Mono"; letter-spacing:-.07em; }
.metric > p { margin:0; color:var(--muted); font:500 10px "IBM Plex Mono"; line-height:1.5; }
.metric.primary > p { color:rgba(8,16,13,.58); }
.metric.cme > strong { display:flex; align-items:center; gap:12px; font-size:clamp(22px,2.2vw,34px); }
.metric.cme i { font-style:normal; color:var(--acid); font-size:.7em; }
.primary-levels-section,.levels-section,.audit { padding-top:110px; }
.section-title { display:flex; justify-content:space-between; align-items:end; margin-bottom:34px; }
.section-title h2 { margin:8px 0 0; font:400 clamp(32px,4vw,58px)/1 "Archivo Black"; text-transform:uppercase; letter-spacing:-.04em; }
.legend { color:var(--muted); font:500 9px "IBM Plex Mono"; letter-spacing:.1em; }
.legend span { width:8px; height:8px; display:inline-block; margin:0 8px 0 20px; }
.legend .up { background:var(--acid); }.legend .down { background:var(--mint); }
.section-note { max-width:230px; margin:0; color:var(--muted); text-align:right; font:500 10px/1.5 "IBM Plex Mono"; }
.primary-levels { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); }
.primary-side { padding:28px; }
.primary-side + .primary-side { border-left:1px solid var(--line); }
.primary-side-head { display:flex; align-items:center; gap:13px; margin-bottom:22px; font:600 10px "IBM Plex Mono"; letter-spacing:.1em; }
.primary-side-head span { width:29px; height:29px; display:grid; place-items:center; background:var(--acid); color:var(--ink); }
.minima .primary-side-head span { background:var(--mint); }
.primary-cards { display:grid; grid-template-columns:repeat(3,1fr); }
.primary-level { min-height:145px; padding:20px; border:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.primary-level + .primary-level { border-left:0; }
.primary-level > span { color:var(--muted); font:600 9px "IBM Plex Mono"; letter-spacing:.09em; }
.primary-level strong { font:500 clamp(24px,2.6vw,40px) "IBM Plex Mono"; letter-spacing:-.07em; }
.primary-level small { font:600 10px "IBM Plex Mono"; }
.primary-level.up strong,.primary-level.up small { color:var(--acid); }
.primary-level.down strong,.primary-level.down small { color:var(--mint); }
.levels { display:grid; grid-template-columns:repeat(7,1fr); border-left:1px solid var(--line); }
.level { border:1px solid var(--line); border-left:0; padding:19px 16px; min-height:102px; display:flex; flex-direction:column; justify-content:space-between; }
.level:nth-child(n+8) { border-top:0; }
.level strong { font:500 18px "IBM Plex Mono"; letter-spacing:-.04em; }
.level span { font:600 9px "IBM Plex Mono"; color:var(--muted); }
.level.up strong { color:var(--acid); }.level.down strong { color:var(--mint); }
.checks { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.check { background:var(--ink); min-height:105px; padding:20px; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; }
.check-mark { width:22px; height:22px; border:1px solid var(--mint); color:var(--mint); display:grid; place-items:center; font:600 11px "IBM Plex Mono"; }
.check h3 { margin:2px 0 10px; font:600 11px "IBM Plex Mono"; letter-spacing:.07em; }
.check p { margin:0; color:var(--muted); font:500 10px "IBM Plex Mono"; }
.disclaimer { margin:22px 0 0; color:var(--muted); font-size:11px; max-width:800px; line-height:1.7; }
footer { min-height:80px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; padding:0 clamp(22px,5vw,78px); color:var(--muted); font:500 9px "IBM Plex Mono"; letter-spacing:.12em; }
@keyframes pulse { 50% { box-shadow:0 0 0 12px rgba(126,240,199,0); } }
@media (max-width: 940px) {
  .hero { grid-template-columns:1fr; padding:70px 0; }
  .valuation-block { border-left:0; border-top:1px solid var(--line); grid-template-columns:1fr 1fr; }
  .valuation { padding:40px 24px 20px 0; }
  .valuation + .valuation { border-top:0; border-left:1px solid var(--line); padding-left:24px; }
  .valuation::before { left:0; top:-3px; }
  .valuation.implied::before { left:24px; }
  .market-grid { grid-template-columns:repeat(2,1fr); }
  .primary-levels { grid-template-columns:1fr; }
  .primary-side + .primary-side { border-left:0; border-top:1px solid var(--line); }
  .levels { grid-template-columns:repeat(2,1fr); }
  .level:nth-child(n+3) { border-top:0; }
  .checks { grid-template-columns:1fr 1fr; }
}
@media (max-width: 620px) {
  .masthead { grid-template-columns:1fr auto; height:72px; }
  .session { display:none; }
  .mode { font-size:8px; }
  .status-strip { grid-template-columns:1fr 1fr; padding:20px 0; gap:22px 0; }
  .status-strip > div { padding:0 12px; }
  .status-strip button { grid-column:1/-1; }
  .market-grid { grid-template-columns:1fr; }
  .valuation-block { grid-template-columns:1fr; }
  .valuation + .valuation { border-left:0; border-top:1px solid var(--line); padding-left:0; }
  .valuation.implied::before { left:0; }
  .metric { min-height:190px; }
  .section-title { align-items:start; flex-direction:column; gap:20px; }
  .section-note { text-align:left; }
  .primary-side { padding:18px; }
  .primary-cards { grid-template-columns:1fr; }
  .primary-level { min-height:112px; }
  .primary-level + .primary-level { border-left:1px solid var(--line); border-top:0; }
  .legend { display:none; }
  .checks { grid-template-columns:1fr; }
  footer { flex-direction:column; justify-content:center; gap:10px; }
}
