 :root{--bg:#f8f8f7;--ink:#151515;--muted:#676767;--line:#d9d7d3;--soft:#efeeeb;--serif:"Bodoni Moda","Bodoni 72",Didot,Georgia,serif;--sans:"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column}.top{height:92px;border-bottom:1px solid #eceae7;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;position:relative;z-index:10;background:rgba(248,248,247,.96)}.back{justify-self:start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #444;padding-bottom:5px;text-decoration:none;color:#333}.brand{text-align:center;text-decoration:none;color:#111}.brand .mo{display:block;font:400 54px/.68 var(--serif);letter-spacing:-.11em}.brand small{display:block;margin-top:12px;font-size:8px;font-weight:600;letter-spacing:.29em}.language{justify-self:end;position:relative}.language select{appearance:none;border:0;background:transparent;padding:9px 22px 9px 6px;font-size:12px;font-weight:500;letter-spacing:.12em}.language:after{content:'⌄';position:absolute;right:4px;top:8px;font-size:12px;pointer-events:none}.intro{flex:1;display:grid;place-items:center;text-align:center;padding:70px 24px}.intro-inner{max-width:780px}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:600;margin-bottom:30px}.intro h1{font:400 clamp(3rem,6.2vw,5.4rem)/.96 var(--serif);letter-spacing:-.04em;margin:0 0 24px}.intro p{max-width:560px;margin:0 auto 34px;color:var(--muted);font-size:16px;line-height:1.7}.start{border:1px solid #111;border-radius:999px;background:#111;color:#fff;padding:16px 34px;min-width:160px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.time{display:block;margin-top:16px;color:#777;font-size:13px}.quiz{display:none;flex:1;min-height:calc(100vh - 92px);overflow:hidden}.quiz.open{display:flex;flex-direction:column}.quiz form{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:56px 24px 30px;overflow-y:auto;opacity:0;transform:translateX(8%);pointer-events:none;transition:transform .42s cubic-bezier(.22,.72,.18,1),opacity .32s ease}.panel.active{opacity:1;transform:translateX(0);pointer-events:auto}.panel.left{opacity:0;transform:translateX(-8%)}.panel-inner{width:min(100%,1040px);text-align:center}.count{font-size:13px;color:#666;margin-bottom:22px}.panel h2{font:700 clamp(2.15rem,4.5vw,4rem)/1.02 var(--sans);letter-spacing:-.045em;text-transform:uppercase;margin:0 auto 38px;max-width:980px}.question-label{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin:30px 0 16px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:780px;margin:0 auto}.text-field{position:relative;text-align:left}.text-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px}.text-field input,.text-field textarea{width:100%;border:1px solid #bbb9b5;border-radius:0;background:#fff;padding:14px 14px;outline:none}.text-field input:focus,.text-field textarea:focus{border-color:#111}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:930px;margin:0 auto}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{min-width:150px;min-height:54px;display:flex;align-items:center;justify-content:center;border:1px solid #111;border-radius:999px;padding:12px 24px;background:#fff;font-size:15px;transition:.18s}.choice input:checked+span{background:#111;color:#fff}.tone span{min-width:120px}.tone .swatch{width:18px;height:18px;border-radius:50%;margin-right:10px;border:1px solid rgba(0,0,0,.12)}.slider-wrap{width:min(650px,92%);margin:12px auto 32px}.slider-wrap input{width:100%;accent-color:#111}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:15px}.finish-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.concerns .choice span{min-width:135px}.extra{width:min(720px,100%);margin:28px auto 0}.extra textarea{width:100%;min-height:100px;border:1px solid #bdbab6;background:#fff;padding:14px;resize:vertical}.note{font-size:14px;color:#666;line-height:1.6;max-width:620px;margin:26px auto 0}.nav{height:94px;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px}.prev{width:54px;height:54px;border-radius:50%;border:1px solid #111;background:#fff;font-size:28px;line-height:1}.next,.send{height:54px;min-width:180px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.send{min-width:230px}.next:disabled{background:#d1d0ce;border-color:#d1d0ce;color:#fff;cursor:not-allowed}.error{min-height:18px;text-align:center;color:#8b2f27;font-size:12px;margin-top:12px}.qnum{font-weight:500;color:#111}.spacer{height:8px}@media(max-width:720px){.top{height:80px;padding:0 16px}.brand .mo{font-size:44px}.brand small{display:none}.back{font-size:0;width:36px;height:36px;border:1px solid #222;border-radius:50%;display:grid;place-items:center;padding:0}.back:before{content:'←';font-size:16px}.panel{padding:34px 16px 100px;align-items:flex-start}.panel-inner{padding-top:12px}.panel h2{font-size:clamp(2rem,10vw,3.15rem);margin-bottom:28px}.field-grid{grid-template-columns:1fr}.choices{gap:9px}.choice span{min-width:0;padding:11px 16px;min-height:48px;font-size:14px}.tone span{min-width:0}.nav{height:86px;position:sticky;bottom:0;background:rgba(248,248,247,.96);border-top:1px solid #eceae7}.next,.send{min-width:0;flex:1;max-width:260px}.prev{flex:0 0 52px}}