/* Fit check (/fit-check): a short public questionnaire for a prospect crew. Colors and type come from design-tokens.css. */
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:400 20px/1.4 var(--f-body)}
.wrap{max-width:560px;margin:0 auto;padding:var(--s4) var(--s4) var(--s7)}
.top{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}
.brand{font:800 20px/1 var(--f-head);font-stretch:87.5%;letter-spacing:.01em}
.brand b{background:var(--accent);color:var(--accent-ink);padding:2px 3px;border-radius:2px}
.lang{display:flex;border:2px solid var(--rule);border-radius:var(--r2);overflow:hidden}
.lang button{font:600 16px var(--f-mono);border:0;background:var(--board);color:var(--ink);min-width:56px;min-height:44px;cursor:pointer}
.lang button[aria-pressed=true]{background:var(--ink);color:var(--board)}
.studs{height:10px;background:repeating-linear-gradient(90deg,var(--stud) 0 2px,var(--bare) 2px 14px);border:1px solid var(--rule);margin-bottom:var(--s5)}
.count{font:600 16px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s2)}
.bar{height:8px;background:var(--paper-2);border:1px solid var(--rule);margin-bottom:var(--s5)}
.bar i{display:block;height:100%;background:var(--ink);transition:width .2s}
h1{font:800 34px/1.1 var(--f-head);font-stretch:87.5%;margin:0 0 var(--s3)}
h2{font:800 26px/1.15 var(--f-head);font-stretch:87.5%;margin:0 0 var(--s3)}
p{margin:0 0 var(--s4)}
.small{font-size:18px;color:var(--muted)}
.opts{display:grid;gap:var(--s3);margin:var(--s4) 0}
.opt{display:block;width:100%;text-align:left;font:600 21px/1.25 var(--f-body);color:var(--ink);background:var(--board);
  border:2px solid var(--rule);border-radius:var(--r2);padding:var(--s4) var(--s4);min-height:72px;cursor:pointer}
.opt[aria-pressed=true]{background:var(--ink);color:var(--board)}
.opt:focus-visible,.btn:focus-visible,.lang button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.btn{display:block;width:100%;font:800 24px/1 var(--f-head);font-stretch:87.5%;letter-spacing:.02em;text-transform:uppercase;
  background:var(--accent);color:var(--accent-ink);border:2px solid var(--rule);border-radius:var(--r2);min-height:72px;cursor:pointer;margin-top:var(--s3)}
.btn[disabled]{background:var(--paper-2);color:var(--muted);cursor:default}
.btn.plain{background:var(--board);color:var(--ink);font-size:20px;min-height:60px}
.back{background:none;border:0;font:600 18px var(--f-body);color:var(--ink);text-decoration:underline;min-height:44px;padding:0;cursor:pointer;margin-top:var(--s4)}
textarea{width:100%;min-height:140px;font:400 20px/1.4 var(--f-body);border:2px solid var(--rule);border-radius:var(--r2);padding:var(--s3);background:var(--board);color:var(--ink)}
/* result */
.plate{background:var(--board);border:2px solid var(--rule);margin-bottom:var(--s5)}
.plate .hd{background:var(--ink);color:var(--board);font:600 15px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:var(--s2) var(--s4);display:flex;justify-content:space-between}
.plate .bd{padding:var(--s4)}
.verdict{font:800 48px/1 var(--f-head);font-stretch:87.5%;margin:0 0 var(--s2)}
.verdict.ready{background:var(--accent);color:var(--accent-ink);display:inline-block;padding:4px 10px}
.chip{display:inline-block;font:600 15px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:2px}
.chip.good{background:var(--good-bg);color:var(--good)} .chip.warn{background:var(--warn-bg);color:var(--warn)} .chip.bad{background:var(--bad-bg);color:var(--bad)}
.have{list-style:none;padding:0;margin:0}
.have li{padding:var(--s2) 0;border-top:1px solid var(--rule-soft);font-size:19px}
.have li:first-child{border-top:0}
.have li::before{content:"✓ ";font-weight:800;color:var(--good)}
.gap{background:var(--board);border:2px solid var(--rule);margin-bottom:var(--s4)}
.gap .hd{display:flex;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--rule)}
.gap .hd h3{font:800 22px/1.15 var(--f-head);font-stretch:87.5%;margin:0;flex:1}
.gap .bd{padding:var(--s4)}
.way{font-size:19px;margin:0 0 var(--s3)}
.way b{font:600 14px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;display:block;color:var(--muted)}
.for{font-size:18px;background:var(--paper);border-left:4px solid var(--ink);padding:var(--s2) var(--s3);margin:0 0 var(--s3)}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.pick .opt{font-size:18px;min-height:64px;text-align:center;padding:var(--s2)}
.calm{background:var(--good-bg);color:var(--good);border:2px solid var(--good);padding:var(--s4);margin-bottom:var(--s5);font-size:19px}
.calm b{display:block;font:800 22px/1.15 var(--f-head);font-stretch:87.5%;margin-bottom:var(--s2)}
.out{font:400 15px/1.45 var(--f-mono);white-space:pre-wrap;background:var(--board);border:1px solid var(--rule);padding:var(--s3);max-height:280px;overflow:auto}
/* lead form at the end (owner 2026-11-13): optional, nothing sent until Send */
.lead h2{margin-top:0}
.lead .fld{display:block;font:600 16px/1.2 var(--f-body);margin:var(--s4) 0 var(--s2)}
.lead input{width:100%;min-height:52px;font:400 20px var(--f-body);color:var(--ink);background:var(--board);border:2px solid var(--rule);border-radius:var(--r2);padding:0 var(--s3)}
.lead input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.lead .btn{margin-top:var(--s4)}
.lead-err{color:var(--bad);font-weight:600}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.back+.back{margin-left:var(--s5)}
/* Start free on the public result (no ?company=): the main next step, above the contact form */
.start{margin:var(--s5) 0}
a.btn{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:var(--s2) var(--s3)}