/* Wealth Flow PH · The Personal Abundance Atlas */
:root {
  --atlas-night: #171121;
  --atlas-plum: #2b1c34;
  --atlas-plum-soft: #4f3a58;
  --atlas-paper: #faf5ea;
  --atlas-paper-deep: #ece2d0;
  --atlas-white: #fffdf7;
  --atlas-gold: #e8bb79;
  --atlas-gold-ink: #7d5225;
  --atlas-sage: #cde0d1;
  --atlas-jade: #286c5b;
  --atlas-line: rgba(196, 161, 111, .32);
}

html { scrollbar-color: #a77d62 var(--atlas-night); }
::selection { color: var(--atlas-night); background: var(--atlas-gold); }
.wealth-quiz, .wealth-checkout, .wealth-access, .wealth-policies { font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif; }
.wealth-quiz a, .wealth-checkout a, .wealth-access a, .wealth-policies a { text-decoration-thickness: 1px; text-underline-offset: .22em; }
.wealth-quiz :focus-visible, .wealth-checkout :focus-visible, .wealth-access :focus-visible, .wealth-policies :focus-visible { outline: 3px solid #e8bb79; outline-offset: 3px; }

/* The quiz begins with the question; the celestial chart stays secondary to the first answer. */
html:has(.wealth-quiz), .wealth-quiz { background: var(--atlas-night); color: var(--atlas-paper); }
.wealth-quiz {
  --step-accent: var(--atlas-gold);
  --step-ink: #80522e;
  --paper: var(--atlas-paper); --paper-deep: var(--atlas-paper-deep);
  --paper-light: var(--atlas-white); --plum: var(--atlas-night);
  --plum-soft: var(--atlas-plum-soft); --amber: var(--atlas-gold);
  --amber-deep: var(--atlas-gold-ink); --jade: var(--atlas-jade);
  --line: var(--atlas-line);
  background: radial-gradient(circle at 90% 17%, rgba(107, 71, 119, .36), transparent 25rem),
    radial-gradient(circle at 3% 60%, rgba(64, 93, 81, .19), transparent 29rem),
    radial-gradient(circle at 14px 18px, rgba(232,187,121,.13) .8px, transparent 1.4px) 0 0 / 74px 89px,
    var(--atlas-night);
}
.wealth-quiz[data-step="4"] { --step-accent: #e8b9b2; --step-ink: #955a64; }
.wealth-quiz[data-step="5"] { --step-accent: #d2bae4; --step-ink: #765582; }
.wealth-quiz[data-step="6"] { --step-accent: #bcd9c8; --step-ink: #416c58; }
.wealth-quiz[data-step="7"] { --step-accent: #cde0d1; --step-ink: #416c58; }
.wealth-quiz::before { display: none; }
.wealth-quiz::after { content: ""; position: fixed; right: -135px; bottom: -165px; z-index: 0; width: min(58vw, 490px); aspect-ratio: 1; background: url('/assets/wealth-flow/atlas-orbit.svg') center / contain no-repeat; opacity: .19; pointer-events: none; }
.wealth-quiz .site-header, .wealth-quiz main { position: relative; z-index: 1; }
.wealth-quiz .site-header { min-height: 62px; border-bottom-color: rgba(232,187,121,.26); }
.wealth-quiz .wordmark { color: var(--atlas-paper); }
.wealth-quiz .wordmark svg { color: var(--atlas-gold); }
.wealth-quiz .wordmark small { color: #d7c5d6; }
.wealth-quiz .wordmark > span { letter-spacing: .04em; }
.wealth-quiz .privacy-chip { color: #eee2de; }
.wealth-quiz .privacy-chip span { background: #9dcbb2; box-shadow: 0 0 0 4px rgba(157,203,178,.12); }
.wealth-quiz .journey { padding-top: 18px; }
.wealth-quiz .progress-wrap p { color: #e9dadd; }
.wealth-quiz .progress-track { height: 3px; background: rgba(250,245,234,.19); border-radius: 100px; }
.wealth-quiz .progress-track span { background: var(--step-accent); border-radius: inherit; }
.wealth-quiz .question-layout { margin-top: 24px; gap: 23px; }
.wealth-quiz .question-copy { isolation: isolate; }
.wealth-quiz .question-orbit { position: absolute; top: -8px; right: 0; width: 104px; height: 104px; opacity: .42; pointer-events: none; }
.wealth-quiz .question-orbit img { display: block; width: 100%; height: 100%; }
.wealth-quiz .back-button { color: #f1e3e5; }
.wealth-quiz .question-context, .wealth-quiz .status-line { position: relative; color: var(--step-accent); border-bottom-color: var(--step-accent); }
.wealth-quiz .question-copy h1 { max-width: 16ch; color: var(--atlas-paper); font-size: clamp(2.35rem, 9.5vw, 5.15rem); line-height: .98; letter-spacing: -.035em; }
.wealth-quiz .question-copy h1:focus { outline: none; }
.wealth-quiz .question-prompt { margin-top: 13px; color: #efdfdf; font-size: 14px; }
.wealth-quiz .reflection-note { margin-top: 10px; color: #ccb9c8; }
.wealth-quiz .answer-sheet::before { inset: 10px -7px -10px 7px; border: 1px solid rgba(232,187,121,.28); background: rgba(232,187,121,.08); transform: rotate(.7deg); border-radius: 20px; }
.wealth-quiz .answer-list { gap: 0; max-height: none; min-height: 0; overflow: visible; padding: 15px 17px; border: 1px solid #c9b99d; border-radius: 18px; background: var(--atlas-white); box-shadow: 0 22px 52px rgba(3,0,12,.23), 0 4px 9px rgba(3,0,12,.1); }
.wealth-quiz .answer-choice { min-height: 61px; grid-template-columns: 31px minmax(0,1fr) 26px; gap: 10px; border: 0; border-bottom: 1px solid #e1d8cb; padding: 10px 5px; background: transparent; color: var(--atlas-plum); font-size: 13px; line-height: 1.42; }
.wealth-quiz .answer-choice:first-child { border-top: 1px solid #e1d8cb; }
.wealth-quiz .answer-choice > span { border-color: #c9aa86; color: var(--step-ink); }
.wealth-quiz .answer-choice svg { width: 26px; height: 26px; padding: 5px; border: 1px solid #dbcbb8; border-radius: 50%; color: var(--step-ink); transition: background .18s ease-out, border-color .18s ease-out, transform .18s ease-out; }
.wealth-quiz .answer-choice:hover { background: #f8f0e5; box-shadow: none; transform: none; }
.wealth-quiz .answer-choice:hover svg, .wealth-quiz .answer-choice:focus-visible svg { background: #ecdfcc; border-color: #b79a78; transform: translateX(2px); }
.wealth-quiz .answer-choice.is-selected { background: #e8f1e8; border-color: #85b29a; }
.wealth-quiz .answer-choice.is-selected > span { background: var(--atlas-jade); border-color: var(--atlas-jade); color: white; }
.wealth-quiz .answer-choice.is-selected svg { background: var(--atlas-jade); border-color: var(--atlas-jade); color: white; }
.wealth-quiz .answer-choice:disabled:not(.is-selected) { opacity: .58; }
.month-label { display: block; margin: 3px 3px 10px; color: #584354; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wealth-quiz .answer-list:has(.month-grid) { padding: 19px; }
.month-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; border-top: 1px solid #d7c6ae; padding-top: 13px; }
.month-option { min-height: clamp(52px, 9svh, 70px); border: 1px solid #d9c7ad; border-radius: 8px; padding: 6px 3px; background: #fffaf0; color: #433049; font: 700 13px/1.2 "DM Sans", sans-serif; cursor: pointer; transition: background .18s ease-out, border-color .18s ease-out, color .18s ease-out, transform .18s ease-out; }
.month-option:hover, .month-option:focus-visible { border-color: #ac8257; background: #f3e5d0; transform: translateY(-1px); }
.month-option.is-selected { border-color: var(--atlas-jade); background: var(--atlas-jade); color: white; }
.wealth-quiz .question-layout.is-entering { animation: atlas-page-enter .32s cubic-bezier(.16,1,.3,1); }
@keyframes atlas-page-enter { from { opacity: .4; transform: translateY(12px); clip-path: inset(0 0 8% 0); } to { opacity: 1; transform: none; clip-path: inset(0); } }

/* Reflection, profile reveal and email gate share one visual language. */
.wealth-quiz .phase-pause, .wealth-quiz .phase-analysis, .wealth-quiz .phase-gate { color: var(--atlas-paper); }
.wealth-quiz .pause-mark, .wealth-quiz .analysis-ledger { min-height: 235px; border: 1px solid rgba(232,187,121,.32); border-radius: 20px; background: radial-gradient(circle, #45304b 0, #21172c 62%, #1b1425 100%); box-shadow: 0 24px 56px rgba(0,0,0,.2); }
.wealth-quiz .pause-mark::before, .wealth-quiz .pause-mark span { display: none; }
.wealth-quiz .pause-mark img, .wealth-quiz .analysis-ledger img { width: min(62%, 270px); height: auto; filter: drop-shadow(0 0 22px rgba(232,187,121,.21)); }
.wealth-quiz .analysis-ledger img { animation: atlas-breathe 3s ease-in-out infinite; }
@keyframes atlas-breathe { 50% { transform: scale(1.045); filter: drop-shadow(0 0 32px rgba(232,187,121,.38)); } }
.wealth-quiz .pause-copy h2, .wealth-quiz .analysis-copy h2, .wealth-quiz .gate-copy h2 { color: var(--atlas-paper); font-size: clamp(2.5rem, 10vw, 4.5rem); }
.wealth-quiz .pause-copy > p:not(.status-line), .wealth-quiz .gate-copy > p:not(.status-line) { color: #e6d9e1; }
.wealth-quiz .analysis-steps li { color: #b6a6b6; border-bottom-color: rgba(232,187,121,.22); }
.wealth-quiz .analysis-steps li.is-active { color: #d7e9d7; }
.wealth-quiz .analysis-steps li.is-active::before { background: #a6ceb4; box-shadow: inset 0 0 0 3px var(--atlas-night); }
.wealth-quiz .primary-action { border: 1px solid #e3b46f; border-radius: 8px; background: var(--atlas-gold); color: var(--atlas-night); box-shadow: 0 12px 26px rgba(0,0,0,.18); }
.wealth-quiz .primary-action:hover { background: #f2cd93; color: var(--atlas-night); }
.wealth-quiz .primary-action:disabled { background: #9c826d; color: #271a27; }
.wealth-quiz .email-sheet { border: 1px solid #d6c3a4; border-radius: 18px; background: var(--atlas-white); color: var(--atlas-plum); }
.wealth-quiz .email-sheet input[type="email"] { border-radius: 8px; }
.wealth-quiz .consent-row { color: #544358; }
.wealth-quiz .secure-note { color: #51445a; }
.wealth-quiz .ready-seal { color: var(--atlas-gold); }

.wealth-quiz .result-hero { min-height: 430px; border: 1px solid rgba(232,187,121,.43); border-radius: 20px; background: radial-gradient(circle at 84% 34%, rgba(144,108,131,.35), transparent 35%), url('/assets/wealth-flow/atlas-orbit.svg') no-repeat 110% 14% / min(72%,510px), #21162a; color: var(--atlas-paper); box-shadow: 0 25px 58px rgba(0,0,0,.2); }
.wealth-quiz .result-hero::before { display: none; }
.wealth-quiz .result-index { color: #eddbcb; border-bottom-color: rgba(232,187,121,.38); }
.wealth-quiz .result-index span { font-size: 11px; }
.wealth-quiz .result-index strong { color: var(--atlas-gold); }
.wealth-quiz .result-copy h1 { color: var(--atlas-paper); font-size: clamp(3rem, 12vw, 6.1rem); }
.wealth-quiz .result-subheadline { color: #f0e2df; }
.wealth-quiz .result-stamp { border-color: var(--atlas-gold); color: var(--atlas-gold); }
.wealth-quiz .diagnosis-layout { gap: 16px; }
.wealth-quiz .diagnosis-copy { max-width: none; padding: 24px 20px; border-radius: 16px; background: var(--atlas-paper); }
.wealth-quiz .diagnosis-copy p { color: var(--atlas-plum-soft); }
.wealth-quiz .diagnosis-copy p:first-child { color: var(--atlas-plum); }
.wealth-quiz .autonomy-note { border: 1px solid #9bc2a9; border-top: 0; border-radius: 16px; background: #e2efe3; color: var(--atlas-plum); }
.wealth-quiz .autonomy-note svg { color: var(--atlas-jade); }
.wealth-quiz .autonomy-note p { color: #425248; }
.wealth-quiz .offer-section { margin-top: 22px; padding: 26px 20px; border: 1px solid #cdb98e; border-radius: 18px; background: var(--atlas-paper); color: var(--atlas-plum); }
.wealth-quiz .offer-section .status-line { color: var(--atlas-gold-ink); border-bottom-color: #ae7d41; }
.wealth-quiz .offer-heading h2 { font-size: clamp(2.4rem, 9vw, 4.9rem); }
.wealth-quiz .offer-heading > p:last-child { color: var(--atlas-plum-soft); }
.wealth-quiz .guide-ledger { border-color: #dac9ae; border-radius: 12px; background: var(--atlas-white); box-shadow: none; overflow: hidden; }
.wealth-quiz .guide-intro { border-bottom-color: #e0d2bb; }
.wealth-quiz .guide-intro span { color: var(--atlas-jade); }
.wealth-quiz .guide-ledger li { border-bottom-color: #e6ddcf; }
.wealth-quiz .guide-ledger li > span { color: var(--atlas-gold-ink); }
.wealth-quiz .guide-ledger small, .wealth-quiz .objection-strip span { color: var(--atlas-plum-soft); }
.wealth-quiz .guide-ledger small, .wealth-quiz .objection-strip span { font-size: 12px; }
.wealth-quiz .objection-strip { background: #d3c3a7; border-color: #d3c3a7; border-radius: 10px; overflow: hidden; }
.wealth-quiz .objection-strip > div { background: #f6efe2; }
.wealth-quiz .offer-close { border-radius: 12px; background: var(--atlas-night); color: var(--atlas-paper); }
.wealth-quiz .offer-close > div:first-child > strong { color: var(--atlas-gold); }
.wealth-quiz .offer-close .primary-action { background: var(--atlas-gold); border-color: var(--atlas-gold); color: var(--atlas-night); }
.wealth-quiz .offer-disclaimer { color: #594960; }
.wealth-quiz .offer-action p, .wealth-quiz .offer-disclaimer { font-size: 12px; }
.wealth-quiz .result-sticky { border-top: 1px solid rgba(232,187,121,.55); background: var(--atlas-night); }
.wealth-quiz .result-sticky button { border-radius: 7px; background: var(--atlas-gold); color: var(--atlas-night); }
.wealth-quiz .toast { background: #3b293f; color: var(--atlas-paper); }

/* The checkout is intentionally lighter: the wallet and total need instant clarity. */
html:has(.wealth-checkout) { background: var(--atlas-paper); }
.wealth-checkout { background: radial-gradient(circle at 100% 5%, rgba(232,187,121,.16), transparent 25rem), var(--atlas-paper); color: var(--atlas-plum); }
.wealth-checkout .checkout-header { width: 100%; max-width: none; min-height: 67px; padding-inline: max(14px, calc((100vw - 1120px)/2)); border-bottom: 1px solid rgba(232,187,121,.33); background: var(--atlas-night); }
.wealth-checkout .checkout-brand, .wealth-checkout .checkout-header > p { color: var(--atlas-paper); }
.wealth-checkout .checkout-brand svg { color: var(--atlas-gold); }
.wealth-checkout .checkout-brand small { color: #dccbda; }
.wealth-checkout .checkout-intro { position: relative; overflow: hidden; margin-top: 10px; padding: 26px 21px 22px; border: 1px solid rgba(232,187,121,.48); border-radius: 18px; background: var(--atlas-night); color: var(--atlas-paper); }
.wealth-checkout .checkout-intro::after { content: ""; position: absolute; width: 265px; height: 265px; right: -105px; bottom: -106px; background: url('/assets/wealth-flow/atlas-orbit.svg') center / contain no-repeat; opacity: .2; pointer-events: none; }
.wealth-checkout .checkout-intro .status-line { color: var(--atlas-gold); border-bottom-color: var(--atlas-gold); }
.wealth-checkout .checkout-intro h1 { position: relative; max-width: 15ch; color: var(--atlas-paper); font-size: clamp(2.4rem, 10vw, 4.6rem); }
.wealth-checkout .checkout-intro > p:not(.status-line) { position: relative; max-width: 46ch; color: #f0e4e6; }
.wealth-checkout .intro-price { position: relative; border-color: rgba(232,187,121,.36); }
.wealth-checkout .intro-price span, .wealth-checkout .intro-price small { color: #e4d5de; }
.wealth-checkout .intro-price strong { color: var(--atlas-gold); }
.wealth-checkout .included-section, .wealth-checkout .form-section { border-bottom-color: #d9cbb6; }
.wealth-checkout .section-title h2, .wealth-checkout .order-summary h2 { color: var(--atlas-plum); }
.wealth-checkout .section-title > span { color: var(--atlas-jade); }
.wealth-checkout .compact-guides li { border-top-color: #d9cbb6; }
.wealth-checkout .compact-guides li > span { color: var(--atlas-gold-ink); }
.wealth-checkout .field-grid input { border-color: #9a877f; border-radius: 8px; background: var(--atlas-white); color: var(--atlas-plum); }
.wealth-checkout .field-grid input::placeholder { color: #6c5d6b; }
.wealth-checkout .bump-offer { border: 1px solid #a8895c; border-radius: 13px; background: var(--atlas-white); box-shadow: 0 10px 27px rgba(58,39,50,.09); }
.wealth-checkout .bump-offer:has(input:checked) { border-color: var(--atlas-jade); background: #eaf3e9; }
.wealth-checkout .bump-art { border-radius: 7px; background: url('/assets/wealth-flow/atlas-orbit.svg') no-repeat center 0 / 130px, var(--atlas-night); color: var(--atlas-paper); }
.wealth-checkout .bump-art small { color: var(--atlas-gold); }
.wealth-checkout .bump-copy small { color: var(--atlas-jade); }
.wealth-checkout .bump-copy small { font-size: 11px; }
.wealth-checkout .bump-copy > span { color: var(--atlas-plum-soft); }
.wealth-checkout .bump-copy > span { font-size: 12px; }
.wealth-checkout .bump-copy b, .wealth-checkout .bump-price { color: var(--atlas-gold-ink); }
.wealth-checkout .wallet-option { border-color: #cbbba7; border-radius: 10px; background: var(--atlas-white); }
.wealth-checkout .wallet-option:hover, .wealth-checkout .wallet-option:has(input:checked) { border-color: var(--atlas-jade); background: #e5f0e7; }
.wealth-checkout .otp-warning { border: 1px solid #dfc994; border-radius: 9px; background: #f7ecd0; color: #473745; }
.wealth-checkout .otp-warning, .wealth-checkout .timer-banner span, .wealth-checkout .trust-grid span { font-size: 11px; }
.wealth-checkout .otp-warning svg { color: var(--atlas-gold-ink); }
.wealth-checkout .timer-banner { border-color: #d3b57b; border-radius: 9px; background: #f8edda; }
.wealth-checkout .timer-banner > svg { color: var(--atlas-gold-ink); }
.wealth-checkout .pay-button { border-radius: 8px; background: var(--atlas-night); color: var(--atlas-paper); }
.wealth-checkout .pay-button:hover:not(:disabled) { background: #3c2b45; }
.wealth-checkout .trust-grid { border-color: #d6c7b4; border-radius: 10px; background: #d6c7b4; overflow: hidden; }
.wealth-checkout .trust-grid > div { background: #f4eddf; }
.wealth-checkout .trust-grid svg { color: var(--atlas-jade); }
.wealth-checkout .order-summary { border-color: #c7ad7c; border-radius: 16px; background: var(--atlas-white); box-shadow: 0 16px 42px rgba(54,34,48,.11); }
.wealth-checkout .summary-art { border-radius: 9px; background: url('/assets/wealth-flow/atlas-orbit.svg') no-repeat 85% 13% / 250px, var(--atlas-night); }
.wealth-checkout .summary-art > span, .wealth-checkout .summary-total strong { color: var(--atlas-gold); }
.wealth-checkout .sticky-cta { border: 1px solid rgba(232,187,121,.5); border-radius: 10px; background: var(--atlas-night); }
.wealth-checkout .sticky-cta button { border-radius: 6px; background: var(--atlas-gold); color: var(--atlas-night); }

/* Private access and the single policies page remain in the same world. */
html:has(.wealth-access), .wealth-access { background: var(--atlas-night); }
.wealth-access { position: relative; background: radial-gradient(circle at 90% 18%, #3b2a45, transparent 39%), var(--atlas-night); color: var(--atlas-paper); }
.wealth-access::before { content: ""; position: absolute; top: 80px; right: -85px; width: min(70vw, 390px); aspect-ratio: 1; background: url('/assets/wealth-flow/atlas-orbit.svg') center / contain no-repeat; opacity: .17; pointer-events: none; }
.wealth-access header, .wealth-access main { position: relative; z-index: 1; }
.wealth-access header { border-bottom-color: rgba(232,187,121,.33); }
.wealth-access header small, .wealth-access .access-hero > p:first-of-type, .wealth-access .download-section > div > p { color: var(--atlas-gold); }
.wealth-access .access-mark { color: var(--atlas-gold); }
.wealth-access .access-hero h1, .wealth-access .download-section h2 { max-width: 11ch; }
.wealth-access .access-hero > p:last-of-type, .wealth-access .download-section > div > span { color: #eee0e5; }
.wealth-access .access-hero button { min-height: 54px; border: 1px solid var(--atlas-gold); border-radius: 8px; background: var(--atlas-gold); color: var(--atlas-night); }
.wealth-access .download-section li a { border-color: rgba(232,187,121,.35); border-radius: 10px; background: #30233b; }
.wealth-access .download-section li span, .wealth-access .download-section li small { color: var(--atlas-gold); }
.wealth-access .privacy-note { color: #d7c6d2; }
.wealth-access .privacy-note { font-size: 11px; }
html:has(.wealth-policies) { background: var(--atlas-paper); }
.wealth-policies { background: radial-gradient(circle at 96% 4%, rgba(232,187,121,.2), transparent 28rem), var(--atlas-paper); color: var(--atlas-plum); }
.wealth-policies .site-header { border-bottom-color: #d5c2a5; }
.wealth-policies .brand span:first-child { border-color: var(--atlas-plum); color: var(--atlas-gold-ink); }
.wealth-policies .eyebrow, .wealth-policies .section-index { color: var(--atlas-gold-ink); }
.wealth-policies .policy-nav { border-color: #cdbda7; border-radius: 9px; background: #cdbda7; overflow: hidden; }
.wealth-policies .policy-nav a { background: var(--atlas-white); }
.wealth-policies .policy-section { border-top-color: #d2c1a9; }
.wealth-policies .note { border-left-color: var(--atlas-jade); border-radius: 6px; background: #e8f0e7; }

@media (min-width: 760px) {
  .wealth-quiz .site-header { min-height: 76px; }
  .wealth-quiz .question-layout { grid-template-columns: minmax(0,.94fr) minmax(380px,1.06fr); margin-top: clamp(30px,5vh,62px); }
  .wealth-quiz .question-orbit { top: -42px; right: 3%; width: 170px; height: 170px; opacity: .33; }
  .wealth-quiz .answer-list { padding: 21px 24px; }
  .wealth-quiz .answer-choice { min-height: 72px; font-size: 14px; }
  .wealth-quiz .phase-pause, .wealth-quiz .phase-analysis, .wealth-quiz .phase-gate { gap: clamp(42px,6vw,85px); }
  .wealth-quiz .pause-mark, .wealth-quiz .analysis-ledger { min-height: 440px; }
  .wealth-quiz .diagnosis-copy { padding: 33px 35px; }
  .wealth-quiz .offer-section { padding: 41px 43px; }
  .wealth-quiz .result-hero { min-height: 590px; }
  .wealth-checkout .checkout-intro { padding: 35px 34px 29px; }
}

@media (max-width: 759px) {
  .wealth-checkout .checkout-main { display: flex; flex-direction: column; }
  .wealth-checkout .checkout-intro { order: 0; }
  .wealth-checkout .checkout-main form { order: 1; }
  .wealth-checkout .included-section { order: 2; }
}

@media (max-width: 430px) {
  .wealth-quiz::after { width: 280px; right: -85px; bottom: -95px; opacity: .16; }
  .wealth-quiz[data-step="1"]::after { width: min(77vw, 345px); right: -35px; bottom: -45px; opacity: .24; }
  .wealth-quiz .site-header, .wealth-quiz main { width: min(100% - 28px, 1120px); }
  .wealth-quiz .site-header { min-height: 58px; }
  .wealth-quiz .wordmark > span { font-size: 11px; }
  .wealth-quiz .wordmark small { font-size: 11px; }
  .wealth-quiz .privacy-chip { font-size: 11px; }
  .wealth-quiz .question-layout { margin-top: 18px; gap: 17px; }
  .wealth-quiz[data-step="1"] .question-layout { margin-top: clamp(24px, 5svh, 42px); gap: clamp(18px, 3svh, 26px); }
  .wealth-quiz .question-orbit { top: -9px; right: -8px; width: 92px; height: 92px; opacity: .33; }
  .wealth-quiz .question-copy h1 { font-size: clamp(2.2rem, 9.2vw, 2.75rem); }
  .wealth-quiz .question-prompt { margin-top: 10px; font-size: 13px; }
  .wealth-quiz .reflection-note { margin-top: 7px; font-size: 12px; }
  .wealth-quiz .answer-list { padding: 11px 14px; }
  .wealth-quiz .answer-list:has(.month-grid) { padding: 16px; }
  .wealth-quiz .answer-choice { min-height: 58px; }
  .wealth-quiz .pause-mark, .wealth-quiz .analysis-ledger { min-height: 180px; }
  .wealth-quiz .result-hero { min-height: 470px; background-size: min(78%,360px); }
  .wealth-quiz .result-copy h1 { font-size: clamp(2.8rem, 12vw, 4.2rem); }
  .wealth-quiz .offer-section { padding: 26px 15px; }
}

@media (max-height: 650px) and (max-width: 430px) {
  .wealth-quiz[data-step="1"] .question-layout { margin-top: 16px; gap: 14px; }
  .wealth-quiz .answer-list:has(.month-grid) { padding: 13px; }
  .month-grid { gap: 6px; padding-top: 9px; }
  .month-option { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .wealth-quiz .analysis-ledger img, .wealth-quiz .question-layout.is-entering { animation: none; }
}