:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f4f7fb;line-height:1.45}*{box-sizing:border-box}body{margin:0}.shell{max-width:1520px;margin:auto;padding:20px}.top,.hero,.panel,.nav{background:#fff;border:1px solid #dce3ec;border-radius:18px;box-shadow:0 8px 28px #1620330d}.top{padding:20px 24px;display:flex;justify-content:space-between;gap:18px;align-items:center}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#54627a}.top h1,.hero h2,.panel h2{margin:.2rem 0}.badges,.actions{display:flex;gap:8px;flex-wrap:wrap}.badge,.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef3f8;font-size:.8rem;font-weight:700}.badge.good{background:#eaf8f0;color:#17623c}.badge.warn{background:#fff4db;color:#7c5100}.hero{margin-top:16px;padding:24px;display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.muted{color:#657188}.button,button{border:1px solid #cbd5e1;background:#fff;color:#172033;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;text-decoration:none}.primary{background:#172033;color:#fff;border-color:#172033}.layout{display:grid;grid-template-columns:285px 1fr;gap:16px;margin-top:16px}.nav{padding:10px;height:max-content;position:sticky;top:16px}.nav button{display:block;width:100%;text-align:left;border:0;margin:3px 0;background:transparent}.nav button.active{background:#172033;color:#fff}.view{display:none}.view.active{display:block}.panel{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}label,fieldset{font-size:.9rem;font-weight:700}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:9px;padding:10px;background:#fff;font:inherit}textarea{min-height:92px;resize:vertical}.result{margin-top:16px}.card{border:1px solid #dce3ec;border-radius:14px;padding:15px;margin:10px 0;background:#fbfcfe}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px;border-radius:12px;background:#f5f8fb}.stat strong{display:block;font-size:1.35rem;margin-top:5px}.notice{padding:13px;border-radius:12px;background:#fff8e9;border:1px solid #f2dfae;margin:10px 0}.trust{padding:13px;border-radius:12px;background:#eef8f2;border:1px solid #cde8d8;margin:10px 0}.roadmap{border-left:5px solid #df9b27}.active-product{border-left:5px solid #1f7a4d}.score{font-size:2rem;font-weight:900}.ok{color:#1b6b42}.warntext{color:#8b5a00}.danger{color:#a12b2b}.footer{padding:24px 4px;color:#667085;font-size:.85rem}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.88rem}.meter{height:10px;background:#e7edf4;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:#172033}.checks{border:1px solid #dce3ec;border-radius:12px;padding:12px}.checks label{display:inline-flex;gap:8px;align-items:center;margin:5px 15px 5px 0}.checks input{width:auto;margin:0}@media(max-width:900px){.layout,.hero{grid-template-columns:1fr}.nav{position:static}.form-grid,.grid2,.grid3{grid-template-columns:1fr}.top{flex-direction:column}.wide{grid-column:auto}}
