:root{--bg:#0b192d;--card:#14253b;--card-hover:#1b3451;--line:#38516c;--text:#f5f9fc;--muted:#a8bbcb;--sky:#86cdf4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}button,input,a{font:inherit}a{color:inherit;text-decoration:none}.quote-header{height:76px;border-top:3px solid var(--sky);padding:0 clamp(20px,3vw,44px);display:flex;justify-content:space-between;align-items:center}.wordmark{font-family:Arial,sans-serif;font-weight:1000;font-size:32px;letter-spacing:-.08em;white-space:nowrap}.wordmark span{color:var(--sky)}.back-site{font-size:14px;color:var(--muted)}.back-site:hover{color:white}.quote-wrap{max-width:980px;margin:70px auto 110px;padding:0 26px}.quote-wrap h1{font:700 clamp(42px,5vw,66px)/1.08 'PT Serif',Georgia,serif;letter-spacing:-.045em;margin:0 0 47px}.progress-meta{display:flex;justify-content:space-between;gap:20px;font:600 13px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#a8b6c4;text-transform:uppercase}.progress-track{height:3px;background:#34506a;margin:17px 0 75px}.progress-fill{height:100%;background:var(--sky);transition:width .25s}.question-title{font-size:clamp(34px,4.5vw,56px);line-height:1.12;letter-spacing:-.06em;margin:0 0 42px;font-weight:700}.question-hint{color:var(--muted);font-size:16px;margin:-25px 0 28px}.options{display:grid;gap:14px}.option{width:100%;text-align:left;display:flex;align-items:center;gap:25px;border:2px solid transparent;background:var(--card);color:white;min-height:105px;padding:22px 26px;cursor:pointer;transition:background .18s,border-color .18s}.option:hover{background:var(--card-hover)}.option.selected{border-color:var(--sky);background:#1c3958}.option-mark{width:26px;height:26px;border:2px solid #6d8295;flex:none;display:grid;place-items:center;color:var(--bg);font-weight:700}.option.selected .option-mark{background:var(--sky);border-color:var(--sky)}.option-copy{display:grid;gap:5px}.option-copy strong{font-size:22px;font-weight:600;letter-spacing:-.035em}.option-copy small{font-size:15px;color:var(--muted)}.actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:32px}.primary{border:0;background:var(--sky);color:var(--bg);font-weight:700;min-width:180px;min-height:53px;padding:0 24px;cursor:pointer}.primary:hover{background:#b9e5fb}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{border:0;background:none;color:var(--muted);padding:15px 0;cursor:pointer}.secondary:hover{color:white}.contact-intro{color:var(--muted);font-size:18px;line-height:1.55;max-width:650px;margin:-19px 0 33px}.contact-form{max-width:690px}.field{display:grid;gap:10px;margin-bottom:21px}.field label{font-size:15px;font-weight:600}.field input{width:100%;height:60px;background:var(--card);border:1px solid var(--line);border-radius:0;color:#fff;padding:0 18px;outline:none}.field input:focus{border-color:var(--sky)}.field input::placeholder{color:#8097aa}.field small{color:var(--muted)}.consent{color:var(--muted);font-size:13px;line-height:1.5;margin-top:12px}.form-error{color:#ffc0bb;font-size:14px;min-height:20px}.result-panel{padding:34px;background:var(--card);border-top:4px solid var(--sky)}.result-kicker{color:var(--sky);font:600 13px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;text-transform:uppercase}.result-range{font-size:clamp(46px,7vw,78px);letter-spacing:-.07em;line-height:1.1;margin:17px 0}.result-panel p{color:#c6d5e2;line-height:1.6;font-size:17px;max-width:680px}.result-panel .next{color:#fff;font-weight:600;margin-top:25px}.result-panel a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--sky);padding-bottom:5px;color:var(--sky)}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.p0{width:0}.p20{width:20%}.p40{width:40%}.p60{width:60%}.p80{width:80%}.p100{width:100%}@media(max-width:600px){.quote-header{height:65px}.wordmark{font-size:22px}.quote-wrap{margin:58px auto 75px;padding:0 18px}.quote-wrap h1{margin-bottom:40px}.progress-track{margin-bottom:55px}.question-title{margin-bottom:30px}.option{min-height:90px;padding:18px;gap:17px}.option-copy strong{font-size:19px}.option-copy small{font-size:13px}.actions{margin-top:25px}.result-panel{padding:24px}.back-site{font-size:12px}}
