*{box-sizing:border-box}
:root{--bg:#070d1a;--panel:#111a2b;--line:#25385b;--text:#f5f8ff;--muted:#aab7d1;--blue:#18a7ff;--cyan:#5fd7ff;--orange:#ff9b21;--green:#5bde74;--red:#ff4d4d;--yellow:#ffd642}
body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 78% 12%,rgba(24,167,255,.22),transparent 28%),linear-gradient(135deg,#050912 0%,#071225 50%,#090b14 100%);color:var(--text);min-height:100vh}
body:before{content:"";position:fixed;inset:0;background:url("assets/Bubble_Score_product_Logo3.png") no-repeat left -70px top -80px/300px;opacity:.055;pointer-events:none}.bg-glow{position:fixed;inset:0;background:radial-gradient(circle at 80% 32%,rgba(0,148,255,.2),transparent 24%),radial-gradient(circle at 20% 80%,rgba(0,88,180,.14),transparent 28%);pointer-events:none}.shell{position:relative;max-width:1280px;margin:0 auto;padding:30px}.hero{display:grid;grid-template-columns:1fr 390px;gap:22px;align-items:stretch;margin-bottom:20px}.brand{display:flex;gap:18px;align-items:center}.brand img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(24,167,255,.7))}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:12px;font-weight:800;margin:0 0 5px}h1{font-size:52px;line-height:1;margin:0 0 12px;letter-spacing:-.03em}h2{margin:0 0 8px;font-size:24px}h3{margin:18px 0 8px}.subtitle{font-size:18px;color:#d5def3;max-width:820px;margin:0}.hero-card,.panel,.metric,.signal-panel,.cta-box,.disclaimer{background:linear-gradient(180deg,rgba(22,33,54,.92),rgba(12,18,32,.92));border:1px solid rgba(93,144,210,.34);border-radius:22px;box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 0 30px rgba(24,167,255,.035)}.hero-card{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px;color:#d5def3}.hero-card strong{font-size:24px;color:#fff}.hero-card p{margin:0;color:var(--muted)}.pill{display:inline-flex;width:max-content;border:1px solid rgba(95,215,255,.35);border-radius:999px;padding:7px 11px;color:#dcecff;background:rgba(24,167,255,.10);font-size:12px;font-weight:700}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 18px}.tab{cursor:pointer;border:1px solid rgba(95,215,255,.28);border-radius:16px;background:rgba(7,15,31,.72);color:#dcecff;font-weight:900;padding:15px 12px;font-size:15px}.tab.active{background:linear-gradient(180deg,rgba(24,167,255,.28),rgba(16,35,65,.92));box-shadow:0 0 22px rgba(24,167,255,.16);border-color:rgba(95,215,255,.7)}.tab-panel{display:none}.tab-panel.active{display:block}.signal-panel{padding:22px;margin-bottom:18px}.signal-panel.compact{display:block}.signal-panel>div:first-child p{color:var(--muted);margin:0 0 15px}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.signal-card{position:relative;background:rgba(6,13,28,.72);border:1px solid rgba(95,215,255,.25);border-radius:18px;padding:16px 14px 14px 62px;min-height:118px}.signal-card b{position:absolute;left:15px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0877ff,#42d8ff);box-shadow:0 0 18px rgba(24,167,255,.7);font-size:20px}.signal-card strong{display:block;font-size:18px}.signal-card span{display:block;color:var(--cyan);font-weight:800;margin:5px 0}.signal-card small{color:var(--muted);line-height:1.35}.controls{display:grid;gap:12px;align-items:end;padding:18px;margin-bottom:18px}.historical-controls{grid-template-columns:1fr 1.35fr 1fr 1fr 140px}.controls label,.mini-controls label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px;font-weight:700}.controls select,.controls input,.controls button,.mini-controls select,.secondary{background:#081020;color:#fff;border:1px solid rgba(95,215,255,.25);border-radius:13px;padding:11px;font-weight:700}.controls button,.secondary{cursor:pointer;background:linear-gradient(180deg,#244462,#16263d)}
.fixed-rule{background:rgba(6,13,28,.75);border:1px solid rgba(255,214,66,.34);border-radius:14px;padding:11px 13px;min-height:62px}
.fixed-rule span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.fixed-rule strong{display:block;color:#fff;font-size:17px;margin:3px 0}
.fixed-rule small{display:block;color:#ffd980;line-height:1.25}
.strong-rule-box{display:grid;grid-template-columns:1fr 1.8fr;gap:18px;align-items:start}
.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rule-grid div{position:relative;background:rgba(7,14,29,.82);border:1px solid rgba(95,215,255,.22);border-radius:16px;padding:14px 14px 14px 52px;min-height:120px}
.rule-grid b{position:absolute;left:13px;top:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0877ff,#42d8ff);box-shadow:0 0 14px rgba(24,167,255,.55)}
.rule-grid strong{display:block;font-size:16px;margin-bottom:6px}
.rule-grid span{color:var(--muted);line-height:1.4;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{padding:20px}.metric span{display:block;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.metric strong{display:block;font-size:28px;margin:9px 0}.metric small{color:#d7e2f7}.metric.highlight{border-color:rgba(255,155,33,.55);box-shadow:0 0 26px rgba(255,155,33,.12)}.panel{padding:20px;margin-bottom:18px}.interpretation p,.big-copy{font-size:18px;line-height:1.55;color:#d9e5fb;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-note,.muted{color:var(--muted);margin:0 0 14px;line-height:1.45}canvas{width:100%;height:auto;border-radius:16px;border:1px solid rgba(95,215,255,.15);background:#050b18}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.risk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.risk-tile{background:rgba(7,14,29,.8);border:1px solid rgba(95,215,255,.18);border-radius:14px;padding:12px}.risk-tile b{display:block;font-size:22px}.risk-tile span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:800}.risk-legend{display:flex;gap:18px;align-items:center;color:var(--muted);font-weight:700;margin-top:10px;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:-12px}.normal{background:#244b6a}.cautious{background:#b79222}.defensive{background:#e47d25}.riskoff{background:#c93f4e}.advanced summary{font-size:20px;font-weight:900;cursor:pointer}.advanced-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.advanced-card{background:#071020;border:1px solid rgba(95,215,255,.24);border-radius:13px;padding:14px}.advanced-card span{color:var(--muted);font-size:12px;display:block}.advanced-card strong{font-size:23px}.table-wrap{overflow:auto;border-top:1px solid rgba(95,215,255,.18);max-height:430px}.table-wrap.tall{max-height:520px}table{width:100%;border-collapse:collapse;font-size:13px;min-width:920px}th,td{padding:10px 9px;border-bottom:1px solid rgba(95,215,255,.12);text-align:left;white-space:nowrap}th{color:#cfe8ff;position:sticky;top:0;background:#10192a;z-index:2}td.reason-cell{white-space:normal;min-width:280px;color:#d7e2f7}.guard-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px}.guard-Normal{background:rgba(36,75,106,.35);color:#d9f4ff}.guard-Watch{background:rgba(255,214,66,.18);color:#ffe680}.guard-Caution{background:rgba(255,155,33,.2);color:#ffc676}.guard-Defensive{background:rgba(255,92,92,.18);color:#ffaaaa}.guard-Risk-off{background:rgba(255,77,77,.28);color:#ffd5d5}.current-hero{display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center}.current-hero p{color:var(--muted);line-height:1.5;margin-bottom:0}.latest-date{background:rgba(7,14,29,.8);border:1px solid rgba(95,215,255,.24);border-radius:18px;padding:18px;text-align:center}.latest-date span{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:12px}.latest-date strong{font-size:28px}.mini-controls{display:flex;gap:12px;align-items:end;margin:10px 0 16px}.export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.download-card{display:block;text-decoration:none;color:var(--text);background:rgba(7,14,29,.82);border:1px solid rgba(95,215,255,.28);border-radius:18px;padding:18px;min-height:140px}.download-card:hover{border-color:rgba(95,215,255,.8);box-shadow:0 0 24px rgba(24,167,255,.18)}.download-card strong{display:block;font-size:19px;margin-bottom:10px}.download-card span{color:var(--muted);line-height:1.4}.playbook-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.playbook-grid div{background:rgba(7,14,29,.8);border:1px solid rgba(95,215,255,.2);border-radius:18px;padding:16px}.playbook-grid b{font-size:18px;color:#fff}.playbook-grid p{color:var(--muted);line-height:1.45}.cta-box{padding:20px;text-align:center;margin-top:18px}.cta-box strong{font-size:21px}.cta-box span{color:var(--muted);font-size:18px}.disclaimer{padding:12px;color:var(--muted);font-size:13px;text-align:center;margin-top:18px}@media(max-width:1000px){.hero,.grid2,.current-hero,.strong-rule-box{grid-template-columns:1fr}.signal-grid,.cards,.advanced-grid,.export-grid,.playbook-grid,.risk-summary,.rule-grid{grid-template-columns:1fr 1fr}.historical-controls{grid-template-columns:1fr 1fr}.tabs{grid-template-columns:1fr}.brand{align-items:flex-start}h1{font-size:38px}}@media(max-width:640px){.signal-grid,.cards,.advanced-grid,.historical-controls,.export-grid,.playbook-grid,.risk-summary,.rule-grid{grid-template-columns:1fr}.mini-controls{flex-direction:column;align-items:stretch}.brand img{width:68px;height:68px}h1{font-size:32px}.shell{padding:16px}.section-head{display:block}.secondary{margin-top:10px;width:100%}}


.access-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(3,8,19,.88);backdrop-filter:blur(14px);padding:24px}.access-gate.hidden{display:none}.access-card{max-width:560px;border:1px solid rgba(88,210,255,.35);border-radius:28px;background:linear-gradient(180deg,rgba(13,28,56,.97),rgba(5,12,28,.98));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 50px rgba(41,170,255,.18);padding:34px;text-align:center}.access-card img{width:82px;height:82px;object-fit:contain;margin-bottom:16px}.access-card h2{margin:0 0 12px;font-size:30px}.access-card p{color:#d8e6ff;font-size:17px;line-height:1.45}.access-card .small{font-size:13px;color:#8ea0c0}.blurred-lock{filter:blur(4px);pointer-events:none;user-select:none}