:root{--bg:#060606;--fg:#f4f4f4;--font:"Helvetica Neue",Helvetica,Arial,sans-serif;--red:#e8231b;--red-hover:#d20d05;--diag-bg:#060606;--diag-fg:#f4f4f4;--diag-red:#e8231b;--diag-line:rgba(255,255,255,.15)}
*{box-sizing:border-box}body{margin:0;background:var(--diag-bg);color:var(--diag-fg);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid #f4f4f4;outline-offset:5px}
#diagnostic{max-width:1060px;margin:0 auto;min-height:75vh;padding:clamp(48px,7vw,92px) clamp(22px,5vw,64px) clamp(64px,8vw,112px);outline:none}
#diagnostic h1,#diagnostic h2,#diagnostic h3{letter-spacing:-.045em;line-height:1.08;margin:0 0 28px;font-weight:650}
#diagnostic h1{font-size:clamp(34px,4.6vw,58px);max-width:790px}
#diagnostic h2{font-size:clamp(26px,3vw,40px)}#diagnostic h3{font-size:clamp(21px,2.3vw,28px)}
#diagnostic p{font-size:16px;line-height:1.75;color:#bbb;overflow-wrap:anywhere;margin:0 0 24px}
#diagnostic em{font-style:normal;color:var(--diag-red)}
#diagnostic .diag-label{font-size:12px;letter-spacing:.12em;margin-bottom:28px;text-transform:uppercase;color:#b4b4b4}.diag-label>span{color:var(--diag-red)}
.diag-intro{max-width:700px}.diag-intro>p{max-width:700px}
.diag-facts{border-top:1px solid var(--diag-line);display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:26px;padding:26px 0;margin:36px 0 8px}
.diag-facts>div{display:flex;align-items:center;gap:18px}.diag-facts strong{font-size:27px;font-weight:400;white-space:nowrap}.diag-facts span{font-size:12px;line-height:1.4;color:#aaa}
#diagnostic .diag-small{font-size:12px;line-height:1.6;color:#999}
.diag-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--diag-red);border:1px solid var(--diag-red);color:white;padding:21px 24px;border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.045em;min-height:60px;text-decoration:none;margin:12px 12px 16px 0;text-align:left;transition:background .18s,border-color .18s}
.diag-btn:hover{background:#c71c15;border-color:#c71c15}.diag-btn.secondary{background:transparent;border-color:#444}.diag-btn.secondary:hover{border-color:var(--diag-red)}
.diag-back{background:none;border:0;color:#aaa;padding:14px 0;font-size:13px}.diag-back:hover{color:white}
.diag-progress{display:grid;grid-template-columns:auto minmax(40px,1fr) auto;align-items:center;gap:20px;margin-bottom:42px;font-size:12px;letter-spacing:.04em;color:#aaa}
.diag-progress progress{width:100%;height:2px;border:0;accent-color:var(--diag-red)}progress::-webkit-progress-bar{background:#333}progress::-webkit-progress-value{background:var(--diag-red)}progress::-moz-progress-bar{background:var(--diag-red)}
#diagnostic .diag-question h1{font-size:clamp(30px,3.6vw,44px);max-width:900px;line-height:1.12;margin-bottom:34px}
.diag-options{display:grid;gap:9px;margin:28px 0 12px}.diag-option{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:18px;width:100%;text-align:left;border:1px solid #323232;border-radius:2px;background:transparent;color:var(--diag-fg);padding:21px 20px;font-size:15px;line-height:1.45;transition:border-color .15s,background .15s}
.diag-option span:first-child{font-size:12px;color:#aaa}.diag-option-arrow{color:#666;font-size:14px}.diag-option:hover{border-color:#9b251e;background:#110b0a}.diag-option[aria-pressed=true]{background:rgba(232,35,27,.09);border-color:var(--diag-red)}.diag-option[aria-pressed=true] .diag-option-arrow{color:var(--diag-red)}
.diag-nav{display:flex;justify-content:space-between;align-items:center;gap:14px}.diag-nav .diag-small{margin:0!important}
.diag-score{font-size:clamp(80px,12vw,110px);font-weight:600;letter-spacing:-.06em;line-height:1.15;color:var(--diag-red)}.diag-score small{font-size:.4em}
.diag-result-top{display:grid;grid-template-columns:210px 1fr;gap:40px;align-items:center;border-block:1px solid var(--diag-line);padding:32px 0;margin:36px 0}.diag-result-top p:last-child{margin-bottom:0!important}
.diag-callout{border-left:2px solid var(--diag-red);padding:12px 24px;margin:28px 0;background:#0c0c0c}
.diag-report-section{border-top:1px solid var(--diag-line);padding:38px 0;break-inside:avoid}.diag-report-section .diag-label{margin-bottom:16px!important}
.diag-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.diag-radar{width:100%;max-width:440px;overflow:visible}.diag-bars div{margin:18px 0;font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.diag-bars meter{width:100%;height:7px}.diag-bars meter::-webkit-meter-bar{background:#252525;border:0}.diag-bars meter::-webkit-meter-optimum-value{background:var(--diag-red)}
.diag-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.diag-field{display:grid;gap:10px;font-size:12px;letter-spacing:.03em;color:#bbb}
.diag-field input,.diag-field select{min-width:0;width:100%;padding:17px 16px;background:#0c0c0c;color:var(--diag-fg);border:1px solid #3b3b3b;border-radius:2px;font-size:16px}.diag-field input:focus,.diag-field select:focus{border-color:var(--diag-red)}.diag-field input::placeholder{color:#666}
.diag-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#aaa;line-height:1.7}.diag-consent input{width:18px;height:18px;flex:none;accent-color:var(--diag-red);margin-top:2px}.diag-consent a{text-underline-offset:3px}
#diagnostic .diag-error{color:#ff8f89;min-height:24px;font-size:14px;margin-top:14px}.diag-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.diag-optional{padding:25px 0;border-top:1px solid var(--diag-line)}.diag-optional summary{cursor:pointer;font-size:20px;line-height:1.5}.diag-optional small{font-size:12px;color:#999}.diag-actions{display:flex;gap:12px;flex-wrap:wrap}.diag-actions .diag-btn{margin-right:0}
.diag-processing{min-height:45vh;display:flex;flex-direction:column;justify-content:center}.diag-processing::before{content:"";width:100px;height:2px;background:var(--diag-red);margin-bottom:40px;animation:diag-pulse .7s alternate infinite}@keyframes diag-pulse{to{width:240px;opacity:.5}}
@media(max-width:700px){#diagnostic{padding-top:42px}.diag-facts{gap:20px}.diag-facts>div{flex-direction:column;align-items:flex-start;gap:8px}.diag-facts strong{font-size:22px}.diag-result-top,.diag-dimensions,.diag-fields{grid-template-columns:1fr;gap:20px}.diag-result-top{margin-top:20px}.diag-option{font-size:15px;padding:17px 13px;gap:10px;grid-template-columns:21px 1fr 12px}.diag-progress{gap:12px;margin-bottom:30px;font-size:11px}.diag-progress span:last-child{max-width:115px;text-align:right}.diag-nav{align-items:center}.diag-btn{max-width:100%;margin-right:0;overflow-wrap:anywhere}.diag-actions{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#111}.diag-actions,.diag-optional,.diag-btn,.diag-back{display:none!important}#diagnostic{padding:0;max-width:none}#diagnostic p,#diagnostic .diag-small{color:#333}.diag-report-section{border-color:#ccc}.diag-radar text{fill:#111}.diag-radar line,.diag-radar polygon{stroke:#888}.diag-radar polygon:last-of-type{stroke:#e8231b}.diag-score{color:#111}}