:root{--brand:#4d92ff;--brand-hover:#75adff;--bg:#070a0f;--surface:#0d1219;--raised:#151c26;--text:#f8fafc;--muted:#8d99a8;--border:#253244;--line:#1b2735;--on-brand:#fff;--shadow:0 24px 60px rgba(0,0,0,.32);--hero-glow:rgba(77,146,255,.16);color-scheme:dark}
[data-theme="light"]{--brand:#005fd7;--brand-hover:#004cae;--bg:#f5f6f8;--surface:#fcfcfb;--raised:#edf1f5;--text:#121820;--muted:#647181;--border:#dbe2ea;--line:#e7ebf0;--on-brand:#fff;--shadow:0 24px 60px rgba(17,24,32,.1);--hero-glow:rgba(0,95,215,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;transition:background .25s,color .25s}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.quiz-page{min-height:100vh;padding:0 32px 32px}.quiz-header{width:min(1240px,100%);min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.quiz-brand{display:block;width:166px;height:60px}.quiz-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.quiz-brand .logo-light{display:none}[data-theme="light"] .quiz-brand .logo-dark{display:none}[data-theme="light"] .quiz-brand .logo-light{display:block}.header-tools{display:flex;align-items:center;gap:16px}.time-badge{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.time-badge span{color:var(--brand);font-size:17px}.theme-toggle{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.theme-toggle:hover{border-color:var(--brand)}.theme-toggle:focus-visible,.btn:focus-visible,input:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 38%,transparent)}.theme-icon{font-size:16px}.quiz-layout{width:min(1240px,100%);margin:32px auto 0;display:grid;grid-template-columns:minmax(300px,.83fr) minmax(0,1.17fr);gap:32px;align-items:stretch}.quiz-visual{position:relative;min-height:calc(100vh - 146px);border:1px solid var(--border);border-radius:16px;overflow:hidden;isolation:isolate;background:var(--surface) url("../assets/hero-academia-luiz-rodolpho.png") center/cover no-repeat}.visual-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(7,10,15,.95) 0%,rgba(7,10,15,.74) 46%,rgba(7,10,15,.25) 100%)}[data-theme="light"] .visual-shade{background:linear-gradient(160deg,rgba(245,246,248,.96) 0%,rgba(245,246,248,.8) 44%,rgba(245,246,248,.28) 100%)}.quiz-visual:after{content:"";position:absolute;right:-140px;bottom:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--hero-glow),transparent 68%);pointer-events:none}.visual-content{position:absolute;left:clamp(28px,5vw,60px);right:clamp(28px,5vw,60px);bottom:clamp(32px,6vw,68px);max-width:510px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.visual-content h1{max-width:470px;margin:22px 0 16px;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(50px,5vw,76px);font-weight:800;line-height:.91;letter-spacing:-.035em;text-transform:uppercase}.visual-content p{max-width:430px;margin:0;color:var(--muted);font-size:15px}.visual-signature{display:flex;align-items:center;gap:10px;margin-top:34px;color:var(--muted);font-size:10px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.visual-signature strong{font-family:"Barlow Condensed",sans-serif;color:var(--text);font-size:40px;line-height:1}.visual-signature i{width:1px;height:34px;background:var(--border);margin:0 8px}.quiz-panel{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:42px clamp(28px,5vw,72px) 34px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.quiz-progress-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:54px}.quiz-progress-head .eyebrow{font-size:10px}.step-count{margin:7px 0 0;color:var(--muted);font-size:12px}.progress-wrap{width:min(220px,40%)}.progress-track{height:5px;overflow:hidden;background:var(--raised);border-radius:999px}.progress-fill{height:100%;width:17%;background:linear-gradient(90deg,#66d1ff 0%,#287cff 48%,#003ee6 100%);border-radius:inherit;transition:width .35s cubic-bezier(.2,.8,.2,1)}.quiz-step[hidden],.result-panel[hidden]{display:none}.question-kicker,.result-kicker{display:block;margin-bottom:12px;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.quiz-step h2,.result-panel h2{max-width:650px;margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(36px,4vw,54px);font-weight:800;line-height:.98;letter-spacing:-.025em;text-transform:uppercase}.question-help{max-width:620px;margin:16px 0 30px;color:var(--muted);font-size:15px}.option-grid{display:grid;gap:12px;border:0;padding:0;margin:0}.option-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.option-card{position:relative;min-height:138px;display:flex;align-items:flex-end;gap:10px;padding:18px;background:var(--raised);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.option-card:hover{border-color:var(--brand);transform:translateY(-1px)}.option-card:has(input:checked){background:color-mix(in srgb,var(--brand) 12%,var(--raised));border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.option-card input,.option-row input{position:absolute;opacity:0;pointer-events:none}.option-mark{position:absolute;top:16px;right:16px;color:var(--muted);font-family:"Barlow Condensed",sans-serif;font-size:14px}.option-text{display:flex;flex-direction:column;gap:4px}.option-text strong{font-size:16px}.option-text small{max-width:220px;color:var(--muted);font-size:12px;line-height:1.4}.option-arrow{position:absolute;right:15px;bottom:15px;color:var(--brand);font-size:20px;opacity:.3}.option-card:has(input:checked) .option-arrow{opacity:1}.option-card--wide{grid-column:1 / -1;min-height:100px}.option-card--compact{min-height:130px}.option-card--center{min-height:118px;align-items:center;justify-content:center;text-align:center}.option-card--center .option-text{align-items:center}.option-card--center .option-text strong{font-family:"Barlow Condensed",sans-serif;font-size:40px;line-height:1}.option-stack{display:grid;gap:8px;border:0;padding:0;margin:0}.option-row{position:relative;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px 13px 20px;border:1px solid var(--border);border-radius:8px;background:var(--raised);cursor:pointer;transition:border-color .15s ease,background .15s ease}.option-row:hover{border-color:var(--brand)}.option-row:has(input:checked){background:color-mix(in srgb,var(--brand) 12%,var(--raised));border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.option-row span{display:flex;flex-direction:column;gap:2px}.option-row strong{font-size:14px}.option-row small{color:var(--muted);font-size:12px}.option-row b{color:var(--muted);font-family:"Barlow Condensed",sans-serif;font-size:15px}.compact-stack{gap:6px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field:first-child{grid-column:1 / -1}.field span{font-size:12px;font-weight:700}.field em{font-style:normal;color:var(--muted);font-weight:400}.field input{width:100%;height:48px;padding:0 14px;background:var(--raised);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.field input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.field input:focus{border-color:var(--brand)}.consent-line{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:var(--muted);font-size:12px;line-height:1.45;cursor:pointer}.consent-line input{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:var(--brand)}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:36px}.btn{min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn-primary{background:linear-gradient(120deg,#66d1ff 0%,#287cff 48%,#003ee6 100%);color:var(--on-brand);box-shadow:0 12px 28px rgba(40,124,255,.28)}.btn-primary:hover{background:linear-gradient(120deg,#8dddff 0%,#4c8fff 48%,#0032c4 100%);transform:translateY(-1px)}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--brand);color:var(--brand)}.btn-ghost{padding:0;background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.form-error{min-height:20px;margin:12px 0 0;color:#f87171;font-size:12px}.result-panel{animation:result-in .35s ease both}.result-panel h2{max-width:600px}.result-panel>p{max-width:600px;margin:18px 0 24px;color:var(--muted);font-size:16px}.result-profile{display:grid;gap:5px;margin:0 0 28px;padding:16px 18px;border-left:2px solid var(--brand);background:var(--raised)}.result-profile span,.result-profile small{color:var(--muted);font-size:11px}.result-profile strong{font-size:16px}.result-link{width:100%;margin-bottom:10px}.result-panel>.btn-secondary{width:100%}.privacy-note{margin:34px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.privacy-note a{color:var(--brand);text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes result-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1000px){.quiz-page{padding:0 20px 20px}.quiz-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:20px}.quiz-panel{padding:34px 28px 28px}.visual-content{left:32px;right:32px;bottom:40px}.visual-content h1{font-size:clamp(44px,5vw,64px)}}@media(max-width:820px){.quiz-header{min-height:74px}.quiz-layout{grid-template-columns:1fr;margin-top:20px}.quiz-visual{min-height:280px;order:0}.visual-content{position:relative;left:auto;right:auto;bottom:auto;padding:42px 34px}.visual-content h1{max-width:560px;font-size:clamp(48px,8vw,72px)}.visual-content p{max-width:560px}.quiz-panel{order:1;padding:32px 24px 26px}.quiz-progress-head{margin-bottom:42px}.option-grid.two-columns{grid-template-columns:1fr}.option-card--wide{grid-column:auto}}@media(max-width:560px){.quiz-page{padding:0 12px 12px}.quiz-header{min-height:68px}.quiz-brand{width:136px;height:52px}.header-tools{gap:8px}.time-badge{display:none}.theme-toggle{padding:0 12px}.theme-label{display:none}.quiz-layout{margin-top:12px}.quiz-visual{min-height:250px;border-radius:12px}.visual-content{padding:32px 24px}.visual-content h1{font-size:48px}.visual-content p{font-size:14px}.visual-signature{margin-top:22px}.quiz-panel{padding:26px 18px 22px;border-radius:12px}.quiz-progress-head{margin-bottom:34px}.progress-wrap{width:42%}.quiz-step h2,.result-panel h2{font-size:40px}.question-help{font-size:14px;margin-bottom:24px}.option-grid.three-columns{grid-template-columns:1fr 1fr}.option-card--center{min-height:104px}.option-card--center:last-child{grid-column:1 / -1}.contact-fields{grid-template-columns:1fr}.field:first-child{grid-column:auto}.quiz-actions{margin-top:28px}.quiz-actions .btn{flex:1}.quiz-actions .btn-ghost{flex:0 0 auto}.privacy-note{margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.visual-shade{z-index:0!important}.visual-content{z-index:1}.quiz-visual:after{z-index:0}
.option-card:has(input:focus-visible),.option-row:has(input:focus-visible){outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 38%,transparent)}
[data-theme="light"] .quiz-visual{color:#f8fafc;border-color:#253244}[data-theme="light"] .visual-shade{background:linear-gradient(160deg,rgba(7,10,15,.95) 0%,rgba(7,10,15,.74) 46%,rgba(7,10,15,.25) 100%)}[data-theme="light"] .quiz-visual .eyebrow{color:#4d92ff}[data-theme="light"] .quiz-visual .visual-content p,[data-theme="light"] .quiz-visual .visual-signature{color:#8d99a8}[data-theme="light"] .quiz-visual .visual-signature strong{color:#f8fafc}
@media(min-width:821px){body{overflow:hidden}.quiz-page{height:100dvh;min-height:0;overflow:hidden;padding:0 32px 16px}.quiz-header{position:absolute;top:16px;right:32px;width:auto;min-height:0;border:0;z-index:10}.quiz-header .quiz-brand,.quiz-header .time-badge{display:none}.quiz-layout{height:calc(100dvh - 32px);min-height:0;margin:16px auto}.quiz-visual{height:100%;min-height:0}.quiz-panel{height:100%;min-height:0;overflow:hidden;padding:36px 44px 22px}.quiz-progress-head{margin-bottom:28px}.question-help{margin:10px 0 18px;font-size:14px}.quiz-step h2,.result-panel h2{font-size:clamp(32px,3.4vw,48px)}.option-card{min-height:92px;padding:14px}.option-card--compact{min-height:84px}.option-card--center{min-height:88px}.option-row{min-height:52px;padding:8px 14px 8px 16px}.option-row small{font-size:11px}.quiz-actions{margin-top:18px}.privacy-note{margin-top:18px}}
@media(max-width:820px){body{overflow:hidden}.quiz-page{height:100dvh;min-height:0;overflow:hidden;padding:0 12px 12px}.quiz-header{position:absolute;top:10px;right:12px;width:auto;min-height:0;border:0;z-index:10}.quiz-header .quiz-brand,.quiz-header .time-badge{display:none}.quiz-layout{height:100%;min-height:0;margin:0;grid-template-columns:1fr;grid-template-rows:112px minmax(0,1fr);gap:10px}.quiz-visual{grid-row:1;height:112px;min-height:0;border-radius:12px}.visual-content{position:relative;left:auto;right:auto;bottom:auto;padding:20px 22px}.visual-content h1,.visual-content p,.visual-signature{display:none}.visual-content .eyebrow{position:absolute;left:22px;bottom:18px}.quiz-panel{grid-row:2;height:100%;min-height:0;overflow:hidden;padding:22px 20px 16px}.quiz-progress-head{margin-bottom:24px}.question-help{margin:10px 0 16px;font-size:13px}.quiz-step h2,.result-panel h2{font-size:clamp(34px,7vw,46px)}.option-card{min-height:78px;padding:12px}.option-card--compact{min-height:72px}.option-row{min-height:50px;padding:7px 12px}.option-row small{font-size:11px}.quiz-actions{margin-top:16px}.privacy-note{margin-top:14px}}
@media(max-width:560px){.quiz-layout{grid-template-rows:minmax(0,1fr)}.quiz-visual{display:none}.quiz-panel{grid-row:1;border-radius:12px;padding:20px 16px 12px}.quiz-progress-head{margin-bottom:18px}.question-help{margin:8px 0 12px}.quiz-step h2,.result-panel h2{font-size:clamp(32px,9vw,42px)}.option-card{min-height:58px;padding:10px}.option-card--compact{min-height:54px}.option-card--center{min-height:70px}.option-text strong{font-size:14px}.option-text small{font-size:11px}.option-row{min-height:44px;padding:5px 10px}.option-row strong{font-size:13px}.option-row small{font-size:10px}.quiz-actions{margin-top:12px}.privacy-note{display:none}}
@media(min-width:821px){.quiz-page{height:100vh;height:100dvh}.quiz-layout{height:calc(100vh - 32px);height:calc(100dvh - 32px)}}
@media(max-width:820px){.quiz-page{height:100vh;height:100dvh}.quiz-layout{height:100vh;height:100dvh}}
@media(max-width:820px){.quiz-layout{height:calc(100vh - 12px);height:calc(100dvh - 12px)}}
@media(min-width:821px){.quiz-page{padding-bottom:0}}
.visual-logo{position:absolute;top:28px;left:28px;width:210px;height:72px;object-fit:contain;object-position:left top;z-index:1}
@media(max-width:820px){.visual-logo{top:22px;left:22px;width:170px;height:58px}}
@media(max-width:560px){.visual-logo{top:18px;left:18px;width:140px;height:48px}}
.question-field{max-width:520px}.capture-note{margin:16px 0 0;color:var(--muted);font-size:12px}.scale-grid{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;border:0;padding:0;margin:28px 0 0}.scale-grid label{position:relative}.scale-grid input{position:absolute;opacity:0}.scale-grid span{height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--raised);font-family:"Barlow Condensed",sans-serif;font-size:20px;cursor:pointer;transition:.15s ease}.scale-grid label:hover span,.scale-grid input:checked+span{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--raised));box-shadow:inset 0 0 0 1px var(--brand)}.scale-grid input:focus-visible+span{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 38%,transparent)}.scale-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:8px}.analysis-panel{animation:result-in .35s ease both}.analysis-panel h2{max-width:600px;margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(38px,4vw,56px);line-height:.98;letter-spacing:-.025em;text-transform:uppercase}.analysis-panel>p{max-width:580px;margin:18px 0 26px;color:var(--muted);font-size:15px}.analysis-lines{display:grid;gap:9px;margin:0 0 28px;color:var(--muted);font-size:13px}.analysis-lines span{display:block}.analysis-lines span:before{content:"✓";display:inline-block;width:18px;color:var(--brand);font-weight:800}.analysis-track{height:6px;overflow:hidden;background:var(--raised);border-radius:999px}.analysis-track div{height:100%;width:0;background:linear-gradient(90deg,#66d1ff 0%,#287cff 48%,#003ee6 100%);border-radius:inherit;transition:width .45s ease}.analysis-panel>small{display:block;margin-top:9px;color:var(--muted);font-size:11px}@media(max-width:560px){.scale-grid{gap:3px;margin-top:18px}.scale-grid span{height:42px;font-size:17px}.analysis-panel>p{font-size:13px;margin:12px 0 18px}.analysis-lines{gap:6px;margin-bottom:20px;font-size:11px}}
.routing-note{display:grid;gap:2px;margin:0 0 14px;padding:10px 12px;border-left:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--raised))}.routing-note span{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.routing-note strong{font-size:14px}.routing-note small{color:var(--muted);font-size:11px}
.option-card:not(.option-card--center) .option-text{padding-right:34px}.option-card .option-text strong{display:block}.answer-emoji{display:inline-block;margin-right:8px;font-size:.95em;line-height:1;vertical-align:-.08em}

/* Give each prompt a clear visual pause before its answers. */
.quiz-step h2 + .option-grid,
.quiz-step h2 + .option-stack,
.quiz-step h2 + .scale-grid{margin-top:26px}
.quiz-step .question-help{margin-bottom:30px}
.quiz-progress-head{display:grid;grid-template-columns:1fr;align-items:end;gap:14px}
.progress-group{display:grid;gap:8px;width:100%}
.progress-group[hidden]{display:none}
.progress-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.progress-word,.progress-percent{color:var(--text);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;line-height:.82;letter-spacing:-.02em;text-transform:uppercase}
.progress-word{font-size:24px}
.progress-percent{font-size:46px}
.progress-group .progress-wrap{width:100%}
.progress-track{height:10px}
.progress-track{border-radius:4px}
.step-count{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:24px;font-weight:800;line-height:.82;letter-spacing:-.02em;text-transform:uppercase;color:var(--text)}
@media(max-width:820px){
  .quiz-step h2 + .option-grid,
  .quiz-step h2 + .option-stack,
  .quiz-step h2 + .scale-grid{margin-top:20px}
  .quiz-step .question-help{margin-bottom:22px}
  .progress-word{font-size:22px}
  .progress-percent{font-size:40px}
  .progress-track{height:9px}
  .step-count{font-size:22px}
}
@media(max-width:560px){
  .quiz-step h2 + .option-grid,
  .quiz-step h2 + .option-stack,
  .quiz-step h2 + .scale-grid{margin-top:16px}
  .quiz-step .question-help{margin-bottom:18px}
  .progress-word{font-size:20px}
  .progress-percent{font-size:36px}
  .progress-track{height:8px}
  .step-count{font-size:20px}
}

/* Reveal the diagnostic checks one at a time. */
.analysis-lines span{color:var(--muted);transition:color .25s ease}
.analysis-lines span:before{opacity:0;transform:translateX(-4px);transition:opacity .25s ease,transform .25s ease}
.analysis-lines span.is-done{color:var(--text)}
.analysis-lines span.is-done:before{opacity:1;transform:none}

/* Structured result card: profile, goal, method and attention point. */
.result-profile{position:relative;gap:14px;margin:0 0 24px;padding:16px 18px 15px;border:1px solid var(--border);border-left:2px solid var(--brand);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 8%,var(--raised)),var(--raised));box-shadow:0 14px 32px rgba(15,30,55,.08);overflow:hidden}
.result-profile:after{content:"";position:absolute;top:0;right:0;width:110px;height:2px;background:linear-gradient(90deg,transparent,var(--brand))}
.result-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.result-profile-head b{color:var(--brand);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:12px;letter-spacing:.06em}
.result-profile-main{display:flex;align-items:center;gap:12px}
.result-profile-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--brand) 55%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--brand) 14%,var(--raised));color:var(--brand);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:16px;font-weight:800;letter-spacing:-.04em}
.result-profile-main strong{display:block;font-size:16px;line-height:1.1}
.result-profile-main small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.result-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.result-profile-grid>div{display:grid;gap:3px}
.result-profile-grid span,.result-profile-focus>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.result-profile-grid strong{font-size:13px;line-height:1.2}
.result-profile-focus{display:grid;gap:3px;padding:10px 12px;border-radius:7px;background:color-mix(in srgb,var(--surface) 42%,transparent)}
.result-profile-focus p{margin:0;color:var(--text);font-size:12px;line-height:1.4}
.result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.result-metric{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;min-width:0}
.metric-ring{--score:0%;position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--metric-color) var(--score),var(--raised) 0);flex:0 0 auto}
.metric-ring:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--surface)}
.metric-ring strong{position:relative;z-index:1;color:var(--metric-color);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:18px;line-height:1}
.result-metric[data-tone="blue"]{--metric-color:#4d92ff}.result-metric[data-tone="cyan"]{--metric-color:#39c6e9}.result-metric[data-tone="violet"]{--metric-color:#8b7bff}.result-metric[data-tone="orange"]{--metric-color:#ff9d4d}
.result-metric b{display:block;overflow:hidden;color:var(--text);font-size:11px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.result-metric small{display:block;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){.result-profile{gap:11px;margin-bottom:18px;padding:14px}.result-profile-grid{gap:8px;padding-top:10px}.result-profile-main strong{font-size:15px}.result-profile-grid strong{font-size:12px}.result-profile-focus{padding:9px 10px}}
@media(max-width:560px){.result-metrics{grid-template-columns:1fr;gap:12px;margin-bottom:18px;padding:12px 0}.result-metric{grid-template-columns:50px 1fr}.metric-ring{width:50px;height:50px}.metric-ring strong{font-size:17px}}

/* Range answers follow the bold, centered slider treatment from the reference. */
.quiz-step h2 + .range-question,.range-privacy + .range-question{margin-top:30px}
.quiz-back-icon{align-self:flex-start;width:38px;height:32px;margin:-8px 0 16px;padding:0;border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;transition:color .15s ease,transform .15s ease}.quiz-back-icon:hover{color:var(--brand);transform:translateX(-3px)}.quiz-back-icon:focus-visible{outline:0;border-radius:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 35%,transparent)}.quiz-back-icon[hidden]{display:none}
.quiz-panel{position:relative}
.quiz-back-icon{position:absolute;top:16px;left:14px;z-index:3;margin:0}
@media(max-width:820px){.quiz-back-icon{top:10px;left:12px}}
.quiz-actions[hidden]{display:none}
.quiz-step .gender-card{min-height:360px;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;justify-content:initial;gap:12px;overflow:hidden;padding:16px;background:var(--surface);border-radius:14px;text-align:center}
.quiz-step .gender-card:after{display:none}
.quiz-step .gender-image-frame{position:relative;z-index:1;min-height:0;overflow:hidden;border-radius:10px;background:var(--raised)}
.quiz-step .gender-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 17%;opacity:.98;transition:transform .2s ease,opacity .2s ease}
.quiz-step .gender-card:hover .gender-image,.quiz-step .gender-card:has(input:checked) .gender-image{transform:scale(1.035);opacity:1}
.quiz-step .gender-card--man .gender-image{transform:translateY(30px) scale(1.24);object-position:center 16%}
.quiz-step .gender-card--man:hover .gender-image,.quiz-step .gender-card--man:has(input:checked) .gender-image{transform:translateY(30px) scale(1.29)}
.quiz-step .gender-card .option-text{position:relative;z-index:1;align-items:center;justify-content:center;min-height:28px}
.quiz-step .gender-card .option-text strong{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:800;letter-spacing:0;text-transform:none}
.quiz-step .gender-card:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
@media(max-width:820px){.quiz-step .gender-card{min-height:300px}}
@media(max-width:560px){.quiz-step .gender-card{min-height:260px;padding:12px;gap:10px}.quiz-step .gender-card .option-text strong{font-size:14px}}
.quiz-step .body-grid{gap:10px}
.quiz-step .body-card{min-height:250px;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;justify-content:initial;gap:9px;overflow:hidden;padding:11px;background:var(--surface);border-radius:12px;text-align:center}
.quiz-step .body-card:after{display:none}
.quiz-step .body-image-frame{position:relative;z-index:1;min-height:0;overflow:hidden;border-radius:8px;background:var(--raised)}
.quiz-step .body-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 14%;transition:transform .2s ease,opacity .2s ease}
.quiz-step .body-card:hover .body-image,.quiz-step .body-card:has(input:checked) .body-image{transform:scale(1.035)}
.quiz-step .body-card .option-text{position:relative;z-index:1;align-items:center;justify-content:center;min-height:22px}
.quiz-step .body-card .option-text strong{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:800}
.quiz-step .body-card:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
@media(max-width:820px){.quiz-step .body-card{min-height:220px}}
@media(max-width:560px){.quiz-step .body-grid{gap:8px}.quiz-step .body-card{min-height:190px;padding:9px;gap:7px}.quiz-step .body-card .option-text strong{font-size:13px}}
.range-privacy{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.range-question{display:grid;gap:12px;max-width:580px;padding:2px 0 0}
.range-value{display:flex;align-items:baseline;justify-content:center;gap:8px;min-height:86px}
.range-value output{color:var(--brand);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:76px;font-weight:700;line-height:.85;letter-spacing:-.04em}
.range-value>span{color:var(--muted);font-size:18px;font-weight:800}
.range-input{width:100%;height:30px;margin:0;appearance:none;background:transparent;cursor:grab}
.range-input:active{cursor:grabbing}
.range-input::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(90deg,var(--brand) 0%,var(--brand) var(--range-progress),var(--raised) var(--range-progress),var(--raised) 100%)}
.range-input::-moz-range-track{height:5px;border-radius:3px;background:var(--raised)}
.range-input::-moz-range-progress{height:5px;border-radius:3px;background:var(--brand)}
.range-input::-webkit-slider-thumb{width:25px;height:25px;margin-top:-10px;appearance:none;border:3px solid var(--surface);border-radius:50%;background:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent),0 4px 14px rgba(0,0,0,.22)}
.range-input::-moz-range-thumb{width:21px;height:21px;border:3px solid var(--surface);border-radius:50%;background:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent),0 4px 14px rgba(0,0,0,.22)}
.range-input:focus-visible{outline:0}.range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 35%,transparent)}.range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 35%,transparent)}
.range-scale{display:flex;justify-content:space-between;color:var(--muted);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:12px;font-weight:700}.range-hint{margin:10px 0 0;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:820px){.quiz-step h2 + .range-question,.range-privacy + .range-question{margin-top:22px}.range-value output{font-size:68px}}
@media(max-width:560px){.quiz-step h2 + .range-question,.range-privacy + .range-question{margin-top:18px}.range-privacy{margin-top:10px;font-size:11px}.range-question{gap:10px}.range-value{min-height:70px}.range-value output{font-size:62px}.range-hint{font-size:12px}}

