/* ============ TOKENS ============ */
:root{
  --paper:#F0EEE7;          /* cool parchment, not warm cream */
  --paper-2:#F7F5EF;        /* raised cards */
  --paper-3:#E9E6DC;        /* sunken / rails */
  --ink:#16233B;            /* brand navy / primary text */
  --ink-soft:#48546B;       /* secondary */
  --ink-faint:#8A93A1;      /* tertiary */
  --line:#D8D3C6;           /* hairline */
  --brass:#A9792A;          /* accent metal */
  --brass-2:#C79A45;        /* brass highlight */
  --teal:#1C6F6A;           /* data / instrument */
  --teal-2:#2FA79F;         /* data bright */
  /* chamber (fixed dark, a deliberate committed world) */
  --chamber:#0B1422;
  --chamber-2:#111E33;
  --chamber-line:#25395A;
  --on-chamber:#E9EEF6;
  --on-chamber-soft:#93A3BE;
  --radius:14px;
  --radius-s:9px;
  --shadow:0 1px 0 rgba(22,35,59,.04), 0 18px 40px -24px rgba(22,35,59,.28);
  --serif:'Tvuna Serif', 'Noto Serif Hebrew', Georgia, serif;
  --sans:'Tvuna Sans', 'Noto Sans Hebrew', system-ui, -apple-system, sans-serif;
  --maxw:1080px;
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#0D1522; --paper-2:#141F30; --paper-3:#0B1220;
    --ink:#E8ECF3; --ink-soft:#AAB6C7; --ink-faint:#707d92;
    --line:#243247; --brass:#C99A46; --brass-2:#E0B65E;
    --teal:#2FA79F; --teal-2:#4FD0C6;
    --shadow:0 1px 0 rgba(0,0,0,.3), 0 18px 40px -22px rgba(0,0,0,.6);
  }
}
:root[data-theme="light"]{
  --paper:#F0EEE7; --paper-2:#F7F5EF; --paper-3:#E9E6DC;
  --ink:#16233B; --ink-soft:#48546B; --ink-faint:#8A93A1; --line:#D8D3C6;
  --brass:#A9792A; --brass-2:#C79A45; --teal:#1C6F6A; --teal-2:#2FA79F;
}
:root[data-theme="dark"]{
  --paper:#0D1522; --paper-2:#141F30; --paper-3:#0B1220;
  --ink:#E8ECF3; --ink-soft:#AAB6C7; --ink-faint:#707d92; --line:#243247;
  --brass:#C99A46; --brass-2:#E0B65E; --teal:#2FA79F; --teal-2:#4FD0C6;
}

*{box-sizing:border-box}
.tv{
  direction:rtl; font-family:var(--sans); color:var(--ink);
  background:var(--paper); min-height:100vh;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  line-height:1.6; letter-spacing:.005em;
  overflow-x:hidden;
}
.tv h1,.tv h2,.tv h3{font-family:var(--serif); font-weight:700; line-height:1.1; text-wrap:balance; margin:0}
.tv p{margin:0}
.tv button{font-family:var(--sans); cursor:pointer}
.wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:24px}
.eyebrow{font-size:.72rem; letter-spacing:.16em; color:var(--brass); font-weight:700}
.mono{font-variant-numeric:tabular-nums}

/* ============ TOP BAR ============ */
.topbar{position:sticky; top:0; z-index:40; background:color-mix(in srgb, var(--paper) 86%, transparent);
  backdrop-filter:saturate(1.2) blur(10px); border-block-end:1px solid var(--line)}
.topbar .row{display:flex; align-items:center; gap:20px; height:62px}
.brandmark{display:flex; align-items:baseline; gap:9px; font-family:var(--serif); font-weight:700; font-size:1.35rem; color:var(--ink); letter-spacing:.01em}
.brandmark .dot{width:7px;height:7px;border-radius:50%;background:var(--brass); transform:translateY(-2px)}
.brandmark small{font-family:var(--sans); font-size:.6rem; letter-spacing:.22em; color:var(--ink-faint); font-weight:700}
.stepper{margin-inline-start:auto; display:flex; gap:4px; background:var(--paper-3); padding:4px; border-radius:999px; border:1px solid var(--line)}
.stepper button{border:0; background:transparent; color:var(--ink-soft); font-weight:600; font-size:.82rem; padding:7px 15px; border-radius:999px; transition:.25s}
.stepper button[aria-current="true"]{background:var(--paper-2); color:var(--ink); box-shadow:0 1px 2px rgba(22,35,59,.12); }
.stepper .num{color:var(--brass); font-weight:700; margin-inline-end:6px; font-size:.72rem}

