/* Review controls are local only. Each variation changes color, not content. */
.theme-review{max-width:1104px;margin:20px auto 0;background:#fff;border:1px solid #d9d5dc;border-radius:15px;padding:16px 20px;color:#34313b;font:13px/1.5 Arial,sans-serif}.theme-review>div:first-child{display:flex;justify-content:space-between;gap:12px}.theme-review span{color:#706b76;font-size:11px}.theme-options{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0}.theme-options button{border:1px solid #d9d5dc;border-radius:9px;background:#faf9fb;padding:9px 13px;color:#39343f;font-size:12px}.theme-options button[aria-pressed=true]{background:#302a39;color:white;border-color:#302a39}.theme-review p{color:#655e6c;font-size:12px}
body[data-theme=violet]{--ink:#302a3d;--purple:#654ca4;--lilac:#f2eef9;--lime:#e9e1f6;--accent-hover:#533b8e;--muted:#655e70;--line:#e1dbe8;--wash:#f7f4fa;--paper:#fffdf9}
body[data-theme=ink]{--ink:#30302f;--purple:#383836;--lilac:#f0efeb;--lime:#e3e1d9;--accent-hover:#20201f;--muted:#63625d;--line:#dedcd5;--wash:#f5f4f0;--paper:#fffdf8}
body[data-theme=sage]{--ink:#303c34;--purple:#49664f;--lilac:#eef2ec;--lime:#dce7d7;--accent-hover:#354e3b;--muted:#5e685f;--line:#dbe2d7;--wash:#f3f5ef;--paper:#fffdf8}
body:not([data-theme=original]){background:var(--paper)}
body:not([data-theme=original]) h1 em{color:var(--ink)}
body:not([data-theme=original]) .review{background:var(--wash);color:var(--muted)}
body:not([data-theme=original]) .hero .eyebrow{background:var(--wash);color:var(--purple)}
body:not([data-theme=original]) .example{border-color:var(--ink);box-shadow:7px 7px 0 var(--lilac)}
body:not([data-theme=original]) .toy-banner{background:var(--wash)}
body:not([data-theme=original]) .toy-label b{background:var(--lime)}
body:not([data-theme=original]) .xray-pal rect[fill="#DDF786"]{fill:var(--lime)}
body:not([data-theme=original]) .xray-pal [stroke="#292342"]{stroke:var(--ink)}
body:not([data-theme=original]) .xray-pal [stroke="#6850BC"]{stroke:var(--purple)}
body:not([data-theme=original]) .xray-pal [fill="#292342"]{fill:var(--ink)}
body:not([data-theme=original]) .promise>div{background:transparent;border-color:var(--line)}
body:not([data-theme=original]) .promise span,body:not([data-theme=original]) .card-meta,body:not([data-theme=original]) .step b{color:var(--purple)}
body:not([data-theme=original]) .lead,body:not([data-theme=original]) .promise p,body:not([data-theme=original]) .step p,body:not([data-theme=original]) .micro,body:not([data-theme=original]) .byline,body:not([data-theme=original]) .qhint{color:var(--muted)}
body:not([data-theme=original]) .foot,body:not([data-theme=original]) footer{background:var(--wash);color:var(--muted)}
body:not([data-theme=original]) .deliverable{background:white;border-color:var(--line)}
body:not([data-theme=original]) .email{background:var(--wash)}
body:not([data-theme=original]) .email .eyebrow,body:not([data-theme=original]) .email small,body:not([data-theme=original]) .deliverable li,body:not([data-theme=original]) .deliverable p{color:var(--muted)}
body:not([data-theme=original]) .focus-box,body:not([data-theme=original]) .question-copy{background:var(--wash)}
body:not([data-theme=original]) .choice:has(input:checked){background:var(--lilac);box-shadow:3px 3px 0 var(--line)}
body:not([data-theme=original]) .result-card,body:not([data-theme=original]) .secondary{border-color:var(--line)}
body:not([data-theme=original]) .tabs button{border-color:var(--line);color:var(--muted)}
body:not([data-theme=original]) .tabs button[aria-pressed=true]{background:var(--lilac);color:var(--ink);border-color:var(--ink)}
body:not([data-theme=original]) .progress-track{background:var(--lilac)}
@media(hover:hover){body:not([data-theme=original]) .primary:not(:disabled):hover{background:var(--accent-hover);color:white}}
@media(max-width:760px){.theme-review{margin:14px 20px 0;padding:14px}.theme-review>div:first-child{display:block}.theme-review span{display:block}.theme-options{gap:6px}.theme-options button{padding:8px 10px}}
@media print{.theme-review{display:none}}

.theme-review details{margin-top:10px;font-size:12px}.theme-review summary{color:#655e6c}
#concept-art{background:#fffcf7;border-bottom:1px solid #e8e1ef;padding:8px 28px}#concept-art svg{display:block;width:100%;max-height:120px;margin:auto}#concept-art text{fill:#292342;stroke:none;font:600 13px Arial,sans-serif}
.example-status{margin:16px 24px 0;padding:10px 12px;background:#f2edfc;border-radius:12px;font-size:12px;font-weight:700}.example-status small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:#665b74}.example .top h2{font-size:24px}.toy-banner{min-height:120px}.xray-pal{height:115px;width:132px}.toy-label{font-size:17px}#sample-copy{font-size:12px;padding:7px 11px;margin-top:10px}#sample-copy-status{display:block;font-size:11px;color:#514267;margin-top:5px}.hero .micro{max-width:420px}
@media(max-width:760px){.toy-label{font-size:15px}.xray-pal{width:115px}.example-status{margin-left:20px;margin-right:20px}}

.hero{align-items:start}.hero>div:first-child{padding-top:24px}@media(max-width:760px){.hero>div:first-child{padding-top:0}}

/* One useful sample, with no stacked illustration or topic navigation. */
.example .toy-banner{min-height:120px;padding:14px 24px;background:var(--lilac);border-bottom:1px solid #ded5ed;gap:12px}.example .toy-label{font-size:17px;line-height:1.7;transform:none}.example .toy-label b{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 4px}.example .xray-pal{width:100px;height:100px;flex-shrink:0}.sample-result{padding:28px}.sample-kicker{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#6f637b;margin-bottom:14px}.sample-result h2{font:800 28px/1.2 Arial,sans-serif;letter-spacing:-.8px;margin:0}.sample-context{font-size:15px;line-height:1.6;color:#60576b;margin-top:16px}.sample-question{margin-top:24px;border-radius:15px;background:#f5f1fc;padding:20px}.sample-question>span:first-child{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#6041ad}.sample-question p{font-size:19px;line-height:1.45;margin:9px 0 12px;color:#292342}.sample-person{font-size:14px;color:#60576b;margin-top:20px}.sample-bottom{padding:17px 24px;border-top:1px solid #e8e1ef;font-size:13px;font-weight:700}.sample-bottom small{display:block;font-size:10px;font-weight:400;color:#70667b;margin-top:6px}#sample-copy{background:white;padding:9px 14px;font-size:13px}#sample-copy-status:empty{display:none}
@media(max-width:760px){.sample-result{padding:24px}.sample-result h2{font-size:25px}.example .toy-banner{padding:15px 20px}.example .toy-label{font-size:15px}.example .xray-pal{width:82px;height:90px}.sample-question p{font-size:18px}}

/* Minimal hero sample. */
.example .toy-banner{background:var(--lilac);border:0;min-height:150px;justify-content:center;flex-direction:column-reverse;gap:0;padding:20px 20px 12px}.example .toy-label{font-size:16px;text-align:center}.example .xray-pal{width:95px;height:100px}.sample-result{text-align:center;padding:20px 28px 30px}.sample-result h2{font-size:29px;line-height:1.25;max-width:330px;margin:0 auto 25px}.sample-result .primary{font-size:15px}.sample-kicker{margin-bottom:12px;font-size:10px}

/* One paper illustration communicates the breadth of visitor questions. */
.example.paper-scene{position:relative;overflow:visible;background:transparent;border:0;box-shadow:none;padding:46px 22px 24px 10px;isolation:isolate}
.question-paper{position:relative;background:#fffef9;border:1.5px solid #39324b;border-radius:5px 5px 22px 5px;padding:32px 30px 20px;transform:rotate(-3deg);box-shadow:7px 8px 0 #e8dff7;z-index:1}
.paper-pin{position:absolute;top:-12px;left:34px;width:88px;height:25px;background:#dff68ecf;transform:rotate(-6deg);border-left:2px dotted #b7cb70;border-right:2px dotted #b7cb70}
.paper-caption{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:bold;color:#705591;margin:0 0 12px}
.question-paper h2{font:800 31px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0 0 18px;color:#292342}
.paper-row{display:flex;gap:13px;align-items:flex-start;padding:16px 0;border-top:1px solid #e7e0ee}
.paper-row h3{font:700 16px/1.4 Arial,sans-serif;margin:0;color:#302740}.paper-row p{font:14px/1.5 Arial,sans-serif;color:#675e70;margin-top:3px}
.paper-dot{width:12px;height:12px;border-radius:50%;background:#bfa9ea;flex-shrink:0;margin-top:5px}.paper-row:nth-of-type(even) .paper-dot{background:#c1db73}
.paper-pal{position:absolute;right:5px;top:-8px;z-index:2;transform:rotate(11deg)}.paper-pal .xray-pal{width:110px;height:110px;animation:pal-hello .7s ease-out both}
.example.paper-scene:hover .xray-pal{transform:none}
@media(max-width:760px){.example.paper-scene{padding:40px 12px 20px 8px;margin:0 5px}.question-paper{padding:28px 24px 18px;transform:rotate(-2deg)}.question-paper h2{font-size:29px}.paper-pal{right:0;top:-12px}.paper-pal .xray-pal{width:100px;height:100px}.paper-row{padding:15px 0}}
@media(prefers-reduced-motion:reduce){.paper-pal .xray-pal{animation:none}}

/* Result preview makes the output tangible, with one expanded example. */
.result-preview-section{padding-top:30px;padding-bottom:60px}.result-preview-section .intro{max-width:620px;margin-bottom:28px}.result-demo{background:#eee7fc;border:1.5px solid #39324b;border-radius:22px;padding:26px;max-width:820px;box-shadow:6px 6px 0 #e5ddf4}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.demo-heading>span{font-size:20px;font-weight:800;letter-spacing:-.4px}.demo-heading small{font-size:11px;color:#655a76}.demo-topic,.demo-topic-detail{background:#fffdf9;border:1px solid #ded5eb;border-radius:13px;margin:10px 0}.demo-topic,.demo-topic-detail>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px}.demo-topic strong,.demo-topic-detail strong{font-size:16px}.demo-topic-detail>summary{list-style:none;cursor:pointer}.demo-topic-detail>summary::-webkit-details-marker{display:none}.demo-topic-detail>summary::after{content:'+';font-size:22px;color:#6041ad;line-height:1}.demo-topic-detail[open]>summary::after{content:'−'}.demo-topic-detail>summary .demo-status{margin-left:auto}.demo-status{border-radius:30px;padding:5px 10px;font-size:11px;white-space:nowrap}.demo-status.handled{background:#e9f3c9;color:#405120}.demo-status.open-topic{background:#eee5fc;color:#5b4087}.demo-status.unsure{background:#fce8da;color:#79503a}.demo-answer{margin:0 20px 20px;padding:18px 20px;border-left:3px solid #bda5e6;background:#f5f1fb;border-radius:0 10px 10px 0}.demo-answer-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#675481;font-weight:700}.demo-answer p{font-size:20px;line-height:1.45;margin:8px 0 12px;max-width:540px}.demo-contact{font-size:13px;color:#675e70}.demo-footnote{font-size:11px;color:#655a76;margin:16px 0 0}.demo-action{display:flex;align-items:center;gap:24px;margin-top:30px}.demo-action>span{font-size:12px;color:#675e70}
@media(max-width:760px){.result-demo{padding:17px;box-shadow:4px 4px 0 #e5ddf4}.demo-heading{display:block}.demo-heading small{display:block;margin-top:5px}.demo-topic,.demo-topic-detail>summary{padding:15px 13px;flex-wrap:wrap;gap:8px}.demo-topic-detail>summary .demo-status{margin-left:0}.demo-topic-detail>summary::after{margin-left:auto}.demo-topic strong,.demo-topic-detail strong{width:100%}.demo-answer{margin:0 12px 14px;padding:14px}.demo-answer p{font-size:17px}.demo-action{align-items:flex-start;flex-direction:column;gap:14px}.result-preview-section h2{font-size:29px}}

.quiz-teaser-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:55px 0 70px}.teaser-intro p{font-size:17px;line-height:1.7;color:#675e70;max-width:365px;margin-top:20px}.quiz-teaser{position:relative;background:#eee7fc;border:2px solid #292342;border-radius:24px;padding:32px;box-shadow:7px 7px 0 #dfd4f2}.teaser-sticker{position:absolute;right:20px;top:-17px;background:#ddf786;border:1.5px solid #292342;padding:6px 14px;font-size:12px;font-weight:bold;transform:rotate(5deg);border-radius:5px}.quiz-teaser h3{font:800 28px/1.2 Arial,sans-serif;letter-spacing:-.7px;margin-bottom:24px}.quiz-teaser .eyebrow{font-size:10px;margin-bottom:12px}.teaser-choices{display:grid;gap:11px}.teaser-choices button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fffdf9;border:1.5px solid #c4b5dd;border-radius:13px;padding:16px 18px;color:#292342;font-weight:700;transition:transform .15s,background .15s}.teaser-choices button:last-child{background:#f0f6dd}.teaser-choices button span{font-size:21px;color:#6041ad}.teaser-note{font-size:11px;line-height:1.6;color:#655a76;margin-top:18px}.chosen-focus{font-size:12px;color:#6041ad;margin-bottom:18px}@media(hover:hover){.teaser-choices button:hover{transform:translateX(3px);border-color:#6041ad;background:#fff}}@media(max-width:760px){.quiz-teaser-section{grid-template-columns:1fr;gap:35px;padding:35px 0 50px}.quiz-teaser{padding:27px 22px}.quiz-teaser h3{font-size:25px}.teaser-intro p{margin-top:15px}.teaser-choices button{font-size:15px}}@media(prefers-reduced-motion:reduce){.teaser-choices button{transition:none}}

/* Compact supporting invitation, with benefit before advisor identity. */
.quiz-teaser-section{gap:40px;padding:30px 0 50px;grid-template-columns:1fr 1.15fr;border-top:1px solid #e7deef}.quiz-teaser-section .teaser-intro h2{font-size:28px}.teaser-intro p{font-size:15px;margin-top:15px}.teaser-intro .tool-scope{font-size:12px;color:#756b80;line-height:1.65;max-width:340px}.quiz-teaser{padding:25px}.quiz-teaser h3{font-size:24px;margin-bottom:18px}.teaser-choices{grid-template-columns:1fr 1fr;gap:10px}.teaser-choices button{font-size:14px;padding:14px}.teaser-note{margin-top:14px}@media(max-width:760px){.quiz-teaser-section{grid-template-columns:1fr;gap:28px}.teaser-choices{grid-template-columns:1fr}.quiz-teaser-section .teaser-intro h2{font-size:27px}}

/* Separate visual chapters, with native scrolling and no scroll lock. */
.hero{min-height:calc(100svh - 130px);align-items:center;padding-top:55px;padding-bottom:90px;position:relative}.hero>div:first-child{padding-top:0}.hero::after{content:'Scroll to find your starting point ↓';position:absolute;bottom:28px;left:0;color:#786d87;font-size:12px;letter-spacing:.3px}.quiz-teaser-section{min-height:90svh;align-content:center;padding-top:90px;padding-bottom:90px;border-top:0;position:relative}.quiz-teaser-section::before{content:'';position:absolute;inset:35px -28px;background:#f3edf9;border-radius:32px;z-index:-1}.quiz-teaser-section{isolation:isolate}.quiz-teaser-section.scroll-ready .teaser-intro,.quiz-teaser-section.scroll-ready .quiz-teaser{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.quiz-teaser-section.in-view .teaser-intro,.quiz-teaser-section.in-view .quiz-teaser{opacity:1;transform:translateY(0)}.quiz-teaser-section.in-view .quiz-teaser{transition-delay:.12s}
@media(max-width:760px){.hero{min-height:auto;padding-top:30px;padding-bottom:85px;gap:30px}.hero::after{bottom:24px;left:0;font-size:11px}.quiz-teaser-section{min-height:100svh;padding:75px 0;gap:30px}.quiz-teaser-section::before{inset:20px -12px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.quiz-teaser-section.scroll-ready .teaser-intro,.quiz-teaser-section.scroll-ready .quiz-teaser{opacity:1;transform:none;transition:none}}
@media print{.hero,.quiz-teaser-section{min-height:0}.hero::after{display:none}.quiz-teaser-section.scroll-ready .teaser-intro,.quiz-teaser-section.scroll-ready .quiz-teaser{opacity:1;transform:none}}

/* One centered, interactive focal point. */
.quiz-teaser-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:82svh;padding:80px 30px;isolation:isolate}.quiz-teaser-section::before{inset:16px -28px}.teaser-intro{text-align:center;max-width:650px}.quiz-teaser-section .teaser-intro h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px}.teaser-intro p{max-width:none;font-size:17px;margin-top:14px}.quiz-teaser{width:100%;max-width:700px;padding:36px;background:#eee7fc}.quiz-teaser h3{font-size:30px;line-height:1.25;max-width:510px;margin-bottom:26px}.teaser-choices{gap:14px}.teaser-choices button{min-height:68px;font-size:16px;padding:18px 20px}.teaser-note{font-size:12px;margin-top:23px;max-width:550px}.teaser-pal{position:absolute;right:22px;top:-70px;transform:rotate(8deg);pointer-events:none}.teaser-pal .xray-pal{width:94px;height:100px;animation:none}.quiz-teaser-section.scroll-ready .teaser-choices button{opacity:1;transform:translateY(0)}.quiz-teaser-section.in-view .teaser-choices button{animation:choice-arrival .42s ease-out both}.quiz-teaser-section.in-view .teaser-choices button:nth-child(2){animation-delay:.07s}.quiz-teaser-section.in-view .teaser-choices button:nth-child(3){animation-delay:.14s}.quiz-teaser-section.in-view .teaser-choices button:nth-child(4){animation-delay:.21s}.quiz-teaser-section.in-view .teaser-pal .xray-pal{animation:peek-greeting .65s ease-out both}@keyframes choice-arrival{from{transform:translateY(8px);background:#f3efFA}to{transform:translateY(0)}}@keyframes peek-greeting{0%{transform:translateY(13px) rotate(-8deg)}65%{transform:translateY(-3px) rotate(4deg)}100%{transform:translateY(0) rotate(0)}}
@media(max-width:760px){.quiz-teaser-section{min-height:auto;padding:65px 0;gap:60px}.quiz-teaser-section .teaser-intro h2{font-size:35px;letter-spacing:-1px}.teaser-intro p{font-size:15px;max-width:280px;margin:12px auto 0}.quiz-teaser{padding:29px 22px 23px}.quiz-teaser h3{font-size:25px;max-width:290px}.teaser-choices{gap:10px}.teaser-choices button{min-height:59px;font-size:15px;padding:15px}.teaser-pal{top:-65px;right:16px}.teaser-note{font-size:11px}.quiz-teaser-section::before{inset:10px -12px}}
@media(prefers-reduced-motion:reduce){.quiz-teaser-section.in-view .teaser-choices button,.quiz-teaser-section.in-view .teaser-pal .xray-pal{animation:none;transform:none}}

/* A finite organizing illustration. It does not imply financial analysis. */
.quiz-teaser-section{gap:30px;padding-top:65px;padding-bottom:65px}.motion-story{position:relative;width:340px;height:240px;max-width:100%;flex-shrink:0;margin:0 auto 5px}.motion-sheet{position:absolute;inset:12px 37px 4px 18px;background:#fffef9;border:1.5px solid #39324b;border-radius:13px;box-shadow:5px 6px 0 #dbceef;padding:18px;overflow:visible}.motion-paper-title{font-size:12px;font-weight:800;letter-spacing:-.2px;margin-bottom:12px;color:#544168}.motion-slip{position:relative;background:#eee7fc;border:1px solid #c8b7e4;border-radius:8px;padding:7px 11px;margin:8px 0;font-size:12px;font-weight:700;line-height:1.25;z-index:2}.motion-slip span{display:block;font-size:10px;font-weight:400;color:#665675;margin-top:3px}.slip-severance{background:#f2f7dd;border-color:#d5dfa9}.slip-coverage{background:#fff0e5;border-color:#e8d2c0}.motion-helper{position:absolute;right:-4px;top:7px;z-index:4;transform:rotate(9deg)}.motion-helper .xray-pal{width:80px;height:90px;animation:none}.scan-beam{position:absolute;left:8px;right:8px;top:20px;height:30px;background:linear-gradient(transparent,#a77de65c);border-bottom:2px solid #a47bc9;border-radius:3px;opacity:0;pointer-events:none;z-index:3}
.quiz-teaser-section.in-view .slip-stock{animation:sort-stock 1.6s cubic-bezier(.2,.7,.2,1) both}.quiz-teaser-section.in-view .slip-severance{animation:sort-severance 1.8s cubic-bezier(.2,.7,.2,1) both}.quiz-teaser-section.in-view .slip-coverage{animation:sort-coverage 2s cubic-bezier(.2,.7,.2,1) both}.quiz-teaser-section.in-view .scan-beam{animation:scan-once 1.8s .15s ease-in-out both}.quiz-teaser-section.in-view .motion-helper{animation:helper-nod 2s ease-in-out both}
@keyframes sort-stock{0%,15%{transform:translate(-28px,-8px) rotate(-9deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes sort-severance{0%,15%{transform:translate(25px,0) rotate(7deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes sort-coverage{0%,15%{transform:translate(-17px,12px) rotate(-5deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes scan-once{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(165px)}}
@keyframes helper-nod{0%,100%{transform:rotate(9deg)}45%{transform:rotate(-5deg) translateY(5px)}}
@media(max-width:760px){.quiz-teaser-section{gap:27px;padding:50px 0}.motion-story{width:290px;height:233px}.motion-sheet{inset:12px 25px 4px 10px;padding:16px}.motion-helper{right:-3px}.motion-helper .xray-pal{width:70px;height:80px}}
@media(prefers-reduced-motion:reduce){.quiz-teaser-section.in-view .motion-slip,.quiz-teaser-section.in-view .motion-helper,.quiz-teaser-section.in-view .scan-beam{animation:none!important}.scan-beam{display:none}}

/* Original paper bridges the hero and quiz on desktop. */
.paper-scan{position:absolute;top:0;left:0;right:0;height:48px;background:linear-gradient(transparent,#ac82df40);border-bottom:2px solid #a279d7;opacity:0;pointer-events:none;z-index:3;border-radius:5px}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
.hero.scroll-paper{min-height:150svh;align-items:start;padding-top:70px;padding-bottom:50px}.hero.scroll-paper>div:first-child{position:sticky;top:18vh}.hero.scroll-paper .paper-scene{position:sticky;top:12vh;opacity:var(--paper-opacity,1);transform:translateY(var(--paper-lift,0px));will-change:transform,opacity}.hero.scroll-paper .question-paper{transform:rotate(var(--paper-angle,-3deg));overflow:hidden}.hero.scroll-paper .paper-row{transform:translateX(var(--row-shift,0px));}.hero.scroll-paper .paper-row:nth-of-type(even){transform:translateX(calc(-1 * var(--row-shift,0px)))}.hero.scroll-paper .paper-scan{opacity:var(--scan-opacity,0);transform:translateY(var(--scan-y,0px))}.hero.scroll-paper>div:first-child{opacity:var(--copy-opacity,1)}
}
@media(prefers-reduced-motion:reduce){.paper-scan{display:none}}

.hero.scroll-paper>div:first-child:focus-within{opacity:1}

/* Still first hero; the quiz itself is the scroll reveal. */
.quiz-teaser-section.quiz-scroll .teaser-intro{opacity:var(--heading-reveal,0);transform:translateY(calc((1 - var(--heading-reveal,0))*18px));transition:none}
.quiz-teaser-section.quiz-scroll .quiz-teaser{opacity:var(--card-reveal,0);transform:translateY(var(--card-rise,110px)) scale(var(--card-scale,.92));transform-origin:center;transition:none;will-change:transform,opacity}
.quiz-teaser-section .teaser-pal{top:-65px;right:24px}.quiz-teaser-section .teaser-pal .xray-pal{width:92px;height:100px;animation:none}
.quiz-teaser-section.quiz-arrived .teaser-intro,.quiz-teaser-section.quiz-arrived .quiz-teaser{opacity:1;transform:none;will-change:auto}
.quiz-teaser-section.quiz-arrived .teaser-choices button{animation:quiz-option-in .4s ease-out both}.quiz-teaser-section.quiz-arrived .teaser-choices button:nth-child(2){animation-delay:.07s}.quiz-teaser-section.quiz-arrived .teaser-choices button:nth-child(3){animation-delay:.14s}.quiz-teaser-section.quiz-arrived .teaser-choices button:nth-child(4){animation-delay:.21s}.quiz-teaser-section.quiz-arrived .teaser-pal .xray-pal{animation:quiz-pal-in .6s ease-out both}
@keyframes quiz-option-in{from{transform:translateY(12px);opacity:.45}to{transform:translateY(0);opacity:1}}@keyframes quiz-pal-in{0%{transform:translateY(22px) rotate(-12deg);opacity:0}65%{transform:translateY(-5px) rotate(5deg);opacity:1}100%{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.quiz-teaser-section.quiz-scroll .teaser-intro,.quiz-teaser-section.quiz-scroll .quiz-teaser{opacity:1;transform:none}.quiz-teaser-section.quiz-arrived .teaser-choices button,.quiz-teaser-section.quiz-arrived .teaser-pal .xray-pal{animation:none!important}}

.hero,.hero>div:first-child,.hero .example,.hero .xray-pal{animation:none!important}.quiz-teaser-section.quiz-scroll:not(.quiz-arrived) .teaser-pal .xray-pal{opacity:0}

/* Connected result paths inspired by approachable product maps. */
.snapshot-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.snapshot-chips>span{background:#eee7fc;border-radius:30px;padding:9px 16px;font-size:13px}.snapshot-chips>span:nth-child(2){background:#edf4d9}.snapshot-chips>span:nth-child(3){background:#f2eeeb}.snapshot-chips b{font-size:18px;margin-right:5px}.map-card{padding:28px;background:#fffefb;border-color:#ddd2e9;box-shadow:0 7px 22px #38265008}.map-card h2{font-size:24px;max-width:690px;line-height:1.3}.map-status{font-size:10px;letter-spacing:0;text-transform:none;background:#f1eafa;padding:5px 9px;border-radius:20px}.map-card .detail-main>summary{font-size:13px;margin:16px 0}.topic-path{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:22px;align-items:stretch;margin:22px 0}.path-node{position:relative;border:1px solid #dcd3e5;border-radius:16px;padding:18px;background:#f5f1fb}.path-node:not(:last-child)::after{content:'→';position:absolute;right:-21px;top:45%;color:#9579b5;font-size:21px}.path-question{background:#f3f7e8;border-color:#dce6c1}.path-person{background:#fff0e5;border-color:#ebd9cd}.path-label{font-size:9px;letter-spacing:.65px;text-transform:uppercase;color:#716180;font-weight:700}.path-node h3{font-size:16px;line-height:1.3;margin:10px 0}.path-node p{font-size:13px;line-height:1.6;color:#5f576a;margin:0!important}.path-node button{font-size:12px;margin-top:16px;padding:8px 12px;background:white}.topic-limit{margin-top:14px}.topic-limit summary{font-size:12px}.map-card .why{font-size:12px}.results .focus-box{background:#f3eef9}.results .scope{font-size:12px}.results .qhint{margin-bottom:15px}
@media(max-width:760px){.topic-path{grid-template-columns:1fr;gap:22px}.path-node:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-23px}.map-card{padding:20px}.map-card h2{font-size:22px}.map-card .card-meta{align-items:flex-start;flex-direction:column;gap:7px}.snapshot-chips>span{font-size:11px;padding:8px 12px}}
@media print{.topic-path{display:block}.path-node{margin:10px 0;break-inside:avoid}.path-node::after{display:none}.map-card{box-shadow:none}.path-node{background:white}}

.result-topic-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 16px}.result-topic-tabs button{font:600 13px/1.4 Arial,sans-serif;border:1px solid #d5c8e7;border-radius:30px;background:#fffdf9;color:#635570;padding:11px 16px}.result-topic-tabs button[aria-selected=true]{background:#6041ad;color:white;border-color:#6041ad;box-shadow:2px 3px 0 #302342}.result-topic-tabs button:focus-visible{outline:3px solid #b6ce6d;outline-offset:3px}#active-topic .map-card{margin-top:0}.results .resolved{background:transparent;border:0;padding:0;margin:22px 0}.results .resolved h2{font-size:18px}.results .scope{margin:15px 0}.results .save-panel{padding:20px}.results .save-panel h2{font-size:22px}

.landing-faq{max-width:750px;margin:0 auto;padding:65px 0 45px}.landing-faq h2{font:800 35px/1.2 Arial,sans-serif;letter-spacing:-1px;margin:0 0 28px}.landing-faq details{border-bottom:1px solid #ded4e8;padding:21px 0}.landing-faq summary{font-size:17px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary::after{content:'+';color:#6041ad;font-size:22px}.landing-faq details[open] summary::after{content:'−'}.landing-faq details p{font-size:15px;color:#665b72;line-height:1.7;margin:15px 0 0;max-width:650px}.optional-talk{font-size:14px;margin-top:28px;color:#665b72}.optional-talk a{color:#6041ad;font-weight:700}.intro-scope{font-size:11px;color:#776c81;margin-top:7px;max-width:560px}.landing-finish{text-align:center;background:#eee7fc;border-radius:27px;padding:52px 24px;margin:10px 0 65px}.landing-finish h2{font:800 37px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0 0 28px}.landing-finish p{font-size:12px;color:#6a5d79;margin-top:18px}@media(max-width:760px){.landing-faq{padding:40px 0 30px}.landing-faq h2{font-size:29px}.landing-faq summary{font-size:16px}.landing-finish{padding:38px 20px;margin-bottom:40px}.landing-finish h2{font-size:30px}}

.result-peek{width:100%;max-width:700px;margin:0 auto}.result-peek>summary{text-align:center;list-style:none;font-size:13px;color:#675a77;padding:12px;cursor:pointer}.result-peek>summary::-webkit-details-marker{display:none}.result-peek>summary span{color:#6041ad;text-decoration:underline;font-weight:700;margin-left:4px}.result-peek>summary::after{content:' +';color:#6041ad;font-weight:bold}.result-peek[open]>summary::after{content:' −'}.peek-card{max-width:500px;margin:12px auto 0;padding:24px;background:#fffdf9;border:1px solid #d9cde6;border-radius:16px}.peek-card .eyebrow{font-size:9px;margin-bottom:9px}.peek-card h3{font-size:21px;letter-spacing:-.4px}.peek-card dl{margin:18px 0}.peek-card dl>div{display:grid;grid-template-columns:42px 1fr;gap:12px;margin:13px 0;font-size:14px;line-height:1.5}.peek-card dt{font-weight:700;color:#6041ad}.peek-card dd{margin:0;color:#4c435a}.peek-card>p{font-size:11px;color:#766981;border-top:1px solid #eee7f4;padding-top:13px}.result-peek>summary:focus-visible{outline:3px solid #b8cd7b;outline-offset:2px;border-radius:8px}

/* Visible next chapter after the interactive quiz. */
.result-reveal{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:70svh;padding:90px 0}.reveal-copy h2{font:800 37px/1.15 Arial,sans-serif;letter-spacing:-1px;margin:0}.reveal-copy>p{font-size:16px;line-height:1.7;color:#675a77;max-width:385px;margin-top:20px}.result-reveal .peek-card{width:100%;margin:0;padding:30px;border:1.5px solid #39324b;box-shadow:7px 7px 0 #e7def5;transform:rotate(1deg)}.result-reveal .peek-card h3{font-size:26px}.result-reveal .peek-card dl>div{padding:12px 0;margin:0;border-bottom:1px solid #eee7f4}.result-reveal .peek-card dl>div:last-child{border-bottom:0}.result-reveal .peek-card>p{border-top:0;padding-top:0}.result-reveal .peek-card dl{margin-bottom:12px}@media(max-width:760px){.result-reveal{grid-template-columns:1fr;gap:28px;min-height:auto;padding:65px 0}.reveal-copy h2{font-size:30px}.result-reveal .peek-card{padding:25px;transform:none}}

/* A single result display changes as its four explanations pass. */
.result-tour{padding:80px 0 35px}.tour-heading{max-width:650px;margin-bottom:35px}.tour-heading h2{font:800 43px/1.1 Arial,sans-serif;letter-spacing:-1.5px}.tour-heading>p{font-size:16px;color:#675a77;max-width:490px;margin-top:20px}.tour-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.preview-step{min-height:65svh;display:flex;flex-direction:column;justify-content:center;padding:40px 0 40px 24px;border-left:3px solid #e9e1f1;opacity:.55}.preview-step.tour-active{border-color:#7955bc;opacity:1}.preview-step h3{font:800 29px/1.2 Arial,sans-serif;letter-spacing:-.7px;max-width:390px}.preview-step>p{font-size:15px;line-height:1.7;color:#675a77;margin-top:18px;max-width:370px}.phone-stage{position:sticky;top:8vh;align-self:start;padding:24px 0}.preview-phone{width:340px;max-width:100%;margin:auto;background:#fffdf9;border:9px solid #30283e;border-radius:43px;padding:24px 17px 18px;box-shadow:15px 20px 35px #3a26421a;min-height:490px}.phone-brand{font-size:10px;letter-spacing:1.5px;color:#6a4a9e;text-align:center;font-weight:700;margin:0 0 22px}.phone-status{font-size:10px;color:#776484}.phone-result h3{font:800 28px/1.2 Arial,sans-serif;letter-spacing:-.7px;margin:8px 0 20px}.phone-node{background:#eee7fc;border-radius:14px;padding:14px;margin:10px 0}.phone-node:nth-of-type(2){background:#edf5d5}.phone-node:nth-of-type(3){background:#ffebdd}.phone-node b{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#635270}.phone-node p{font-size:13px;line-height:1.5;margin-top:5px;color:#332b41}.phone-bottom{font-size:10px;text-align:center;color:#766b80;margin-top:19px}.phone-caption{text-align:center;font-size:10px;color:#7c7187;margin:18px auto 0;max-width:340px}.phone-result:not([hidden]){animation:result-appear .3s ease-out}@keyframes result-appear{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.result-tour{padding-top:50px}.tour-heading h2{font-size:33px}.tour-layout{gap:18px;grid-template-columns:1fr}.phone-stage{grid-row:1;top:12px;z-index:2;padding:10px 0;background:#fffcf7}.preview-phone{width:310px;min-height:0;border-width:6px;border-radius:27px;padding:13px}.phone-brand{margin-bottom:10px;font-size:9px}.phone-result h3{font-size:22px;margin:5px 0 10px}.phone-node{padding:8px 11px;margin:6px 0}.phone-node p{font-size:11px;margin-top:3px}.phone-bottom{margin-top:10px}.phone-caption{margin-top:8px}.preview-step{min-height:65svh;padding:35px 10px 35px 18px;justify-content:flex-end}.preview-step h3{font-size:24px}.preview-step>p{font-size:13px}.phone-stage{max-height:65svh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.phone-result:not([hidden]){animation:none}}
@media print{.phone-stage{position:static}.preview-step{min-height:0;opacity:1}.phone-result[hidden]{display:block!important}}