*,*::before,*::after{box-sizing:border-box}
:root{--ink:#07131c;--paper:#f4f7f5;--accent:#1688c8;--accent-soft:#79d8f6;--signal:#d3f49f;--muted:#66737b;--line:rgba(7,19,28,.14);--surface:#fff;--shadow:0 24px 70px rgba(10,45,65,.14)}
html{height:100%;background:var(--paper)}
body{min-height:100%;margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.quiz-shell{position:relative;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 14% 22%,rgba(104,210,244,.27),transparent 28%),linear-gradient(145deg,#fbfcfa 0,#edf4f4 100%)}
.quiz-shell::before{position:absolute;inset:0;background-image:linear-gradient(rgba(7,19,28,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(7,19,28,.034) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 92%);content:"";pointer-events:none}
.quiz-shell.match{--accent:#57c9ef;--accent-soft:#8de0f7;--signal:#d3f49f;--muted:#a8b7c0;--line:rgba(255,255,255,.15);--surface:#102632;--shadow:0 30px 80px rgba(0,0,0,.28);background:radial-gradient(circle at 82% 24%,rgba(31,146,199,.3),transparent 31%),linear-gradient(145deg,#07131c,#0b2230 72%,#0c2b3a);color:#fff}
.quiz-shell.match::before{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.quiz-top{position:relative;z-index:5;display:grid;grid-template-columns:1fr minmax(240px,420px) 1fr;align-items:center;gap:30px;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:25px 0}
.quiz-brand{display:inline-flex;width:max-content;align-items:center;padding:7px 10px;border-radius:12px}.quiz-brand img{display:block;width:auto;height:29px}.match .quiz-brand{background:#fff}
.progress-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px}.progress-track{height:5px;overflow:hidden;border-radius:999px;background:rgba(7,19,28,.11)}.match .progress-track{background:rgba(255,255,255,.14)}.progress-fill{width:20%;height:100%;border-radius:inherit;background:var(--accent);transition:width .55s cubic-bezier(.2,.75,.2,1)}.progress-label{min-width:54px;font-size:11px;font-weight:900;letter-spacing:.12em;text-align:right}.quiz-assurance{justify-self:end;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.quiz-main{position:relative;z-index:2;display:grid;flex:1;place-items:center;width:100%;padding:34px 24px 64px}.screen{display:none;width:min(1080px,100%)}.screen.active{display:block;animation:screenIn .5s cubic-bezier(.2,.7,.2,1) both}.question-stage{position:relative}.step-ghost{position:absolute;z-index:-1;top:-77px;right:-12px;color:rgba(7,19,28,.045);font-size:clamp(170px,24vw,330px);font-weight:850;line-height:.8;letter-spacing:-.12em;pointer-events:none}.match .step-ghost{color:rgba(255,255,255,.04)}
.question-kicker{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.question-kicker::before{width:27px;height:2px;background:currentColor;content:""}.question-title{max-width:990px;margin:0;font-size:clamp(48px,6.1vw,86px);font-weight:740;line-height:.91;letter-spacing:-.066em}.question-help{max-width:720px;margin:19px 0 29px;color:var(--muted);font-size:18px;line-height:1.55;letter-spacing:-.01em}
.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option{position:relative;display:flex;min-height:156px;flex-direction:column;justify-content:space-between;padding:21px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:inherit;box-shadow:0 13px 32px rgba(13,53,73,.055);cursor:pointer;text-align:left;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease,background .22s ease}.option:hover{z-index:2;border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow)}.option.selected{border-color:var(--accent);background:#e1f5fc;box-shadow:0 0 0 3px rgba(22,136,200,.12),var(--shadow)}.match .option{box-shadow:none}.match .option:hover{background:#153443}.match .option.selected{border-color:var(--signal);background:var(--signal);color:#07131c;box-shadow:0 0 0 3px rgba(211,244,159,.12),var(--shadow)}.option-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e8f6fb;color:var(--accent);font-size:17px;font-weight:900}.match .option-icon{background:rgba(87,201,239,.13)}.match .option.selected .option-icon{background:#07131c;color:var(--signal)}.option-copy strong{display:block;max-width:260px;margin-top:23px;font-size:21px;line-height:1.08;letter-spacing:-.035em}.option-copy small{display:block;margin-top:8px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.option.selected .option-copy small{color:#395463}.match .option.selected .option-copy small{color:#35462c}.option-check{position:absolute;top:19px;right:19px;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:transparent;font-size:12px}.option.selected .option-check{border-color:var(--accent);background:var(--accent);color:#fff}.match .option.selected .option-check{border-color:#07131c;background:#07131c;color:var(--signal)}
.scale-card{padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.scale-value{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:34px}.scale-value strong{color:var(--accent);font-size:clamp(66px,10vw,118px);line-height:.74;letter-spacing:-.08em}.scale-value span{max-width:260px;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45;text-align:right}.range{width:100%;height:13px;margin:8px 0 0;border-radius:999px;appearance:none;background:linear-gradient(90deg,var(--accent) 0 var(--range-fill,50%),rgba(110,131,142,.2) var(--range-fill,50%) 100%);cursor:pointer}.range::-webkit-slider-thumb{width:35px;height:35px;border:7px solid var(--surface);border-radius:50%;appearance:none;background:var(--accent);box-shadow:0 6px 20px rgba(8,67,100,.25)}.range::-moz-range-thumb{width:22px;height:22px;border:7px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 6px 20px rgba(8,67,100,.25)}.scale-labels{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.back-button{display:inline-flex;min-height:48px;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:850}.continue-button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:15px;padding:0 25px;border:0;border-radius:15px;background:var(--ink);color:#fff;cursor:pointer;font-size:14px;font-weight:900;box-shadow:0 16px 36px rgba(7,19,28,.18);transition:.22s ease}.match .continue-button{background:var(--signal);color:#07131c}.continue-button:hover{transform:translateY(-3px)}.continue-button:disabled{cursor:not-allowed;background:#dce4e7;color:#829097;box-shadow:none;transform:none}.match .continue-button:disabled{background:#183442;color:#78909b}.selection-hint{margin-right:auto;color:var(--muted);font-size:11px;font-weight:700}
.loader-screen{text-align:center}.loader-orbit{position:relative;width:186px;height:186px;margin:0 auto 34px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 4%,#d8f5ff 19%,#55c8ef 56%,#106c9e 100%);box-shadow:0 35px 80px rgba(18,134,193,.3);animation:orbFloat 2.2s ease-in-out infinite}.match .loader-orbit{background:radial-gradient(circle at 34% 28%,#efffcf 0 4%,#d3f49f 22%,#57c9ef 62%,#0e6f98 100%)}.loader-orbit::before,.loader-orbit::after{position:absolute;border:1px solid rgba(255,255,255,.75);border-radius:50%;content:""}.loader-orbit::before{inset:20%}.loader-orbit::after{inset:-13%;border-color:var(--accent);border-top-color:transparent;animation:spin 1.8s linear infinite}.loader-kicker{margin:0 0 14px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.loader-title{margin:0;font-size:clamp(46px,7vw,88px);font-weight:740;line-height:.89;letter-spacing:-.07em}.loader-status{min-height:27px;margin:18px 0 26px;color:var(--muted);font-size:17px}.loader-progress{width:min(540px,100%);height:8px;margin:0 auto;overflow:hidden;border-radius:999px;background:rgba(97,124,138,.18)}.loader-progress i{display:block;width:8%;height:100%;border-radius:inherit;background:var(--accent);transition:width .55s ease}.loader-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(680px,100%);margin:27px auto 0}.loader-signal{padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:inherit;font-size:11px;font-weight:850;opacity:0;transform:translateY(12px);transition:.35s ease}.loader-signal.visible{opacity:1;transform:none}.match .loader-signal{background:rgba(255,255,255,.055)}
@keyframes screenIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes orbFloat{50%{transform:translateY(-9px) scale(1.025)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.quiz-top{grid-template-columns:1fr 1fr}.progress-wrap{grid-column:1 / -1;grid-row:2}.quiz-assurance{align-self:center}.quiz-main{padding-top:20px}.question-title{font-size:clamp(48px,9vw,72px)}.options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.quiz-top{width:min(100% - 28px,1280px);gap:13px;padding:14px 0 9px}.quiz-brand{padding:5px 7px}.quiz-brand img{height:24px}.quiz-assurance{font-size:9px}.progress-wrap{gap:10px}.progress-label{min-width:45px;font-size:9px}.quiz-main{display:block;padding:22px 14px calc(98px + env(safe-area-inset-bottom))}.screen{margin:auto}.question-stage{padding-bottom:4px}.step-ghost{top:-30px;right:0;font-size:132px}.question-kicker{margin-bottom:13px;font-size:9px}.question-title{font-size:clamp(42px,12.4vw,57px);line-height:.92}.question-help{margin:14px 0 20px;font-size:15px;line-height:1.46}.options{grid-template-columns:1fr 1fr;gap:8px}.option{min-height:141px;padding:15px;border-radius:18px}.option-icon{width:36px;height:36px;border-radius:11px;font-size:14px}.option-copy strong{margin-top:16px;font-size:17px}.option-copy small{margin-top:6px;font-size:10px}.option-check{top:14px;right:14px;width:22px;height:22px}.scale-card{padding:23px 19px;border-radius:22px}.scale-value{display:block;margin-bottom:29px}.scale-value strong{font-size:74px}.scale-value span{display:block;margin-top:16px;text-align:left}.range{height:11px}.range::-webkit-slider-thumb{width:33px;height:33px}.scale-labels{font-size:8px}.quiz-controls{position:fixed;z-index:20;right:14px;bottom:0;left:14px;margin:0;padding:13px 0 calc(13px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(244,247,245,.98) 24%)}.match .quiz-controls{background:linear-gradient(transparent,rgba(8,23,33,.99) 24%)}.back-button{min-width:48px}.selection-hint{display:none!important}.continue-button{min-height:54px;flex:1;padding:0 18px}.loader-screen{padding-top:35px}.loader-orbit{width:145px;height:145px;margin-bottom:31px}.loader-title{font-size:48px}.loader-status{font-size:15px}.loader-signals{grid-template-columns:repeat(3,1fr);gap:6px}.loader-signal{display:grid;min-height:52px;place-items:center;padding:8px 5px;font-size:8px;line-height:1.25}.multi-layout .option{min-height:128px}}
@media(max-width:380px){.question-title{font-size:40px}.option{min-height:133px}.option-copy strong{font-size:16px}.option-copy small{font-size:9px}.quiz-assurance{display:none}.quiz-top{grid-template-columns:1fr auto}}
@media(prefers-reduced-motion:reduce){.screen.active{animation:none}.option,.continue-button,.progress-fill,.loader-progress i,.loader-signal{transition:none}.loader-orbit,.loader-orbit::after{animation:none}}
/* Readable selections and stable controls on smaller iPhones. */
@media(max-width:600px){.quiz-top{padding-top:calc(14px + env(safe-area-inset-top))}.quiz-brand{max-width:100%;min-width:0}.quiz-brand img{max-width:100%;height:auto;width:175px}.quiz-assurance{font-size:10px;line-height:1.4;text-align:right;letter-spacing:.04em}.question-kicker{font-size:11px;line-height:1.4;letter-spacing:.08em}.question-title{text-wrap:balance;line-height:1}.question-help{font-size:16px;line-height:1.5}.option,.multi-layout .option{min-height:158px;padding:15px 13px}.option-copy strong{font-size:17px;line-height:1.17;overflow-wrap:normal}.option-copy small{font-size:12px;line-height:1.4;font-weight:500}.quiz-controls{gap:12px;min-height:78px}.back-button{font-size:14px}.continue-button{font-size:15px}.scale-value span{font-size:15px}.scale-labels{font-size:10px}.loader-status{font-size:16px;line-height:1.5;min-height:48px}.loader-signal{font-size:10px;line-height:1.35;min-height:64px}.quiz-main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}
@media(max-width:600px){.screen.active{animation:none;transform:none}.quiz-controls{padding-inline:0}.option{touch-action:manipulation}}
@media(max-width:380px){.question-title{font-size:39px}.option,.multi-layout .option{padding:14px 11px}.option-copy strong{font-size:16px}.option-copy small{font-size:12px}.loader-title{font-size:43px}.loader-signals{grid-template-columns:1fr}.loader-signal{min-height:42px}.quiz-assurance{display:block;max-width:95px}}