:root{--ink:#101010;--muted:#666;--line:#d8d8d4;--paper:#f4f4f1;--white:#fff;--accent:#d7ff42;--soft:#e9e9e4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--line);gap:24px}.mark img{display:block;width:148px}.nav{display:flex;gap:22px;align-items:center;font-size:.86rem}.nav a{text-underline-offset:4px}.nav .active{text-decoration:none;font-weight:700}.hero{padding:68px 0 56px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;margin:0 0 22px}.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.92;letter-spacing:-.065em;margin:0;max-width:1000px}.hero h1 span{display:block;font-weight:400}.lead{font-size:clamp(1.08rem,2vw,1.35rem);max-width:720px;margin:30px 0 0;color:#333}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 0 96px}.tool-card{display:flex;min-height:360px;flex-direction:column;background:var(--white);padding:28px;text-decoration:none;border:1px solid transparent;transition:.2s}.tool-card:hover,.tool-card:focus-visible{border-color:var(--ink);transform:translateY(-3px)}.tool-card .num{font-size:.72rem;font-weight:700;letter-spacing:.1em}.tool-card h2{font-size:2rem;line-height:1;letter-spacing:-.04em;margin:56px 0 16px}.tool-card p{color:var(--muted);margin:0}.tool-card .go{margin-top:auto;font-size:1.4rem}.workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:12px;padding:0 0 80px;align-items:start}.panel{background:var(--white);padding:clamp(22px,4vw,42px)}.panel h2{margin:0 0 28px;font-size:1.8rem;letter-spacing:-.035em}.field{margin:0 0 22px}.field label,.question legend{display:block;font-size:.88rem;font-weight:700;margin-bottom:8px}.field small,.question small{display:block;color:var(--muted);margin-top:6px}.field input,.field select{width:100%;border:1px solid #aaa;background:white;padding:13px 14px;font:inherit;color:var(--ink);border-radius:0}.input-row{display:grid;grid-template-columns:1fr 120px;gap:10px}.question{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:0 0 22px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice label{display:flex;height:100%;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);padding:10px 8px;font-size:.82rem;cursor:pointer}.choice input:checked+label{background:var(--ink);border-color:var(--ink);color:white}.button{appearance:none;border:0;background:var(--ink);color:white;padding:15px 18px;font:700 1rem Arial,sans-serif;cursor:pointer;display:inline-flex;justify-content:space-between;gap:30px;text-decoration:none;width:100%}.button:hover,.button:focus-visible{background:#303030}.button.alt{background:transparent;color:var(--ink);border:1px solid var(--ink);margin-top:10px}.result{position:sticky;top:18px;background:var(--ink);color:white;min-height:430px;padding:clamp(24px,4vw,42px)}.result .empty{color:#aaa;max-width:330px;margin-top:110px}.result-label{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#bbb}.big-number{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.9;letter-spacing:-.06em;margin:14px 0 12px}.result h3{font-size:1.4rem;margin:25px 0 10px}.result ul{padding-left:18px;color:#ddd}.result li{margin:8px 0}.result .cta-box{background:var(--accent);color:var(--ink);padding:18px;margin-top:28px}.result .cta-box p{margin:0 0 12px;font-size:.9rem}.result .button{background:var(--ink)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.metric{border-top:1px solid #555;padding-top:12px}.metric b{display:block;font-size:1.25rem}.metric span{font-size:.72rem;color:#bbb}.note{font-size:.76rem;color:#999;margin-top:20px}.back{display:inline-block;margin-bottom:20px;font-size:.83rem;text-underline-offset:4px}footer{padding:28px 0 44px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}@media(max-width:820px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:260px}.workspace{grid-template-columns:1fr}.result{position:static}.nav a:first-child{display:none}}@media(max-width:560px){.wrap{width:min(calc(100% - 28px),var(--max))}.top{min-height:64px}.mark img{width:126px}.hero{padding:44px 0 40px}.hero h1{font-size:3.35rem}.choices{grid-template-columns:1fr}.input-row{grid-template-columns:1fr 96px}.panel{padding:22px}.nav{gap:12px}}