/* AurorIQ STEP 6 — visual system layer. Keep structural/scoring systems independent. */
:root{
  --surface-canvas:var(--color-bg);--surface-primary:var(--color-surface);--surface-elevated:var(--color-surface-2);--surface-interactive:var(--color-surface-3);
  --border-hairline:color-mix(in srgb,var(--color-text-primary) 8%,transparent);--border-emphasis:color-mix(in srgb,var(--color-text-primary) 16%,transparent);
  --aura-violet:var(--brand-aurora-violet);--aura-cyan:var(--brand-aurora-cyan);--aura-gold:var(--brand-aurora-gold);
  --aura-soft:0 30px 100px rgba(34,211,238,.08),0 0 80px rgba(146,105,243,.08);
  --motion-micro:180ms;--motion-component:320ms;--motion-reveal:720ms;
}
body{background:var(--surface-canvas);background-image:radial-gradient(circle at 50% -20%,rgba(80,108,235,.08),transparent 35rem);}
.nav{background:color-mix(in srgb,var(--surface-canvas) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-hairline)}
.nav__inner{max-width:1180px}.nav__links{gap:clamp(.8rem,1.8vw,1.45rem)}.nav__links a{font-size:.88rem;color:var(--color-text-secondary)}.nav__links a:hover{color:var(--color-text-primary)}
.btn{font-weight:650;letter-spacing:-.01em}.btn--primary{box-shadow:0 8px 24px rgba(59,130,246,.16)}.btn--primary:hover{box-shadow:0 12px 30px rgba(59,130,246,.24)}
.start-panel{max-width:1180px;min-height:min(760px,calc(100svh - var(--navbar-height)));align-items:center;gap:clamp(2.5rem,6vw,6rem)}
.start-copy{position:relative;z-index:1}.start-copy h1{max-width:13ch;font-size:clamp(3rem,6.2vw,5.4rem);letter-spacing:-.055em}.start-intro{max-width:39rem;font-size:clamp(1.05rem,1.8vw,1.22rem)}
.start-choices{background:linear-gradient(155deg,color-mix(in srgb,var(--surface-elevated) 86%,transparent),color-mix(in srgb,var(--surface-primary) 94%,transparent));border:1px solid var(--border-hairline);box-shadow:var(--aura-soft);}
.step6-hero-visual{position:relative;display:grid;place-items:center;min-height:360px;border-radius:var(--radius-2xl);overflow:hidden;background:radial-gradient(circle at center,rgba(34,211,238,.07),transparent 55%);border:1px solid var(--border-hairline)}
.aurora-signature{aspect-ratio:1;display:grid;place-items:center;position:relative;isolation:isolate}.aurora-signature::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.08),rgba(146,105,243,.04) 40%,transparent 70%);filter:blur(14px);z-index:-1}.aurora-signature svg{display:block;width:100%;height:auto;overflow:visible}.aurora-signature__line{stroke-dasharray:900;stroke-dashoffset:900;animation:sig-draw var(--motion-reveal) var(--ease-out-expo) forwards;animation-delay:var(--sig-delay)}.aurora-signature__core{animation:sig-core var(--motion-reveal) var(--ease-out-expo) both}
@keyframes sig-draw{to{stroke-dashoffset:0}}@keyframes sig-core{from{opacity:0;transform-origin:center;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
.signature-note{max-width:34rem;margin:.9rem auto 0;text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}
/* Result reveal 2.0 */
.reveal{max-width:1120px;margin-inline:auto}.reveal-stage{padding-block:clamp(2.5rem,6vw,5.25rem)}.reveal-stage--score{min-height:52svh;display:grid;align-content:center}.reveal-stage--signature{padding-top:1rem}.result-signature{width:min(360px,78vw);margin-inline:auto}.reveal-archetype{letter-spacing:-.045em}.reveal-tagline{max-width:36rem;margin-inline:auto;font-style:normal;font-size:clamp(1.1rem,2.3vw,1.35rem);color:var(--color-text-primary)}.reveal-description{max-width:42rem}.reveal-rarity{display:none!important}.reveal-stage--identity .btn{margin-top:1.25rem}.assessment-limits{max-width:50rem;margin:1.25rem auto 0;padding-inline:1rem;text-align:center;font-size:var(--text-xs)}
/* Focused assessment state */
.test-body.is-assessing .nav__links,.test-body.is-assessing .nav__actions>a,.test-body.is-assessing .nav__toggle,.test-body.is-assessing footer,.test-body.is-assessing .guide-next,.test-body.is-assessing .test-content{display:none!important}.test-body.is-assessing .nav{background:var(--surface-canvas);backdrop-filter:none}.test-body.is-assessing .nav__inner{justify-content:center}.test-body.is-assessing .nav__brand{margin-inline:auto}.test-body.is-assessing .test-main{min-height:calc(100dvh - var(--navbar-height-mobile))}
.question__option{min-height:58px;border-color:var(--border-emphasis);background:color-mix(in srgb,var(--surface-elevated) 82%,transparent)}.question__option:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px}.question__option.is-selected{box-shadow:0 0 0 1px rgba(90,162,247,.22),0 12px 36px rgba(0,0,0,.2)}
/* Passport visual anchor */
.pp-wrap{max-width:1080px}.pp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding-top:clamp(2rem,6vw,5rem)}.pp-hero__copy{min-width:0}.pp-signature-shell{padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border-hairline);border-radius:var(--radius-2xl);background:linear-gradient(155deg,rgba(255,255,255,.025),transparent);box-shadow:var(--aura-soft)}.pp-signature{width:min(330px,100%);margin:auto}.pp-count{font-family:var(--font-mono);font-size:.84rem;color:var(--color-text-muted)}.pp-latest,.pp-next,.pp-panel,.pp-home{background:color-mix(in srgb,var(--surface-primary) 92%,transparent);border-color:var(--border-hairline);box-shadow:none}.pp-latest{border-top:1px solid var(--border-hairline);position:relative}.pp-latest::before{content:"";position:absolute;left:0;top:1.2rem;bottom:1.2rem;width:2px;background:var(--gradient-aurora);border-radius:2px}.pp-map{position:relative;min-height:390px;margin:1.5rem 0 2rem;display:grid;place-items:center}.pp-map__center{width:210px;z-index:2}.pp-map__node{position:absolute;display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.65rem .85rem;border:1px solid var(--border-hairline);border-radius:999px;background:var(--surface-primary);color:var(--color-text-secondary);text-decoration:none!important}.pp-map__node[data-explored="true"]{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--aura-cyan) 28%,var(--border-hairline));box-shadow:0 0 30px rgba(34,211,238,.06)}.pp-map__node:nth-of-type(1){top:4%;left:50%;transform:translateX(-50%)}.pp-map__node:nth-of-type(2){top:28%;right:3%}.pp-map__node:nth-of-type(3){bottom:12%;right:12%}.pp-map__node:nth-of-type(4){bottom:12%;left:12%}.pp-map__node:nth-of-type(5){top:28%;left:3%}.pp-map__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-text-muted)}.pp-map__node[data-explored="true"] .pp-map__dot{background:var(--aura-cyan)}
/* Assessment directory: curated cards, not a badge wall */
.discover{max-width:1180px}.discover-heading{max-width:720px}.discover-grid{gap:1rem}.discover-card{position:relative;min-height:250px;padding:clamp(1.2rem,3vw,1.7rem);border:1px solid var(--border-hairline);background:linear-gradient(155deg,color-mix(in srgb,var(--surface-primary) 96%,transparent),color-mix(in srgb,var(--surface-elevated) 58%,transparent));box-shadow:none}.discover-card::before{content:attr(data-step6-group);display:block;margin-bottom:1.25rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted)}.discover-card .card-meta{display:none}.discover-card h3{font-size:1.28rem}.discover-card>a{margin-top:auto}.discover-card:hover{transform:translateY(-2px);border-color:var(--border-emphasis)}
/* Reading/trust pages stay calm */
.article,.trust-content,.legal-content{max-width:760px}.article p,.article li,.trust-content p{line-height:1.78}.article h1,.trust-content h1{letter-spacing:-.045em}
/* Empty/error clarity */
.error-body .error-code{opacity:.18}.discover-empty,.result-empty__inner{border:1px solid var(--border-hairline);border-radius:var(--radius-xl);padding:clamp(1.5rem,5vw,3rem);background:var(--surface-primary)}
@media(max-width:767px){.start-panel{min-height:auto;padding-top:2rem}.start-copy h1{font-size:clamp(2.7rem,13vw,4rem)}.pp-hero{grid-template-columns:1fr}.pp-signature-shell{order:-1;max-width:310px;margin-inline:auto;width:100%}.pp-map{min-height:330px}.pp-map__center{width:150px}.pp-map__node{position:static;transform:none!important;width:100%;justify-content:flex-start}.pp-map{display:flex;flex-direction:column;gap:.55rem;align-items:stretch}.pp-map__center{align-self:center;margin-bottom:.5rem}.reveal-stage--score{min-height:44svh}.result-signature{width:min(280px,72vw)}.discover-card{min-height:0}}
@media(max-width:360px){.start-actions,.pp-controls{display:grid;grid-template-columns:1fr}.start-actions .btn,.pp-controls>*{width:100%}.question__option{min-height:62px;padding:.8rem}.reveal-score__num{font-size:4.5rem}}
@media(prefers-reduced-motion:reduce){.aurora-signature__line,.aurora-signature__core{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0}.discover-card:hover{transform:none}}
@media print{.aurora-signature__line,.aurora-signature__core{animation:none!important;stroke-dasharray:none}.pp-signature-shell{box-shadow:none}.nav,.footer{display:none!important}}