.diagnostic-break{display:grid;gap:0;max-width:650px}.diagnostic-break[hidden]{display:none}.diagnostic-break h2{max-width:620px;margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:.94;letter-spacing:-.03em;text-transform:uppercase}.diagnostic-lead{margin:16px 0 0;color:var(--muted);font-size:16px}.diagnostic-lead strong{color:var(--text)}.diagnostic-score{display:flex;align-items:baseline;gap:12px;margin:34px 0 12px}.diagnostic-score strong{color:var(--brand);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:72px;font-weight:700;line-height:.8;letter-spacing:-.04em}.diagnostic-score span{color:var(--text);font-size:14px;font-weight:800;text-transform:uppercase}.bmi-meter{margin-top:4px}.bmi-track{position:relative;height:7px;border-radius:4px;background:linear-gradient(90deg,#46c9df 0%,#69d36f 28%,#f1c54b 48%,#ff9b45 65%,#e95d50 100%)}.bmi-track>span{position:absolute;top:0;left:0;height:100%;width:0;border-radius:inherit;background:rgba(255,255,255,.24);transition:width .35s ease}.bmi-track>i{position:absolute;top:50%;left:0;width:18px;height:18px;border:3px solid var(--surface);border-radius:50%;background:var(--text);box-shadow:0 0 0 1px var(--border),0 3px 10px rgba(0,0,0,.22);transform:translate(-50%,-50%);transition:left .35s ease}.bmi-scale,.bmi-labels{display:flex;justify-content:space-between;color:var(--muted);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:11px;font-weight:700}.bmi-scale{margin-top:10px}.bmi-labels{margin-top:7px;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase}.diagnostic-copy{max-width:610px;margin:30px 0 0;color:var(--text);font-size:14px;line-height:1.55}.diagnostic-note{margin-top:12px;color:var(--muted);font-size:10px}
@media(max-width:820px){.diagnostic-break h2{font-size:clamp(36px,7vw,50px)}.diagnostic-score{margin-top:28px}.diagnostic-score strong{font-size:64px}.diagnostic-copy{margin-top:24px;font-size:13px}}
@media(max-width:560px){.diagnostic-lead{font-size:14px}.diagnostic-score{margin:24px 0 12px}.diagnostic-score strong{font-size:58px}.diagnostic-score span{font-size:11px}.diagnostic-copy{margin-top:22px;font-size:12px}.bmi-labels{font-size:8px}}

/* Guided projection: a quiet, data-led pause after the first four diagnostic answers. */
.guided-insight[hidden]{display:none}
.guided-insight{max-width:650px;animation:result-in .35s ease both}
.guided-insight h2{max-width:620px;margin:0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:.94;letter-spacing:-.03em;text-transform:uppercase}
.guided-insight-copy{max-width:600px;margin:16px 0 22px;color:var(--muted);font-size:15px;line-height:1.55}
.guided-chart-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,#05070b);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.guided-chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.guided-chart-head span:last-child{color:var(--brand);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:24px;letter-spacing:0}
.guided-chart{display:block;width:100%;height:auto;overflow:visible}
.guided-grid-line{stroke:var(--border);stroke-width:1;opacity:.65}
.guided-solo-path{fill:none;stroke:color-mix(in srgb,var(--muted) 70%,transparent);stroke-width:5;stroke-linecap:round}
.guided-path{fill:none;stroke:url(#guidedChartGradient);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 4px 8px rgba(40,124,255,.25))}
.guided-solo-point{fill:var(--surface);stroke:var(--muted);stroke-width:3}
.guided-point{fill:var(--brand);stroke:var(--surface);stroke-width:4;filter:drop-shadow(0 3px 6px rgba(40,124,255,.35))}
.guided-point-tag rect{filter:drop-shadow(0 4px 8px rgba(0,0,0,.16))}
.guided-point-tag--blue rect{fill:var(--brand)}
.guided-point-tag--gray rect{fill:var(--muted)}
.guided-point-tag text{fill:#fff}
.guided-point-tag text[id$="Title"]{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.02em}
.guided-point-tag text[id$="Value"]{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:24px;font-weight:800;text-anchor:end}
.guided-chart-labels{display:flex;justify-content:space-between;margin-top:-4px;color:var(--muted);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:12px;font-weight:700}

/* The question flow is a fixed-viewport, non-scrolling app shell
   (body/.quiz-page get height:100dvh + overflow:hidden a few rules up)
   because every question was tuned to fit one screen exactly. The
   cover is often taller than the viewport (photo + headline + button +
   scarcity), so it needs the page to scroll normally while it's the
   one showing — otherwise its own CTA button can end up clipped and
   unreachable, with no way to scroll down to it. */
body:has(#quizCover:not([hidden])){overflow:visible}
.quiz-page:has(#quizCover:not([hidden])){height:auto;min-height:100vh;overflow:visible}

/* Cover screen — shown once, before the first question.
   .quiz-layout sets display:grid, which otherwise beats the [hidden]
   attribute (an author rule always wins over the UA stylesheet's
   [hidden]{display:none}, no matter the specificity), so it needs an
   explicit override here to actually disappear while the cover shows. */
.quiz-layout[hidden]{display:none}
.quiz-cover{width:min(1240px,100%);margin:32px auto 0}
/* Three independently-placed blocks (intro / media / action) inside one
   card, so the visual order can differ from the DOM/desktop order per
   breakpoint via grid-template-areas instead of being locked together. */
.cover-layout{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(0,.95fr);grid-template-areas:"media intro" "media action";align-items:center;gap:32px;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.cover-intro{grid-area:intro;align-self:end}
.cover-action{grid-area:action;align-self:start;display:flex;flex-direction:column}
/* aspect-ratio matches the source image exactly, so object-fit:cover
   never has to crop anyone out of frame regardless of column width. */
.cover-media{grid-area:media;position:relative;margin:0;aspect-ratio:4/3;align-self:start;border-radius:12px;overflow:hidden;background:var(--bg)}
.cover-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.cover-intro h1{max-width:560px;margin:20px 0 0;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(38px,4.4vw,58px);font-weight:800;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase}
.cover-lead{max-width:520px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.cover-cta{width:max-content;max-width:100%}
.cover-scarcity{display:flex;align-items:flex-start;gap:9px;max-width:480px;margin:20px 0 0;padding:12px 14px;border:1px solid color-mix(in srgb,#f1c54b 45%,var(--border));border-radius:8px;background:color-mix(in srgb,#f1c54b 12%,transparent);color:var(--text);font-size:12px;line-height:1.6}
.cover-scarcity span{flex:0 0 auto;font-size:14px}
@media(max-width:1000px){
  .cover-layout{padding:32px}
}
@media(max-width:820px){
  .cover-layout{grid-template-columns:1fr;grid-template-areas:"intro" "media" "action";margin-top:20px;padding:28px;gap:24px}
  .cover-intro{align-self:auto}
  .cover-action{align-self:auto}
}
@media(max-width:560px){
  .quiz-cover{margin-top:12px}
  .cover-layout{padding:20px;border-radius:12px;gap:20px}
  .cover-media{border-radius:10px}
  .cover-intro h1{font-size:34px}
  .cover-lead{font-size:14px}
  .cover-cta{width:100%}
  .cover-scarcity{font-size:11px}
}
@media(max-width:560px){.guided-insight-copy{font-size:13px}.guided-chart-card{padding:12px}}