/* emergency management page (extends site.css + sub-b.css) */
.em-hero{height:auto;min-height:92vh;padding-top:110px}
.em-hero .sub__bg{filter:saturate(.5) contrast(1.05)}
.em-hero .sub__in{max-width:1040px;padding-bottom:clamp(40px,6vh,70px)}
.em-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:12px;vertical-align:middle;animation:emp 2.4s ease-in-out infinite}
@keyframes emp{0%,100%{opacity:.35}50%{opacity:1}}
.em-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}
.em-price{margin-top:26px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.em-credit{margin-top:34px;font-size:11px;letter-spacing:.18em;opacity:.5}
.em-console{max-width:760px;margin:60px auto 0;text-align:left;border:1px solid rgba(6,18,28,.18);padding:clamp(26px,4vw,48px);color:var(--ink)}
.em-hd{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#7a6a3a;font-weight:400}
.em-hd b{font-weight:400;color:#2f855a}
.em-sel{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}
.em-sel select{width:100%;font:inherit;font-weight:300;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(6,18,28,.3);border-radius:0;padding:10px 0;outline:0}
.em-sel select:focus{border-bottom-color:#8a7436}
.em-read{display:flex;align-items:center;gap:26px;margin-top:38px}
.em-g{flex:none;width:84px;height:84px;border-radius:50%;background:#4a5560;color:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:200}
.em-lab{font-size:clamp(20px,2.2vw,28px);font-weight:200;letter-spacing:.02em}
.em-sub{margin-top:6px;font-size:14px;line-height:1.7;color:#3a4650}
.em-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.em-chip{border:1px solid rgba(6,18,28,.25);border-radius:30px;padding:6px 16px;font-size:12px;letter-spacing:.1em;color:#3a4650}
.em-note{margin-top:30px;font-size:12px;line-height:1.8;color:#5a6670;letter-spacing:.03em}
.em-video{max-width:900px;margin:60px auto 0;border:1px solid var(--hair)}
.em-video video{width:100%;aspect-ratio:16/9;background:var(--ink2);object-fit:cover}
.em-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1180px;margin:70px auto 0;text-align:left;border-top:1px solid var(--hair)}
.em-phases>div{padding:0 30px 8px;border-left:1px solid var(--hair)}
.em-phases>div:first-child{border-left:0;padding-left:0}
.em-phases .ph{height:210px;margin:0 -30px 30px;background:center/cover;filter:saturate(.6) contrast(1.05)}
.em-phases>div:first-child .ph{margin-left:0}
.em-phases>div:last-child .ph{margin-right:0}
.em-phases i,.stn{font-family:var(--ser);font-style:italic;color:var(--acc);font-size:22px}
.em-phases h3{font-weight:200;font-size:clamp(26px,2.6vw,38px);letter-spacing:.03em;margin-top:4px}
.em-phases p{margin-top:14px;font-size:15px;line-height:1.8;opacity:.75}
.em-api{max-width:1100px;margin:60px auto 0}
.em-code{background:var(--ink);color:#e8edf1;text-align:left;font-family:ui-monospace,Menlo,monospace;font-size:13px;line-height:1.9;padding:30px clamp(22px,3vw,40px);overflow-x:auto;max-width:760px;margin:0 auto;border:1px solid rgba(6,18,28,.5)}
.em-code .c{color:#7f8c97}.em-code .k{color:var(--acc)}.em-code .v{color:#9fd3c7}
.cols--em{grid-template-columns:repeat(3,1fr)}
.cols--em>div{border-bottom:1px solid rgba(6,18,28,.18);padding-bottom:28px}
.cols--em b{font-size:clamp(20px,1.9vw,26px)}
.stn{margin-right:12px}
.sec--w .stn{color:#8a7436}
.em-limits{max-width:700px;margin:60px auto 0;font-size:14px;line-height:1.85;opacity:.65}
.em-limits b{font-weight:400;color:var(--acc)}
.em-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:46px}
.em-copy{margin-top:30px;font-size:14px;opacity:.7}
.em-copy button{margin-left:10px;font:inherit;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:inherit;background:transparent;border:1px solid var(--hair);border-radius:30px;padding:6px 16px;cursor:pointer}
.em-final .btn{margin-top:0}
[data-flag]{display:inline!important;margin:0!important;font-size:inherit!important}
@media(max-width:900px){
 .em-hero{min-height:88vh}
 .em-sel{grid-template-columns:1fr;gap:16px}
 .em-phases{grid-template-columns:1fr;margin-top:50px}
 .em-phases>div{border-left:0;border-bottom:1px solid var(--hair);padding:0 0 28px;margin-bottom:28px}
 .em-phases .ph{margin:0 0 24px!important}
 .cols--em{grid-template-columns:1fr}
 .em-read{gap:18px}.em-g{width:68px;height:68px;font-size:34px}
}