*{box-sizing:border-box} :root{--green:#123e36;--cream:#f6f4ed;--ink:#192e2a;--muted:#65746e;--line:#d8dfd8;--orange:#e7a661}body{margin:0;background:var(--cream);font-family:Segoe UI,Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b06a23;outline-offset:4px}a{color:inherit}.header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.preview{font-size:12px;border:1px solid var(--line);padding:8px 13px;border-radius:30px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(480px,1.08fr);max-width:1300px;margin:12px auto 30px;min-height:720px;padding:0 24px;gap:60px}.intro{position:relative;overflow:hidden;background:var(--green);color:white;border-radius:6px 90px 6px 6px;padding:45px 38px 27px;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:9px;align-items:center}.eyebrow span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(40px,4.3vw,61px);font-weight:550;letter-spacing:-2.2px;line-height:1.12;margin:36px 0 21px}h1 em{color:var(--orange);font-style:normal}.intro-copy{font-size:16px;line-height:1.65;max-width:310px;color:#c1d3cb;margin:0}.track{height:245px;position:relative;margin-top:auto;overflow:hidden}.lane{position:absolute;border:1px solid #658279;border-radius:200px;transform:rotate(-32deg);width:420px;height:195px;left:0;top:92px}.lane-2{width:370px;height:145px;left:25px;top:117px}.lane-3{width:320px;height:95px;left:50px;top:142px}.lane-4{width:270px;height:45px;left:75px;top:167px}.runner{position:absolute;font-size:85px;color:var(--orange);right:25px;top:26px;font-weight:200}.track-label{position:absolute;font-size:8px;letter-spacing:2px;bottom:22px;left:0}.intro-footer{border-top:1px solid #3d5f55;display:flex;justify-content:space-between;padding-top:20px;font-size:11px;color:#c1d3cb}.quiz-shell{padding:29px 8px 10px 0;display:flex;flex-direction:column}.step-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px}#step-label{color:var(--green);font-weight:650}.progress{height:3px;background:#dce1d9;margin:16px 0 33px;overflow:hidden}.progress>div{background:var(--green);height:100%;transition:width .3s}#quiz{flex:1;display:flex;flex-direction:column}#question{animation:appear .22s ease}h2{font-size:30px;letter-spacing:-.8px;font-weight:600;line-height:1.2;margin:0 0 13px}.description{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 24px}.options{display:grid;gap:11px}.options.two{grid-template-columns:1fr 1fr}.option{width:100%;display:flex;text-align:left;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;background:transparent;min-height:78px;padding:17px;color:var(--ink);transition:background .18s,border-color .18s}.option:hover{border-color:#8b9f94;background:#eeeee5}.option[aria-checked=true]{border-color:var(--green);background:#e9eee4;box-shadow:inset 0 0 0 1px var(--green)}.option .radio{border:1px solid #abb8ad;width:19px;height:19px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.option[aria-checked=true] .radio{background:var(--green);border-color:var(--green)}.option[aria-checked=true] .radio:after{content:'';background:white;width:6px;height:6px;border-radius:50%}.option strong{display:block;font-size:15px;font-weight:600}.option small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.option-num{font-size:11px;color:var(--muted);margin-left:auto}.field{display:block;font-size:13px;font-weight:600;margin:16px 0}.field input{display:block;width:100%;border:1px solid #bdcbbf;border-radius:8px;padding:13px 14px;margin-top:8px;background:#fffdf8;min-height:48px;color:var(--ink)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0}.notice{border-left:3px solid var(--orange);padding:5px 0 5px 14px;font-size:13px;line-height:1.6;margin:18px 0;color:#725222}.navigation{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:28px}.primary{border:0;border-radius:8px;background:var(--green);color:white;min-height:52px;padding:14px 24px;font-weight:600;display:flex;gap:32px;align-items:center;justify-content:center}.primary:hover{background:#1d574b}.primary span{font-size:21px}.back{border:0;background:none;padding:12px 0;color:var(--muted);font-size:14px}.back:disabled{visibility:hidden}.footnote{font-size:11px;line-height:1.6;color:#758079;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;margin-bottom:0}#error{font-size:13px;color:#a13927;line-height:1.5;margin:14px 0 0;min-height:18px}.page-footer{max-width:1300px;margin:0 auto 25px;padding:0 24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.summary{margin:24px 0}.summary div{display:grid;grid-template-columns:40% 60%;gap:8px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;line-height:1.5}.summary dt{color:var(--muted)}.summary dd{margin:0;padding-right:10px;overflow-wrap:anywhere}.result-kicker{color:#4e7666;font-size:11px;letter-spacing:1.7px;font-weight:650;margin:0 0 15px}.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;margin:22px 0}.check input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin-top:2px}.export-note{font-size:12px;color:var(--muted);line-height:1.6}.done-icon{width:50px;height:50px;border-radius:50%;background:#e0eadb;display:grid;place-items:center;font-size:22px;color:var(--green);margin-bottom:20px}.download-link{display:inline-block;margin-top:12px;font-size:13px} [hidden]{display:none!important}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.layout{margin-top:35px}}@media(max-width:1000px){.layout{gap:30px;grid-template-columns:.85fr 1.15fr}.intro{padding:32px 25px}.quiz-shell{padding-top:20px}h1{font-size:46px}.options.two{grid-template-columns:1fr}.track{height:190px}}@media(max-width:760px){.header{padding:20px}.preview{font-size:10px;padding:6px 9px}.layout{display:block;padding:0 20px;margin-top:5px;min-height:0}.intro{min-height:0;border-radius:5px 45px 5px 5px;padding:25px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:34px;margin:20px 0 14px;letter-spacing:-1px}h1 br:first-child{display:none}.intro-copy{font-size:13px;max-width:255px}.track,.intro-footer{display:none}.quiz-shell{padding:28px 0 0}.progress{margin-bottom:25px}h2{font-size:27px}.options.two{grid-template-columns:1fr 1fr}.option{padding:13px;min-height:76px;gap:9px}.option strong{font-size:14px}.option small{font-size:11px}.option-num{display:none}.navigation{padding-top:22px}.page-footer{padding:0 20px;display:block;line-height:1.7}.page-footer span{display:block}.field-row{gap:10px}.summary div{grid-template-columns:38% 62%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}