:root{
    --navy:#020d1f;
    --navy2:#041428;
    --navy3:#071e36;
    --blue-deep:#0a3060;
    --blue-mid:#1056b0;
    --blue-core:#1a7fd4;
    --blue-bright:#2e9fef;
    --blue-light:#7ec8f5;
    --blue-pale:#c2e4fb;
    --sky:#e8f4fd;
    --white:#f5f9ff;
    --neural-line:rgba(46,159,239,0.12);
    --neural-glow:rgba(46,159,239,0.22);
    --text-bright:#eaf4ff;
    --text-mid:rgba(194,228,251,0.72);
    --text-dim:rgba(126,200,245,0.45);
    --border-faint:rgba(46,159,239,0.14);
    --border-mid:rgba(46,159,239,0.28);
    --border-bright:rgba(46,159,239,0.55);
    --red-alert:#ef4b6c;
    --amber-alert:#f0b429;
    --teal-alert:#10d4b0;
    --font-display:'Syne',sans-serif;
    --font-body:'IBM Plex Sans',sans-serif;
    --font-mono:'IBM Plex Mono',monospace;
}

/* Neural SVG canvas background */
.neural-bg{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0.35}

/* ───── HERO ───── */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 2.5rem 60px;position:relative;text-align:center;overflow:hidden}
.hero-glow-1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(26,127,212,0.14) 0%,transparent 70%);top:-200px;right:-150px;pointer-events:none}
.hero-glow-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(46,159,239,0.1) 0%,transparent 70%);bottom:-100px;left:-100px;pointer-events:none}
.hero-content{max-width:820px;position:relative;z-index:2}
.hero-chip{display:inline-flex;align-items:center;gap:10px;background:rgba(46,159,239,0.08);border:1px solid var(--border-mid);color:var(--blue-light);padding:7px 18px;border-radius:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:2.5rem}
.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-bright);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.2}}
.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.2rem);font-weight:800;line-height:1.05;margin-bottom:1.5rem;color:var(--white);letter-spacing:-1.5px}
.hero-title em{font-style:normal;color:var(--blue-bright);position:relative}
.hero-title em::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:var(--blue-bright);opacity:0.5;border-radius:2px}
.hero-sub{font-size:clamp(0.95rem,2vw,1.15rem);color:var(--text-mid);line-height:1.75;max-width:560px;margin:0 auto 2.5rem;font-weight:300}
.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}
.btn-primary{background:var(--blue-core);color:#fff;padding:14px 30px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.3px;border:1px solid var(--blue-bright);transition:all 0.25s;font-family:var(--font-body)}
.btn-primary:hover{background:var(--blue-bright);box-shadow:0 0 24px rgba(46,159,239,0.35)}
.btn-outline{background:transparent;color:var(--text-bright);padding:14px 30px;border-radius:6px;text-decoration:none;font-weight:400;font-size:14px;border:1px solid var(--border-mid);transition:all 0.25s;font-family:var(--font-body)}
.btn-outline:hover{border-color:var(--blue-bright);color:var(--blue-light);background:rgba(46,159,239,0.05)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:10px;overflow:hidden;max-width:560px;margin:0 auto;position:relative;z-index:2}
.metric-cell{background:rgba(4,20,40,0.8);padding:1.5rem;text-align:center;backdrop-filter:blur(10px)}
.metric-val{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--blue-bright);display:block;line-height:1}
.metric-lbl{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px;display:block}

/* ───── EMERGENCY SECTION ───── */
.emergency-section{padding:90px 2.5rem;position:relative;background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 40%,var(--navy) 100%)}
.section-wrap{max-width:1280px;margin:0 auto}

.section-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1.5rem}
.eyebrow-line{flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--border-mid))}
.eyebrow-line.right{background:linear-gradient(90deg,var(--border-mid),transparent)}
.eyebrow-text{font-family:var(--font-mono);font-size:11px;color:var(--blue-light);letter-spacing:3px;text-transform:uppercase}

.section-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;color:var(--white);text-align:center;margin-bottom:1rem;letter-spacing:-0.8px;line-height:1.15}
.section-sub{text-align:center;color:var(--text-mid);font-size:0.97rem;max-width:560px;margin:0 auto 3.5rem;line-height:1.75;font-weight:300}

/* cards */
.em-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5px;background:var(--border-faint);border:1px solid var(--border-faint);border-radius:16px;overflow:hidden;margin-bottom:2rem}
.em-card{background:var(--navy2);padding:0;overflow:hidden;position:relative;transition:background 0.3s}
.em-card:hover{background:rgba(7,30,54,0.9)}

