.quiz-page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:var(--brand-paper, #fbf8f1);color:var(--brand-ink);position:relative;isolation:isolate}.quiz-stage,.quiz-result{grid-row:2;grid-column:1}.quiz-result__name:focus{outline:none;box-shadow:none}.quiz-stage[hidden],.quiz-result[hidden]{display:none}.quiz-page:before{content:"";position:absolute;inset:0;background:radial-gradient(60vw 60vw at 50% 0%,rgba(255,122,0,.08),transparent 60%),radial-gradient(40vw 40vw at 50% 110%,rgba(0,0,0,.05),transparent 60%);pointer-events:none;z-index:-1}.quiz-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.75rem,2vw,1.5rem);padding:clamp(.85rem,1.5vw,1.1rem) clamp(1rem,3vw,2rem);border-bottom:1px solid var(--brand-grey-line);background:#fbf8f1db;backdrop-filter:blur(14px)}.quiz-bar__home{display:inline-flex;align-items:center;gap:.55rem;color:var(--brand-ink);text-decoration:none;font-weight:600;letter-spacing:-.01em}.quiz-bar__mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--brand-ink);color:var(--band-cream);font-family:var(--font-display);font-weight:800;font-size:.95rem;border-radius:var(--radius-sm)}.quiz-bar__wordmark{font-size:.95rem}@media(max-width:480px){.quiz-bar__wordmark{display:none}}.quiz-bar__progress{display:flex;gap:6px;justify-content:center}.quiz-bar__pip{width:28px;height:4px;background:#0000001f;border-radius:var(--radius-pill);transition:background .2s ease,width .2s ease}.quiz-bar__pip.is-done{background:var(--brand-ink)}.quiz-bar__pip.is-active{background:var(--brand-accent);width:40px}.quiz-bar__count{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65;display:inline-flex;gap:.35rem;align-items:baseline}.quiz-bar__count-sep{opacity:.4}.quiz-stage{position:relative;display:grid;place-items:center;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);overflow:hidden}.quiz-stage__loading{margin:0;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;opacity:.4}.quiz-q{width:100%;max-width:38rem;display:grid;gap:clamp(.85rem,2vw,1.25rem);transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.quiz-q.is-leaving-left{transform:translate(-32px);opacity:0}.quiz-q.is-leaving-right,.quiz-q.is-entering-right{transform:translate(32px);opacity:0}.quiz-q.is-entering-left{transform:translate(-32px);opacity:0}@media(prefers-reduced-motion:reduce){.quiz-q,.quiz-q.is-leaving-left,.quiz-q.is-leaving-right,.quiz-q.is-entering-right,.quiz-q.is-entering-left{transform:none;transition:opacity .12s ease}}.quiz-q__numeral{margin:0;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent);font-weight:700}.quiz-q__prompt{margin:0;font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.15;letter-spacing:-.02em;font-weight:600;text-transform:none}.quiz-q__helper{margin:0 0 .5rem;font-size:.98rem;line-height:1.55;opacity:.65;max-width:32rem}.quiz-q__options{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.5rem}.quiz-opt{appearance:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.95rem;padding:clamp(.95rem,2vw,1.2rem) clamp(1rem,2vw,1.35rem);border:1.5px solid var(--brand-ink);background:var(--band-white);color:var(--brand-ink);font:inherit;font-size:1rem;text-align:left;cursor:pointer;border-radius:var(--radius-md);box-shadow:3px 3px 0 var(--brand-ink);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1),background .14s ease,border-color .14s ease,opacity .2s ease}.quiz-opt:hover,.quiz-opt:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brand-ink);outline:none}.quiz-opt:focus-visible{border-color:var(--brand-accent)}.quiz-opt:active{transform:translate(0);box-shadow:1px 1px 0 var(--brand-ink)}.quiz-opt__letter{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--brand-ink);color:var(--band-cream);font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:.04em;border-radius:50%;transition:background .14s ease,color .14s ease}.quiz-opt__label{font-size:1rem;line-height:1.4}.quiz-opt__arrow{font-family:var(--font-mono);font-size:1.15rem;opacity:0;transform:translate(-6px);transition:opacity .16s ease,transform .16s ease,color .14s ease}.quiz-opt:hover .quiz-opt__arrow,.quiz-opt:focus-visible .quiz-opt__arrow{opacity:1;transform:translate(0);color:var(--brand-accent)}.quiz-opt.is-chosen{background:var(--brand-accent);border-color:var(--brand-accent)}.quiz-opt.is-chosen .quiz-opt__letter{background:var(--brand-ink);color:var(--brand-accent)}.quiz-opt.is-chosen .quiz-opt__arrow{opacity:1;transform:translate(0);color:var(--brand-ink)}.quiz-opt.is-dim{opacity:.35}.quiz-opt.is-prechosen{border-color:var(--brand-accent);box-shadow:5px 5px 0 var(--brand-accent)}.quiz-opt.is-prechosen .quiz-opt__letter{background:var(--brand-accent);color:var(--brand-ink)}.quiz-q__back{justify-self:start;margin-top:.5rem;background:transparent;border:0;padding:.4rem 0;font:inherit;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink);opacity:.55;cursor:pointer;transition:opacity .14s ease}.quiz-q__back:hover{opacity:1}.quiz-result{display:grid;justify-items:center;text-align:center;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem) clamp(3rem,6vw,5rem);max-width:42rem;margin:0 auto;gap:clamp(.65rem,1.5vw,1rem);transform:translateY(12px);transition:transform .38s cubic-bezier(.2,.8,.2,1)}.quiz-result.is-revealed{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.quiz-result{transform:none;transition:none}}.quiz-result__eyebrow{margin:0;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent)}.quiz-result__emblem-wrap{position:relative;display:grid;place-items:center;width:200px;height:200px}.quiz-result__glow{position:absolute;inset:-30%;background:radial-gradient(circle at center,rgba(255,122,0,.28),transparent 60%);border-radius:50%;z-index:-1;animation:glowPulse 4.2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.quiz-result__emblem{width:180px;height:180px;display:block;border:1.5px solid var(--brand-ink);border-radius:var(--radius-lg)}.quiz-result__name{margin:.35rem 0 0;font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:600;line-height:1.02;letter-spacing:-.025em;text-transform:none}.quiz-result__tagline{margin:0;max-width:32rem;font-size:clamp(1.02rem,2vw,1.15rem);line-height:1.5;opacity:.78}.quiz-result__card{width:100%;max-width:34rem;margin-top:1.25rem;padding:1.5rem 1.5rem 1.65rem;border:1.5px solid var(--brand-ink);background:var(--band-white);border-radius:var(--radius-md);box-shadow:5px 5px 0 var(--brand-ink);text-align:left}.quiz-result__sub{margin:0 0 .95rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-accent)}.quiz-result__list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.quiz-result__list li{position:relative;padding-left:1.4rem;font-size:.98rem;line-height:1.5;opacity:0;transform:translateY(6px);animation:liReveal .38s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.42s + var(--li-i, 0) * 90ms)}.quiz-result__list li:before{content:"+";position:absolute;left:0;top:.05em;color:var(--brand-accent);font-family:var(--font-mono);font-weight:700}@keyframes liReveal{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-result__list li{opacity:1;transform:none;animation:none}}.quiz-result__cta{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:1.5rem}.btn--with-arrow{display:inline-flex;align-items:center;gap:.6rem}.btn__arrow{font-family:var(--font-mono);transition:transform .16s cubic-bezier(.2,.8,.2,1)}.btn--with-arrow:hover .btn__arrow{transform:translate(3px)}.quiz-result__meta{margin:.85rem auto 0;max-width:34rem;font-size:.82rem;line-height:1.5;opacity:.55}