/* Step 6 refinements */
.step6-hero-visual{min-height:260px;margin-bottom:1.25rem}.step6-hero-visual .aurora-signature{width:min(250px,72%)}.start-choices>.eyebrow{margin-top:.25rem}
.discover-card{display:flex;flex-direction:column}.discover-card__state{align-self:flex-start;margin-bottom:.65rem;font-size:.76rem;color:var(--color-text-muted)}.discover-card__state[data-explored="true"]{color:var(--color-text-accent)}
.practical-report header{border-top:0;padding-top:0}.practical-report .pr-summary{font-size:clamp(1.08rem,2vw,1.22rem)!important;color:var(--color-text-primary)}.practical-report .pr-first-step{background:color-mix(in srgb,var(--color-primary-500) 7%,var(--surface-primary));border-left-width:2px}.pr-story section{background:color-mix(in srgb,var(--surface-elevated) 52%,transparent);border-color:var(--border-hairline)}.pr-evidence{border-color:var(--border-hairline)}.pr-limits{background:transparent;border-color:var(--border-hairline)}
.pp-connections details{position:relative;padding-left:1.25rem}.pp-connections details::before{content:"";position:absolute;left:.15rem;top:1.3rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--aura-cyan);box-shadow:0 0 18px rgba(34,211,238,.24)}
@media(max-width:767px){.step6-hero-visual{min-height:220px}.step6-hero-visual .aurora-signature{width:min(210px,70%)}}

/* Release QA: readable footer text in both themes. */
.footer__disclaimer,.footer__copy{color:var(--color-text-secondary)}

/* Reserve the Passport app region before local state renders. */
.pp-wrap{min-height:100vh;min-height:100svh}
