/* V29 research edition: graphite, chart blue and the original NuraMark lime. */
:root { --bg:#080e13; --bg-1:#0e171f; --bg-2:#15222c; --bg-3:#1a2b36; --line:#283c49; --line-2:#486374; --txt:#eff5f7; --txt-2:#c1cfd6; --muted:#9eb3bf; --wrap:1320px; }
body { background: radial-gradient(ellipse at 78% 2%,#172c3b 0,transparent 32%),var(--bg); }
[hidden] { display:none !important; }
::selection { background:var(--lime); color:#101b10; }
.topbar { background:rgba(8,14,19,.94); backdrop-filter:blur(18px); }
.nav a.on { box-shadow:inset 0 -2px var(--lime); border-radius:0; background:transparent; }
.hero { padding-block:clamp(3rem,7vw,6rem) 2.5rem; position:relative; }
.hero-grid { grid-template-columns:1.05fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.hero-grid h1 { font-size:clamp(2.7rem,5.7vw,5.3rem); line-height:1.04; font-weight:650; letter-spacing:-.055em; max-width:13ch; margin-block:1.3rem; }
.hero-sub { font-size:clamp(1rem,1.5vw,1.2rem); line-height:1.8; max-width:49ch; }
.research-origin { border-inline-start:2px solid var(--lime); padding-inline-start:1rem; font-size:.9375rem; line-height:1.8; max-width:56ch; color:var(--txt-2); margin-block:1.4rem; }
.hero-research { position:relative; background:linear-gradient(140deg,#1b303d,#0d161e 65%); padding:1.2rem; border:1px solid #3c5563; border-radius:24px; box-shadow:0 30px 80px #0005; }
.hero-research::before { content:''; position:absolute; width:70%; height:1px; inset-block-start:-1px; inset-inline-start:15%; background:linear-gradient(90deg,transparent,var(--lime),transparent); }
.research-tag { display:flex; align-items:center; gap:1rem; padding:.25rem .6rem 1rem; }
.research-tag>span { font:700 1.75rem/1 var(--mono); color:var(--lime); }
.research-tag>b { font-size:.875rem; color:var(--txt-2); font-weight:500; }
.hero-research .pulse { margin:0; box-shadow:none; }
.stats { gap:1px !important; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--line); }
.stat { border:0; border-radius:0; background:var(--bg-1); padding:1.3rem; }
.stat-v { font-size:clamp(1.3rem,2.3vw,1.8rem); }
.stat-k { text-transform:none; letter-spacing:0; font-size:.875rem; }
.edition-label { font:600 .75rem/1.6 var(--mono); letter-spacing:.13em; color:var(--lime); display:block; }
.sec-h h1,.sec-h h2 { letter-spacing:-.035em; }
.panel,.botcard,.formcard { background:linear-gradient(140deg,#12202a,var(--bg-1)); }
.card { background:linear-gradient(150deg,#172731,#0e1820 75%); border-radius:16px; transition:border-color .18s ease,box-shadow .18s ease; }
.card:hover { border-color:#739166; box-shadow:0 8px 30px #0004; }
.card-top { align-items:center; }
.cards { gap:1.4rem; }
.cardnotes { font-size:.9375rem; line-height:1.75; }
.metrics b,.price,.kpi-v { font-variant-numeric:tabular-nums; }
.tablewrap { background:var(--bg-1); }
th { font-size:.8125rem; text-transform:none; letter-spacing:.02em; padding-block:1rem; }
td { font-size:.9375rem; line-height:1.6; }
.btn { min-height:46px; border-radius:10px; padding-inline:1.2rem; }
.btn-primary { background:var(--lime); color:#14200c; box-shadow:0 3px 16px #cce46415; }
.step { padding:1.4rem; border-top:2px solid var(--line); }
.step h3 { font-size:1.1rem; }
.step p { font-size:1rem; }
.allocation-lab { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(2rem,5vw,4rem); padding-block:4rem; align-items:center; }
.lab-intro h2 { font-size:clamp(2.1rem,4vw,3.4rem); max-width:12ch; letter-spacing:-.045em; margin-block:1rem; }
.lab-intro p { color:var(--txt-2); max-width:37ch; line-height:1.85; }
.text-link { display:inline-block; padding-block:.6rem; border-bottom:1px solid var(--lime); color:var(--lime); }
.lab-workspace { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; padding:clamp(1.2rem,3vw,2rem); border:1px solid var(--line-2); border-radius:22px; background:linear-gradient(120deg,#142430,var(--bg-1)); --lab-accent:var(--lime); }
.allocation-lab[data-mode=sell] .lab-workspace { --lab-accent:#f5b86c; }
.lab-controls label { font-size:.875rem; display:flex; justify-content:space-between; gap:.6rem; margin-block:0 .6rem; }
.lab-controls input[type=number] { width:100%; font:600 1.4rem var(--mono); color:var(--txt); background:#081117; border:1px solid var(--line-2); padding:.8rem; margin-block-end:1.5rem; border-radius:9px; }
.lab-controls input[type=range] { width:100%; min-height:30px; accent-color:var(--lab-accent); cursor:pointer; }
.lab-modes { display:flex; gap:4px; border:1px solid var(--line); border-radius:10px; padding:4px; margin-block-start:1rem; }
.lab-modes button { flex:1; padding:.7rem .4rem; border:0; border-radius:7px; background:transparent; color:var(--txt-2); font:inherit; font-size:.8125rem; cursor:pointer; }
.lab-modes button[aria-pressed=true] { background:var(--lab-accent); color:#17200e; }
.lab-visual { display:grid; place-items:center; gap:1.2rem; }
.lab-ring { --completion:30%; position:relative; width:170px; height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:conic-gradient(var(--lab-accent) var(--completion),#2a3d48 0); isolation:isolate; }
.lab-ring::before { content:''; position:absolute; inset:9px; border-radius:50%; background:#10202a; z-index:-1; }
.lab-ring strong { font:600 2.4rem var(--mono); color:var(--txt); }
.lab-ring span { font:.75rem var(--mono); color:var(--muted); letter-spacing:.15em; }
.lab-bars { display:flex; gap:4px; width:100%; max-width:220px; }
.lab-bars i { flex:1; height:16px; background:#293e4a; border-radius:3px; }
.lab-bars i.filled { background:var(--lab-accent); }
.lab-results { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding-block-start:1.2rem; border-top:1px solid var(--line); }
.lab-results span { display:block; color:var(--muted); font-size:.8125rem; }
.lab-results b { display:block; font:600 clamp(.875rem,1.4vw,1.15rem)/1.8 var(--mono); overflow-wrap:anywhere; }
.lab-caption { grid-column:1/-1; color:var(--muted); font-size:.8125rem; line-height:1.7; margin:0; }
.service-pause { display:grid; grid-template-columns:auto 1fr; gap:1.75rem; padding:clamp(1.4rem,4vw,3rem); margin-block:2rem; border:1px solid var(--line-2); border-radius:20px; background:linear-gradient(125deg,#20303a,var(--bg-1)); }
.pause-orbit { width:74px; height:74px; display:grid; place-items:center; border:1px solid #ddb471; border-radius:50%; color:#edc786; font-size:2rem; }
.service-pause h2 { margin-block:.5rem 1rem; font-size:clamp(1.5rem,3vw,2.1rem); }
.service-pause p { max-width:78ch; color:var(--txt-2); line-height:1.85; }
.service-pause summary { cursor:pointer; color:var(--txt); padding-block:.8rem; }
.service-pause .btn { margin-block-start:1rem; }
.chartbox,canvas[data-line-chart] { background:#0c141b; border-radius:12px; }
.chart-expand { display:block; margin-block:0 .65rem; margin-inline-start:auto; font:inherit; font-size:.8125rem; color:var(--txt-2); border:1px solid var(--line-2); background:var(--bg-1); padding:.5rem .8rem; border-radius:8px; cursor:pointer; }
.chart-dialog { width:min(1400px,96vw); max-width:96vw; max-height:94vh; border:1px solid var(--line-2); background:var(--bg); color:var(--txt); border-radius:18px; padding:1.25rem; }
.chart-dialog::backdrop { background:#02090dde; backdrop-filter:blur(7px); }
.chart-dialog>.btn { display:block; margin-inline-start:auto; margin-block-end:1rem; }
.chart-dialog canvas { width:100%; }
.signal-search { display:flex; gap:.75rem; flex-wrap:wrap; align-items:end; margin-block:1.5rem; padding:1rem; border:1px solid var(--line); border-radius:12px; background:var(--bg-1); }
.signal-search label { flex:1 1 18rem; font-size:.875rem; }
.signal-search input { display:block; width:100%; margin-block-start:.4rem; padding:.7rem; background:var(--bg); color:var(--txt); border:1px solid var(--line-2); border-radius:7px; }
.signal-search output { color:var(--muted); font-size:.875rem; padding-block:.7rem; }
.signal-search p { flex-basis:100%; margin:0; }
[dir=rtl] .hero-grid h1,[dir=rtl] .lab-intro h2 { letter-spacing:0; line-height:1.3; }
[dir=rtl] .edition-label { letter-spacing:0; }
@media(max-width:950px) { .hero-grid,.allocation-lab { grid-template-columns:1fr; } .hero-grid h1 { max-width:17ch; } .lab-intro h2 { max-width:20ch; } .allocation-lab { padding-block:2.5rem; } }
@media(max-width:560px) { .lab-workspace { grid-template-columns:1fr; } .lab-results { grid-template-columns:1fr; } .lab-results>div { display:flex; justify-content:space-between; gap:1rem; } .service-pause { grid-template-columns:1fr; } .hero-research { padding:.8rem; } .hero-grid h1 { font-size:2.7rem; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }