:root{--safety-accent:#8cc8ff;--safety-danger:#ff6f61;--safety-warn:#f3bf55;--safety-ok:#7bc89c}
.safety-body{background:#07131f;color:#f6f3ed}
.safety-body:before{background:radial-gradient(circle at 78% 8%,color-mix(in srgb,var(--safety-accent) 10%,transparent),transparent 28%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
.safety-body .eyebrow,.safety-body .section-label span,.safety-body .text-link{color:var(--safety-accent)}
.safety-nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.safety-nav a{color:#91a4b6;font-size:.64rem;font-weight:700;letter-spacing:.1em}
.safety-nav a:hover,.safety-nav a[aria-current="page"]{color:#f5f0e9}
.safety-hero{padding:74px 0 54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:58px;align-items:center}
.safety-hero h1{margin:14px 0 0;font:800 clamp(3.2rem,6vw,5.8rem)/.93 Manrope,sans-serif;letter-spacing:-.06em}
.safety-hero h1 span{color:#72889c}
.safety-hero-copy>p:not(.eyebrow){max-width:660px;margin:24px 0 0;color:#9aa9b7;font-size:1rem;line-height:1.7}
.safety-badges{margin-top:28px;display:flex;gap:8px;flex-wrap:wrap}
.safety-badges span{padding:8px 10px;border:1px solid #29455d;border-radius:999px;color:#a8b6c3;font-size:.58rem;font-weight:700;letter-spacing:.08em}
.safety-badges .accent{background:var(--safety-accent);border-color:var(--safety-accent);color:#07131f}
.safety-preview{border:1px solid #203b52;border-radius:26px;background:linear-gradient(145deg,#0d2438,#0a1b2b);box-shadow:0 28px 70px rgba(0,0,0,.23);overflow:hidden}
.preview-top{padding:18px 20px;border-bottom:1px solid #203b52;display:flex;justify-content:space-between;gap:16px;align-items:center}
.preview-top strong{font-size:.76rem;letter-spacing:.08em}.demo-pill{padding:6px 8px;border:1px solid #35536c;border-radius:999px;color:#94a7b8;font-size:.52rem;font-weight:700;letter-spacing:.08em}
.preview-body{padding:18px;display:grid;gap:12px}
.mini-alert{padding:15px;border:1px solid #203b52;border-radius:17px;background:#0b1e30}
.mini-alert-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mini-alert h3{margin:0;font:700 1rem/1.15 Manrope,sans-serif}.mini-alert p{margin:6px 0 0;color:#90a1b0;font-size:.78rem;line-height:1.5}
.status-pill{flex:0 0 auto;padding:6px 8px;border-radius:999px;font-size:.5rem;font-weight:800;letter-spacing:.08em}
.status-critical{background:rgba(255,111,97,.14);color:#ff8d83}.status-warn{background:rgba(243,191,85,.13);color:#f0c86d}.status-ok{background:rgba(123,200,156,.13);color:#8bd5ab}.status-info{background:rgba(140,200,255,.12);color:#9dd0ff}
.dashboard-section{padding:58px 0 74px;border-top:1px solid #20384f;background:#06111d}
.dashboard-shell{display:grid;gap:18px}
.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #314b61;border-radius:16px;background:#0a1b2a;color:#9eafbd;font-size:.78rem}
.demo-banner strong{color:#f6f3ed}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.metric{padding:20px;border:1px solid #203b52;border-radius:18px;background:#0b1d2e}
.metric span{display:block;color:#7f93a6;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.metric strong{display:block;margin-top:8px;font:700 1.7rem/1 Manrope,sans-serif}
.control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chip{border:1px solid #2b465d;background:#0a1b2b;color:#9aabba;border-radius:999px;padding:9px 12px;font:700 .58rem/1 Inter,sans-serif;letter-spacing:.07em;cursor:pointer}
.chip:hover,.chip.is-active{background:var(--safety-accent);border-color:var(--safety-accent);color:#07131f}
.search-box{flex:1 1 260px;min-width:0;border:1px solid #2b465d;background:#0a1b2b;color:#f5f0e9;border-radius:14px;padding:12px 14px;font:500 .88rem Inter,sans-serif;outline:none}
.search-box:focus{border-color:var(--safety-accent)}
.alert-list{display:grid;gap:12px}
.alert-card{display:grid;grid-template-columns:1fr auto;gap:18px;padding:20px;border:1px solid #203b52;border-radius:19px;background:#0b1d2e}
.alert-card[hidden]{display:none}
.alert-card h3{margin:0;font:700 1.08rem/1.2 Manrope,sans-serif}.alert-card p{margin:7px 0 0;color:#92a3b2;font-size:.84rem;line-height:1.55}.alert-card .meta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;color:#6f8497;font-size:.67rem}
.follow-btn{align-self:start;border:1px solid #35516a;background:transparent;color:#bac6d0;border-radius:11px;padding:9px 10px;font:700 .55rem/1 Inter,sans-serif;letter-spacing:.06em;cursor:pointer}.follow-btn.is-following{background:var(--safety-accent);border-color:var(--safety-accent);color:#07131f}
.feature-section{padding:64px 0;border-top:1px solid #20384f}
.safety-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.safety-feature{padding:24px;border:1px solid #203b52;border-radius:20px;background:#0a1b2b}.safety-feature span{color:var(--safety-accent);font-size:.56rem;font-weight:800;letter-spacing:.1em}.safety-feature h3{margin:22px 0 0;font:700 1.12rem/1.2 Manrope,sans-serif}.safety-feature p{margin:10px 0 0;color:#8ea0af;font-size:.82rem;line-height:1.6}
.cta-panel{padding:36px;border:1px solid #27465f;border-radius:24px;background:linear-gradient(135deg,#0f2940,#0a1c2c)}.cta-panel h2{margin:0;font:700 clamp(2rem,4vw,3.5rem)/1 Manrope,sans-serif;letter-spacing:-.045em}.cta-panel p{max-width:650px;margin:16px 0 0;color:#97a8b6;line-height:1.65}.cta-panel .safety-badges{margin-top:22px}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.category-card{padding:16px;border:1px solid #203b52;border-radius:16px;background:#0b1d2e}.category-card strong{display:block;font-size:.82rem}.category-card span{display:block;margin-top:7px;color:#73889a;font-size:.68rem;line-height:1.4}
.home-safety-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home-safety-card{position:relative;min-height:280px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0f263a,#0a1c2c);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.home-safety-card:hover{transform:translateY(-3px);border-color:#355873;box-shadow:0 24px 58px rgba(0,0,0,.18)}
.home-safety-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--card-accent) 55%,#29445e);border-radius:16px;background:color-mix(in srgb,var(--card-accent) 11%,#0b1d2f);color:var(--card-accent);font:800 .78rem/1 Manrope,sans-serif;letter-spacing:.08em}
.home-safety-card .product-kicker{margin-top:24px;color:var(--card-accent)}
.home-safety-card h3{margin:8px 0 0;font:800 clamp(1.8rem,3vw,2.55rem)/1 Manrope,sans-serif;letter-spacing:-.04em}
.home-safety-card>p{margin:14px 0 0;color:var(--muted);font-size:.88rem;line-height:1.6}
.home-safety-card .badges{margin-top:20px}
.home-safety-card .badges .accent{background:var(--card-accent);border-color:var(--card-accent);color:#07131f}
.home-safety-card .product-link{margin-top:auto;padding-top:22px}
.home-safety-card .product-link span{color:var(--card-accent)}
@media(max-width:900px){.safety-hero{grid-template-columns:1fr;gap:34px}.safety-preview{max-width:620px}.safety-feature-grid,.metric-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.home-safety-grid{grid-template-columns:1fr}}
@media(max-width:600px){.safety-nav{gap:12px}.safety-nav a{font-size:.55rem}.safety-hero{padding:48px 0 40px}.safety-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.metric-grid,.safety-feature-grid,.category-grid{grid-template-columns:1fr}.alert-card{grid-template-columns:1fr}.follow-btn{justify-self:start}.demo-banner{align-items:flex-start;flex-direction:column}.cta-panel{padding:26px}}