/* OmniCore look: "decision cards". Near-black table, gold card frames, electric blue accents,
   one color per card. Used by the home page, the Decisions quiz, its report and the policies page.
   Colors live here as tokens so the whole site can be re-themed in one place. */
:root{
  --ink:#08090f;--ink-2:#0f1220;--ink-3:#161a2c;--line:#272c48;
  --text:#f4f1e8;--muted:#a9adc4;--dim:#6f7392;
  --gold:#d4af37;--gold-2:#f3d77a;--blue:#4d9fff;--blue-2:#9fc4ff;
  --explorer:#2de1c2;--spark:#ff7a59;--anchor:#4d9fff;--keeper:#c79bff;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--text);font:400 1.05rem/1.6 var(--body);
  background:
    radial-gradient(1100px 560px at 50% -12%,rgba(77,159,255,.17),transparent 62%),
    radial-gradient(900px 520px at 50% 112%,rgba(212,175,55,.11),transparent 62%),
    var(--ink);
  background-attachment:fixed;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;
  background-image:
    radial-gradient(1px 1px at 12% 18%,#fff8,transparent 60%),radial-gradient(1px 1px at 78% 12%,#fff6,transparent 60%),
    radial-gradient(1.5px 1.5px at 64% 34%,#f3d77a88,transparent 60%),radial-gradient(1px 1px at 30% 62%,#fff5,transparent 60%),
    radial-gradient(1px 1px at 88% 58%,#9fc4ff88,transparent 60%),radial-gradient(1.5px 1.5px at 8% 84%,#fff6,transparent 60%),
    radial-gradient(1px 1px at 52% 88%,#fff5,transparent 60%),radial-gradient(1px 1px at 94% 90%,#f3d77a77,transparent 60%),
    radial-gradient(1px 1px at 42% 8%,#fff5,transparent 60%),radial-gradient(1px 1px at 20% 44%,#9fc4ff66,transparent 60%)}
main,header,footer,section{position:relative;z-index:1}
a{color:var(--blue-2)}a:hover{color:#fff}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
[hidden]{display:none!important}
.wrap{max-width:1040px;margin:0 auto;padding:18px 16px 64px}
.narrow{max-width:580px;margin:0 auto}

/* Top bar */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 14px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:800 1rem/1 var(--body);letter-spacing:.16em}
.brand b{color:var(--gold)}
.brand svg{width:26px;height:26px}
.top-note{font-size:.82rem;color:var(--muted);letter-spacing:.04em}

/* Type */
.eyebrow{font:700 .74rem/1.2 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:var(--display);font-weight:900;letter-spacing:-.01em;line-height:1.04;margin:0}
h1{font-size:clamp(2.3rem,8.4vw,4.4rem)}
h2{font-size:clamp(1.7rem,5.6vw,2.5rem)}
h3{font-size:1.3rem;font-weight:700}
.gold-i{font-style:italic;font-weight:500;color:var(--gold-2)}
.lede{color:var(--muted);font-size:1.12rem;max-width:34em}
.small{font-size:.86rem;color:var(--muted)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:54px;padding:0 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;font:700 1.05rem/1 var(--body);letter-spacing:.01em;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.btn-gold{background:linear-gradient(180deg,#f6dd86,#d4af37);color:#1b1505;box-shadow:0 10px 32px rgba(212,175,55,.32),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(212,175,55,.45),inset 0 1px 0 rgba(255,255,255,.55);color:#1b1505}
.btn-gold[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.btn-ghost{background:rgba(255,255,255,.02);color:var(--text);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue-2)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.linkish{background:none;border:0;padding:8px 4px;cursor:pointer;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:.92rem}
.linkish:hover{color:var(--text)}

/* Panels */
.panel{background:linear-gradient(180deg,rgba(22,26,44,.92),rgba(13,15,26,.92));border:1px solid var(--line);border-radius:22px;padding:clamp(20px,5vw,34px)}
.panel-gold{border-color:rgba(212,175,55,.55);box-shadow:0 0 0 1px rgba(212,175,55,.12),0 30px 80px rgba(0,0,0,.45)}

/* ===== Decision card (front) ===== */
.dcard{--c:var(--gold);--crgb:212,175,55;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;
  position:relative;width:100%;aspect-ratio:5/7;border-radius:22px;overflow:hidden;container-type:inline-size;
  border:2px solid var(--gold);color:var(--text);text-align:center;
  background:
    radial-gradient(120% 64% at 50% 20%,rgba(var(--crgb),.26),transparent 62%),
    linear-gradient(180deg,#171b2e 0%,#0c0e18 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 70px rgba(var(--crgb),.22);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease}
.dcard::before{content:"";position:absolute;inset:9px;border:1px solid rgba(212,175,55,.55);border-radius:15px;pointer-events:none}
.dcard-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:9% 9% 8%}
.dcard-top{width:100%;display:flex;justify-content:space-between;font:700 11px/1 var(--body);font-size:3.1cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.dcard-emblem{width:40%;aspect-ratio:1;margin:7% 0 6%;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle,rgba(var(--crgb),.30),rgba(var(--crgb),0) 70%);
  box-shadow:inset 0 0 0 2px rgba(var(--crgb),.75),0 0 44px rgba(var(--crgb),.35)}
.dcard-emblem svg{width:64%;height:64%;fill:none;stroke:var(--c);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(var(--crgb),.6))}
.dcard-name{font:900 30px/1 var(--display);font-size:10.4cqw;text-transform:uppercase;letter-spacing:.01em;
  background:linear-gradient(180deg,#ffffff 20%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.dcard-driver{margin-top:3.2%;font:700 11px/1.2 var(--body);font-size:3.4cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.dcard-rule{width:52%;height:1px;margin:6% 0 5%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.8),transparent);position:relative}
.dcard-rule::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}
.dcard-tag{margin:0;font:italic 500 17px/1.3 var(--display);font-size:5.5cqw;color:#efe6cf;padding:0 2%}
.dcard-stats{margin-top:auto;width:100%;display:grid;gap:3.2cqw;gap:10px;gap:3.2cqw}
.dcard-stat{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 12px/1 var(--body);font-size:3.5cqw;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.dots{display:flex;gap:1.6cqw;gap:5px;gap:1.6cqw}
.dots i{width:2.7cqw;height:2.7cqw;min-width:7px;min-height:7px;border-radius:50%;background:rgba(255,255,255,.12)}
.dots i.on{background:var(--dc,var(--gold));box-shadow:0 0 6px var(--dc,var(--gold))}
.dcard-foil{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.20) 47%,rgba(255,255,255,.05) 54%,transparent 64%);
  background-size:260% 100%;background-position:130% 0;animation:sheen 6s ease-in-out infinite}
.dcard-holo{position:absolute;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:overlay;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.55),transparent 42%),
    conic-gradient(from 210deg at 50% 50%,#ff7a59,#f3d77a,#2de1c2,#4d9fff,#c79bff,#ff7a59)}
@keyframes sheen{0%,55%{background-position:130% 0}100%{background-position:-70% 0}}

/* ===== Card back ===== */
.cardback{--crgb:212,175,55;position:relative;width:100%;aspect-ratio:5/7;border-radius:18px;border:2px solid var(--gold);overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--crgb),.30),transparent 58%),
    repeating-linear-gradient(45deg,rgba(212,175,55,.16) 0 1.5px,transparent 1.5px 16px),
    repeating-linear-gradient(-45deg,rgba(212,175,55,.16) 0 1.5px,transparent 1.5px 16px),
    #10131f;
  box-shadow:inset 0 0 0 7px #10131f,inset 0 0 0 8px rgba(212,175,55,.6),0 18px 50px rgba(0,0,0,.5),0 0 34px rgba(var(--crgb),.28)}
.cardback svg{position:absolute;left:50%;top:50%;width:46%;height:46%;transform:translate(-50%,-50%);fill:none;stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}

/* ===== Flip (result reveal) ===== */
.flip{width:min(340px,84vw);margin:0 auto;perspective:1400px}
.flip-inner{position:relative;width:100%;aspect-ratio:5/7;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,1.3,.5,1)}
.flip.flipped .flip-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.flip-front{transform:rotateY(180deg)}
.flip.shuffling .flip-back{animation:wobble .9s ease-in-out infinite}
@keyframes wobble{0%,100%{transform:rotate(0) translateY(0)}25%{transform:rotate(-3deg) translateY(-6px)}75%{transform:rotate(3deg) translateY(-6px)}}

/* ===== Fan of cards (landing) ===== */
.fan{position:relative;height:clamp(210px,52vw,290px);margin:12px auto 4px;max-width:420px}
.fan .cardback{position:absolute;left:50%;top:14px;width:clamp(112px,28vw,150px);transform-origin:50% 135%;
  transform:translateX(-50%) rotate(var(--r));animation:float 6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}

/* ===== Quiz ===== */
.hand{display:flex;gap:7px;justify-content:center;margin:18px 0 8px}
.hand i{width:22px;height:31px;border-radius:5px;border:1.5px dashed rgba(212,175,55,.45);transition:all .3s ease}
.hand i.got{border:1.5px solid var(--gold);background:repeating-linear-gradient(45deg,rgba(212,175,55,.35) 0 1px,transparent 1px 5px),#141829;box-shadow:0 0 12px rgba(212,175,55,.35)}
.hand i.now{border-color:var(--blue);box-shadow:0 0 12px rgba(77,159,255,.5)}
.q-count{text-align:center;margin:0 0 12px;color:var(--muted);font-size:.86rem;letter-spacing:.14em;text-transform:uppercase}
.q-title{text-align:center;font-size:clamp(1.65rem,6.4vw,2.35rem);margin:0 auto 22px;max-width:16em}
.q-options{display:grid;gap:12px}
@media (min-width:720px){.q-options{grid-template-columns:1fr 1fr}}
.opt{position:relative;display:flex;align-items:flex-start;gap:14px;width:100%;min-height:76px;text-align:left;cursor:pointer;
  padding:18px 18px 18px 16px;border-radius:16px;border:1px solid rgba(212,175,55,.32);
  background:linear-gradient(180deg,#191d31,#10131f);box-shadow:0 10px 26px rgba(0,0,0,.35);
  transition:transform .18s ease,border-color .18s ease,box-shadow .2s ease,opacity .25s ease;
  animation:dealIn .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 70ms)}
@media (hover:hover){.opt:hover{transform:translateY(-3px) rotate(-.4deg);border-color:var(--gold);box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 22px rgba(212,175,55,.18)}}
.opt .suit{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font:700 1.1rem/1 var(--display);color:var(--gold);border:1px solid rgba(212,175,55,.45);background:rgba(212,175,55,.06)}
.opt .opt-text{font-size:1.04rem;line-height:1.45;padding-top:4px}
.opt.picked{border-color:var(--gold-2);transform:translateY(-4px) scale(1.02);box-shadow:0 0 0 2px rgba(243,215,122,.6),0 0 34px rgba(212,175,55,.38)}
.q-options.chosen .opt:not(.picked){opacity:.32}
@keyframes dealIn{from{opacity:0;transform:translateY(22px) rotate(-2deg) scale(.96)}to{opacity:1;transform:none}}
.q-back{display:block;margin:18px auto 0}

/* ===== Result ===== */
.result-head{text-align:center;margin:20px 0 18px}
.result-head h1{font-size:clamp(2rem,7vw,3rem)}
.result-hook{font:italic 500 1.25rem/1.45 var(--display);color:#efe6cf;text-align:center;max-width:28em;margin:20px auto 0}
.share-row{margin:20px 0 6px}
.share-note{text-align:center;margin:8px 0 0}
.sections{display:grid;gap:14px;margin-top:30px}
.insight{border-left:3px solid var(--c,var(--gold));padding:4px 0 4px 16px}
.insight h3{font-family:var(--body);font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c,var(--gold));margin-bottom:6px}
.insight p{margin:0}
.map-wrap{display:grid;gap:16px;align-items:center}
@media (min-width:640px){.map-wrap{grid-template-columns:240px 1fr}}
.map{width:100%;max-width:260px;margin:0 auto;display:block}
.map text{font-family:var(--body)}
.pulse{animation:pulse 2.2s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulse{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
.chip{display:inline-block;padding:3px 10px;border-radius:999px;font:700 .72rem/1.6 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#0b0d16;background:var(--c,var(--gold))}

/* ===== Offer ===== */
.offer{margin-top:34px}
.offer h2{margin:8px 0 10px}
.toc{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
.toc li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.toc .n{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:900 .95rem/1 var(--display);color:#1b1505;background:linear-gradient(180deg,#f6dd86,#d4af37)}
.toc b{display:block}
.toc span.d{color:var(--muted);font-size:.93rem}
.locked{position:relative;margin:18px 0;padding:16px;border-radius:14px;border:1px dashed rgba(212,175,55,.5);overflow:hidden}
.locked .blur{filter:blur(5px);user-select:none;pointer-events:none;color:var(--muted)}
.locked .badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:8px 14px;border-radius:999px;background:#0c0e18;border:1px solid var(--gold);color:var(--gold-2);font:700 .82rem/1 var(--body);letter-spacing:.08em}
.price-line{font:600 1rem/1.5 var(--body);color:var(--text)}
.fine{font-size:.86rem;color:var(--muted);margin:12px 0 0}
.trust{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-top:12px;font-size:.84rem;color:var(--muted)}
.trust span::before{content:"✓ ";color:var(--explorer)}

/* ===== Dialog (saved card image) ===== */
dialog.sheet{border:1px solid var(--line);border-radius:20px;background:#0d0f1a;color:var(--text);padding:18px;max-width:min(420px,94vw);width:100%}
dialog.sheet::backdrop{background:rgba(3,4,8,.78)}
dialog.sheet img{display:block;width:100%;max-height:62vh;object-fit:contain;border-radius:12px}

/* ===== Footer ===== */
.foot{margin-top:46px;padding-top:18px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.foot p{margin:6px 0}
.foot a{color:var(--muted)}.foot a:hover{color:var(--text)}

/* ===== Home ===== */
.hero{text-align:center;padding:44px 0 10px}
.hero .lede{margin:16px auto 0}
.games{display:grid;gap:16px;margin-top:34px}
@media (min-width:900px){.games{grid-template-columns:repeat(3,1fr)}}
.game{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--text);transition:transform .18s ease,border-color .2s ease}
.game:hover{transform:translateY(-3px);border-color:var(--gold);color:var(--text)}
.game .meta{font-size:.84rem;color:var(--muted);letter-spacing:.06em}
.game h2{font-size:clamp(1.5rem,4.6vw,2.1rem)}
.minis{display:flex;gap:8px}
.minis .cardback{width:52px;border-radius:8px;box-shadow:inset 0 0 0 3px #10131f,inset 0 0 0 4px rgba(212,175,55,.6),0 0 16px rgba(var(--crgb),.35)}

/* ===== Prose pages (policies) ===== */
.prose h2{font-size:1.5rem;margin:30px 0 8px}
.prose p,.prose li{color:#d8d9e4}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .dcard{transform:none!important}
}

/* Result reveal: name, hook and share buttons fade in after the card flips */
.later{opacity:0;transform:translateY(8px);transition:opacity .5s ease .1s,transform .5s ease .1s}
#result.revealed .later{opacity:1;transform:none}

/* ===== Report ===== */
.rep-hero{display:grid;gap:24px;align-items:center;margin:26px 0 8px}
@media (min-width:760px){.rep-hero{grid-template-columns:270px 1fr}}
.rep-card{width:min(270px,72vw);margin:0 auto}
.rep-hero h1{font-size:clamp(2.2rem,7vw,3.4rem);margin:8px 0 10px}
.rep-hero .btn-row{justify-content:flex-start;margin-top:16px}
.rep-sec{margin-top:46px}
.rep-sec h2{margin:8px 0 16px}
.paid-banner{margin-top:22px;padding:14px 18px;border-radius:14px;border:1px solid rgba(45,225,194,.5);background:rgba(45,225,194,.08)}
.rank{display:grid;gap:12px;margin-bottom:14px}
.rank-row{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.rank-n{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:900 1.1rem/1 var(--display);color:#0b0d16;background:var(--c)}
.rank-main{flex:1;min-width:0}
.rank-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rank-top b{color:var(--c)}
.rank-top span{color:var(--muted);font-size:.9rem}
.rank-main p{margin:6px 0 0;color:var(--muted)}
.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:8px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:var(--c);box-shadow:0 0 12px var(--c)}
.trio{display:grid;gap:12px}
@media (min-width:760px){.trio{grid-template-columns:repeat(3,1fr)}}
.trio h3{color:var(--c)}
.trio ul{margin:10px 0 0;padding-left:18px;color:#d8d9e4}
.trio li{margin:6px 0}
.stack .insight+.insight{margin-top:20px}
.moves{display:grid;gap:12px}
@media (min-width:700px){.moves{grid-template-columns:1fr 1fr}}
.move{position:relative;padding:18px;border-radius:16px;border:1px solid rgba(212,175,55,.42);background:linear-gradient(180deg,#191d31,#10131f);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.move-n{position:absolute;right:14px;top:12px;font:700 1.35rem/1 var(--display);color:var(--gold)}
.move h3{font-size:1.15rem;margin:0 28px 8px 0;color:var(--c)}
.move p{margin:0;color:#d8d9e4}
.checks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.checks label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1px solid var(--line);cursor:pointer;background:rgba(255,255,255,.02)}
.checks input{width:22px;height:22px;accent-color:var(--gold);flex:0 0 auto;margin:2px 0 0}
.choices{padding-left:22px;display:grid;gap:14px;margin:0}
.choices li{color:var(--muted)}
.choices .q{display:block;color:var(--text);font-weight:600}
.choices .a{display:block;margin:2px 0 6px}

@media print{
  @page{margin:14mm}
  body{background:#fff!important;color:#111!important;font-size:11pt}
  body::before,.top,.foot,.btn,.btn-row,.rep-card,.paid-banner,.no-print{display:none!important}
  .panel,.move,.rank-row,.checks label{background:#fff!important;border:1px solid #bbb!important;box-shadow:none!important}
  h1,h2,h3,.rank-top b,.move h3,.trio h3{color:#111!important}
  .eyebrow{color:#7a5d0c!important}
  p,li,.small,.rank-main p,.move p,.trio ul,.choices li,.choices .a{color:#222!important}
  .bar{background:#eee!important}.bar i{box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rank-n{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rep-sec{break-inside:avoid;margin-top:22px}
  body.print-checklist .rep-sec:not(.checklist),body.print-checklist .rep-hero{display:none!important}
  body.print-checklist .checklist{margin-top:0}
}
@media (min-width:720px){#quiz.narrow{max-width:760px}}

/* ===== Decisions Deep ===== */
.deep-hand{gap:5px;flex-wrap:wrap}
.deep-hand i{width:15px;height:21px;border-radius:4px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pair .opt{flex-direction:column;align-items:flex-start;min-height:118px;padding:14px}
.pair .opt-text{font-size:1rem;padding-top:2px}
.track{display:flex;justify-content:space-between;align-items:flex-start;margin-top:18px;padding:0 2px}
.step{background:none;border:0;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;width:20%}
.step span{display:block;width:30px;height:30px;border-radius:50%;border:2px solid rgba(212,175,55,.6);background:#141829;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}
.step:nth-child(1) span,.step:nth-child(5) span{width:40px;height:40px}
.step:nth-child(3) span{width:22px;height:22px;margin:4px 0}
.step em{font-style:normal;font-size:.74rem;color:var(--muted)}
@media (hover:hover){.step:hover span{transform:scale(1.12);border-color:var(--gold-2)}}
.step.on span{background:radial-gradient(circle,#f6dd86,#d4af37);border-color:#f6dd86;box-shadow:0 0 18px rgba(212,175,55,.6)}
.deep-fan .cardback:nth-child(3){box-shadow:inset 0 0 0 7px #10131f,inset 0 0 0 8px rgba(212,175,55,.6),0 0 0 2px #ff7a59,0 0 0 4px #2de1c2,0 0 40px rgba(199,155,255,.5)}

/* Edge cards: rainbow foil frame and stamp */
.dcard.edge{border:3px solid transparent;
  background:radial-gradient(120% 64% at 50% 20%,rgba(var(--crgb),.30),transparent 62%) padding-box,linear-gradient(180deg,#171b2e,#0c0e18) padding-box,
    conic-gradient(from 200deg,#ff7a59,#f3d77a,#2de1c2,#4d9fff,#c79bff,#ff7a59) border-box}
.dcard.edge .dcard-holo{opacity:.28}
.stamp{position:absolute;z-index:3;top:4.2%;left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:999px;font:800 9px/1.5 var(--body);font-size:2.9cqw;letter-spacing:.3em;color:#0b0d16;
  background:conic-gradient(from 200deg,#ff7a59,#f3d77a,#2de1c2,#4d9fff,#c79bff,#ff7a59)}
.edge-note{border-color:transparent;background:linear-gradient(180deg,#191d31,#10131f) padding-box,conic-gradient(from 200deg,#ff7a59,#f3d77a,#2de1c2,#4d9fff,#c79bff,#ff7a59) border-box;border:2px solid transparent}

/* Lever bars */
.lever+.lever{margin-top:14px}
.lever-top{display:flex;justify-content:space-between;gap:8px;font-size:.92rem}
.lever-top span{color:var(--muted)}
.lever-bar{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.15),rgba(255,255,255,.06));margin:8px 0 5px}
.lever-bar i{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff}
.lever-ends{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted)}

/* Free 6-question report: invitation to Decisions Deep */
.deep-promo{margin-top:22px;padding:18px;border-radius:16px;border:2px solid transparent;
  background:linear-gradient(180deg,#191d31,#10131f) padding-box,conic-gradient(from 200deg,#ff7a59,#f3d77a,#2de1c2,#4d9fff,#c79bff,#ff7a59) border-box}
.deep-promo h3{margin:6px 0 6px;font-size:1.4rem}
.deep-promo p{margin:0 0 12px;color:#d8d9e4}
@media print{.lever-bar i,.dcard.edge{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Deep scenes: a short title, then the setup in readable text */
.q-title.deep-title{font-size:clamp(1.5rem,5.6vw,2rem);margin-bottom:10px}
.q-setup{text-align:center;font-size:1.1rem;line-height:1.5;color:#d8d9e4;max-width:32em;margin:0 auto 18px}