:root{--ink:#0d0f10;--panel:#151819;--ivory:#f3efe5;--muted:#a7a397;--gold:#c19a55;--line:#2c3030;--danger:#efb2a5}*{box-sizing:border-box}html{background:var(--ink);color:var(--ivory);font-family:Inter,system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,#22231f 0,transparent 32%),var(--ink)}button,input{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,5vw,64px);border-bottom:1px solid var(--line)}.brand{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em}.step{color:var(--muted);font-size:12px}.stage{width:min(860px,100%);margin:auto;padding:56px clamp(20px,6vw,76px)}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.display{font:600 clamp(42px,8vw,78px)/.98 'EB Garamond',serif;margin:24px 0}.lede{max-width:640px;color:#d6d1c6;font-size:clamp(17px,2.2vw,21px);line-height:1.65}.button{border:1px solid var(--gold);background:var(--gold);color:var(--ink);font-weight:700;letter-spacing:.04em;min-height:54px;padding:0 28px;border-radius:7px;cursor:pointer;margin-top:28px}.button.secondary{background:transparent;color:var(--ivory);border-color:#4a4e4e;margin-left:10px}.button:focus-visible,.option:focus-visible,input:focus-visible{outline:3px solid #f3cc84;outline-offset:3px}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:36px 0}.card{background:rgba(21,24,25,.82);border:1px solid var(--line);border-radius:12px;padding:22px}.card b{display:block;color:var(--gold);margin-bottom:10px}.question{font:600 clamp(30px,5vw,49px)/1.08 'EB Garamond',serif;max-width:760px;margin:22px 0 32px}.options{display:grid;gap:12px}.option{width:100%;display:flex;align-items:center;gap:16px;text-align:left;min-height:64px;padding:14px 18px;border:1px solid #353939;border-radius:10px;background:#151819;color:var(--ivory);cursor:pointer}.option:hover,.option.selected{border-color:var(--gold);background:#1e1d19}.option .num{display:grid;place-items:center;width:30px;height:30px;border:1px solid #555;border-radius:50%;color:var(--gold);flex:0 0 auto}.progress{height:3px;background:#282b2b}.progress>div{height:100%;background:var(--gold);transition:width .35s}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.lead{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:680px}.field{display:grid;gap:8px}.field.email{grid-column:1/-1}.field label{font-size:12px;color:var(--muted)}.field input{width:100%;min-height:52px;background:#121415;border:1px solid #3a3d3d;border-radius:7px;color:var(--ivory);padding:0 14px}.error{color:var(--danger);min-height:24px;margin-top:16px}.metric{font:600 78px/1 'EB Garamond',serif;color:var(--gold)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.result-grid .card span{color:var(--muted);font-size:12px;display:block;margin-bottom:8px}.book{margin-top:42px;border:1px solid var(--gold);background:linear-gradient(135deg,#1b1a17,#111313);padding:30px;border-radius:12px}.legal{font-size:12px;color:var(--muted);line-height:1.6;margin-top:36px}.loading-line{font:600 clamp(28px,5vw,48px)/1.1 'EB Garamond',serif;animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.45}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:650px){.stage{padding-top:38px}.intro-grid,.lead,.result-grid{grid-template-columns:1fr}.field.email{grid-column:auto}.actions{align-items:stretch}.actions .button{flex:1}.button.secondary{margin-left:8px}.top{padding:18px 20px}.option{min-height:70px}}