@font-face{font-family:Roboto;src:url('./fonts/Roboto-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#202937;font-family:Roboto,sans-serif;font-size:17px;line-height:1.65}header{max-width:1050px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;gap:9px;align-items:center;font-size:25px;font-weight:750;text-decoration:none;color:inherit;letter-spacing:-1px}.brand span{font-weight:400;color:#83909c}#mode-label{font-size:13px;color:#537c6d;background:#e3f2e9;padding:5px 11px;border-radius:5px}main{max-width:800px;margin:8px auto 35px;padding:0 24px}.preview-note{font-size:14px;background:#eaf0fb;border:1px solid #d7e1f2;border-radius:8px;padding:15px 19px;color:#4a6079}.preview-note strong{display:block}nav ol{display:flex;list-style:none;padding:0;gap:8px;justify-content:space-between;margin:26px 0}nav li{display:flex;align-items:center;gap:7px;color:#8a94a1;font-size:12px}nav span{display:grid;place-items:center;width:25px;height:25px;background:#e7ebf0;border-radius:50%}nav [aria-current=step]{color:#5e4f8d;font-weight:700}nav [aria-current=step] span{background:#ddd4f5;color:#574380}.wizard{background:white;border-radius:10px;padding:35px 40px;box-shadow:0 6px 28px #22334808}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#8b7ba8;margin:0 0 7px}h1{font-size:35px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}h2{font-size:21px;line-height:1.4}p{margin:12px 0}.lead{color:#65758b;font-size:18px}.hero-image{display:block;width:100%;max-height:230px;object-fit:contain;margin:8px auto}.field{display:block;margin:20px 0}.field>span{display:block;font-weight:600;margin-bottom:6px}input:not([type=checkbox]),select{font:inherit;width:100%;border:1px solid #d6dee7;border-radius:6px;background:#fcfdff;padding:12px;color:inherit;min-height:50px}input[type=checkbox]{width:21px;height:21px;accent-color:#5c8877;flex-shrink:0;margin-top:3px}.check{display:flex;gap:12px;align-items:flex-start;padding:12px 0}.hint{font-size:14px;color:#6e7f91;margin:6px 0}.note{font-size:15px;background:#eef6f1;color:#527769;padding:15px 18px;border-radius:6px}.warning{background:#fff4df;color:#82613b}.instructions{padding-left:25px}.instructions li{padding:8px 0 8px 5px}details{border-top:1px solid #e9edf3;margin:15px 0;padding-top:12px;font-size:15px}summary{cursor:pointer;color:#756294;font-weight:600}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:30px}button{font:inherit;cursor:pointer;border-radius:6px;padding:12px 20px;min-height:49px;border:0;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#283747;color:#fff;min-width:150px}.secondary{background:#eff2f6;color:#68778b}.privacy{font-size:13px;text-align:center;color:#8491a1;max-width:570px;margin:22px auto}#error{background:#fff0ed;color:#9a453d;padding:12px 16px;border-radius:6px}footer{max-width:800px;padding:0 24px 30px;margin:auto;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:13px}footer button{font-size:13px;background:transparent;color:#756294;padding:7px;min-height:40px}a{color:#756294;text-underline-offset:3px}.device-summary{padding:18px;background:#f3f6f9;border-radius:6px;overflow-wrap:anywhere}.device-summary strong{display:block;font-size:23px}.status{font-size:14px;color:#527769}.test-result{padding:16px;border:1px solid #dbe8df;border-radius:6px;margin-top:18px}:focus-visible{outline:3px solid #a69ace;outline-offset:4px}h1:focus{outline:none}[hidden]{display:none!important}@media(max-width:600px){body{font-size:16px}header{padding:20px}.brand{font-size:23px}main{padding:0 14px}.wizard{padding:26px 22px}h1{font-size:30px}nav li{font-size:0;gap:0}nav ol{padding:0 5px}nav span{font-size:12px}.actions button{padding:12px 16px;min-width:0}.hero-image{max-height:200px}.lead{font-size:17px}}