@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
:root{--ep-blue:#0b5ed7;--ep-deep:#071a35;--ep-cyan:#38bdf8;--ep-yellow:#facc15;--ep-soft:#eef6ff;--ep-border:rgba(80,120,170,.18)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f7fbff 0,#fff 42%);min-height:100vh;color:#132238}
[data-bs-theme="dark"] body{background:linear-gradient(180deg,#08121f 0,#0d1725 55%,#101827 100%);color:#e6edf7}
a{text-decoration:none}.ep-navbar{background:linear-gradient(90deg,#071a35,#0a3970 58%,#0b5ed7);box-shadow:0 6px 24px rgba(0,0,0,.18)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 12%,rgba(56,189,248,.30),transparent 30%),linear-gradient(120deg,#06172d,#0a3b70 58%,#0b5ed7);color:white;border-radius:0 0 38px 38px}
.hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-180px;bottom:-260px}.hero-kicker{letter-spacing:.16em;text-transform:uppercase;color:#93c5fd;font-weight:800;font-size:.82rem}.hero h1{font-weight:850;letter-spacing:-.045em}.hero .lead{color:#dbeafe}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(9px);border-radius:22px}.alert-phone{background:#091525;border:1px solid rgba(255,255,255,.16);border-radius:25px;padding:16px;box-shadow:0 22px 50px rgba(0,0,0,.28)}
.phone-screen{background:#f7fbff;color:#10233f;border-radius:17px;padding:17px}.critical-badge{background:#dc2626;color:white;font-weight:800;letter-spacing:.08em}.ep-card{border:1px solid var(--ep-border);border-radius:20px;box-shadow:0 12px 34px rgba(20,50,80,.08);overflow:hidden}.ep-card .card-header{background:transparent;border-bottom:1px solid var(--ep-border)}
[data-bs-theme="dark"] .ep-card{background:#111d2d;border-color:#25364c;box-shadow:none}.icon-tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e6f3ff;color:#0b5ed7;font-size:1.35rem}[data-bs-theme="dark"] .icon-tile{background:#102f53;color:#7dd3fc}.section-kicker{color:#0b5ed7;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.usecase{transition:transform .15s ease,box-shadow .15s ease}.usecase:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,50,80,.12)}.metric{font-size:2rem;font-weight:850}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:.4rem}.bg-ok{background:#22c55e}.bg-warn{background:#f59e0b}.bg-off{background:#94a3b8}.demo-shell{background:#edf4fb;border:1px solid #cdddeb;border-radius:24px;overflow:hidden}[data-bs-theme="dark"] .demo-shell{background:#081522;border-color:#263b52}.demo-top{background:linear-gradient(90deg,#071a35,#0a477d);color:#fff}.demo-side{background:#0a2340;color:#dbeafe;min-height:650px}.demo-side a{color:#bfdbfe;border-radius:10px}.demo-side a.active,.demo-side a:hover{background:#144c7f;color:#fff}.demo-main{background:#f8fbfe}[data-bs-theme="dark"] .demo-main{background:#0d1725}.ack-row{border-left:4px solid #22c55e}.responding{border-left-color:#2563eb}.pending{border-left-color:#f59e0b}.smallcaps{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.form-control:focus,.form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .25rem rgba(59,130,246,.14)}.price-card{border-top:5px solid #2563eb}.feature-check i{color:#16a34a}.cta-band{background:linear-gradient(105deg,#071a35,#0b5ed7);border-radius:28px;color:white}.admin-shell{min-height:100vh;background:#eef4f9}[data-bs-theme="dark"] .admin-shell{background:#07111c}.admin-nav{background:#000;color:#dbeafe;min-height:100vh}.admin-nav a{color:#bfdbfe;padding:.7rem .8rem;border-radius:10px;display:block}.admin-nav a:hover,.admin-nav a.active{background:#113e6e;color:white}.table>:not(caption)>*>*{vertical-align:middle}.badge-soft{background:#e8f2ff;color:#0b5ed7;border:1px solid #cfe3ff}[data-bs-theme="dark"] .badge-soft{background:#112c4a;color:#93c5fd;border-color:#244564}@media(max-width:991px){.hero{border-radius:0 0 24px 24px}.demo-side{min-height:auto}.admin-nav{min-height:auto}}
/* ePAGER official brand asset - 2026-09-30 */
.epager-brand-logo{height:62px;width:auto;display:block;object-fit:contain}
.epager-admin-logo{height:112px;width:auto;max-width:100%;display:block;object-fit:contain}
.epager-login-logo{height:112px;width:auto;max-width:100%;object-fit:contain}
.epager-demo-logo{height:50px;width:auto;display:block;object-fit:contain}
.epager-setup-logo{height:112px;width:auto;max-width:100%;object-fit:contain}
@media(max-width:575.98px){.epager-brand-logo{height:52px}.epager-demo-logo{height:42px}}
.campaign-copy{white-space:pre-wrap;font-family:inherit;font-size:.875rem;background:#f8fbfe;border:1px solid #d8e4ef;border-radius:14px;padding:1rem;max-height:26rem;overflow:auto;color:#334155}
[data-bs-theme="dark"] .campaign-copy{background:#0d1928;border-color:#25364c;color:#cbd5e1}
/* Campaign Centre v1.2.0 */
.timeline-list{position:relative;padding-left:1.25rem}.timeline-list:before{content:"";position:absolute;left:.28rem;top:.35rem;bottom:.35rem;width:2px;background:var(--ep-border)}.timeline-item{position:relative;padding:0 0 1.35rem 1.15rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-1.25rem;top:.35rem;width:11px;height:11px;border-radius:50%;background:#0b5ed7;box-shadow:0 0 0 4px rgba(11,94,215,.12)}[data-bs-theme="dark"] .timeline-dot{background:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.12)}

/* ePAGER Healthcare vertical */
:root{--hc-teal:#0f766e;--hc-teal-dark:#083f3b;--hc-mint:#5eead4;--hc-blue:#0b5ed7}
.ep-navbar{background:linear-gradient(90deg,#061817,#083f3b 55%,#0f766e)}
.hero{background:radial-gradient(circle at 88% 12%,rgba(94,234,212,.28),transparent 30%),linear-gradient(120deg,#061817,#0a4f49 58%,#0f766e)}
.hero-kicker{color:#99f6e4}.section-kicker{color:#0f766e}.icon-tile{background:#e6fffb;color:#0f766e}[data-bs-theme="dark"] .icon-tile{background:#0c3936;color:#99f6e4}.cta-band{background:linear-gradient(105deg,#061817,#0f766e)}.demo-top{background:linear-gradient(90deg,#061817,#0f5d56)}.demo-side{background:#073b37}.demo-side a{color:#ccfbf1}.demo-side a.active,.demo-side a:hover{background:#0f766e;color:white}.healthcare-notice{border-left:4px solid #0f766e;background:rgba(15,118,110,.08);border-radius:14px;padding:1rem}.healthcare-badge{background:#0f766e!important;color:#fff!important}.feature-check i{color:#0f766e}