.card-top-bar{height:3px;width:100%}
.bar-red{background:linear-gradient(90deg,var(--red-alert),rgba(239,75,108,0.4))}
.bar-amber{background:linear-gradient(90deg,var(--amber-alert),rgba(240,180,41,0.4))}
.bar-teal{background:linear-gradient(90deg,var(--teal-alert),rgba(16,212,176,0.4))}

.card-body{padding:2rem}
.card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.card-type-icon{width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center}
.ci-red{background:rgba(239,75,108,0.1);border:1px solid rgba(239,75,108,0.25)}
.ci-amber{background:rgba(240,180,41,0.1);border:1px solid rgba(240,180,41,0.25)}
.ci-teal{background:rgba(16,212,176,0.1);border:1px solid rgba(16,212,176,0.25)}
.card-severity{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;padding:4px 10px;border-radius:3px;font-weight:500}
.sev-red{background:rgba(239,75,108,0.1);color:var(--red-alert);border:1px solid rgba(239,75,108,0.25)}
.sev-amber{background:rgba(240,180,41,0.1);color:var(--amber-alert);border:1px solid rgba(240,180,41,0.25)}
.sev-teal{background:rgba(16,212,176,0.1);color:var(--teal-alert);border:1px solid rgba(16,212,176,0.25)}

.card-title{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--white);margin-bottom:0.75rem;letter-spacing:-0.3px;line-height:1.25}
.card-desc{color:var(--text-mid);font-size:0.88rem;line-height:1.7;margin-bottom:1.25rem;font-weight:300}
.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.5rem}
.ctag{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);border:1px solid var(--border-faint);padding:3px 10px;border-radius:3px;letter-spacing:0.5px}

.card-footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border-faint);padding-top:1.25rem}
.helpline-mini{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}
.hlive{width:5px;height:5px;border-radius:50%;animation:blink 2s infinite}
.hlive-red{background:var(--red-alert)}
.hlive-amber{background:var(--amber-alert)}
.hlive-teal{background:var(--teal-alert)}

.read-more-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:5px;border:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.3px;transition:all 0.22s;text-decoration:none}
.rmb-red{background:rgba(239,75,108,0.12);color:var(--red-alert);border:1px solid rgba(239,75,108,0.3)}
.rmb-red:hover{background:var(--red-alert);color:#fff}
.rmb-amber{background:rgba(240,180,41,0.1);color:var(--amber-alert);border:1px solid rgba(240,180,41,0.3)}
.rmb-amber:hover{background:var(--amber-alert);color:#000}
.rmb-teal{background:rgba(16,212,176,0.1);color:var(--teal-alert);border:1px solid rgba(16,212,176,0.3)}
.rmb-teal:hover{background:var(--teal-alert);color:#000}
.rmb-arrow{transition:transform 0.2s;font-size:15px}
.read-more-btn:hover .rmb-arrow{transform:translateX(4px)}

/* CTA bar */
.emergency-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border:1px solid rgba(239,75,108,0.25);background:rgba(239,75,108,0.05);border-radius:10px;padding:1.5rem 2rem;margin-top:2rem}
.ebar-left{display:flex;align-items:center;gap:14px}
.ebar-pulse{width:14px;height:14px;border-radius:50%;background:var(--red-alert);position:relative;flex-shrink:0}
.ebar-pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--red-alert);animation:sonar 1.8s infinite;opacity:0}
@keyframes sonar{0%{transform:scale(0.7);opacity:0.7}100%{transform:scale(1.8);opacity:0}}
.ebar-text strong{display:block;font-size:15px;color:var(--white);font-weight:600;margin-bottom:2px}
.ebar-text span{font-size:13px;color:var(--text-mid);font-weight:300}
.ebar-btn{background:var(--red-alert);color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:0.3px;transition:all 0.2s;border:1px solid rgba(239,75,108,0.5)}
.ebar-btn:hover{box-shadow:0 0 20px rgba(239,75,108,0.4);transform:scale(1.02)}

/* RESPONSIVE */
@media(max-width:768px){
    .nav-links,.nav-cta{display:none}
    .hamburger{display:flex}
    .hero{padding:88px 1.5rem 50px}
    .em-grid{grid-template-columns:1fr;gap:1px}
    .hero-metrics{grid-template-columns:1fr 1fr 1fr}
    .emergency-bar{flex-direction:column;justify-content:center; align-items:center!important;}
    .ebar-left{flex-direction:column;align-items:center}
}

@media(max-width:480px){
    .hero-metrics{grid-template-columns:1fr}
    .hero-actions{flex-direction:column;align-items:center}
}