.demo-safety{color:#102a3d;background:#eef4f7;min-height:100vh}.demo-safety-head{color:#fff;background:#062d45;align-items:center;gap:14px;height:70px;padding:0 28px;display:flex}.demo-safety-head>a{color:#fff;display:flex}.demo-safety-head img{width:auto;height:38px}.demo-safety-head div{flex-direction:column;display:flex}.demo-safety-head div span{opacity:.75;font-size:12px}.demo-safety-head>b{letter-spacing:.08em;color:#102a3d;background:#f6c84b;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:11px}.demo-safety-hero{grid-template-columns:1fr 300px;align-items:center;gap:44px;max-width:1220px;margin:0 auto;padding:62px 34px 42px;display:grid}.demo-safety-hero h1{margin:12px 0 18px;font-size:46px;line-height:1.03}.demo-safety-hero p{color:#526979;max-width:760px;font-size:18px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#18728f;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.demo-qr-card{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:30px;display:flex;box-shadow:0 16px 50px #1233}.demo-qr-card svg{color:#087daa}.demo-qr-card span{color:#70828e;font-size:13px}.demo-safety-grid{gap:28px;max-width:1220px;margin:0 auto;padding:0 34px 64px;display:grid}.demo-safety-grid article{background:#fff;border-radius:24px;grid-template-columns:430px 1fr;gap:36px;padding:32px;display:grid;box-shadow:0 10px 34px #15354812}.demo-safety-copy small{color:#1783a5;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.demo-safety-copy h2{margin:10px 0 12px;font-size:30px}.demo-safety-copy p{color:#5a6e7c;line-height:1.55}.demo-safety-copy ul{gap:11px;margin:22px 0 0;padding:0;list-style:none;display:grid}.demo-safety-copy li{align-items:center;gap:9px;font-weight:650;display:flex}.demo-safety-copy li svg{color:#1887a5;width:18px}.phone-preview{background:#f4f7f8;border:10px solid #173446;border-radius:34px;justify-self:center;width:320px;overflow:hidden;box-shadow:0 14px 36px #102a3d26}.phone-top{color:#fff;background:#0d4462;padding:18px 20px;font-size:22px;font-weight:900}.phone-top span{opacity:.8;margin-left:7px;font-size:10px}.phone-body{padding:24px}.mini-label{color:#778b96;letter-spacing:.1em;font-size:10px;font-weight:800}.phone-body h3{margin:5px 0;font-size:22px}.phone-body p{color:#677d89;margin:0 0 14px}.site-alert{background:#e4f4f7;border-radius:10px;margin-bottom:16px;padding:12px;font-size:12px}.phone-body label{margin:10px 0 5px;font-size:11px;font-weight:750;display:block}.mock-input{background:#fff;border:1px solid #d5e0e4;border-radius:8px;padding:11px;font-size:13px}.phone-body button{color:#fff;background:#087da3;border:0;border-radius:9px;width:100%;margin:18px 0 10px;padding:13px;font-weight:850}.phone-body>small{color:#7a8d97;font-size:10px}.dashboard-preview{background:#f5f8fa;border:1px solid #d9e3e7;border-radius:16px;overflow:hidden}.dash-head{color:#fff;background:#0d4462;justify-content:space-between;padding:18px 20px;display:flex}.dash-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;display:grid}.dash-stats span{color:#6a7d88;background:#fff;border-radius:12px;flex-direction:column;padding:14px;font-size:11px;display:flex}.dash-stats strong{color:#123b52;font-size:26px}.dash-table{background:#fff;border-radius:12px;margin:0 16px 16px;padding:16px}.dash-table>b{margin-bottom:10px;display:block}.dash-table p{border-top:1px solid #edf1f3;grid-template-columns:1.4fr 1fr 60px;margin:0;padding:10px 0;font-size:12px;display:grid}.dash-table em{color:#6b808c;font-style:normal}.dash-table strong{text-align:right}.dash-folders{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.dash-folders span{background:#e8f0f4;border-radius:8px;padding:8px 10px;font-size:11px}.demo-safety footer{color:#d7e5ec;text-align:center;background:#0a3048;padding:22px;font-size:13px}.demo-safety footer strong{color:#fff}@media (max-width:900px){.demo-safety-hero,.demo-safety-grid article{grid-template-columns:1fr}.demo-safety-hero{padding-top:34px}.demo-safety-hero h1{font-size:36px}.demo-qr-card{max-width:300px}.demo-safety-grid article{padding:22px}.dashboard-preview{min-width:0}.phone-preview{max-width:100%}}