:root{--ink:#252523;--muted:#6d7068;--line:#d9dad2;--gold:#c9ab76;--paper:#f7f6f2}h1:focus{outline:none}.journey{max-width:1108px;margin:2px auto 0}.journey ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.journey li{border-top:2px solid #dedfd7;padding-top:13px;color:#85877e;font-size:13px}.journey li span{font-size:12px;margin-right:7px}.journey li[aria-current=step]{color:#252523;border-color:#252523}.journey li.complete{border-color:#b9bdaf;color:#6b7163}.flow-layout,.result-layout,.details-layout{max-width:1200px;margin:auto;padding:50px 46px 60px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.quiz-content{padding:10px 0}.question-meta{display:flex;justify-content:space-between;color:#777b70;font-size:12px;letter-spacing:.13em}.question-progress{height:2px;background:#e0e1d9;margin:16px 0 35px}.question-progress span{display:block;height:100%;background:#9e8e6b;width:25%;transition:width .3s}.quiz-content h1,.result-intro h1,.details-intro h1{font-size:clamp(40px,4.7vw,60px);line-height:1.08;margin:19px 0 18px;letter-spacing:-.045em}.flow-copy{font-size:16px;line-height:1.65;color:#6d7068;margin:0}.quiz-options{display:grid;gap:12px;margin:28px 0}.quiz-option{position:relative;display:flex;align-items:center;gap:16px;padding:18px;min-height:66px;border:1px solid #d5d7cc;border-radius:13px;cursor:pointer;background:#fff7;transition:border-color .15s,background .15s}.quiz-option input{position:absolute;opacity:0}.quiz-option:has(input:checked){border-color:#565e4c;background:#ebede4}.quiz-option:focus-within{outline:2px solid #5f726e;outline-offset:3px}.answer-dot{width:20px;height:20px;border:1px solid #a9afa0;border-radius:100%;flex-shrink:0;order:2;margin-left:auto}.quiz-option:has(input:checked) .answer-dot{background:#343c2e;border-color:#343c2e;box-shadow:inset 0 0 0 4px #ebede4}.answer-copy strong{display:block;font-size:16px;font-weight:400;line-height:1.4}.answer-copy small{display:block;font-size:14px;color:#767b6e;line-height:1.5;margin-top:4px}.quiz-actions{display:flex;align-items:center;gap:24px}.quiz-actions .primary{flex:1}.primary:disabled{background:#dcdfd5;color:#7c8375;box-shadow:none;cursor:default;transform:none}.back-link{display:block;background:none;color:#707768;font-size:14px;padding:8px 0;line-height:1.5;text-align:left}.back-link:hover{text-decoration:underline}.small-note{font-size:12px;color:#85897d;text-align:center;line-height:1.6;margin:15px 0}.quiz-aside{background:radial-gradient(ellipse at 50% 55%,#383b35 0,#191c18 65%);color:#f6f4ed;min-height:600px;border-radius:24px;padding:40px 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.quiz-aside .eyebrow{color:#c0baa8;font-size:12px}.quiz-aside h2{font:48px/1.12 Georgia,serif;letter-spacing:-.045em;margin:28px 0 0}.aside-card{transform:rotate(-10deg);margin:44px -12px 35px;filter:drop-shadow(0 20px 20px #0005)}.aside-card img{width:100%;height:auto;display:block}.quiz-aside>p{color:#b8bcaf;font-size:16px;line-height:1.6;margin:0}.result-layout{align-items:center;gap:74px;padding-top:60px}.status-pill{display:inline-flex;align-items:center;gap:9px;color:#637451;background:#e7ecdf;border:1px solid #d6dfca;border-radius:30px;font-size:12px;letter-spacing:.08em;padding:9px 13px}.status-pill span{font-size:16px}.result-intro h1{font-size:clamp(48px,5.2vw,68px);margin:25px 0}.qualification-note{font-size:12px;color:#84887e;line-height:1.6;max-width:330px;margin-top:27px}.benefit-panel{background:#171915;color:#f4f2eb;border:1px solid #4e4837;border-radius:22px;padding:30px 28px 16px;box-shadow:0 20px 40px #3438270b}.benefit-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid #514b39;gap:16px}.benefit-heading .wordmark{font-size:24px}.benefit-heading>span:last-child{font-size:12px;color:#c4bba6;letter-spacing:.08em}.benefits{list-style:none;padding:16px 0 12px;margin:0;display:grid;gap:21px}.benefits li{display:flex;align-items:center;gap:15px}.benefit-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ab8b57;border-radius:50%;color:#d1b079;flex-shrink:0}.benefit-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.benefits li>div{border-left:1px solid #8b734a;padding-left:15px;min-height:31px;display:flex;flex-direction:column;justify-content:center;gap:4px}.benefits strong{font-size:16px;font-weight:400;line-height:1.35}.benefits li div>span{font-size:14px;color:#bcb6a8}.light-button{background:#e9e3d4;color:#292a25;box-shadow:none;margin-top:15px}.light-button:hover{background:#fff8e9;color:#292a25}.panel-back{width:100%;padding:15px 6px;font-size:13px;color:#bab8af;background:none}.centered-result{max-width:510px;margin:50px auto;padding:10px 25px 50px;text-align:center}.result-mark{height:62px;width:62px;border:1px solid #c5c9bd;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;font-size:28px;color:#8a8f7c}.centered-result .eyebrow{display:block}.centered-result h1{font-size:52px;line-height:1.06;margin:23px 0}.reason-box{text-align:left;background:#eeeee7;border:1px solid #dedfd4;border-radius:14px;padding:22px;margin:30px 0}.reason-box strong{font-size:15px;font-weight:400}.reason-box p{font-size:14px;line-height:1.65;color:#737b68;margin:9px 0 0}.success-mark{background:#e5eada;border-color:#c6d2b6;color:#647848}.bonus-screen>.back-link{margin-bottom:24px}.bonus-screen>.eyebrow{display:block}.details-layout{grid-template-columns:1fr 1fr;gap:85px;padding-top:40px}.details-intro>.back-link{margin-bottom:26px}.details-intro>.eyebrow{display:block}.selection-recap{border-top:1px solid #d8dbd0;border-bottom:1px solid #d8dbd0;margin-top:34px;padding:22px 0}.selection-recap>span{display:block;font-size:12px;letter-spacing:.12em;color:#888e7e;margin-bottom:13px}.selection-recap strong{font-size:20px;font-weight:400}.selection-recap p{font-size:14px;color:#7a8170;margin:8px 0}.selection-recap .back-link{font-size:13px}.lead-form{padding-top:30px}.form-field{display:block;font-size:14px;color:#4e5547;margin-bottom:21px;line-height:1.5}.form-field input{display:block;width:100%;border:1px solid #cfd4c4;border-radius:10px;padding:15px;font:16px Arial,sans-serif;color:#252523;background:#ffffff70;margin-top:9px;min-height:53px}.form-field input::placeholder{color:#a0a794}.form-field input:focus{outline:2px solid #839172;outline-offset:1px}.form-field input[aria-invalid=true]{border-color:#a7624b}.optional{float:right;color:#909782;font-size:12px}.field-error{display:block;font-size:13px;line-height:1.5;color:#985236;margin-top:5px;min-height:0}.field-error:empty{display:none}.consent{display:flex;gap:12px;font-size:14px;line-height:1.6;color:#727b65;margin-top:6px;cursor:pointer}.consent input{appearance:auto;accent-color:#48523e;width:19px;height:19px;flex-shrink:0;margin:2px 0 0}.privacy-note{font-size:13px;line-height:1.6;color:#7b826f;margin:18px 0 24px}.privacy-note summary{cursor:pointer}.privacy-note p{padding-left:12px;border-left:1px solid #d2d8c9}.form-error{border:1px solid #ddc2b3;color:#935c40;background:#f5ece5;border-radius:9px;padding:14px;font-size:14px;line-height:1.5}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success-recap{border-top:1px solid #d6dcca;border-bottom:1px solid #d6dcca;margin:28px 0;padding:24px 0}.success-recap span{display:block;font-size:20px;margin-bottom:8px}.success-recap strong{font-size:14px;font-weight:400;color:#747d65}.success-recap p{font-size:14px;color:#747d65;line-height:1.6;overflow-wrap:anywhere}.success-recap+.small-note{margin-bottom:25px}.intro>.back-link{margin-bottom:18px}.noscript-note{padding:20px;text-align:center}.step-meta{min-width:270px;justify-content:space-between}
@media(min-width:761px) and (max-width:1150px){.journey{margin-left:46px;margin-right:46px}.flow-layout,.result-layout,.details-layout{gap:42px}.quiz-aside{min-height:570px}.quiz-aside h2{font-size:42px}}
@media(max-width:760px){.site-header{padding-bottom:0;gap:22px}.step-meta{min-width:0;border-bottom:0;padding-bottom:12px}.journey{margin:0 24px}.journey ol{gap:5px}.journey li{font-size:0;padding:0;height:3px;border-top-width:2px}.journey li span{display:none}.flow-layout,.result-layout,.details-layout{display:block;padding:30px 24px 38px;max-width:530px}.quiz-content{padding:0}.question-meta{font-size:12px}.question-progress{margin:12px 0 28px}.quiz-content h1,.result-intro h1,.details-intro h1{font-size:clamp(36px,9.3vw,48px);margin:16px 0}.quiz-content h1{min-height:78px}.flow-copy{font-size:16px;line-height:1.5}.quiz-options{margin:25px 0 24px;gap:11px}.quiz-option{min-height:68px;padding:16px}.answer-copy small{font-size:14px}.quiz-actions .primary{min-height:53px;font-size:15px}.quiz-aside{display:none}.result-layout{padding-top:28px}.result-intro h1{font-size:46px;margin:20px 0 15px}.result-intro .flow-copy br{display:none}.qualification-note{margin-top:16px;max-width:none}.benefit-panel{margin-top:25px;padding:25px 22px 12px;border-radius:18px}.benefit-heading{padding-bottom:19px}.benefits{gap:20px;padding-top:23px;padding-bottom:10px}.benefit-icon{width:42px;height:42px}.benefits strong{font-size:16px}.benefits li>div{padding-left:13px}.light-button{min-height:53px;font-size:15px;margin-top:16px}.centered-result{margin:31px auto;padding-top:0}.centered-result h1{font-size:44px}.centered-result .primary{font-size:15px}.bonus-screen{margin-top:26px}.bonus-screen h1{margin-top:14px}.bonus-screen .primary{font-size:15px}.bonus-option{padding:21px 16px}.bonus-option small{font-size:14px}.summary-chip{font-size:14px}.details-layout{padding-top:20px}.details-intro>.back-link{margin-bottom:22px}.details-intro h1{font-size:43px}.selection-recap{margin-top:25px;padding:19px 0}.selection-recap .back-link{margin:0}.lead-form{padding-top:26px}.lead-form .primary{min-height:53px;font-size:15px}.intro>.back-link{margin-top:0;margin-bottom:15px}.intro{padding-top:15px}.selection{padding-top:4px}.result-intro .status-pill{font-size:12px}}


/* Welcome rewards share the same radio-card interaction on mobile and desktop. */
.welcome-bonus{max-width:580px}.welcome-bonus h1{font-size:clamp(42px,5vw,58px);line-height:1.05}.welcome-bonus fieldset{margin-top:26px}.welcome-bonus legend{font-size:14px;color:#6d7463;margin-bottom:15px}.welcome-option{align-items:flex-start;background:#ffffff65;padding:25px 22px;border-radius:16px;gap:17px}.welcome-option:has(input:checked){background:#e9eddf;border-color:#6e795e}.bonus-option-content{min-width:0}.welcome-option .bonus-kicker{display:block;font-size:12px;letter-spacing:.11em;color:#838b75;margin-bottom:15px}.welcome-option strong{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.2;letter-spacing:-.025em}.welcome-option strong>span{font:18px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}.welcome-option small{font-size:14px;line-height:1.6;max-width:360px;margin-top:13px;color:#727c62}.welcome-option .radio-mark{margin-top:1px}.recap-actions{display:flex;gap:23px}.selection-recap p{line-height:1.5}.success-recap strong{line-height:1.5;display:block}
@media(max-width:760px){.welcome-bonus h1{font-size:43px}.welcome-option{padding:23px 19px}.welcome-option strong{font-size:27px}.welcome-option strong>span{font-size:17px}.welcome-bonus .primary{min-height:53px}}

.viewer-tools{flex-wrap:wrap;gap:7px}.identity-layout{align-items:center;gap:75px;padding-top:44px}.identity-panel{background:#fff9;border:1px solid #dcdfd4;border-radius:22px;padding:35px 30px}.identity-mark{display:grid;place-items:center;width:49px;height:49px;border:1px solid #a7b28f;border-radius:50%;color:#77855e;margin-bottom:22px}.identity-mark svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.identity-panel h2{font:36px/1.12 Georgia,serif;letter-spacing:-.035em;font-weight:400;margin:0 0 14px}.identity-copy{font-size:16px;line-height:1.6;color:#757d69;margin:0}.identity-points{padding-left:17px;font-size:14px;line-height:1.7;color:#77826b;margin:20px 0 27px}.identity-points li+li{margin-top:8px}.provider-button{display:flex;width:100%;align-items:center;justify-content:center;position:relative;gap:15px;min-height:55px;padding:15px 18px;border-radius:999px;font-size:15px;border:1px solid #d0d5c5;background:#fff;color:#353a30}.google-button:hover{background:#f2f4ec;border-color:#8e9a7c}.google-logo{display:block;width:20px;height:20px;object-fit:contain;flex-shrink:0}.apple-button{margin-top:12px;background:#eeeee8;color:#a2a797;border-color:#e1e3d9;cursor:not-allowed}.apple-button svg{width:19px;height:23px;fill:currentColor}.provider-note{text-align:center;color:#939b86;font-size:12px;line-height:1.5;margin:10px 6px 0}.identity-disclosure{margin:25px 0 0;padding-top:19px;border-top:1px solid #e0e4d7;font-size:12px;line-height:1.65;color:#88927b}.identity-panel .form-error{font-size:13px}
@media(max-width:760px){.identity-layout{padding-top:20px}.identity-panel{margin-top:28px;padding:27px 22px;border-radius:18px}.identity-panel h2{font-size:33px}.provider-button{font-size:14px}.identity-layout .details-intro h1{font-size:45px}.identity-mark{margin-bottom:19px}.viewer-tools .gesture{font-size:12px}}

.private-id-modal{max-width:460px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:35px 30px 23px;border-color:#d7ddce;border-radius:24px;box-shadow:0 25px 100px #18211130}.private-id-modal::backdrop{background:#18201480;backdrop-filter:blur(6px)}.private-id-modal>.eyebrow{font-size:12px;letter-spacing:.11em;padding-right:24px;display:block}.private-id-emblem{margin:26px 0 23px;display:grid;place-items:center;width:53px;height:53px;border:1px solid #9aaa81;border-radius:50%;color:#748b54;background:#edf1e5}.private-id-emblem svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.private-id-modal h2{font:42px/1.04 Georgia,serif;letter-spacing:-.045em;margin:0 0 19px}.private-id-modal #private-id-copy{font-size:16px;line-height:1.5;color:#727c64;margin:0}.private-id-status{display:flex;align-items:center;gap:10px;color:#79846b;font-size:13px;line-height:1.5;margin:25px 0 13px;min-height:22px}.id-loader{display:block;width:16px;height:16px;border-radius:50%;border:1.5px solid #d1d9c4;border-top-color:#6d8650;animation:id-create .8s linear infinite;flex-shrink:0}.private-id-status.complete .id-loader{animation:none;border:none;width:16px;height:16px}.private-id-status.complete .id-loader::after{content:'✓';font-size:17px;color:#779450}.private-id-result{border:1px solid #cfd9bd;background:#eaf0df;border-radius:13px;padding:18px 15px;animation:id-reveal .3s ease-out}.private-id-result>span{display:block;font-size:12px;letter-spacing:.14em;color:#7a8b61;margin-bottom:11px}.private-id-result code{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;letter-spacing:0;color:#3b4d2b;overflow-wrap:anywhere;line-height:1.6}.private-id-result small{display:block;font-size:12px;color:#8a9578;margin-top:9px}.private-id-modal .private-id-explanation{font-size:13px;line-height:1.6;margin:18px 0 25px;color:#848d75}.private-id-modal .provider-button{border-color:#747775;color:#1f1f1f;min-height:52px}.private-id-modal .provider-button:disabled{opacity:.45;cursor:default}.private-id-modal .private-id-footnote{font-size:12px;line-height:1.5;text-align:center;color:#919983;margin:13px 3px 0}.private-id-modal .form-error{font-size:13px}.google-button{border-color:#747775;color:#1f1f1f}.google-button:hover{background:#fff;box-shadow:0 2px 8px #28352112}@keyframes id-create{to{transform:rotate(360deg)}}@keyframes id-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:420px){.private-id-modal{padding:31px 23px 23px}.private-id-modal h2{font-size:37px}.private-id-result code{font-size:14px}.private-id-modal>.eyebrow{font-size:12px}.private-id-emblem{margin:24px 0 21px}}

/* On mobile, the quiz uses only the main funnel progress indicator. */
.quiz-options[data-multiple=true] .answer-dot{border-radius:5px}
@media(max-width:760px){
  #quiz-screen .question-meta,
  #quiz-screen .question-progress{display:none}
}

/* Language controls remain available without adding another quiz progress indicator. */
.brand-bar{display:flex;align-items:center;gap:28px;min-width:0}.language-picker{display:flex;align-items:center;min-width:0}.language-picker select{font:14px Arial,Helvetica,sans-serif;color:#63675d;background:transparent;border:1px solid #d9dcd2;border-radius:20px;padding:9px 28px 9px 12px;min-height:42px;max-width:155px;cursor:pointer}.language-picker select:focus-visible{outline:2px solid #5f726e;outline-offset:3px}.step-name{font-weight:400}.status-pill>[data-i18n]{font-size:inherit}.welcome-option strong>.bonus-main-title{font:inherit;letter-spacing:inherit}.quiz-content,.result-intro,.details-intro,.bonus-option-content{min-width:0}h1,h2{hyphens:auto;overflow-wrap:break-word}.welcome-option strong,.primary{overflow-wrap:break-word}
@media(max-width:760px){.brand-bar{width:100%;justify-content:space-between;gap:15px}.language-picker select{max-width:145px}.step-meta{min-width:0}.step-meta>span:first-child{min-width:0;max-width:78%;line-height:1.4}}

/* Finish badge dot on the bonus summary chip. */
.summary-chip{display:inline-flex;align-items:center;gap:10px}
.summary-chip::before{content:'';display:inline-block;width:18px;height:18px;border-radius:50%;flex-shrink:0}
body[data-finish=black] .summary-chip::before{background:radial-gradient(circle at 30% 30%,#5a5a5a,#000)}
body[data-finish=white] .summary-chip::before{background:radial-gradient(circle at 30% 30%,#fff,#e8e0d0);border:1px solid #d9dcd2}

a.provider-button{text-decoration:none;cursor:pointer}
a.provider-button[aria-disabled="true"]{pointer-events:none;opacity:.55}
