*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb}body{margin:0}.app{min-height:100vh}.topbar{min-height:76px;padding:16px 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e9f2}.brand{font-size:25px;font-weight:750}.subtitle{color:#6b7280;margin-top:3px;font-size:14px}.status{font-size:14px;color:#586174;display:flex;gap:8px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;background:#c3cad6}.dot.ok{background:#2ca66f}.hero{padding:62px 6% 34px;max-width:980px}.hero h1{margin:0 0 12px;font-size:42px;letter-spacing:-1px}.hero p{margin:0;max-width:780px;color:#596579;font-size:18px;line-height:1.6}.grid{padding:12px 6% 50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1250px}.card{background:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:26px;box-shadow:0 5px 20px #1e2a440d}.icon{font-size:30px}.card h2{margin:14px 0 8px;font-size:20px}.card p{color:#657084;line-height:1.5;min-height:48px}.badge{display:inline-block;margin-top:12px;padding:6px 10px;border-radius:999px;background:#eef2f7;color:#526075;font-size:12px}footer{padding:22px 6%;color:#8791a3;font-size:13px;border-top:1px solid #e5e9f2;background:#fff}@media(max-width:800px){.grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:16px;flex-direction:column}.hero h1{font-size:34px}}