:root{--blue:#067ff3;--pink:#ffb7f1;--yellow:#f7cd1b;--mint:#07b682;--ink:#181818;--line:#dededb;--paper:#fafaf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:48px;letter-spacing:-4px;font-weight:900;color:var(--ink);text-decoration:none;line-height:1}.brand span{font-size:26px;vertical-align:top;color:var(--blue);margin-left:8px}.header-tag,.edition,.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700}.header-tag{border:1px solid var(--ink);border-radius:30px;padding:7px 16px}.edition{color:#656560}main{max-width:1500px;margin:auto;display:grid;grid-template-columns:35% 65%;min-height:calc(100vh - 166px)}aside{padding:55px 45px 40px 5vw;border-right:1px solid var(--line)}h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-4px;line-height:.98;margin:27px 0}h1 span{color:var(--blue)}.intro{color:#595955;font-size:18px;line-height:1.6}nav{margin:42px 0 32px;display:grid;gap:9px}.step{background:none;border:0;display:flex;align-items:center;gap:14px;text-align:left;padding:7px 0;color:#70706a;font-size:14px}.step b{border:1px solid #ccc;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:12px}.step.active{font-weight:700;color:var(--ink)}.step.active b{background:var(--ink);color:white;border-color:var(--ink)}.step.done b{background:var(--mint);color:#062b22;border-color:var(--mint)}.step:disabled{cursor:default}.side-note{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:22px;font-size:14px}.side-note span{font-size:40px;color:var(--blue)}.side-note p{margin:4px 0}#workspace{padding:50px clamp(24px,4.5vw,70px);min-width:0}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.kicker{font-size:12px;letter-spacing:1.4px;font-weight:bold;color:#64645d}.counter{font-size:13px;background:#eee; padding:5px 12px;border-radius:20px}h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.7px;line-height:1.09;margin:0 0 14px;max-width:660px}.sub{margin:0 0 25px;color:#696961}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid var(--line);background:white;padding:17px 15px;display:flex;align-items:center;gap:12px;text-align:left;min-height:77px;border-radius:9px;transition:background .15s,border-color .15s,transform .15s;color:var(--ink)}.choice:hover{border-color:#96968f;transform:translateY(-1px)}.choice.selected{background:#e9f3ff;border:1.5px solid var(--blue);padding:16.5px 14.5px}.choice .symbol{font-size:23px;flex:0 0 29px;text-align:center}.choice .label{font-size:14px;line-height:1.35;font-weight:600;flex:1}.tick{width:17px;height:17px;flex:0 0 17px;border:1px solid #ccc;border-radius:50%;font-size:11px;display:grid;place-items:center}.selected .tick{background:var(--blue);border-color:var(--blue);color:white}.choice small{display:block;font-size:12px;font-weight:400;color:#696961;margin-top:4px}.actions{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.primary{background:var(--ink);color:white;border:0;border-radius:7px;padding:15px 26px;font-weight:700}.primary:hover{background:var(--blue)}.primary:disabled{background:#d9d9d3;color:#777;cursor:not-allowed}.secondary{border:1px solid #ccc;background:transparent;border-radius:7px;padding:12px 20px}.back{border:0;background:none;color:#555;padding:10px 0}.hint{font-size:12px;color:#777}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid #ccc;padding:10px 15px;background:white;border-radius:30px;font-size:14px}.chip.selected{background:var(--pink);border-color:var(--ink)}h3{font-size:18px;margin:29px 0 13px;letter-spacing:-.4px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;font-size:14px;margin:16px 0}.field input,.field select,textarea{width:100%;border:1px solid #ccc;padding:13px;border-radius:7px;background:white;color:var(--ink)}textarea{min-height:125px;resize:vertical}.notice{padding:15px 18px;background:#f3f1e9;border-radius:7px;font-size:13px;margin:20px 0}.verb .choice{min-height:68px}.result-hero{background:var(--pink);border-radius:13px;padding:28px;margin-top:18px}.result-hero h2{margin-top:12px}.result-icon{font-size:43px}.tag{display:inline-block;font-size:12px;font-weight:bold;border:1px solid;padding:5px 10px;border-radius:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric{padding:18px 12px;background:white;border:1px solid var(--line);border-radius:8px}.metric strong{display:block;font-size:30px;letter-spacing:-1px}.metric span{font-size:12px;color:#555}.metric em{font-style:normal;font-size:12px}.result-list{padding-left:21px;font-size:15px}.result-list li{margin:8px 0}.next-card{border-left:3px solid var(--blue);padding:8px 18px;margin:20px 0}.next-card p{font-size:14px;color:#555;margin:7px 0}.capacity{background:var(--yellow);padding:24px;border-radius:10px;margin-top:26px}.capacity strong{font-size:36px;letter-spacing:-1px;display:block}.capacity p{font-size:14px;margin:8px 0}.capacity .field-grid{gap:10px}details{font-size:13px;margin:22px 0}summary{cursor:pointer;font-weight:700}details p{color:#666}.cta{background:var(--ink);color:white;padding:25px;border-radius:10px;margin:25px 0}.cta h3{margin-top:0;font-size:24px}.cta button{background:var(--pink);color:var(--ink)}.cta p{font-size:14px;color:#d1d1cc}.error{font-size:13px;color:#af2828;min-height:20px}.result-actions{display:flex;flex-wrap:wrap;gap:10px}footer{padding:20px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#676760}.reveal{animation:appear .25s ease}@keyframes appear{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:950px){aside{padding-right:25px}h1{letter-spacing:-2px}.cards{grid-template-columns:1fr}.verb .cards{grid-template-columns:1fr 1fr}.edition{display:none}}@media(max-width:650px){header{height:76px;padding:0 22px}.brand{font-size:39px}.header-tag{font-size:10px}main{display:block}aside{border-right:0;padding:25px 22px 0}.eyebrow,.intro,.side-note{display:none}h1{font-size:36px;letter-spacing:-1.5px;line-height:1;margin:0}h1 br{display:none}h1 span{margin-left:5px}nav{display:flex;justify-content:space-between;margin:23px 0 0;border-bottom:1px solid var(--line);padding-bottom:17px;gap:4px}.step{display:grid;justify-items:center;gap:5px;font-size:10px}.step b{width:26px;height:26px}.step span{font-size:10px}#workspace{padding:26px 22px}.topline{margin-bottom:18px}h2{font-size:33px}.cards{grid-template-columns:1fr}.verb .cards{gap:7px}.verb .choice{padding:12px 9px}.verb .choice.selected{padding:11.5px 8.5px}.verb .symbol{display:none}.verb .label{font-size:13px}.field-grid{grid-template-columns:1fr}.metrics{gap:6px}.metric{padding:15px 10px}.metric strong{font-size:25px}.result-hero{padding:22px}.actions{position:sticky;bottom:0;background:var(--paper);padding-bottom:12px;z-index:1}.hint{max-width:100px}.capacity .field-grid{grid-template-columns:1fr 1fr}footer{font-size:10px;gap:15px;padding:20px 22px}footer span:last-child{max-width:150px;text-align:right}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{header,aside,footer,.result-actions,.cta,.actions{display:none}main{display:block}#workspace{padding:0}.result-hero,.capacity{break-inside:avoid}body{background:white}details{display:block}}