/* ============ PANELS ============ */
.panel{display:none; animation:fade .5s ease both}
.panel.active{display:block}
@keyframes fade{from{opacity:0; transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- LANDING ---------- */
.hero{position:relative; padding-block:74px 40px; overflow:hidden}
.hero .grain{position:absolute; inset:0; pointer-events:none; opacity:.5;
  background:
   radial-gradient(1px 1px at 20% 30%, var(--line) 50%, transparent 50%),
   radial-gradient(1px 1px at 70% 60%, var(--line) 50%, transparent 50%),
   radial-gradient(1px 1px at 45% 85%, var(--line) 50%, transparent 50%);
  background-size:120px 120px,90px 90px,140px 140px}
.hero-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; position:relative}
.hero .eyebrow{display:inline-flex; align-items:center; gap:9px; margin-block-end:20px}
.hero .eyebrow::before{content:""; width:26px; height:1px; background:var(--brass)}
.hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem); letter-spacing:-.01em}
.hero h1 .hl{color:var(--brass); font-style:normal; position:relative; white-space:nowrap}
.hero .lead{margin-block-start:22px; font-size:1.12rem; color:var(--ink-soft); max-width:34ch}
.cta-row{display:flex; gap:14px; margin-block-start:34px; flex-wrap:wrap}
.btn{border:0; border-radius:11px; font-weight:700; font-size:1rem; padding:15px 26px; transition:.2s; display:inline-flex; align-items:center; gap:10px}
.btn-primary{background:var(--ink); color:var(--paper-2)}
.btn-primary:hover{background:#0f1a2e; transform:translateY(-1px)}
.btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--brass); color:var(--brass)}
.btn-brass{background:var(--brass); color:#fff}
.btn-brass:hover{background:var(--brass-2); transform:translateY(-1px)}
.trust{margin-block-start:30px; font-size:.82rem; color:var(--ink-faint); display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.trust b{color:var(--ink-soft); font-weight:600}
.sep{width:3px;height:3px;border-radius:50%;background:var(--ink-faint);opacity:.6}
.privacy-note{margin-block-start:16px; display:inline-flex; align-items:center; gap:10px; font-size:.84rem; color:var(--ink-soft); background:var(--paper-2); border:1px solid var(--line); border-radius:999px; padding:9px 16px; max-width:100%}
.privacy-note svg{width:16px;height:16px;stroke:var(--teal);fill:none;stroke-width:1.7; flex:0 0 auto}
.privacy-note b{color:var(--ink); font-weight:700}

/* instrument card in hero */
.instrument{background:var(--paper-2); border:1px solid var(--line); border-radius:20px; padding:26px; box-shadow:var(--shadow); position:relative}
.instrument .lbl{display:flex; justify-content:space-between; align-items:center; margin-block-end:16px}
.instrument .lbl span{font-size:.7rem; letter-spacing:.14em; color:var(--ink-faint); font-weight:700}
.gauge{font-family:var(--serif); font-size:4.6rem; font-weight:700; line-height:1; color:var(--ink); letter-spacing:-.02em}
.gauge sup{font-family:var(--sans); font-size:1rem; color:var(--brass); font-weight:700; vertical-align:super}
.spark{margin-block-start:14px}

/* domain chips */
.domains{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-block-start:26px}
.chip{background:var(--paper-2); border:1px solid var(--line); border-radius:var(--radius-s); padding:16px 12px; text-align:center; transition:.25s}
.chip:hover{border-color:var(--brass); transform:translateY(-3px)}
.chip svg{width:26px;height:26px;stroke:var(--teal); fill:none; stroke-width:1.6; margin-block-end:8px}
.chip b{display:block; font-size:.86rem; color:var(--ink); font-weight:600}
.chip small{color:var(--ink-faint); font-size:.72rem}

/* how it works */
.how{margin-block-start:64px; border-block-start:1px solid var(--line); padding-block-start:40px}
.how h2{font-size:1.5rem; margin-block-end:26px}
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.step{position:relative; padding-inline-start:52px}
.step .n{position:absolute; inset-inline-start:0; top:0; width:36px;height:36px;border-radius:50%;border:1px solid var(--brass); color:var(--brass); font-family:var(--serif); font-weight:700; display:flex;align-items:center;justify-content:center; font-size:1.1rem}
.step h3{font-size:1.06rem; margin-block-end:6px}
.step p{font-size:.9rem; color:var(--ink-soft)}

/* signature footer */
.sig{margin-block-start:60px; padding-block:26px; border-block-start:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; font-size:.85rem; color:var(--ink-faint)}
.sig b{color:var(--ink-soft); font-weight:600}

/* ---------- CHAMBER (fixed dark) ---------- */
.chamber{background:var(--chamber); color:var(--on-chamber); min-height:calc(100vh - 62px); padding-block:34px 60px; position:relative}
.chamber::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(80% 55% at 50% -8%, rgba(47,167,159,.10), transparent 60%)}
.chamber .wrap{position:relative}
.ch-top{display:flex; align-items:center; gap:18px; margin-block-end:8px}
.ch-progress{flex:1}
.ticks{display:flex; gap:3px}
.ticks i{flex:1; height:5px; border-radius:2px; background:var(--chamber-line); transition:.3s}
.ticks i.done{background:var(--teal-2)}
.ticks i.cur{background:var(--brass-2); box-shadow:0 0 10px rgba(224,182,94,.5)}
.ch-meta{display:flex; align-items:center; justify-content:space-between; margin-block:18px 4px}
.ch-domain{font-size:.74rem; letter-spacing:.14em; color:var(--brass-2); font-weight:700}
.ch-count{font-size:.8rem; color:var(--on-chamber-soft)}
.timer{display:flex; align-items:center; gap:10px}
.timer .ring{width:44px;height:44px; transform:rotate(-90deg)}
.timer .ring circle{fill:none; stroke-width:4}
.timer .ring .bg{stroke:var(--chamber-line)}
.timer .ring .fg{stroke:var(--brass-2); stroke-linecap:round; transition:stroke-dashoffset 1s linear}
.timer b{font-variant-numeric:tabular-nums; font-size:1.05rem; color:var(--on-chamber)}
.ch-question{font-family:var(--serif); font-size:1.7rem; font-weight:700; margin-block:26px 26px; color:#fff; text-align:center}
.matrix{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:360px; margin:0 auto 34px}
.cell{aspect-ratio:1; background:var(--chamber-2); border:1px solid var(--chamber-line); border-radius:12px; display:flex; align-items:center; justify-content:center; position:relative}
.cell.missing{border:1.5px dashed var(--brass-2); background:rgba(224,182,94,.05)}
.cell .q{font-family:var(--serif); font-size:2.2rem; color:var(--brass-2); font-weight:700}
.cell svg{width:70%;height:70%}
.cell svg circle{fill:var(--teal-2)}
.opts-label{font-size:.82rem; color:var(--on-chamber-soft); margin-block-end:12px}
.opts{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:560px; margin-inline:auto}
.opt{aspect-ratio:1; background:var(--chamber-2); border:1px solid var(--chamber-line); border-radius:10px; display:flex;align-items:center;justify-content:center; transition:.18s; position:relative}
.opt:hover{border-color:var(--brass-2); transform:translateY(-3px); box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.opt svg{width:64%;height:64%}
.opt svg circle{fill:var(--on-chamber)}
.opt .tag{position:absolute; top:6px; inset-inline-start:8px; font-size:.62rem; color:var(--on-chamber-soft); font-weight:700}
.ch-foot{display:flex; justify-content:space-between; align-items:center; margin-block-start:30px; color:var(--on-chamber-soft); font-size:.82rem}
.ch-foot .skip{background:transparent;border:1px solid var(--chamber-line); color:var(--on-chamber-soft); padding:9px 18px; border-radius:9px}
.ch-foot .skip:hover{border-color:var(--brass-2); color:var(--brass-2)}

/* ---------- REPORT ---------- */
.report{padding-block:44px 40px}
.reveal-head{text-align:center; margin-block-end:10px}
.reveal-head .eyebrow{justify-content:center; display:inline-flex; align-items:center; gap:9px}
.reveal-head .eyebrow::before,.reveal-head .eyebrow::after{content:"";width:22px;height:1px;background:var(--brass)}
.score-big{font-family:var(--serif); font-size:clamp(4.5rem,13vw,8.5rem); font-weight:700; line-height:.95; color:var(--ink); letter-spacing:-.03em; font-variant-numeric:tabular-nums; text-align:center}
.score-sub{text-align:center; color:var(--ink-soft); margin-block-start:2px; font-size:1.05rem}
.score-sub .band{color:var(--brass); font-weight:700}
.score-sub .pct{color:var(--teal); font-weight:700}

.scale-wrap{margin-block:34px; background:var(--paper-2); border:1px solid var(--line); border-radius:18px; padding:26px 20px 14px; box-shadow:var(--shadow)}
.scale-wrap .cap{display:flex; justify-content:space-between; align-items:baseline; margin-block-end:6px}
.scale-wrap .cap b{font-size:.8rem; letter-spacing:.12em; color:var(--ink-faint); font-weight:700}
.scale-wrap .cap span{font-size:.78rem; color:var(--ink-faint)}

.cols{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-block-start:24px}
.card{background:var(--paper-2); border:1px solid var(--line); border-radius:18px; padding:24px; box-shadow:var(--shadow)}
.card h3{font-size:1.15rem; margin-block-end:14px; display:flex; align-items:center; gap:9px}
.card h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--brass)}
.narr p{color:var(--ink-soft); font-size:.96rem; margin-block-end:12px}
.narr b{color:var(--ink); font-weight:700}
.radar-box{display:flex; justify-content:center; align-items:center}
.radar-box canvas{max-width:100%}

.bar{margin-block-end:16px}
.bar .brow{display:flex; justify-content:space-between; font-size:.88rem; margin-block-end:6px}
.bar .brow b{color:var(--ink); font-weight:600}
.bar .brow span{color:var(--teal); font-weight:700; font-variant-numeric:tabular-nums}
.bar .track{height:9px; background:var(--paper-3); border-radius:6px; overflow:hidden}
.bar .fill{height:100%; border-radius:6px; background:linear-gradient(90deg,var(--teal),var(--teal-2)); width:0; transition:width 1.1s cubic-bezier(.22,1,.36,1)}

.share{display:flex; gap:12px; margin-block:30px 0; flex-wrap:wrap; justify-content:center}
.share button{display:inline-flex; align-items:center; gap:9px; padding:13px 22px; border-radius:11px; font-weight:700; font-size:.94rem; border:1px solid var(--line); background:var(--paper-2); color:var(--ink); transition:.2s}
.share button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.share button:hover{border-color:var(--brass); color:var(--brass); transform:translateY(-2px)}
.share .primary{background:var(--brass); color:#fff; border-color:var(--brass)}
.share .primary:hover{background:var(--brass-2); color:#fff}

.disclaim{margin-block-start:30px; background:var(--paper-3); border:1px solid var(--line); border-radius:14px; padding:18px 20px; font-size:.82rem; color:var(--ink-soft); display:flex; gap:12px; align-items:flex-start}
.disclaim svg{width:20px;height:20px;stroke:var(--ink-faint);fill:none;stroke-width:1.6; flex:0 0 auto; margin-block-start:1px}

/* soft CTA / signature card */
.pitch{margin-block-start:26px; background:linear-gradient(135deg,#17233b,#0e1a30); color:#eef1f6; border-radius:18px; padding:30px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; position:relative; overflow:hidden}
.pitch::after{content:""; position:absolute; inset-block:0; inset-inline-end:-40px; width:220px;
  background:radial-gradient(circle at 70% 50%, rgba(199,154,69,.28), transparent 65%)}
.pitch .t{position:relative; z-index:1}
.pitch .eyebrow{color:var(--brass-2)}
.pitch h3{color:#fff; font-size:1.4rem; margin-block:8px 6px}
.pitch p{color:#c3ccda; font-size:.94rem; max-width:46ch}
.pitch .who{margin-block-start:12px; font-size:.82rem; color:#93a3be}
.pitch .who b{color:var(--brass-2)}
.pitch .btn-brass{position:relative; z-index:1; flex:0 0 auto}

/* ---- v2: luxury / authority additions ---- */
.emblem{width:28px;height:28px;flex:0 0 auto}
.emblem circle,.emblem path,.emblem line{stroke:var(--brass);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.brandmark small{align-self:center}

.authority{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:16px; overflow:hidden; margin-block-start:40px; box-shadow:var(--shadow)}
.astat{background:var(--paper-2); padding:22px 16px; text-align:center}
.astat b{display:block; font-family:var(--serif); font-size:2rem; color:var(--ink); line-height:1; font-weight:700}
.astat b .u{font-family:var(--sans); font-size:.8rem; color:var(--brass); font-weight:700; margin-inline-start:2px}
.astat span{font-size:.78rem; color:var(--ink-soft); display:block; margin-block-start:7px; letter-spacing:.02em}

.sec-head{text-align:center; max-width:660px; margin-inline:auto}
.sec-head .eyebrow{display:inline-flex;align-items:center;gap:10px;justify-content:center;margin-block-end:14px}
.sec-head .eyebrow::before,.sec-head .eyebrow::after{content:"";width:24px;height:1px;background:var(--brass)}
.sec-head h2{font-size:clamp(1.7rem,3vw,2.3rem); letter-spacing:-.01em}
.sec-head p{color:var(--ink-soft); margin-block-start:12px; font-size:1.02rem}

.method{margin-block-start:40px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.mcard{background:var(--paper-2); border:1px solid var(--line); border-radius:16px; padding:26px; box-shadow:var(--shadow)}
.mcard .mnum{font-family:var(--sans); color:var(--brass); font-size:.74rem; font-weight:700; letter-spacing:.14em}
.mcard h3{font-size:1.15rem; margin-block:12px 10px}
.mcard p{font-size:.92rem; color:var(--ink-soft)}
.mcard ul{margin:12px 0 0; padding-inline-start:18px; color:var(--ink-soft); font-size:.88rem}
.mcard li{margin-block-end:5px}
.mcard li::marker{color:var(--brass)}

.meaning{margin-block-start:22px; display:grid; grid-template-columns:1fr 1fr; gap:16px}
.mean-box{border:1px solid var(--line); border-radius:14px; padding:22px; background:var(--paper-2)}
.mean-box.is{border-inline-start:3px solid var(--teal)}
.mean-box.not{border-inline-start:3px solid var(--brass)}
.mean-box h4{font-family:var(--serif); font-size:1.05rem; margin-block-end:8px; color:var(--ink)}
.mean-box p{font-size:.9rem;color:var(--ink-soft)}

.countries #cbars{margin-block-start:4px}
.countries .cbar{display:grid; grid-template-columns:118px 1fr 42px; align-items:center; gap:12px; margin-block-end:12px}
.countries .cbar .cn{font-size:.88rem;color:var(--ink-soft)}
.countries .cbar .ct{height:10px;background:var(--paper-3);border-radius:6px;position:relative;overflow:hidden}
.countries .cbar .cf{position:absolute;inset-block:0;inset-inline-start:0;border-radius:6px;width:0;background:linear-gradient(90deg,var(--teal),var(--teal-2));transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.countries .cbar.you .cf{background:linear-gradient(90deg,var(--brass),var(--brass-2))}
.countries .cbar .cv{font-size:.84rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.countries .cbar.you .cn,.countries .cbar.you .cv{color:var(--brass)}
.countries .caveat{margin-block-start:14px;font-size:.76rem;color:var(--ink-faint);line-height:1.5}

.foot{background:#101d33;color:#c3ccda}
.foot .wrap{padding-block:48px 30px}
.foot-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:32px}
.fbrand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;font-size:1.4rem;color:#fff}
.fbrand .dot{width:6px;height:6px;border-radius:50%;background:var(--brass-2)}
.fblurb{margin-block-start:14px;font-size:.9rem;color:#93a3be;max-width:34ch;line-height:1.6}
.foot h5{color:#fff;font-size:.74rem;letter-spacing:.14em;margin-block-end:14px;font-weight:700}
.foot a{display:block;color:#aab6c7;text-decoration:none;font-size:.9rem;margin-block-end:10px;transition:.15s}
.foot a:hover{color:var(--brass-2)}
.foot-bottom{border-block-start:1px solid rgba(255,255,255,.09); margin-block-start:36px;padding-block-start:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.82rem;color:#7d8aa0}
.foot-bottom b{color:var(--brass-2);font-weight:600}
.foot-bottom .credit{text-decoration:none}
.foot-bottom .credit:hover{text-decoration:underline}
.foot-bottom .credit b{color:var(--brass-2)}

@media (max-width:860px){
  .authority{grid-template-columns:repeat(2,1fr)}
  .method{grid-template-columns:1fr}
  .meaning{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .countries .cbar{grid-template-columns:100px 1fr 40px}
}

@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr; gap:34px}
  .domains{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .cols{grid-template-columns:1fr}
  .opts{grid-template-columns:repeat(2,1fr)}
  .stepper .lbl-txt{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s !important; transition-duration:.001s !important}
}

/* ===== real-app additions (M0) ===== */
.brandmark{text-decoration:none}
.topnav{margin-inline-start:auto; display:flex; align-items:center; gap:20px}
.topnav a{color:var(--ink-soft); text-decoration:none; font-weight:600; font-size:.9rem}
.topnav a:hover{color:var(--brass)}
.btn-sm{padding:10px 20px; font-size:.92rem; border-radius:9px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* ===== M2: test chamber — item types & screens ===== */
body{margin:0}
.chamber{min-height:100vh}
.chamber-msg{color:var(--on-chamber);text-align:center;padding-block:120px}
.screen{max-width:760px;margin-inline:auto;padding-block:40px;min-height:calc(100vh - 96px);display:flex;flex-direction:column;justify-content:center}
.screen .eyebrow{display:block;margin-block-end:12px}
.intro h2,.break h2,.study h2{font-family:var(--serif);color:#fff;font-size:1.9rem;margin-block-end:12px}
.intro p,.break p{color:var(--on-chamber-soft);font-size:1.02rem;line-height:1.7;margin-block-end:12px}
.intro .meta-row{display:flex;gap:22px;flex-wrap:wrap;color:var(--brass-2);font-weight:700;font-size:.9rem;margin-block:18px}
.intro .consent{background:var(--chamber-2);border:1px solid var(--chamber-line);border-radius:12px;padding:16px 18px;font-size:.9rem;color:var(--on-chamber-soft);margin-block:20px}
.btn-chamber{background:var(--brass-2);color:#10203a;border:0;border-radius:11px;font-weight:700;font-size:1.05rem;padding:15px 30px;cursor:pointer;transition:.15s}
.btn-chamber:hover{filter:brightness(1.07);transform:translateY(-1px)}
.break .done-badge{display:inline-flex;align-items:center;gap:8px;color:var(--teal-2);font-weight:700;margin-block-end:12px}
.break .done-badge svg{stroke:var(--teal-2);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}

.seq{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-block:10px 30px}
.seqtile{min-width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--chamber-2);border:1px solid var(--chamber-line);border-radius:12px;font-family:var(--serif);font-size:1.7rem;color:var(--on-chamber);font-weight:700}
.seqtile.q{border:1.5px dashed var(--brass-2);color:var(--brass-2)}
.opt .seqv{font-family:var(--serif);font-size:1.25rem;color:var(--on-chamber);letter-spacing:.1em;font-weight:700}
.opt .txt{font-family:var(--sans);font-size:1.05rem;color:var(--on-chamber);font-weight:600;padding:4px}

.analogy{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-block:6px 30px;font-family:var(--serif);font-size:1.4rem;color:#fff}
.analogy .pair{background:var(--chamber-2);border:1px solid var(--chamber-line);border-radius:12px;padding:11px 18px}
.analogy .arrow,.analogy .qm{color:var(--brass-2)}

.glyphref{display:flex;align-items:center;justify-content:center;gap:18px;margin-block:6px 26px;color:var(--on-chamber-soft)}
.glyphref .refbox{width:92px;height:92px;background:var(--chamber-2);border:1.5px solid var(--brass-2);border-radius:12px;padding:12px;flex:0 0 auto}
.glyphref .refbox svg,.opt .gl svg{width:100%;height:100%}
.opt .gl{display:block;width:64%}
.gl svg path{stroke:var(--teal-2);stroke-width:8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.refbox svg path{stroke:var(--brass-2);stroke-width:8;fill:none;stroke-linecap:round;stroke-linejoin:round}

.study{text-align:center;padding-block:44px}
.study .digits{font-family:var(--serif);font-size:3.4rem;letter-spacing:.28em;color:#fff;font-weight:700;margin-block:20px;padding-inline-start:.28em}
.study .hint{color:var(--on-chamber-soft)}
.studybar{height:5px;background:var(--chamber-line);border-radius:3px;overflow:hidden;max-width:320px;margin:18px auto}
.studybar i{display:block;height:100%;background:var(--brass-2);width:100%}

/* ===== print / PDF export of the report ===== */
@media print{
  .topbar,.foot,.share,.pitch,.btn,.btn-primary{display:none !important}
  body{background:#fff}
  .report{padding-block:0}
  .card,.scale-wrap{box-shadow:none;border-color:#ccc;break-inside:avoid}
  .cols{grid-template-columns:1fr 1fr}
}

/* ===== M4: viral CTA on the report ===== */
.viral-cta{margin-block:24px;background:linear-gradient(135deg,#17233b,#0e1a30);border-radius:16px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.viral-cta span{font-family:var(--serif);font-size:1.3rem;color:#fff;font-weight:700;flex:1 1 auto}
.viral-cta .btn-brass{flex:0 0 auto;text-decoration:none}
.viral-cta small{color:#93a3be;font-size:.82rem;flex-basis:100%;order:3}
@media print{.viral-cta{display:none !important}}

/* ===== detailed per-domain breakdown + interpretation ===== */
.dom-detail{padding-block:18px;border-block-start:1px solid var(--line)}
.dom-detail:first-child{border-block-start:0;padding-block-start:4px}
.dd-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.dd-name{font-family:var(--serif);font-size:1.12rem;color:var(--ink);font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dd-pct{color:var(--teal);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.band-chip{font-family:var(--sans);font-size:.72rem;font-weight:700;padding:3px 11px;border-radius:999px;letter-spacing:.01em;white-space:nowrap}
.band-chip.b5,.band-chip.b4{background:rgba(28,111,106,.14);color:var(--teal)}
.band-chip.b3{background:rgba(169,121,42,.14);color:var(--brass)}
.band-chip.b2{background:var(--paper-3);color:var(--ink-soft)}
.band-chip.b1,.band-chip.b0{background:rgba(169,121,42,.12);color:var(--brass)}
.dd-track{height:8px;background:var(--paper-3);border-radius:5px;overflow:hidden;margin-block:11px}
.dd-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--teal),var(--teal-2));width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.dd-measures{font-size:.86rem;color:var(--ink-faint);margin-block-end:6px;line-height:1.55}
.dd-meaning{font-size:.94rem;color:var(--ink-soft);line-height:1.6}
.share-credit{text-align:center;margin-block-start:12px;font-size:.8rem;color:var(--ink-faint)}
.share-credit a{color:var(--brass);font-weight:600;text-decoration:none}
.share-credit a:hover{text-decoration:underline}
.btn-cta{font-size:1.12rem;padding:16px 30px;animation:ctapulse 2.6s ease-out infinite}
@keyframes ctapulse{0%,100%{box-shadow:0 0 0 0 rgba(224,182,94,.45)}55%{box-shadow:0 0 0 9px rgba(224,182,94,0)}}
@media (prefers-reduced-motion:reduce){.btn-cta{animation:none}}
@media print{.btn-cta{animation:none}}