.quiz-page{background:#f2f5f4;color:#122c35}.quiz-page .header{background:#102831;color:#fff}.quiz-page .header nav{gap:20px}.quiz-page .header nav [aria-current]{text-decoration:underline;text-underline-offset:6px}.quiz-hero{padding:78px 7% 66px;background:linear-gradient(100deg,#0d303bdb,#10283177),url('assets/sami-skyline.jpg') center 42%/cover;color:#fff}.quiz-hero h1{max-width:780px;font-size:clamp(42px,6vw,76px);margin:0 0 23px}.quiz-hero>p:last-child{max-width:640px;font-size:18px;color:#e8f0ef}.quiz-kicker{font-size:12px;font-weight:700;letter-spacing:.18em;color:#8ba999;margin-bottom:16px}.quiz-hero .quiz-kicker{color:#d2e1da}.quiz-shell{max-width:1050px;margin:-26px auto 100px;padding:40px 5%;position:relative;background:#fff;box-shadow:0 20px 60px #0d303b16}.quiz-topline{display:flex;justify-content:space-between;gap:15px;font-weight:700;font-size:14px}.quiz-topline span:last-child{color:#597078}.quiz-progress{height:5px;background:#e1e8e6;margin:20px 0 39px}.quiz-progress span{display:block;height:100%;width:20%;background:#72947c;transition:width .25s}.quiz-step{border:0;padding:0;margin:0;min-width:0}.quiz-step[hidden],.quiz-results[hidden]{display:none}.quiz-step legend{font-family:Manrope,Arial,sans-serif;font-size:clamp(29px,3.5vw,43px);line-height:1.2;letter-spacing:-.04em;margin-bottom:12px;padding:0}.step-help{color:#567078;max-width:650px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:32px 0 24px}.option{cursor:pointer;position:relative}.option input{position:absolute;opacity:0;width:1px;height:1px}.option span{display:block;min-height:104px;padding:22px;border:1px solid #cbd8d6;background:#f9fbfa;transition:background .15s,border-color .15s}.option strong,.option small{display:block}.option strong{font-size:17px;font-weight:600}.option small{color:#526b70;margin-top:5px;font-size:13px}.option:hover span{border-color:#6c9180;background:#f2f8f3}.option input:checked+span{border:2px solid #265c49;background:#eaf3eb;padding:21px}.option input:focus-visible+span{outline:3px solid #799c85;outline-offset:3px}.budget-label{display:block;font-weight:600;margin:32px 0 20px}.budget-input{display:flex;align-items:center;gap:12px;max-width:450px;border:1px solid #adbfbc;padding:12px 16px;margin-top:9px;font-size:22px}.budget-input input{border:0;outline:0;min-width:0;width:100%;background:transparent;font-size:19px}.budget-input:focus-within{outline:3px solid #799c85;outline-offset:3px}.quiz-controls,.result-actions{display:flex;gap:12px;justify-content:space-between;margin-top:35px}.quiz-primary,.quiz-secondary,.quiz-light{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:13px 22px;font-weight:600;font-size:15px;cursor:pointer;border:1px solid #122c35}.quiz-primary{background:#122c35;color:white;margin-left:auto}.quiz-secondary{background:white;color:#122c35}.quiz-primary:hover,.quiz-secondary:hover{background:#265345;color:white}.quiz-primary:focus-visible,.quiz-secondary:focus-visible,.quiz-light:focus-visible{outline:3px solid #799c85;outline-offset:3px}.quiz-error{color:#9d2f29;margin:10px 0 0}.quiz-results h2{font-size:clamp(32px,4vw,50px);margin-bottom:16px}.quiz-results>p:not(.quiz-kicker){color:#526d74;max-width:750px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}.result-card{background:#eff4f2;border-top:3px solid #789680;padding:23px;min-width:0}.result-card small{display:block;color:#4b7060;letter-spacing:.12em;font-weight:700;font-size:11px;margin-bottom:13px}.result-card h3{font-size:27px;margin-bottom:14px}.result-card p{color:#465e65;font-size:14px;margin:0}.result-note{font-size:13px!important}.quiz-next-step{padding:55px 7%;background:#1a4148;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.quiz-next-step h2{font-size:clamp(32px,4vw,48px);margin-bottom:14px}.quiz-next-step p:last-child{margin-bottom:0;color:#dae8e6}.quiz-light{background:#f3f2eb;color:#122c35;white-space:nowrap}.quiz-page footer{background:#102831;color:#fff}.quiz-page footer p{color:#d4e1e3}@media(max-width:800px){.quiz-hero{padding:53px 7% 60px}.quiz-hero>p:last-child{font-size:16px}.quiz-shell{margin:-18px 4% 65px;padding:28px 6%}.option-grid{grid-template-columns:1fr;gap:10px}.option span{min-height:80px;padding:17px}.option input:checked+span{padding:16px}.result-grid{grid-template-columns:1fr}.quiz-next-step{display:block}.quiz-next-step .quiz-light{margin-top:25px}.quiz-page .header nav{gap:4px 14px;font-size:12px}.quiz-page .brand{font-size:12px}.result-actions{flex-wrap:wrap}.result-actions>*{width:100%}}