:root{--ink:#26261f;--paper:#f7f3e9;--paper-deep:#e8dfcf;--blue:#244d62;--orange:#e96f42;--muted:#747367;--line:#d7cfbd;--mono:'DM Mono',monospace;--sans:'Be Vietnam Pro',sans-serif;--display:'Cormorant Garamond',serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh}.quiz-shell{width:min(1160px,100%);min-height:100vh;margin:auto;padding:0 5vw}.quiz-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--ink);font:600 17px var(--sans);letter-spacing:-.05em;text-decoration:none;line-height:.72}.brand span{display:block;font:8px var(--mono);letter-spacing:.28em;margin-top:8px}.quiz-header p,.eyebrow,.fine-print,.progress-head,.result-kicker,.restart{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.quiz-header p{color:var(--muted)}.screen{display:none}.screen.active{display:grid}.intro{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:center;gap:9vw;min-height:calc(100vh - 86px);padding:74px 3vw}.eyebrow{color:#827b6d;margin:0 0 23px;display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;background:var(--orange);border-radius:50%;display:inline-block}h1{font:600 clamp(3.5rem,6vw,6.7rem)/.85 var(--display);letter-spacing:-.065em;margin:0}h1 em{font-style:normal;color:var(--orange)}.lead{max-width:600px;font-size:17px;line-height:1.65;color:#616057;margin:30px 0}.button{border:0;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 24px;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(38,38,31,.13)}.button-primary{background:var(--blue);color:white}.button span{font-size:19px;line-height:0}.fine-print{margin-top:18px;color:#928e82;text-transform:none;letter-spacing:.02em}.intro-card{background:var(--blue);padding:32px;border-radius:24px;color:#f9f7ef;box-shadow:18px 24px 0 rgba(36,77,98,.13);transform:rotate(2deg);min-height:370px;display:flex;flex-direction:column}.card-tag{font:9px var(--mono);letter-spacing:.14em;color:#a8c7d2;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:18px}.intro-card strong{font:600 clamp(2.3rem,3.7vw,3.6rem)/.88 var(--display);letter-spacing:-.05em;margin:45px 0 auto}.card-lines{display:grid;gap:10px;margin:28px 0}.card-lines span{height:10px;background:#426d7c}.card-lines span:nth-child(1){width:88%;background:var(--orange)}.card-lines span:nth-child(2){width:65%}.card-lines span:nth-child(3){width:76%}.card-footer{border-top:1px solid rgba(255,255,255,.2);padding-top:17px;display:flex;align-items:center;gap:12px}.card-footer b{font:42px var(--display);color:var(--orange)}.card-footer span{font:9px var(--mono);letter-spacing:.1em;color:#b8d1d8}.question-flow{max-width:800px;margin:0 auto;padding:clamp(52px,10vh,105px) 0}.progress-head{display:flex;justify-content:space-between;color:#777365;margin-bottom:13px}.back{border:0;background:transparent;color:var(--blue);font:10px var(--mono);letter-spacing:.06em;cursor:pointer}.back:disabled{visibility:hidden}.progress{height:9px;background:var(--paper-deep);margin-bottom:60px}.progress span{display:block;background:var(--orange);height:100%;transition:width .25s ease}.question-number{font:10px var(--mono);color:var(--orange);letter-spacing:.12em}.question h2{font:600 clamp(2.7rem,5vw,4.8rem)/.9 var(--display);letter-spacing:-.055em;margin:17px 0 40px;max-width:760px}.answers{display:grid;gap:12px}.answer{background:#fbf9f3;border:1px solid var(--line);padding:20px 23px;text-align:left;color:var(--ink);font:500 15px/1.4 var(--sans);cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.answer:hover{border-color:var(--blue);background:#fffdf8;transform:translateX(4px)}.answer small{display:block;font:9px var(--mono);letter-spacing:.08em;color:var(--orange);margin-bottom:7px}.result{max-width:920px;padding:clamp(55px,10vh,105px) 0;margin:auto}.result-kicker{color:var(--orange);margin:0 0 10px}.result h1{max-width:800px}.result-summary{font-size:18px;line-height:1.65;max-width:760px;color:#5d5c54;margin:27px 0 42px}.result-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-grid article{padding:26px 30px 30px 0}.result-grid article+article{border-left:1px solid var(--line);padding-left:30px}.result-grid span{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#777365}.result-grid p{font:500 19px/1.35 var(--display);letter-spacing:-.02em;margin:12px 0 0}.result-next p{color:var(--blue)}.result-cta{background:var(--blue);color:#fff;padding:35px;margin-top:35px;display:flex;flex-wrap:wrap;align-items:center;gap:25px}.result-cta p{font:500 16px/1.5 var(--sans);max-width:520px;margin:0;flex:1}.result-cta .button{background:var(--orange);color:#fff}.restart{border:0;background:transparent;color:#b8d1d8;text-decoration:underline;cursor:pointer;text-transform:none;letter-spacing:0;margin-left:auto}@media(max-width:700px){.quiz-shell{padding:0 6vw}.quiz-header{height:70px}.quiz-header p{display:none}.intro{grid-template-columns:1fr;padding:55px 0;gap:50px}.intro-card{min-height:290px}.question-flow{padding:50px 0}.progress{margin-bottom:43px}.question h2{font-size:3.3rem}.result{padding:55px 0}.result-grid{grid-template-columns:1fr}.result-grid article+article{border-left:0;border-top:1px solid var(--line);padding:26px 0 30px}.result-grid article{padding-right:0}.result-cta{padding:26px;display:block}.result-cta .button{margin-top:22px;width:100%}.restart{display:block;margin:20px auto 0}}