/* Demaia design system
Lapis = simulated evidence. Saffron = real-world evidence. Ink = structure.
No green and no beige anywhere: meaning is carried by lapis/saffron/pomegranate. */
:root{
/* ink base · electric indigo accent · cool neutral greys. No green, no beige. */
--ink:#0F0E2E; --ink-2:#262463; --muted:#565A7C; --line:#DDE0EE; --line-2:#ECEEF6;
--mist:#F3F4FA; --paper:#FFFFFF;
--lapis:#3B3FF0; --lapis-deep:#2327B8; --lapis-soft:#E9EAFF;
--accent:#4F46FF; --accent-2:#22B8F0; --accent-soft:#EDEBFF;
--saffron:#F2A93B; --saffron-ink:#8A5300; --saffron-soft:#FFEBC9;
--pomegranate:#C8324B; --pomegranate-soft:#FCE8EC;
--g-50:#F7F8FC; --g-100:#ECEEF6; --g-200:#DDE0EE; --g-400:#9A9DB8; --g-600:#565A7C; --g-800:#2B2D48;
--s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;
--r-sm:6px; --r:10px; --r-lg:16px; --r-xl:22px; --r-pill:999px;
--display:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;
--body:"IBM Plex Sans Arabic","Readex Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
--shadow-1:0 1px 2px rgba(15,14,46,.06);
--shadow:0 1px 0 rgba(15,14,46,.04),0 8px 24px -12px rgba(15,14,46,.18);
--shadow-3:0 18px 40px -18px rgba(15,14,46,.35);
--ring:0 0 0 3px #fff,0 0 0 5px var(--accent);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mist);color:var(--ink);font:400 16px/1.65 var(--body);font-feature-settings:"tnum" 1}
a{color:var(--lapis)}
a:hover{color:var(--lapis-deep)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.top :focus-visible{outline-color:#FFC56B}
img,svg{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ---------- type scale (1.25) ---------- */
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.3;margin:0;letter-spacing:-.005em}
h1{font-size:clamp(26px,3.2vw,36px)}
h2{font-size:22px}
h3{font-size:17px}
h4{font-size:15px;font-weight:500}
p{margin:0 0 12px;max-width:72ch}
.lead{font-size:18px;color:var(--ink-2);max-width:62ch}
.muted{color:var(--muted)}
.small{font-size:14px}
.tiny{font-size:12.5px}
.num{font-family:var(--display);font-weight:500;font-variant-numeric:tabular-nums}
/* ---------- top bar ---------- */
.top{background:var(--ink);color:#fff}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.brand img{width:34px;height:34px}
.brand b{font:600 21px var(--display);letter-spacing:.01em}
.brand span{font-size:12px;color:#B9BBE8;display:block;line-height:1.2}
.top nav{display:flex;gap:4px;flex-wrap:wrap;margin-inline-start:auto;align-items:center}
.top nav a,.top nav button{color:#D9DBFF;text-decoration:none;background:none;border:0;font:500 15px var(--body);cursor:pointer;padding:8px 12px;border-radius:8px}
.top nav a:hover,.top nav button:hover{background:rgba(255,255,255,.08);color:#fff}
.top nav a.on{background:rgba(255,255,255,.12);color:#fff}
main{padding:28px 0 72px}
/* ---------- buttons & forms ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:var(--r);padding:10px 18px;font:600 15px var(--body);cursor:pointer;background:var(--lapis);color:#fff;text-decoration:none;min-height:44px}
.btn:hover{background:var(--lapis-deep);color:#fff}
.btn.ghost{background:transparent;color:var(--lapis);border-color:#C9CCFA}
.btn.ghost:hover{background:var(--lapis-soft);color:var(--lapis-deep)}
.btn.real{background:var(--saffron);color:var(--ink)}
.btn.real:hover{background:#E39720;color:var(--ink)}
.btn.quiet{background:var(--paper);color:var(--ink);border-color:var(--line)}
.btn.danger{background:transparent;color:var(--pomegranate);border-color:#F1C2CB}
.btn.sm{padding:6px 12px;min-height:34px;font-size:13.5px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
form.inline{display:inline}
label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
input[type=text],input[type=number],input[type=password],input[type=email],textarea,select{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--r);font:inherit;background:var(--paper);color:var(--ink)}
input:focus,textarea:focus,select:focus{border-color:var(--lapis);outline:none;box-shadow:0 0 0 3px var(--lapis-soft)}
textarea{min-height:96px;resize:vertical}
.field{margin-bottom:16px}
.hint{font-size:13px;color:var(--muted);margin-top:4px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.check input{margin-top:6px;width:18px;height:18px;accent-color:var(--lapis)}
/* choice cards (radio) */
.choices{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.choice{position:relative;display:block;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:16px;background:var(--paper);cursor:pointer;font-weight:400}
.choice input{position:absolute;opacity:0}
.choice b{display:block;font:600 16px var(--display);margin-bottom:4px}
.choice .q{display:block;color:var(--lapis-deep);font-size:14px;margin-bottom:6px}
.choice span{color:var(--muted);font-size:13.5px}
.choice:has(input:checked){border-color:var(--lapis);box-shadow:0 0 0 3px var(--lapis-soft)}
.choice:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
/* ---------- surfaces ---------- */
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-bottom:18px}
.panel > h2{margin-bottom:6px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.sheet{background:var(--paper);border-inline-start:4px solid var(--ink);border-radius:var(--r-sm);padding:20px 22px;margin-bottom:18px}
.note{border-radius:var(--r);padding:12px 14px;font-size:14.5px;margin-bottom:14px;border:1px solid}
.note.sim{background:var(--lapis-soft);border-color:#CBD0FF;color:var(--lapis-deep)}
.note.real{background:var(--saffron-soft);border-color:#F5D7A3;color:var(--saffron-ink)}
.note.bad{background:var(--pomegranate-soft);border-color:#F1C2CB;color:#8E1D33}
.note.plain{background:var(--mist);border-color:var(--line);color:var(--ink-2)}
.divider{height:1px;background:var(--line);margin:18px 0}
/* chips */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--mist);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
.chip.sim{background:var(--lapis-soft);color:var(--lapis-deep);border-color:#D3D7FF}
.chip.real{background:var(--saffron-soft);color:var(--saffron-ink);border-color:#F5D7A3}
.chip.bad{background:var(--pomegranate-soft);color:#8E1D33;border-color:#F1C2CB}
.chip.ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
/* ---------- studio layout: journey rail + work area ---------- */
.studio{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.studio > *,.wizard > *,.hero > *{min-width:0}
.rail{position:sticky;top:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}
.rail ol{list-style:none;margin:0;padding:0;counter-reset:st}
.rail li{counter-increment:st;position:relative;padding:10px 40px 10px 10px;border-radius:var(--r);font-size:14.5px;color:var(--muted)}
[dir=ltr] .rail li{padding:10px 10px 10px 40px}
.rail li::before{content:counter(st);position:absolute;inset-inline-start:8px;top:9px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 12.5px var(--display);background:var(--mist);color:var(--muted);border:1px solid var(--line)}
.rail li a{color:inherit;text-decoration:none;display:block}
.rail li.done{color:var(--ink-2)}
.rail li.done::before{background:var(--lapis-soft);color:var(--lapis-deep);border-color:#D3D7FF;content:"✓"}
.rail li.now{background:var(--ink);color:#fff}
.rail li.now::before{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}
.rail .gate{display:block;font-size:12px;color:var(--saffron-ink);margin-top:2px}
.rail li.now .gate{color:var(--saffron)}
.rail-foot{border-top:1px solid var(--line);margin-top:10px;padding-top:12px;display:grid;gap:8px}
.studio-head{margin-bottom:18px}
.studio-head .row{margin-top:10px}
.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:0}
.tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);font-weight:600;font-size:14.5px;border-bottom:3px solid transparent;white-space:nowrap}
.tabs a.on,.tabs a:hover{color:var(--ink);border-bottom-color:var(--lapis)}
/* running state */
.progress{display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:14px 18px;margin-bottom:18px}
.progress .rain{display:flex;gap:4px;align-items:flex-end;height:24px}
.progress .rain i{width:5px;border-radius:3px;background:var(--lapis);animation:rain 1.2s ease-in-out infinite}
.progress .rain i:nth-child(1){height:30%}.progress .rain i:nth-child(2){height:50%;animation-delay:.1s}
.progress .rain i:nth-child(3){height:70%;animation-delay:.2s}.progress .rain i:nth-child(4){height:85%;animation-delay:.3s}
.progress .rain i:nth-child(5){height:100%;background:var(--saffron);animation-delay:.4s}
@keyframes rain{0%,100%{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.progress .rain i{animation:none}}
/* ---------- data display ---------- */
.table-wrap{overflow-x:auto;margin:0 -4px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:12px 8px;border-bottom:1px solid var(--line-2);text-align:start;vertical-align:top}
th{font-size:12.5px;color:var(--muted);font-weight:600;white-space:nowrap}
tr.pick td{background:#FAFAFF}
td.rank{font:600 18px var(--display);color:var(--lapis-deep);width:36px}
.vh{font-weight:600;font-family:var(--display)}
.track{width:100%;min-width:140px;height:22px;display:block}
.likert{display:flex;height:8px;border-radius:4px;overflow:hidden;min-width:120px;margin-top:6px;gap:1px;background:var(--line-2)}
.likert i:nth-child(1){background:#C9CCEB}.likert i:nth-child(2){background:#A4AAF3}.likert i:nth-child(3){background:#7C86FF}
.likert i:nth-child(4){background:#4D59F0}.likert i:nth-child(5){background:var(--lapis-deep)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:8px 0}
.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-end:6px;vertical-align:-1px}
.chart{width:100%;height:auto;display:block;max-width:620px}
.chart.wide{max-width:none}
.chart .tick{font:12px var(--body);fill:var(--muted)}
.chart .tick.strong{fill:var(--ink);font-weight:600}
.bars{display:grid;gap:8px}
.bar-row{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 48px;gap:10px;align-items:center;font-size:14px}
.bar-row .b{height:10px;border-radius:5px;background:var(--line-2);overflow:hidden}
.bar-row .b i{display:block;height:100%;background:var(--pomegranate);border-radius:5px}
.bar-row .b.w i{background:var(--ink-2)}
.heat td{text-align:center;font:500 13.5px var(--display);border:2px solid var(--paper);border-radius:6px;padding:10px 6px}
.heat td.lbl{text-align:start;font:500 14px var(--body);background:none}
.heat td.thin{background-image:repeating-linear-gradient(45deg,transparent 0 4px,rgba(21,19,61,.08) 4px 6px)}
.quote{margin:0 0 10px;padding:10px 14px;border-inline-start:3px solid var(--lapis);background:var(--mist);border-radius:0 var(--r) var(--r) 0;font-size:14.5px}
[dir=rtl] .quote{border-radius:var(--r) 0 0 var(--r)}
.quote.against{border-color:var(--pomegranate)}
.findings{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.finding{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;background:var(--paper)}
.finding .k{font-size:13px;color:var(--muted);margin-bottom:4px}
.finding .v{font:600 18px/1.4 var(--display)}
.finding.win{background:var(--ink);color:#fff;border-color:var(--ink)}
.finding.win .k{color:#B9BBE8}
.funnel{display:grid;gap:6px}
.fn-row{display:grid;grid-template-columns:110px 1fr 70px 56px;gap:10px;align-items:center;font-size:13.5px}
.fn-bar{height:14px;background:var(--line-2);border-radius:4px;overflow:hidden}
.fn-bar i{display:block;height:100%;background:var(--saffron);border-radius:4px}
.fn-n{font-family:var(--display);text-align:end}.fn-rate{color:var(--muted);font-size:12.5px}
/* v3 decision word (launch/adjust/kill). Scoped to its modifiers so the bare .verdict can be the v8 card below. */
.verdict.launch,.verdict.adjust,.verdict.kill{display:block;font:700 40px/1.1 var(--display);background:none;border:0;box-shadow:none;padding:0;margin:0;border-radius:0}
.verdict.launch{color:var(--lapis)}.verdict.adjust{color:var(--saffron-ink)}.verdict.kill{color:var(--pomegranate)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}
.kpi .v{font:600 28px var(--display)}
.kpi .l{font-size:13px;color:var(--muted)}
.weights{display:grid;gap:14px}
.wdim h4{margin-bottom:6px}
.wbar{display:flex;height:26px;border-radius:6px;overflow:hidden;gap:2px}
.wbar span{background:var(--lapis-soft);color:var(--lapis-deep);font-size:12px;display:flex;align-items:center;justify-content:center;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wbar span:nth-child(2n){background:#D6DAFF}
.basis{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.basis li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}
code.link{direction:ltr;unicode-bidi:embed;font-size:12.5px;word-break:break-all;background:var(--mist);padding:2px 6px;border-radius:6px}
details > summary{cursor:pointer;color:var(--lapis);font-weight:600;list-style:none}
details > summary::-webkit-details-marker{display:none}
details > summary::before{content:"+ "}
details[open] > summary::before{content:"− "}
.variant-edit{margin-top:10px;padding:14px;background:var(--mist);border-radius:var(--r)}
/* ---------- home ---------- */
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin-bottom:28px}
.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.2;margin-bottom:12px}
.hero-art{background:var(--ink);border-radius:24px;padding:22px;color:#fff}
.hero-art .cap{font-size:13px;color:#B9BBE8;margin-top:10px}
.studio-list{display:grid;gap:10px}
.studio-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 18px;text-decoration:none;color:var(--ink)}
.studio-item:hover{border-color:#C9CCFA}
.studio-item .t{font:600 17px var(--display)}
.empty{border:1.5px dashed #C9CCFA;border-radius:var(--r-lg);padding:28px;text-align:center;background:var(--paper)}
/* ---------- wizard ---------- */
.wizard{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}
.wsteps{list-style:none;margin:0;padding:0;position:sticky;top:16px}
.wsteps li{padding:10px 12px;border-radius:var(--r);color:var(--muted);font-weight:600;font-size:14.5px;cursor:pointer}
.wsteps li.on{background:var(--ink);color:#fff}
.wsteps li.done{color:var(--lapis-deep)}
.wpane{display:none}
.wpane.on{display:block}
.wnav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.econ{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:16px 18px}
.econ .v{font:600 26px var(--display);color:var(--saffron)}
/* ---------- method / report ---------- */
.prose{max-width:760px}
.prose h2{margin:32px 0 10px}
.prose h3{margin:20px 0 8px}
.prose ol,.prose ul{padding-inline-start:22px}
.prose li{margin-bottom:6px}
.formula{direction:ltr;text-align:center;font:500 17px var(--display);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:12px 0}
.report{background:var(--paper);max-width:900px;margin:0 auto;padding:40px 44px;border-radius:var(--r-lg);border:1px solid var(--line)}
.report header{border-bottom:3px solid var(--ink);padding-bottom:18px;margin-bottom:24px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.report section{margin-bottom:26px;break-inside:avoid}
.report h2{font-size:19px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
/* ---------- v6: calibrated assumption engine ---------- */
.prov{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);vertical-align:1px;white-space:nowrap}
.prov-simulated{background:var(--lapis-soft);color:var(--lapis-deep);border-color:#D3D7FF}
.prov-human,.prov-field{background:var(--saffron-soft);color:var(--saffron-ink);border-color:#F5D7A3}
.prov-field{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}
.prov-published{background:var(--ink);color:#fff;border-color:var(--ink)}
.prov-voices{background:#FFF7EA;color:var(--saffron-ink);border-color:#F5D7A3;border-style:dashed}
.prov-founder{background:var(--mist);color:var(--ink-2)}
.tier{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--mist);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
.tier-society{background:var(--lapis-soft);color:var(--lapis-deep);border-color:#D3D7FF}
.tier-human,.tier-field{background:var(--saffron-soft);color:var(--saffron-ink);border-color:#F5D7A3}
.tier-facts{background:var(--ink);color:#fff;border-color:var(--ink)}
.ready-strip{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:14px 16px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff}
.ready-score{direction:ltr;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:4px;line-height:1}
.ready-score b{font:700 44px/1 var(--display);color:var(--saffron)}
.ready-score span{opacity:.7;font-size:14px}
.ready-score small{grid-column:1/-1;font-size:12px;opacity:.85;margin-top:6px}
.ready-score.big b{font-size:64px;color:var(--lapis)}
.ready-score.big{color:var(--ink)}
.ready-facts{display:flex;gap:22px;flex-wrap:wrap}
.ready-facts>div{display:grid;gap:2px;min-width:110px}
.ready-strip .ready-facts .muted{color:#C9CBF2}
.ready-facts b{font:600 18px var(--display)}
.ready-facts.wide{padding:12px 0}
.ready-pill{display:inline-block;min-width:34px;text-align:center;font:700 14px var(--display);padding:2px 8px;border-radius:999px;background:var(--ink);color:var(--saffron)}
.ready-link b{color:var(--saffron)}
.toc{margin:6px 0 0;padding-inline-start:18px;display:grid;gap:4px;font-size:14px}
.next-tests{margin:8px 0 0;padding-inline-start:20px;display:grid;gap:10px}
.next-tests li::marker{color:var(--lapis);font-weight:700}
table.amap td{vertical-align:top}
table.amap tr.row-refuted td{background:var(--pomegranate-soft)}
table.amap tr.row-supported td:first-child{box-shadow:inset 3px 0 0 var(--lapis)}
[dir=rtl] table.amap tr.row-supported td:first-child{box-shadow:inset -3px 0 0 var(--lapis)}
.st{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}
.st-supported{background:var(--lapis);color:#fff}
.st-refuted{background:var(--pomegranate);color:#fff}
.st-inconclusive{background:var(--saffron-soft);color:var(--saffron-ink)}
.st-open{background:var(--mist);color:var(--muted);border:1px dashed var(--line)}
.ev{margin-top:4px;line-height:1.5}
.lens{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.lens q{display:block;color:var(--ink-2);font-style:italic}
.seal-box{margin-top:12px;padding:12px 14px;border:1px dashed var(--lapis);border-radius:var(--r);background:var(--lapis-soft)}
.seal-ic{color:var(--lapis);font-weight:700}
.seals{display:flex;gap:16px;flex-wrap:wrap}
.seal{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:var(--r);background:var(--mist);border:1px solid var(--line)}
.seal code{font-size:12.5px;color:var(--lapis-deep)}
.grade-good{background:var(--lapis);color:#fff;border-color:var(--lapis)}
.grade-fair{background:var(--lapis-soft);color:var(--lapis-deep)}
.grade-weak{background:var(--pomegranate-soft);color:#8E1D33}
.grade-uncalibrated{background:var(--mist);color:var(--muted);border-style:dashed}
.scale-ends{display:flex;justify-content:space-between;margin-top:4px}
.rd-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.rd-list li{padding:10px 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.rd-list li.row-refuted{border-color:#F1C2CB;background:var(--pomegranate-soft)}
.readiness footer{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}
table.cohort td{vertical-align:top}
@media (max-width:560px){.ready-score b{font-size:36px}.ready-facts{gap:14px}.ready-facts>div{min-width:90px}}
/* ---------- Demaia's brain ---------- */
.top nav a.nav-brain{color:var(--saffron)}
.brain{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.br-main{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:calc(100vh - 140px)}
.br-head{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff;border-radius:var(--r-lg) var(--r-lg) 0 0}
.br-head h1{font-size:24px;color:#fff}
.br-head .muted{color:#C9CBF2}
.br-head .btn{margin-inline-start:auto}
.br-mark{display:flex;gap:3px;align-items:flex-end;height:30px}
.br-mark i{display:block;width:5px;border-radius:3px;background:var(--lapis);animation:br-pulse 2.4s ease-in-out infinite}
.br-mark i:nth-child(1){height:10px}.br-mark i:nth-child(2){height:18px;animation-delay:.2s}.br-mark i:nth-child(3){height:26px;animation-delay:.4s;background:var(--saffron)}
.br-mark i:nth-child(4){height:18px;animation-delay:.6s}.br-mark i:nth-child(5){height:12px;animation-delay:.8s}
@keyframes br-pulse{50%{transform:scaleY(.55)}}
.br-log{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(100vh - 300px)}
.br-empty p{max-width:640px;color:var(--ink-2)}
.br-starters,.br-follow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.br-starter{font:500 13.5px var(--body);padding:8px 12px;border-radius:999px;border:1px solid #D3D7FF;background:var(--lapis-soft);color:var(--lapis-deep);cursor:pointer;text-align:start}
.br-starter:hover{background:var(--lapis);color:#fff;border-color:var(--lapis)}
.br-msg{display:flex}
.br-msg.me{justify-content:flex-end}
.br-msg .br-bubble{max-width:min(760px,92%);padding:12px 16px;border-radius:16px;line-height:1.75}
.br-msg.me .br-bubble{background:var(--ink);color:#fff;border-end-end-radius:4px;white-space:pre-wrap}
.br-msg.it .br-bubble{background:var(--mist);border:1px solid var(--line);border-end-start-radius:4px}
.br-answer p{margin:0 0 8px}.br-answer ul{margin:4px 0 8px;padding-inline-start:20px}.br-answer li{margin:3px 0}
.cite{display:inline-block;font:600 11px var(--body);padding:0 6px;margin:0 2px;border-radius:5px;text-decoration:none;vertical-align:1px;background:var(--paper);border:1px solid var(--line);color:var(--ink-2)}
.cite-fact{background:var(--ink);color:#fff;border-color:var(--ink)}
.cite-voice{background:var(--saffron-soft);color:var(--saffron-ink);border-color:#F5D7A3}
.cite-principle{background:var(--lapis-soft);color:var(--lapis-deep);border-color:#D3D7FF}
.cite-studio{background:var(--lapis);color:#fff;border-color:var(--lapis)}
.cite-ledger{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}
.cite-atlas{background:var(--ink-2);color:var(--saffron);border-color:var(--ink-2)}
.cite-general{background:var(--paper);color:var(--muted);border-style:dashed}
.br-meta{display:flex;gap:6px;margin-top:6px}
.conf-high{background:var(--lapis);color:#fff;border-color:var(--lapis)}
.conf-low{background:var(--pomegranate-soft);color:#8E1D33}
.br-gaps{margin-top:10px;padding:8px 12px;border-radius:var(--r);background:var(--paper);border:1px dashed var(--line)}
.br-gaps ul{margin:4px 0 0;padding-inline-start:18px}
.br-next{margin-top:8px;padding:8px 12px;border-radius:var(--r);background:var(--saffron-soft);color:var(--saffron-ink)}
.br-srcs{display:grid;gap:6px;margin-top:12px}
.br-src{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.br-src:target{outline:2px solid var(--saffron)}
.br-src q{color:var(--ink-2)}
.br-tag{flex:none;font:700 11px var(--body);padding:2px 7px;border-radius:6px;background:var(--ink);color:var(--saffron);direction:ltr}
.br-composer{padding:14px 20px 16px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--paper);border-radius:0 0 var(--r-lg) var(--r-lg)}
.br-ctx{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.br-ctx select{max-width:340px;padding:6px 10px;font-size:13.5px}
.br-input{display:flex;gap:10px;align-items:flex-end}
.br-input textarea{flex:1;resize:vertical;min-height:52px;max-height:240px}
.br-dots{display:inline-flex;gap:4px}.br-dots i{width:7px;height:7px;border-radius:50%;background:var(--lapis);animation:br-pulse 1s infinite}
.br-dots i:nth-child(2){animation-delay:.15s}.br-dots i:nth-child(3){animation-delay:.3s;background:var(--saffron)}
.br-side{display:grid;gap:14px;position:sticky;top:16px}
.br-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.br-card h3{margin-bottom:8px}
.br-mem{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.br-mem li{display:flex;gap:8px;align-items:center}
.br-threads{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.br-threads li{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px}
.br-threads li.on{background:var(--lapis-soft)}
.br-threads a{color:var(--ink);text-decoration:none;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.brain{grid-template-columns:1fr}.br-side{position:static}.br-log{max-height:none}.br-main{min-height:0}}
@media (max-width:560px){.br-head{padding:14px}.br-log{padding:14px}.br-composer{padding:12px 14px}.br-msg .br-bubble{max-width:100%}.br-input{flex-direction:column;align-items:stretch}}
@media (prefers-reduced-motion:reduce){.br-mark i,.br-dots i{animation:none}}
.atlas-corpora{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
.atlas-corpus{padding:10px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper);min-width:200px}
.atlas-corpus b{display:block;font:700 22px var(--display)}
.atlas-corpus.research{border-style:dashed;background:var(--mist)}
.atlas-bar{height:8px;border-radius:4px;background:var(--lapis-soft);overflow:hidden}
.atlas-bar i{display:block;height:100%;background:var(--pomegranate)}
.tx-axes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:12px 0}
.tx-axis{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.tx-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tx-lab{font-size:12.5px;padding:2px 8px;border-radius:999px;background:var(--mist);border:1px dashed var(--line);color:var(--ink-2)}
.tx-lab.on{background:var(--lapis-soft);color:var(--lapis-deep);border:1px solid #D3D7FF}
.tx-lab.off{opacity:.55}
.tx-lab small{font-weight:700;margin-inline-start:3px}
.sc-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.sc-list li{padding:10px 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--paper)}
.sc-list li.sc-accepted{border-inline-start:3px solid var(--lapis)}
.sc-list li.sc-rejected{opacity:.75;border-inline-start:3px solid var(--pomegranate)}
.sc-list li.sc-pending{border-inline-start:3px solid var(--saffron)}
.sc-list li.so-done,.sc-list li.so-importing,.sc-list li.so-approved{border-inline-start:3px solid var(--lapis)}
.sc-list li.so-review{border-inline-start:3px solid var(--saffron)}
.sc-list li.so-refused,.sc-list li.so-skipped,.sc-list li.so-error{opacity:.75;border-inline-start:3px solid var(--pomegranate)}
.sc-list q{display:block;margin-top:4px;color:var(--ink-2)}
.gd-text{font-size:18px;line-height:1.8}
.gd-axes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.gd-axis{border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.gd-axis legend{font-weight:600;font-size:13.5px;padding:0 4px}
.gd-chip input{position:absolute;opacity:0;pointer-events:none}
.gd-chip span{display:inline-block;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper);cursor:pointer}
.gd-chip input:checked+span{background:var(--lapis);color:#fff;border-color:var(--lapis)}
.gd-chip input:focus-visible+span{outline:3px solid var(--saffron)}
@media print{
*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.top,.no-print,.rail{display:none!important}
.panel,.finding,.target,figure,.verdict-box{break-inside:avoid}
body{background:#fff}
main{padding:0}
.report{border:0;padding:0;max-width:none}
a{color:inherit;text-decoration:none}
}
/* ---------- landing ---------- */
.lp{min-height:100vh;background:var(--paper)}
.lp .hero-lp{max-width:600px;margin:0 auto;padding:56px 16px 40px}
.lp h1{font-size:clamp(28px,6vw,40px);line-height:1.25;margin:14px 0}
.lp .price{font:600 24px var(--display);color:var(--lapis)}
.lp .soon{display:inline-block;background:var(--ink);color:#fff;border-radius:999px;padding:4px 14px;font-size:13px}
.lp .disclosure{font-size:13px;color:var(--muted);margin-top:16px}
@media (max-width:900px){
.studio,.wizard,.hero{grid-template-columns:1fr}
.rail,.wsteps{position:static}
.rail ol{display:flex;gap:4px;overflow-x:auto}
.rail li{flex:0 0 auto;padding:8px 12px 8px 36px;white-space:nowrap}
[dir=rtl] .rail li{padding:8px 36px 8px 12px}
.rail .gate{display:none}
.wsteps{display:flex;overflow-x:auto;gap:4px}
.wsteps li{white-space:nowrap}
.top nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.top nav::-webkit-scrollbar,.rail ol::-webkit-scrollbar{display:none}
.top nav a,.top nav button{white-space:nowrap}
.rail ol{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.rail li{scroll-snap-align:start}
.studio>*{min-width:0}
}
h2[tabindex="-1"]:focus,h3[tabindex="-1"]:focus{outline:none}
@media (max-width:700px){
.top .wrap{gap:6px;padding-bottom:6px}
.top nav{flex-wrap:nowrap;overflow-x:auto;width:100%;margin-inline-start:0;scrollbar-width:none}
.top nav a,.top nav button{white-space:nowrap;padding:6px 10px;font-size:14px}
.rail{padding:10px}
.rail-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px}
.rail-foot .btn{flex:1 1 auto}
}
@media (max-width:560px){
.panel{padding:16px}
.report{padding:22px 18px}
.bar-row{grid-template-columns:1fr 1fr 40px}
.fn-row{grid-template-columns:80px 1fr 56px}
.fn-rate{display:none}
.verdict.launch,.verdict.adjust,.verdict.kill{font-size:32px}
}
/* ---------- guided intake ---------- */
.intake{max-width:860px;margin:0 auto}
.intake h1{margin-bottom:8px}
.istep{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px;counter-reset:is}
.istep li{counter-increment:is;flex:1;font-size:13.5px;font-weight:600;color:var(--muted);padding-top:8px;border-top:3px solid var(--line)}
.istep li::before{content:counter(is) ". "}
.istep li.done{color:var(--lapis-deep);border-color:var(--lapis)}
.istep li.on{color:var(--ink);border-color:var(--saffron)}
.lbl{font-weight:600;font-size:14px;margin-bottom:6px;padding:0}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{margin:0;font-weight:500;cursor:pointer}
.seg input{position:absolute;opacity:0}
.seg span{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 14px;font-size:14.5px}
.seg input:checked + span{border-color:var(--lapis);background:var(--lapis-soft);color:var(--lapis-deep)}
.seg input:focus-visible + span{outline:3px solid var(--accent);outline-offset:2px}
.qblock{border:0;border-top:1px solid var(--line-2);padding:14px 0 6px;margin:0}
.qblock legend{display:flex;flex-direction:column;gap:2px;padding:0;margin-bottom:10px;float:inline-start;width:100%}
.qblock legend + *{clear:both}
.guess{font-style:normal;color:var(--saffron-ink)}
ul.ticks{list-style:none;padding:0;margin:0;display:grid;gap:6px}
ul.ticks li{padding-inline-start:22px;position:relative;font-size:14.5px}
ul.ticks li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--lapis);font-weight:700}
ul.ticks.out li::before{content:"✕";color:var(--pomegranate)}
ol.assume{list-style:none;padding:0;margin:0;display:grid;gap:10px}
ol.assume li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:14.5px}
.score{display:grid;gap:12px}
.score-row{display:grid;grid-template-columns:130px 110px 1fr;gap:12px;align-items:center}
.score-row .sk{font-weight:600;font-size:14.5px}
.dots{display:flex;gap:4px}
.dots i{width:16px;height:16px;border-radius:50%;background:var(--line);display:inline-block}
.dots i.on{background:var(--lapis)}
.wait{position:fixed;inset:0;background:rgba(21,19,61,.55);display:grid;place-items:center;z-index:50;padding:16px}
.wait[hidden]{display:none}
.wait-box{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:22px 26px;display:grid;gap:8px;justify-items:center;text-align:center;max-width:380px}
.wait-box .rain{display:flex;gap:4px;align-items:flex-end;height:28px}
.wait-box .rain i{width:6px;border-radius:3px;background:var(--lapis);animation:rain 1.2s ease-in-out infinite}
.wait-box .rain i:nth-child(1){height:30%}.wait-box .rain i:nth-child(2){height:50%;animation-delay:.1s}
.wait-box .rain i:nth-child(3){height:70%;animation-delay:.2s}.wait-box .rain i:nth-child(4){height:85%;animation-delay:.3s}
.wait-box .rain i:nth-child(5){height:100%;background:var(--saffron);animation-delay:.4s}
@media (prefers-reduced-motion:reduce){.wait-box .rain i{animation:none}}
@media (max-width:620px){.score-row{grid-template-columns:1fr auto}.score-row .small{grid-column:1/-1}}
/* ---------- survey & field ---------- */
.survey .sq{border:0;padding:0;margin:0 0 22px;min-width:0}
.survey .sq legend{padding:0;margin-bottom:10px;font-weight:600}
.survey legend{font-weight:600;margin-bottom:10px;padding:0}
.seg.col{flex-direction:column;align-items:stretch}
.seg.col span{border-radius:var(--r);width:100%}
.offer-card{background:var(--mist);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;margin:16px 0}
.verdict-box{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.gauge{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lapis) calc(var(--v)*1%),var(--line-2) 0);position:relative}
.gauge::after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--paper)}
.gauge b{position:relative;z-index:1;font:700 34px var(--display)}
.gauge span{position:absolute;bottom:30px;z-index:1;font-size:11px;color:var(--muted)}
.parts{display:grid;gap:8px;margin-top:6px}
.parts .bar-row .b i{background:var(--lapis)}
.vlabel{font:700 24px var(--display)}
.vlabel.field{color:var(--lapis)}.vlabel.rework{color:var(--saffron-ink)}.vlabel.stop{color:var(--pomegranate)}.vlabel.check_panel{color:var(--pomegranate)}
.target-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.target{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.target h4{margin-bottom:6px}
.target ul{margin:0;padding-inline-start:18px;font-size:14px}
.toolkit{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.tool{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;background:var(--paper)}
.tool h3{margin-bottom:4px}
.links td{vertical-align:middle}
.qr-thumb{width:84px;height:84px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px}
.health{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:560px){.verdict-box{grid-template-columns:1fr;justify-items:start}}
/* ---------------- v4 knowledge layer */
.kb-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}
.kb-grid > *{min-width:0}
.kb-card{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--paper)}
.kb-card h3{font-size:16px;margin:0 0 4px}
.kb-card h4{font-size:14px;margin:6px 0}
.real-voices{margin-top:14px;border-color:#F6D7A6;background:linear-gradient(180deg,var(--saffron-soft),var(--paper) 120px)}
.facts{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;max-height:340px;overflow:auto}
.facts li{display:flex;flex-direction:column;gap:2px;font-size:13.5px;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.facts li a{color:var(--saffron-ink);text-decoration:none}
.trait-row{margin:8px 0}
.wbar.thin{height:20px}
.wbar.thin span{font-size:11px}
.jobs{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px}
.bad-t{color:var(--pomegranate)}
.quote.real-q{border-color:var(--saffron);background:var(--saffron-soft)}
.quote cite{display:block;font-style:normal;margin-top:4px}
.kb-hero{padding:8px 0 18px}
.kb-layers{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:18px}
.layer{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:var(--r-lg);background:var(--ink);color:#fff;text-decoration:none}
.layer b{font:600 30px var(--display);color:#B9BEFF}
.layer.real b{color:var(--saffron)}
.layer span{color:#D9DBF5;font-size:14px}
.layer:hover{color:#fff;background:var(--ink-2)}
.principles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:12px}
.principle{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;border-top:3px solid var(--lapis)}
.principle h3{font-size:15.5px;margin:0}
.principle .cite{margin:6px 0 0;font-style:italic}
.rules{display:grid;gap:6px;padding-inline-start:20px}
details.topic{border-top:1px solid var(--line);padding:10px 0}
details.topic summary{cursor:pointer}
table.traits td{vertical-align:top}
.voices{display:grid;gap:8px}
.note-l{background:var(--saffron-soft);color:var(--saffron-ink);border-radius:var(--r-sm);padding:6px 8px;margin:6px 0}
/* ---------------- v5 */
.eyebrow{display:inline-block;font:600 12.5px var(--display);letter-spacing:.04em;color:var(--saffron-ink);background:var(--saffron-soft);border-radius:999px;padding:4px 12px;margin-bottom:10px}
.proof{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;color:var(--muted);font-size:14px}
.proof b{font:600 20px var(--display);color:var(--ink);margin-inline-end:4px}
.home-block{margin-top:30px}
.home-block h2{margin-bottom:4px}
.uc-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:14px}
.uc-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.uc-card:hover{border-color:var(--lapis);transform:translateY(-2px);color:var(--ink)}
.uc-card span{font-size:13.5px;color:var(--muted)}
.uc-ic{width:26px;height:26px;color:var(--lapis);flex:none}
.uc-chip .uc-ic{width:15px;height:15px;margin-inline-end:4px;vertical-align:-3px}
.services{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}
.service{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-lg);background:var(--ink);color:#fff}
.service span{color:#D3D5F2;font-size:13.5px}
.service .sv-n{font:600 13px var(--display);color:var(--saffron);margin-bottom:2px}
.studio-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.studio-card{display:block;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);color:var(--ink);text-decoration:none}
.studio-card:hover{border-color:var(--lapis);color:var(--ink)}
.studio-card .t{font:600 17px var(--display);margin-top:6px}
.sc-top{display:flex;align-items:center;gap:8px}
.sc-top .uc-ic{width:20px;height:20px}
.sc-score{display:flex;align-items:center;gap:8px;margin-top:10px}
.meter{flex:1;height:8px;border-radius:99px;background:var(--lapis-soft);overflow:hidden}
.meter i{display:block;height:100%;background:var(--lapis);border-radius:99px}
.uc-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.uc{position:relative;cursor:pointer}
.uc input{position:absolute;opacity:0;inset:0}
.uc-in{display:flex;flex-direction:column;gap:3px;height:100%;padding:12px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--paper)}
.uc-in small{color:var(--muted);font-size:12.5px;line-height:1.5}
.uc input:checked + .uc-in{border-color:var(--lapis);box-shadow:0 0 0 3px var(--lapis-soft)}
.uc input:focus-visible + .uc-in{outline:3px solid var(--accent);outline-offset:2px}
.uc-in .uc-ic{width:20px;height:20px}
.watch{border-inline-start:4px solid var(--saffron)}
.fg-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:12px}
.fg-form .field{margin:0}
details.fq{border-top:1px solid var(--line);padding:12px 0}
details.fq summary{cursor:pointer}
.fq-head{font:600 16px var(--display);margin:10px 0}
.opps{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:8px}
.opp{border:1px solid var(--line);border-top:3px solid var(--saffron);border-radius:var(--r);padding:12px 14px}
.opp h4{margin:0 0 6px;font-size:15px}
.pick-grid{display:grid;gap:6px 14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.usage{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding:10px;border-radius:var(--r);background:var(--mist);color:var(--muted)}
.usage b{color:var(--ink)}
table.cmp td{vertical-align:top}
.tr-metrics{display:flex;gap:16px;margin:10px 0}.tr-metrics div{display:flex;flex-direction:column}.tr-metrics b{font:600 22px var(--display);color:var(--lapis)}
/* pricing */
.pr-comps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.pr-comps li{padding:8px 10px;border-radius:var(--r);border:1px solid var(--line);border-inline-start:3px solid var(--lapis)}
.pr-comps li.no{border-inline-start-color:var(--saffron);opacity:.85}
.chip.pr-market{background:color-mix(in srgb,var(--lapis) 12%,transparent);color:var(--lapis)}
.chip.pr-assumption{background:color-mix(in srgb,var(--saffron) 18%,transparent);color:var(--ink)}
/* decision report */
.dr-verdict{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:var(--paper)}
.dr-head{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.dr-badge{display:inline-block;padding:6px 12px;border-radius:999px;font-weight:700;font-size:15px;color:#fff}
.dr-badge.dr-test{background:var(--lapis)}.dr-badge.dr-rework{background:var(--saffron);color:var(--ink)}.dr-badge.dr-stop{background:var(--pomegranate)}
.dr-line{font-size:17px;font-weight:600;margin:2px 0;flex:1;min-width:240px}
.dr-test{margin-top:12px;padding:12px 14px;border-radius:var(--r);border-inline-start:3px solid var(--lapis);background:color-mix(in srgb,var(--lapis) 6%,transparent)}
.dr-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 14px}
.dr-test-grid span{display:block}
.dr-econ td:last-child{text-align:end;white-space:nowrap}.dr-econ tr.sub td{color:var(--ink-2)}
.dr-comp td{vertical-align:top}
.report .kpis .kpi .v{font-size:clamp(18px,2.4vw,26px);overflow-wrap:anywhere}
/* =====================================================================
v8 — one test, one page, one verdict.
Additive. Contract names (REDESIGN.md): .verdict*, .pill-*, .prov-*, .timeline/.tl-step,
.tcard, .hero/.steps3/.proof, .deeper, .sect, .btn-primary-lg.
Lapis = simulated, saffron = real world, pomegranate = refuted/barrier, ink = structure.
Logical properties only; tabular numbers; phone first (390px) up to 1180px.
===================================================================== */
:root{--ink-soft:#B9BBE8;--lapis-line:#D3D7FF;--saffron-line:#F5D7A3;--pom-line:#F1C2CB;--pom-ink:#8E1D33;--r-xl:22px}
@keyframes v8-pulse{0%,100%{opacity:1}50%{opacity:.4}}
/* ---------- top bar: tagline under the brand ---------- */
.brand .tag{font-size:12px;color:var(--ink-soft);display:block;line-height:1.25;white-space:nowrap}
.top nav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}
@media (max-width:480px){.top nav{flex-wrap:wrap;overflow:visible;row-gap:2px}.top nav a,.top nav button{padding:6px 8px;font-size:13.5px}}
@media (max-width:420px){.brand .tag{font-size:11px;white-space:normal;max-width:24ch}}
/* ---------- the single big action ---------- */
.btn-primary-lg{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:440px;min-height:58px;padding:14px 28px;border:1.5px solid var(--ink);border-radius:14px;background:var(--ink);color:#fff;font:600 18px/1.2 var(--display);cursor:pointer;text-decoration:none;box-shadow:var(--shadow);transition:background .15s,transform .15s}
.btn-primary-lg:hover{background:var(--ink-2);color:#fff}
.btn-primary-lg:active{transform:translateY(1px)}
.btn-primary-lg[disabled]{opacity:.5;cursor:not-allowed}
.btn-primary-lg.real{background:var(--saffron);border-color:var(--saffron);color:var(--ink)}
.btn-primary-lg.real:hover{background:#E39720;color:var(--ink)}
.btn-primary-lg + .hint{margin-top:10px}
/* ---------- pills: the decision, and the state ---------- */
.pill{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--display);padding:7px 12px;border-radius:999px;border:1.5px solid transparent;white-space:nowrap;vertical-align:middle;font-variant-numeric:tabular-nums}
.pill.sm{font-size:12px;padding:5px 10px}
.pill-test{background:var(--lapis);color:#fff;border-color:var(--lapis)}
.pill-rework{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}
.pill-stop{background:var(--pomegranate);color:#fff;border-color:var(--pomegranate)}
.pill-tie{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.pill-running{background:var(--paper);color:var(--saffron-ink);border-color:var(--saffron-line)}
.pill-running::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--saffron);animation:v8-pulse 1.2s ease-in-out infinite}
.pill-draft{background:var(--mist);color:var(--muted);border-color:var(--line);border-style:dashed}
.pill-stage{background:var(--paper);color:var(--ink-2);border-color:var(--line);font-family:var(--body);font-weight:600}
.pill-error{background:var(--pomegranate-soft);color:var(--pom-ink);border-color:var(--pom-line)}
.pill-done{background:var(--lapis-soft);color:var(--lapis-deep);border-color:var(--lapis-line)}
/* ---------- provenance: a tier on every number ----------
Existing .prov-* chips keep their filled look everywhere they already render.
Inside v8 containers they become quiet: paper chip + a dot coloured by tier. */
.prov-assumption{background:var(--mist);color:var(--muted);border-style:dashed}
.sect .prov,.verdict .prov,.tcard .prov,.deeper .prov,.prov.quiet{display:inline-flex;align-items:center;gap:6px;background:var(--paper);color:var(--ink-2);border:1px solid var(--line);font-size:11.5px;padding-block:2px;padding-inline:7px 9px;vertical-align:middle}
.sect .prov::before,.verdict .prov::before,.tcard .prov::before,.deeper .prov::before,.prov.quiet::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}
.sect .prov-published::before,.verdict .prov-published::before,.tcard .prov-published::before,.deeper .prov-published::before,.prov.quiet.prov-published::before{background:var(--ink)}
.sect .prov-voices::before,.verdict .prov-voices::before,.tcard .prov-voices::before,.deeper .prov-voices::before,.prov.quiet.prov-voices::before{background:var(--saffron);box-shadow:inset 0 0 0 2px var(--paper),0 0 0 1px var(--saffron)}
.sect .prov-simulated::before,.verdict .prov-simulated::before,.tcard .prov-simulated::before,.deeper .prov-simulated::before,.prov.quiet.prov-simulated::before{background:var(--lapis)}
.sect .prov-human::before,.verdict .prov-human::before,.tcard .prov-human::before,.deeper .prov-human::before,.prov.quiet.prov-human::before{background:var(--saffron)}
.sect .prov-field::before,.verdict .prov-field::before,.tcard .prov-field::before,.deeper .prov-field::before,.prov.quiet.prov-field::before{background:var(--saffron);box-shadow:0 0 0 2px var(--saffron-soft)}
.sect .prov-founder::before,.verdict .prov-founder::before,.tcard .prov-founder::before,.deeper .prov-founder::before,.prov.quiet.prov-founder::before{background:var(--ink-soft)}
.sect .prov-assumption,.verdict .prov-assumption,.tcard .prov-assumption,.deeper .prov-assumption,.prov.quiet.prov-assumption{border-style:dashed;color:var(--muted)}
.sect .prov-assumption::before,.verdict .prov-assumption::before,.tcard .prov-assumption::before,.deeper .prov-assumption::before,.prov.quiet.prov-assumption::before{background:var(--paper);border:1.5px dashed var(--muted);width:7px;height:7px}
.prov-key{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted)}
/* ---------- the run: a plain-language timeline ----------
label statemessage
The is optional (the dot is drawn by ::before); children may also sit directly in the li. */
.timeline{list-style:none;margin:0;padding:0;display:grid}
.tl-step{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;padding:8px 0;min-height:44px;color:var(--ink)}
.tl-step::before{content:"";grid-column:1;grid-row:1;justify-self:center;margin-top:5px;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:var(--paper);box-sizing:border-box;font:700 10px/12px var(--display);text-align:center;color:#fff}
.tl-step::after{content:"";position:absolute;inset-inline-start:12px;top:30px;bottom:-8px;width:2px;background:var(--line-2)}
.tl-step:last-child::after{display:none}
.tl-step > *{grid-column:2;min-width:0}
.tl-step > i{display:none}
.tl-step b,.tl-step .tl-label{font:600 15px/1.5 var(--body)}
.tl-step .tl-state{font-size:12.5px;color:var(--muted);margin-inline-start:6px;white-space:nowrap}
.tl-step small,.tl-step .tl-msg{display:block;font-size:13px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.tl-step .bad-t{margin-top:2px}
.tl-step.done::before{content:"✓";background:var(--lapis);border-color:var(--lapis)}
.tl-step.done::after{background:var(--lapis-line)}
.tl-step.done b,.tl-step.done .tl-label{color:var(--ink-2)}
.tl-step.running::before{background:var(--saffron);border-color:var(--saffron);box-shadow:0 0 0 4px var(--saffron-soft);animation:v8-pulse 1.2s ease-in-out infinite}
.tl-step.running small,.tl-step.running .tl-msg,.tl-step.running .tl-state{color:var(--saffron-ink)}
.tl-step.error .tl-state{color:var(--pom-ink)}
.tl-step.todo{color:var(--muted)}
.tl-step.todo b,.tl-step.todo .tl-label{font-weight:500;color:var(--muted)}
.tl-step.error::before{content:"!";background:var(--pomegranate);border-color:var(--pomegranate)}
.tl-step.error small,.tl-step.error .tl-msg{color:var(--pom-ink)}
.timeline.compact .tl-step{min-height:36px;padding:4px 0}
.timeline.compact .tl-step::after{top:26px;bottom:-4px}
.timeline.compact .tl-step b,.timeline.compact .tl-step .tl-label{font-size:14px}
.run-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:18px;display:grid;gap:14px}
.run-box .progress{margin:0}
/* ---------- the verdict card (the one bold thing on a test page) ---------- */
.verdict{display:block;background:var(--paper);border:1px solid var(--line);border-inline-start:6px solid var(--ink);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow);font:400 16px/1.65 var(--body);color:var(--ink)}
.verdict-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.verdict-head > .pill + .chip,.verdict-head > .pill + .grade{margin-inline-start:auto}
.verdict-head .pill{font-size:14px;padding:9px 14px}
.verdict-line{font:600 clamp(20px,2.4vw,27px)/1.35 var(--display);letter-spacing:-.005em;margin:0 0 18px;max-width:40ch;color:var(--ink)}
.verdict-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.vnum{display:grid;align-content:start;gap:2px;padding:14px 16px;border-radius:var(--r);background:var(--mist);min-width:0}
.vnum b{display:block;font:600 clamp(26px,3.2vw,34px)/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink);overflow-wrap:anywhere}
.vnum b.muted{color:var(--muted)}
.vnum span .prov{margin-inline-start:4px}
.vnum span{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.vnum small{display:block;font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.vnum.sim b{color:var(--lapis-deep)}
.vnum.real b{color:var(--saffron-ink)}
.vnum .prov{justify-self:start;margin-top:4px}
.verdict-barrier{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 16px;border-radius:var(--r);background:var(--mist);border-inline-start:3px solid var(--pomegranate);margin-bottom:16px}
.verdict-barrier > .tiny,.verdict-barrier > .k{flex:0 0 100%;font:600 12.5px var(--body);color:var(--pom-ink)}
.verdict-barrier b{font:600 16px/1.5 var(--display);color:var(--ink)}
.verdict-barrier p{margin:0;max-width:none}
.verdict-next{border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.verdict-next h3,.verdict-next h4{font-size:16px;margin-bottom:4px}
.verdict-next > p{color:var(--ink-2);max-width:none}
.next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 16px;margin-top:12px}
.next-grid > *{display:grid;gap:2px;min-width:0}
.next-grid span,.next-grid .k{display:block;font-size:12.5px;color:var(--muted)}
.next-grid b,.next-grid .v,.next-grid > * > div{display:block;font:600 16px/1.4 var(--display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.next-grid > * > div.small{font-size:14px;font-weight:500;font-family:var(--body)}
.verdict-next > p b{font:600 16px/1.5 var(--display)}
.next-grid .wide{grid-column:1/-1}
.next-grid .kill b,.next-grid .kill .v{color:var(--pom-ink)}
.next-grid .success b,.next-grid .success .v{color:var(--lapis-deep)}
.verdict-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.verdict-actions .btn-primary-lg{width:auto;min-width:min(100%,280px)}
.verdict.tone-test{border-inline-start-color:var(--lapis)}
.verdict.tone-rework{border-inline-start-color:var(--saffron)}
.verdict.tone-stop{border-inline-start-color:var(--pomegranate)}
.verdict.tone-tie{border-inline-start-color:var(--ink)}
.verdict .not-yet,.not-yet{font-size:13.5px;color:var(--muted)}
/* ---------- verdict-page sections: quieter than the card ---------- */
.sect{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin-bottom:12px}
.sect > h2{font-size:18px;margin-bottom:10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sect > h2 .prov,.sect > h2 .chip{font-weight:600}
.sect-note{font-size:13.5px;color:var(--muted);margin:-6px 0 12px;max-width:none}
.sect ul,.sect ol{margin:0;padding-inline-start:20px}
.sect li{margin-bottom:6px}
.sect .quote{margin-bottom:8px}
.sect .quote:last-child{margin-bottom:0}
.sect-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.reasons{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.reasons li{padding:10px 0;border-top:1px solid var(--line-2)}
.reasons li > .row{margin-top:4px}
.reasons li:first-child{border-top:0;padding-top:0}
.reasons li .row{gap:6px}
/* ---------- deeper: the studio tools, closed by default ---------- */
.deeper{border:1px dashed #C9CCFA;border-radius:var(--r);background:var(--paper);margin:14px 0}
.deeper > summary{display:flex;align-items:center;gap:10px;padding:14px 18px;font:600 15px var(--body);color:var(--ink);cursor:pointer;list-style:none}
.deeper > summary::-webkit-details-marker{display:none}
.deeper > summary::before{content:"+";flex:none;width:22px;height:22px;border-radius:50%;background:var(--mist);border:1px solid var(--line);color:var(--ink-2);display:grid;place-items:center;font:600 15px/1 var(--display)}
.deeper[open] > summary::before{content:"−"}
.deeper > summary .muted{font-weight:400;font-size:13.5px}
.deeper[open] > summary{border-bottom:1px dashed #C9CCFA}
.deeper > summary ~ *{margin-inline:18px}
.deeper > summary + *{margin-top:16px}
.deeper > :last-child:not(summary):not(.deeper-body){margin-bottom:18px}
.deeper .deeper-body{margin:0;padding:16px 18px;display:grid;gap:14px}
.deeper .deeper-body > *{margin-inline:0}
.deeper .tool-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.deeper .tool-list a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);background:var(--paper)}
.deeper .tool-list a:hover{border-color:var(--lapis)}
.deeper .tool-list b{display:block;font:600 15px var(--display)}
.deeper .tool-list span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
/* ---------- the tests list ---------- */
.tests-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.tests-head h1{margin-bottom:4px}
.tests-head .btn{min-height:46px}
.tcards{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.tcard{display:grid;gap:10px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink);text-decoration:none;transition:border-color .15s}
.tcard:hover{border-color:var(--lapis);color:var(--ink)}
.tcard:focus-visible{outline-offset:3px}
.tcard-top{display:flex;align-items:flex-start;gap:10px 14px;flex-wrap:wrap}
.tcard-name{font:600 18px/1.3 var(--display);flex:1 1 220px;min-width:0;overflow-wrap:anywhere}
.tcard-top .pill{margin-inline-start:auto}
.tcard-meta{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
.tcard-meta time{font-variant-numeric:tabular-nums}
.tcard-nums{display:flex;gap:8px 26px;flex-wrap:wrap;align-items:flex-end;padding-top:10px;border-top:1px solid var(--line-2)}
.tcard-nums > div{display:grid;gap:0;min-width:0}
.tcard-nums b{font:600 22px/1.15 var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}
.tcard-nums b small{font:500 13px var(--body);color:var(--muted);margin-inline-start:4px}
.tcard-nums span{font-size:12.5px;color:var(--muted)}
.tcard-nums .sim b{color:var(--lapis-deep)}
.tcard-nums .grade{align-self:center}
.tcard-state{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--line-2);font-size:14px;color:var(--saffron-ink)}
.tcard-state .rain{display:flex;gap:3px;align-items:flex-end;height:18px;flex:none}
.tcard-state .rain i{width:4px;border-radius:2px;background:var(--lapis);animation:rain 1.2s ease-in-out infinite}
.tcard-state .rain i:nth-child(1){height:35%}.tcard-state .rain i:nth-child(2){height:55%;animation-delay:.1s}
.tcard-state .rain i:nth-child(3){height:75%;animation-delay:.2s}.tcard-state .rain i:nth-child(4){height:90%;animation-delay:.3s}
.tcard-state .rain i:nth-child(5){height:100%;background:var(--saffron);animation-delay:.4s}
.tcard.running{border-color:var(--saffron-line)}
.tcard.error{border-color:var(--pom-line)}
.tcard-state.error{color:var(--pom-ink)}
.tcard-state .not-yet{color:var(--muted)}
.empty.v8{text-align:start;padding:28px 26px;display:grid;gap:10px;max-width:720px}
.empty.v8 h2{font-size:22px}
.empty.v8 p{margin:0;max-width:60ch}
.empty.v8 .btn-primary-lg{margin-top:6px;max-width:360px}
/* ---------- new test: three fields, then the rest ---------- */
.tnew{max-width:760px;margin:0 auto}
.tnew h1{margin-bottom:6px}
.tnew .lead{margin-bottom:22px}
.ask{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:12px}
.ask label{font:600 20px/1.3 var(--display);margin-bottom:4px;color:var(--ink)}
.ask .hint{margin:0 0 12px;font-size:14px;color:var(--ink-2)}
.ask textarea{min-height:104px;font-size:16.5px;line-height:1.6}
.ask input[type=text]{font-size:16.5px;padding:13px 14px}
.ask ::placeholder{color:#8E91B0;opacity:1}
.ask .ex{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.tnew .deeper{margin:14px 0 20px}
.tnew .deeper .field{margin-bottom:14px}
.tnew .deeper label{font-size:14px}
.tnew .grid{align-items:start}
.tnew .submit{display:grid;justify-items:center;gap:8px;padding:8px 0 18px;text-align:center}
.tnew .submit .hint{margin:0}
/* ---------- welcome: the public page ---------- */
.hero.v8{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px) clamp(24px,4vw,40px);margin:4px 0 22px}
.hero.v8 h1{font:600 clamp(36px,6.4vw,66px)/1.12 var(--display);letter-spacing:-.012em;margin:0 0 18px;max-width:16ch;color:var(--ink)}
.hero.v8 .lead{font-size:clamp(17px,1.6vw,20px);line-height:1.7;max-width:58ch;color:var(--ink-2);margin-bottom:24px}
.hero.v8 .cta{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap}
.hero.v8 .cta .btn-primary-lg{width:auto;min-width:min(100%,260px)}
.hero.v8 .cta .small{max-width:36ch}
.hero.v8 .proof{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);gap:14px 32px}
.proof{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;color:var(--muted);font-size:14px}
.proof > span,.proof > a{display:grid;gap:0;color:var(--muted);text-decoration:none;min-width:0}
.proof b{font:600 clamp(24px,2.6vw,32px)/1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;margin:0 0 2px}
.proof b .u{font:500 14px var(--body);color:var(--muted);margin-inline-start:4px}
.proof .pf-grade b{color:var(--saffron-ink)}
.proof .pf-sim b{color:var(--lapis-deep)}
.proof .pf-real b{color:var(--saffron-ink)}
.proof .lbl2{font-size:13.5px;line-height:1.4;max-width:18ch}
.proof-note{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);max-width:none}
.wsect{margin:0 0 22px;padding:clamp(18px,3vw,28px) 0 0}
.wsect > h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:6px}
.wsect > .lead{font-size:16.5px;margin-bottom:18px}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s3}
.steps3 > li{counter-increment:s3;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 20px 18px;display:grid;gap:8px;align-content:start;min-width:0}
.steps3 > li::before{content:counter(s3);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 15px/1 var(--display);background:var(--lapis-soft);color:var(--lapis-deep);border:1px solid var(--lapis-line);font-variant-numeric:tabular-nums}
.steps3 > li:last-child::before{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}
.steps3 h3{font-size:18px;margin-top:4px}
.steps3 p{margin:0;color:var(--ink-2);font-size:15px;max-width:none}
.steps3 .who{font-size:13px;color:var(--muted)}
.who3{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.who3 > li{border-top:2px solid var(--ink);padding:14px 0 6px;display:grid;gap:6px;align-content:start;min-width:0}
.who3 h3{font-size:18px}
.who3 p{margin:0;color:var(--ink-2);font-size:15px;max-width:none}
.promise{background:var(--paper);border:1px solid var(--line);border-inline-start:6px solid var(--ink);border-radius:var(--r-lg);padding:clamp(20px,3vw,30px) clamp(18px,3vw,30px);display:grid;gap:18px}
.promise > h2{font-size:clamp(22px,2.4vw,28px)}
.promise dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 26px;margin:0}
.promise dl > div{display:grid;gap:4px;align-content:start;min-width:0}
.promise dt{font:600 17px/1.35 var(--display)}
.promise dd{margin:0;color:var(--ink-2);font-size:15px}
.promise .prov-key{margin-top:4px}
.promise .fine{font-size:14px;color:var(--muted);margin:0;max-width:none;border-top:1px solid var(--line);padding-top:14px}
.band{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:clamp(24px,4vw,40px) clamp(20px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;margin-top:26px}
.band h2{font:600 clamp(22px,2.8vw,32px)/1.25 var(--display);color:#fff;margin-bottom:8px;max-width:22ch}
.band p{color:#D9DBFF;margin:0;max-width:56ch;font-size:15.5px}
.band .btn-primary-lg{background:var(--saffron);border-color:var(--saffron);color:var(--ink);width:auto;min-width:220px;box-shadow:none}
.band .btn-primary-lg:hover{background:#E39720;color:var(--ink)}
.band .fine{color:var(--ink-soft);font-size:13px;margin-top:8px}
/* ---------- the engine: one transparency page ---------- */
.engine-head{margin-bottom:22px}
.engine-head .lead{margin-top:8px;max-width:66ch}
.eng-facts{display:flex;flex-wrap:wrap;gap:14px 30px;margin:18px 0 6px;padding:16px 0 0;border-top:1px solid var(--line)}
.eng-facts > div{display:grid;gap:2px;min-width:120px}
.eng-facts b{font:600 26px/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}
.eng-facts span{font-size:13px;color:var(--muted)}
.eng-facts .real b{color:var(--saffron-ink)}
.eng-facts .grade-line{align-content:center}
.eng-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.eng-cards > li{min-width:0}
.eng-cards > li.wide{grid-column:span 2}
.eng-card{display:grid;gap:6px;align-content:start;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink);text-decoration:none;min-height:124px;transition:border-color .15s}
.eng-card:hover{border-color:var(--lapis);color:var(--ink)}
.eng-card b{font:600 18px/1.3 var(--display)}
.eng-card span{font-size:14px;color:var(--ink-2)}
.eng-card.real{border-top:3px solid var(--saffron)}
.eng-card.sim{border-top:3px solid var(--lapis)}
.eng-card.ink{border-top:3px solid var(--ink)}
/* ---------- responsive ---------- */
@media (max-width:900px){
.steps3,.who3,.promise dl{grid-template-columns:1fr}
.who3 > li{padding:12px 0 8px}
.band{grid-template-columns:1fr}
.band .btn-primary-lg{width:100%;max-width:none}
}
@media (max-width:560px){
.verdict{padding:18px 16px;border-radius:var(--r)}
.verdict-nums{grid-template-columns:1fr 1fr}
.verdict-nums .vnum:first-child{grid-column:1/-1}
.vnum{padding:12px 14px}
.verdict-head .chip,.verdict-head .grade{margin-inline-start:0}
.verdict-barrier{grid-template-columns:1fr}
.verdict-actions .btn-primary-lg{width:100%;min-width:0}
.sect{padding:16px 16px}
.tcard{padding:14px 14px;border-radius:var(--r)}
.tcard-name{font-size:17px}
.tcard-top .pill{margin-inline-start:0}
.tcard-nums{gap:8px 18px}
.tcard-nums b{font-size:20px}
.ask{padding:16px 14px}
.ask label{font-size:18px}
.hero.v8{border-radius:var(--r-lg)}
.hero.v8 .cta .btn-primary-lg{width:100%;min-width:0}
.hero.v8 .proof{gap:14px 22px}
.proof .lbl2{max-width:14ch}
.steps3 > li{padding:16px}
.deeper > summary{padding:12px 14px}
.deeper > summary ~ *{margin-inline:14px}
.eng-card{min-height:0}
.btn-primary-lg{max-width:none}
}
@media (max-width:660px){.eng-cards > li.wide{grid-column:auto}}
@media (prefers-reduced-motion:reduce){
.pill-running::before,.tl-step.running::before,.tcard-state .rain i{animation:none}
.btn-primary-lg,.tcard,.eng-card{transition:none}
}
@media print{
.verdict{box-shadow:none;break-inside:avoid}
.deeper{display:none}
.band,.hero.v8 .cta{display:none}
}
/* human benchmark bars */
.bench-bars{display:grid;gap:8px;margin-top:12px}
.bench-row{display:grid;grid-template-columns:minmax(140px,220px) 1fr 64px;align-items:center;gap:10px}
.bench-label{font-size:13px;color:var(--muted)}
.bench-track{display:block;height:12px;border-radius:999px;background:var(--line-2);overflow:hidden}
.bench-fill{display:block;height:100%;border-radius:999px;background:var(--lapis)}
.bench-fill.saffron{background:var(--saffron)}.bench-fill.ink{background:var(--ink)}.bench-fill.line{background:var(--line)}
.bench-row b{text-align:end;font-variant-numeric:tabular-nums}
@media (max-width:560px){.bench-row{grid-template-columns:1fr 56px}.bench-label{grid-column:1/-1}}
/* ======================================================================
[08-ui] Visual system layer (2026-11-01). Additive only — no class renamed.
Tokens: provenance tiers, type scale, spacing. Rules: focus, touch targets,
tabular figures, RTL logical props, reduced motion, print-to-PDF.
Palette rule: no green, no beige — ever. Meaning = lapis/saffron/pomegranate.
====================================================================== */
:root{
/* provenance tiers — always paired with a text label, never colour alone */
--tier-simulated:var(--lapis); --tier-simulated-soft:var(--lapis-soft); --tier-simulated-ink:var(--lapis-deep);
--tier-real:var(--saffron); --tier-real-soft:var(--saffron-soft); --tier-real-ink:var(--saffron-ink);
--tier-refuted:var(--pomegranate); --tier-refuted-soft:var(--pomegranate-soft); --tier-refuted-ink:var(--pom-ink);
--tier-published:var(--ink); --tier-published-soft:var(--mist); --tier-published-ink:var(--paper);
--tier-field:var(--saffron); --tier-field-soft:var(--saffron-soft); --tier-field-ink:var(--ink);
--tier-founder:var(--ink-soft); --tier-founder-soft:var(--mist); --tier-founder-ink:var(--ink-2);
/* type scale (phone first; Arabic needs taller leading) */
--fs-xs:12px; --fs-sm:13.5px; --fs-md:15.5px; --fs-lg:18px; --fs-xl:clamp(22px,2.4vw,26px); --fs-2xl:clamp(28px,3.4vw,36px);
--lh-ar:1.75; --lh-en:1.55; --lh-tight:1.2;
/* spacing & radii */
--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
--tap:44px; --tap-min:24px;
--focus:var(--accent);
}
html[lang="ar"] body{line-height:var(--lh-ar)}
html[lang="en"] body{line-height:var(--lh-en)}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.35}
/* skip link (base.html) */
.skip-link{position:absolute;inset-inline-start:8px;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r);font:600 14px var(--body);text-decoration:none}
.skip-link:focus-visible{top:8px;outline:3px solid var(--focus);outline-offset:2px}
main:focus{outline:none}
/* focus: every interactive element, incl. summary/details and inputs */
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,[role="button"]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.top a:focus-visible,.top button:focus-visible,.top summary:focus-visible,.tabbar a:focus-visible{outline:3px solid #FFC56B;outline-offset:2px}
input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--lapis);box-shadow:0 0 0 3px var(--lapis-soft);outline:2px solid transparent}
/* touch targets: ≥24px always, 44px for primary controls */
.top nav a,.top nav button,.btn,button:not(.inline-x),summary,select,input:not([type="checkbox"]):not([type="radio"]),.tcard,.studio-item,.br-starter,.choice,.seg label,.gd-chip{min-height:var(--tap)}
.top nav a,.top nav button{display:inline-flex;align-items:center}
input[type="checkbox"],input[type="radio"]{min-width:var(--tap-min);min-height:var(--tap-min);width:20px;height:20px;margin:2px}
.prov,.tier,.chip,.pill{min-height:var(--tap-min);box-sizing:border-box;display:inline-flex;align-items:center}
/* numbers read as columns everywhere */
td,th,.num,.kpi,.vnum,.proof,.eng-facts,.tcard-nums,.bench-row,.ready-pill,.next-grid,.dr-econ,code,time{font-variant-numeric:tabular-nums}
.ltr-num{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* provenance tiers via tokens (text label is always inside the chip) */
.prov-simulated,.tier-simulated,.tier-society{background:var(--tier-simulated-soft);color:var(--tier-simulated-ink);border-color:var(--lapis-line)}
.prov-real,.tier-real,.prov-human,.tier-human{background:var(--tier-real-soft);color:var(--tier-real-ink);border-color:var(--saffron-line)}
.prov-refuted,.tier-refuted,.prov-loss,.tier-loss{background:var(--tier-refuted-soft);color:var(--tier-refuted-ink);border-color:var(--pom-line)}
.prov-published,.tier-published,.tier-facts{background:var(--tier-published);color:var(--tier-published-ink);border-color:var(--tier-published)}
.prov-field,.tier-field{background:var(--tier-field);color:var(--tier-field-ink);border-color:var(--tier-field)}
.prov-founder,.tier-founder{background:var(--tier-founder-soft);color:var(--tier-founder-ink);border-color:var(--line)}
.prov-refuted::before,.tier-refuted::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tier-refuted);margin-inline-end:5px;flex:none}
/* seal box */
.seal-box{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;background:var(--paper)}
.seal-box .seal-ic{color:var(--saffron-ink)}
.seal-box summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 0}
.seal-box code{font-variant-numeric:tabular-nums;background:var(--mist);padding:1px 6px;border-radius:var(--r-sm)}
/* RTL helpers for other agents (logical only) */
.ta-start{text-align:start}.ta-end{text-align:end}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}
.num-cell{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
/* motion */
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* ---------- print: verdict / report / decision file → clean PDF ---------- */
@media print{
@page{margin:16mm 14mm}
html,body{background:#fff!important;color:#000!important;font-size:11.5pt;line-height:1.5}
.top,nav,.skip-link,.btn,button,form,.note.bad,.no-print,.rail,.wait-box,.dc-loading,.dc-tip,details:not([open]) > *:not(summary){display:none!important}
main,.wrap,.print-page{max-width:none!important;width:auto!important;padding:0!important;margin:0!important}
.print-page{display:block}
.print-page > *,.panel,.card,.finding,.target,figure,table,.verdict,.verdict-box,.vnum,.sect,.tcard,.dc-verdict,.seal-box,.proof,.eng-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}
h1,h2,h3{break-after:avoid;page-break-after:avoid;color:#000!important}
a{color:#000!important;text-decoration:underline}
a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#333;word-break:break-all}
a[href^="/"]::after,a[href^="#"]::after,.brand::after{content:""}
.prov,.tier,.chip,.pill{border:1px solid #000!important;background:#fff!important;color:#000!important;print-color-adjust:exact}
.prov-simulated,.tier-society,.tier-simulated{border-style:solid!important}
.prov-real,.prov-human,.prov-field,.tier-human,.tier-field{border-style:double!important}
.prov-refuted,.tier-refuted{border-style:dashed!important}
.finding.win,.hero-art,.progress,.rail li.now{background:#fff!important;color:#000!important;border:1px solid #000!important}
img,svg{max-width:100%}
.print-only{display:block!important}
}
.print-only{display:none}
/* ======================================================================
[13a] "Signal" identity layer (2026-11-02). Additive — no class renamed.
Night shell (header, hero, bands) + calm light reading surfaces.
Lapis/cobalt = AI signal (simulated), saffron = real-world truth,
pomegranate = risk/refuted. No green, no beige. Logical properties only.
One motion idea: the "signal sweep" (off under prefers-reduced-motion).
====================================================================== */
:root{
--night:#0B0A24; --night-2:#15133D;
--signal:#4C5BFF; --signal-2:#7B8CFF; --cyan:#38C6F4;
--truth:#F2A93B; --truth-ink:#8A5300; --risk:#C8324B;
--surface:#FFFFFF; --surface-2:#F4F5FB;
--on-night:#FFFFFF; --on-night-muted:#C9CCF5; --night-line:rgba(123,140,255,.22);
--glow:0 0 0 1px rgba(76,91,255,.25),0 8px 32px -8px rgba(76,91,255,.45);
--glow-truth:0 0 0 1px rgba(242,169,59,.35),0 8px 28px -10px rgba(242,169,59,.55);
--grid:linear-gradient(rgba(123,140,255,.07) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(123,140,255,.07) 1px,transparent 1px) 0 0/28px 28px;
--signal-line:linear-gradient(90deg,transparent,var(--signal) 18%,var(--cyan) 50%,var(--truth) 82%,transparent);
--r-lg:18px; --r-xl:24px;
--ease:cubic-bezier(.2,.7,.2,1); --dur-1:120ms; --dur-2:220ms; --dur-3:1600ms;
--focus-ring:0 0 0 3px rgba(76,91,255,.28),0 0 0 1px var(--signal);
}
body{background:var(--surface-2)}
/* ---------- night top bar ---------- */
.top{position:relative;background:var(--grid),radial-gradient(120% 140% at 100% 0,rgba(76,91,255,.22),transparent 55%),var(--night);color:var(--on-night);border-bottom:0}
.top::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--signal-line);opacity:.9}
.top .wrap{min-height:68px}
.brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 0 0 1px rgba(123,140,255,.3),0 6px 20px -8px rgba(76,91,255,.7)}
.brand b{color:#fff}
.brand .tag,.brand span{color:var(--on-night-muted)}
.top nav a,.top nav button{color:#DCDEFF;border-radius:10px;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.top nav a:hover,.top nav button:hover{background:rgba(123,140,255,.14);color:#fff}
.top nav a.on,.top nav a[aria-current=page]{background:rgba(76,91,255,.24);color:#fff;box-shadow:inset 0 0 0 1px rgba(123,140,255,.35)}
.top nav a[href="/signup"]{background:var(--signal);color:#fff;box-shadow:var(--glow)}
.top nav a[href="/signup"]:hover{background:#5D6BFF}
.top nav a:focus-visible,.top nav button:focus-visible,.brand:focus-visible{outline:3px solid var(--truth);outline-offset:2px}
/* ---------- footer ---------- */
.site-foot{background:var(--night);color:var(--on-night-muted);position:relative;padding:22px 0 calc(22px + env(safe-area-inset-bottom))}
.site-foot::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:var(--signal-line);opacity:.6}
.site-foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.foot-brand{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font:600 15px var(--display)}
.foot-brand img{border-radius:7px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:2px 4px}
.site-foot nav a{color:var(--on-night-muted);text-decoration:none;font-size:14px;padding:8px 10px;border-radius:8px;min-height:var(--tap,44px);display:inline-flex;align-items:center}
.site-foot nav a:hover{color:#fff;background:rgba(123,140,255,.14)}
.site-foot a:focus-visible{outline:3px solid var(--truth);outline-offset:2px}
/* ---------- buttons ---------- */
.btn{border-radius:12px;transition:background var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}
.btn:hover{box-shadow:0 6px 18px -8px rgba(46,58,230,.6)}
.btn:active{transform:translateY(1px)}
.btn.quiet:hover,.btn.ghost:hover,.btn.danger:hover{box-shadow:none}
.btn-primary-lg{border-radius:14px;transition:background var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}
.btn-primary-lg:hover{box-shadow:var(--glow)}
.btn-signal{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,var(--signal),#3442E8 60%,#2E3AE6);color:#fff;font:600 17px/1.2 var(--display);text-decoration:none;cursor:pointer;box-shadow:var(--glow);transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-1) var(--ease),filter var(--dur-1) var(--ease)}
.btn-signal:hover{color:#fff;filter:brightness(1.08);box-shadow:0 0 0 1px rgba(123,140,255,.5),0 12px 40px -8px rgba(76,91,255,.65)}
.btn-signal:active{transform:translateY(1px)}
.btn-signal.truth{background:var(--truth);color:var(--night);border-color:var(--truth);box-shadow:var(--glow-truth)}
.btn-signal.truth:hover{color:var(--night)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font:600 15px var(--body);text-decoration:none;cursor:pointer}
.btn-ghost:hover{border-color:var(--signal-2);color:var(--lapis-deep);background:var(--lapis-soft)}
.btn-ghost-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 22px;border-radius:14px;border:1px solid rgba(201,204,245,.4);background:rgba(255,255,255,.04);color:#fff;font:600 16px/1.2 var(--display);text-decoration:none;cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}
.btn-ghost-light:hover{background:rgba(123,140,255,.16);border-color:var(--signal-2);color:#fff}
.btn-signal:focus-visible,.btn-ghost-light:focus-visible{outline:3px solid var(--truth);outline-offset:3px}
/* ---------- forms: signal focus ring ---------- */
input[type=text],input[type=number],input[type=password],input[type=email],input[type=url],input[type=search],input[type=tel],textarea,select{border-radius:12px;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}
input:hover,textarea:hover,select:hover{border-color:#C9CCEB}
input:focus,textarea:focus,select:focus,input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--signal);box-shadow:var(--focus-ring),0 6px 24px -10px rgba(76,91,255,.5);outline:2px solid transparent}
::placeholder{color:#8A8DAB}
/* ---------- light reading surfaces stay calm ---------- */
.panel{border-radius:var(--r-lg);box-shadow:0 1px 0 rgba(11,10,36,.03),0 12px 32px -24px rgba(11,10,36,.25)}
.kpi{border-radius:var(--r-lg)}
.kpi .v{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kpi-glow{position:relative;background:var(--grid),linear-gradient(160deg,var(--night-2),var(--night));color:#fff;border:1px solid rgba(123,140,255,.3);border-radius:var(--r-lg);padding:16px;box-shadow:var(--glow);overflow:hidden}
.kpi-glow .v{color:#fff;text-shadow:0 0 18px rgba(123,140,255,.55)}
.kpi-glow .l,.kpi-glow .muted{color:var(--on-night-muted)}
.kpi-glow.truth .v{color:var(--truth);text-shadow:0 0 18px rgba(242,169,59,.4)}
.kpi-glow::after{content:"";position:absolute;inset-inline:16px;bottom:0;height:2px;background:var(--signal-line);opacity:.8}
table th{letter-spacing:.02em;text-transform:none}
table tbody tr:hover td{background:#F8F8FE}
.table-wrap{border-radius:var(--r)}
.note{border-radius:12px}
.note.sim{border-inline-start:3px solid var(--lapis)}
.note.real{border-inline-start:3px solid var(--saffron)}
.note.bad{border-inline-start:3px solid var(--pomegranate)}
.chip{border-radius:999px}
.prov-voices{background:var(--paper)}
/* provenance tiers — distinguishable by fill AND by a leading glyph; label always in text */
.prov,.tier{gap:5px}
.prov-simulated::before,.tier-simulated::before,.tier-society::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--lapis);transform:rotate(45deg);flex:none}
.prov-real::before,.prov-human::before,.tier-real::before,.tier-human::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--saffron);flex:none}
.prov-field::before,.tier-field::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--night);flex:none}
.prov-published::before,.tier-published::before,.tier-facts::before{content:"";width:8px;height:8px;border-radius:1px;background:var(--truth);flex:none}
.prov-voices::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--saffron);flex:none}
/* ---------- shared contract classes ---------- */
.shell-dark{position:relative;background:var(--grid),radial-gradient(90% 120% at 0 0,rgba(76,91,255,.28),transparent 60%),radial-gradient(70% 90% at 100% 100%,rgba(56,198,244,.12),transparent 60%),var(--night);color:var(--on-night);border-radius:var(--r-xl);padding:clamp(22px,4vw,44px);overflow:hidden;isolation:isolate}
.shell-dark h1,.shell-dark h2,.shell-dark h3,.shell-dark h4{color:#fff}
.shell-dark p,.shell-dark .lead{color:#DCDEFF}
.shell-dark .muted,.shell-dark .hint,.shell-dark small{color:var(--on-night-muted)}
.shell-dark a:not([class]){color:var(--signal-2)}
.shell-dark a:not([class]):hover{color:#fff}
.shell-dark :focus-visible{outline-color:var(--truth)}
.shell-dark.flush{border-radius:0}
.shell-dark::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--signal-line);opacity:.7;z-index:-1}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(201,204,245,.18);border-radius:var(--r-lg);padding:18px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.glass .muted{color:var(--on-night-muted)}
.signal-chip{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 12px;border-radius:999px;font:600 12.5px/1.2 var(--display);letter-spacing:.02em;color:var(--lapis-deep);background:var(--lapis-soft);border:1px solid var(--lapis-line,#D3D7FF);white-space:nowrap}
.signal-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px rgba(76,91,255,.2);flex:none}
.signal-chip.truth{color:var(--truth-ink);background:var(--saffron-soft);border-color:var(--saffron-line,#F5D7A3)}
.signal-chip.truth::before{background:var(--truth);box-shadow:0 0 0 3px rgba(242,169,59,.25)}
.shell-dark .signal-chip,.glass .signal-chip{color:#E4E6FF;background:rgba(76,91,255,.18);border-color:rgba(123,140,255,.4)}
.shell-dark .signal-chip::before,.glass .signal-chip::before{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.shell-dark .signal-chip.truth,.glass .signal-chip.truth{color:#FFE2B3;background:rgba(242,169,59,.14);border-color:rgba(242,169,59,.45)}
.shell-dark .signal-chip.truth::before,.glass .signal-chip.truth::before{background:var(--truth);box-shadow:0 0 10px var(--truth)}
.eyebrow{display:inline-block;font:600 12px/1.3 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--lapis-deep);background:transparent;border-radius:0;padding:0;margin-bottom:10px}
html[lang="ar"] .eyebrow{letter-spacing:0;text-transform:none;font-size:13px}
.shell-dark .eyebrow,.glass .eyebrow{color:var(--signal-2)}
.eyebrow.truth{color:var(--truth-ink)}
.shell-dark .eyebrow.truth{color:var(--truth)}
/* ---------- the one motion idea: signal sweep ---------- */
@keyframes signal-sweep{0%{background-position:-60% 0}100%{background-position:160% 0}}
.top::after,.sweep{background-size:220% 100%;animation:signal-sweep 6s var(--ease) infinite alternate}
.sweep{display:block;height:2px;background-image:var(--signal-line)}
@media (prefers-reduced-motion:reduce){
.top::after,.sweep{animation:none;background-size:100% 100%}
.btn,.btn-signal,.btn-ghost-light,.btn-primary-lg,input,textarea,select,.top nav a{transition:none}
}
/* ---------- small screens ---------- */
@media (max-width:700px){
.top .wrap{min-height:60px;padding-top:6px}
.brand img{width:36px;height:36px}
.site-foot .wrap{flex-direction:column;align-items:flex-start}
.btn-signal,.btn-ghost-light{width:100%}
}
/* ---------- print: black on white, no dark shell ---------- */
@media print{
.site-foot,.top::after,.sweep{display:none!important}
.shell-dark,.glass,.kpi-glow{background:#fff!important;color:#000!important;border:1px solid #000!important;box-shadow:none!important;text-shadow:none!important}
.shell-dark *,.glass *,.kpi-glow *{color:#000!important;text-shadow:none!important}
.shell-dark::after,.kpi-glow::after{display:none}
.signal-chip{background:#fff!important;color:#000!important;border:1px solid #000!important}
.panel{box-shadow:none}
}
/* keep the footer at the bottom on short pages (only pages that carry it) */
body:has(> .site-foot){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body:has(> .site-foot) > main{flex:1 0 auto}
/* ================= app shell (v11) ================= */
.top{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#0F0E2E,#15134A);border-bottom:1px solid rgba(255,255,255,.06)}
.top .wrap{flex-wrap:nowrap;gap:var(--s-5)}
.top .brand b{font-size:19px}
.top .nav-main{margin-inline-start:var(--s-4);margin-inline-end:auto;flex-wrap:nowrap}
.top .nav-main a{position:relative;white-space:nowrap}
.top .nav-main a.on{background:rgba(124,118,255,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(150,145,255,.35)}
.nav-side{display:flex;align-items:center;gap:var(--s-2)}
.nav-side .lang,.nav-side .nav-login{color:#D9DBFF;text-decoration:none;font:600 14px var(--body);padding:8px 10px;border-radius:8px}
.nav-side .lang:hover,.nav-side .nav-login:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-side .nav-cta{background:var(--accent)}
.acct-menu{position:relative}
.acct-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;padding:4px 8px 4px 4px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.14)}
.acct-menu summary::-webkit-details-marker{display:none}
.acct-menu summary:hover{background:rgba(255,255,255,.08)}
.acct-menu .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 14px var(--display);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}
.acct-menu .acct-label{font-size:14px;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:220px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:var(--s-2);display:flex;flex-direction:column;z-index:50}
.acct-pop a,.acct-pop button{display:block;text-align:start;width:100%;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font:500 14.5px var(--body);background:none;border:0;cursor:pointer}
.acct-pop a:hover,.acct-pop button:hover,.acct-pop a.on{background:var(--accent-soft);color:var(--lapis-deep)}
.acct-pop form{margin:0;border-top:1px solid var(--line-2);margin-top:4px;padding-top:4px}
.tabbar{display:none}
@media (max-width:860px){
.top .tag,.acct-menu .acct-label{display:none}
.has-tabbar .top .nav-main{display:none}
.top .nav-main{gap:0;overflow-x:auto}
.top .nav-main a{padding:8px 8px;font-size:14px}
.top .wrap{gap:var(--s-3);min-height:56px}
.has-tabbar .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset-inline:0;bottom:0;z-index:45;background:rgba(15,14,46,.97);backdrop-filter:blur(8px);padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08)}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#B9BBE8;text-decoration:none;font:500 11.5px var(--body);padding:6px 0;border-radius:10px;min-height:44px}
.tabbar a.on{color:#fff;background:rgba(124,118,255,.22)}
.tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.has-tabbar main{padding-bottom:110px}
.has-tabbar .site-foot{padding-bottom:84px}
}
/* ================= shared UI macros (_ui.html) ================= */
.ui-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-1)}
.ui-tile-label{font-size:13px;color:var(--muted)}
.ui-tile-value{font-size:30px;line-height:1.2;color:var(--ink)}
.ui-tile-hint{font-size:12.5px;color:var(--muted)}
.ui-tile.warn{border-color:#F3C77E;background:#FFF8EC}
.ui-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--r-pill);font:600 12.5px var(--body);line-height:1.7;white-space:nowrap}
.ui-chip-neutral{background:var(--g-100);color:var(--g-800)}
.ui-chip-muted{background:var(--g-100);color:var(--g-600)}
.ui-chip-live,.ui-chip-good{background:var(--accent-soft);color:#2A22C8}
.ui-chip-warn{background:var(--saffron-soft);color:var(--saffron-ink)}
.ui-chip-bad{background:var(--pomegranate-soft);color:#9C1F36}
.ui-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(79,70,255,.5);animation:uipulse 1.8s infinite}
@keyframes uipulse{70%{box-shadow:0 0 0 6px rgba(79,70,255,0)}100%{box-shadow:0 0 0 0 rgba(79,70,255,0)}}
@media (prefers-reduced-motion:reduce){.ui-pulse{animation:none}}
.ui-dial{flex:none}
.ui-dial-num{font:600 16px var(--display);fill:var(--ink)}
.ui-empty{border:1.5px dashed var(--g-200);border-radius:var(--r-lg);padding:var(--s-6) var(--s-5);text-align:center;background:var(--paper);color:var(--lapis)}
.ui-empty h3{color:var(--ink);margin:var(--s-2) 0 var(--s-1)}
.ui-empty p{margin:0 auto var(--s-4);max-width:52ch}
.ui-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-1)}
.ui-card-link{transition:border-color .15s,box-shadow .15s,transform .15s}
.ui-card-link:hover{border-color:#B9B5FF;box-shadow:var(--shadow);color:var(--ink);transform:translateY(-1px)}
.ui-spark{display:block;margin-top:4px}
/* ================= founder dashboard ================= */
.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}
.dash-head p{margin:6px 0 0}
.flow-steps{list-style:none;padding:0;margin:0 0 var(--s-5);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);counter-reset:none}
.flow-steps li{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:14px;color:var(--muted)}
.flow-steps b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--g-100);color:var(--g-800);font:600 13px var(--display);flex:none}
.flow-steps li.done{color:var(--ink);border-color:#C9C6FF}
.flow-steps li.done b{background:var(--accent);color:#fff}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);margin-bottom:var(--s-6)}
.dash-sec{margin-bottom:var(--s-6)}
.dash-sec h2{margin-bottom:var(--s-3)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s-3)}
.rep-card{display:flex;gap:var(--s-4);align-items:center}
.rep-body{min-width:0}
.rep-body h3{font-size:16px;margin-bottom:6px;overflow-wrap:anywhere}
.rep-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.row-list,.due-list{list-style:none;margin:0;padding:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}
.row-list li,.due-list li{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;padding:12px var(--s-4);border-bottom:1px solid var(--line-2)}
.row-list li:last-child,.due-list li:last-child{border-bottom:0}
.row-list li > a:first-of-type{font-weight:600;margin-inline-end:auto}
.due-list li > span:nth-child(2){margin-inline-end:auto}
@media (max-width:860px){.tiles{grid-template-columns:repeat(2,1fr)}.flow-steps{grid-template-columns:repeat(2,1fr)}}
.acct-menu summary::before,.acct-menu summary::after{content:none!important;display:none!important}