/* ===== Blue & white theme (loads last) ===== */
:root{--bg:#fff;--bg-card:#f3f7fd;--bg-elevated:#eaf1fb;--orange:#224e9e;--orange-hover:#1a3c7b;--navy:#0a2a66;--text:#0b1b3a;--text-muted:#4b5b78;--text-dim:#7a89a3;--border:#dbe5f4}
.cv-hero,.journey,.stage,.header:not(.scrolled),.rail,.topbar,.footer,.process-sec{--text:#f1f5f9;--text-muted:#cbd5e1;--text-dim:#a9b8d4;--border:rgba(255,255,255,.18);--orange:#3b82f6;--orange-hover:#2563eb;color:#f1f5f9}
.header.scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(10,42,102,.10)}
.logo-text{color:var(--text)}.header:not(.scrolled) .logo-text span,.footer .logo-text span{color:#7db2ff}
.cv-hero{background:#06142e}.cv-hero.has-vid{background:#06142e}
#services{background:#fff}#network{background:#f3f7fd}#tracking{background:#fff}#contact{background:#f3f7fd}
.process-sec{position:relative;overflow:hidden;background:linear-gradient(160deg,#0a2a66,#071d47 70%);color:#f1f5f9}
.section-header h2 em{color:#6b7fa3}.process-sec .section-header h2 em{color:#8db4f2}
.footer{background:linear-gradient(170deg,#0a2a66,#05163a);border-top:3px solid #3b82f6;padding:70px 0 28px;color:#dbe6fb}
.footer-grid{display:grid;grid-template-columns:1fr 1.7fr .8fr;gap:56px;margin-bottom:44px}
.footer-brand .logo-text{font-size:1.35rem}.footer-brand p{color:#b9c9e6;margin:16px 0 22px;font-size:.92rem;max-width:280px}
.social-links a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff}
.social-links a:hover{background:#3b82f6;border-color:#3b82f6;transform:translateY(-3px)}
.f-info{display:grid;gap:18px}.f-info li{display:flex;gap:16px;align-items:flex-start;color:#e6eefc;font-size:.92rem;line-height:1.5}
.f-info i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(59,130,246,.2);color:#9cc0ff;transition:.3s}
.f-info li:hover i{background:#3b82f6;color:#fff;transform:scale(1.08)}
.f-info small{display:block;color:#8fb0e6;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}
.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links h4{color:#fff;font-size:1rem;margin-bottom:6px}
.footer-links a{color:#b9c9e6}.footer-links a:hover{color:#fff;transform:translateX(4px)}
.footer-bottom{justify-content:center;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
.copy-hl{padding:11px 26px;border-radius:99px;background:linear-gradient(90deg,rgba(59,130,246,.35),rgba(59,130,246,.15));border:1px solid rgba(125,178,255,.5);color:#fff;font-size:.9rem;letter-spacing:.02em;box-shadow:0 0 30px rgba(59,130,246,.25)}
.copy-hl b{color:#bcd6ff}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr;gap:36px}}

/* ===== logo ===== */
.logo-img{display:block;height:56px;width:auto}
.header .logo{transition:all .35s}
.header:not(.scrolled) .logo{background:#fff;border-radius:14px;padding:5px 16px;box-shadow:0 10px 28px rgba(3,15,45,.35)}
.header.scrolled .logo-img{height:46px}
.footer-brand .logo{display:inline-block;background:#fff;border-radius:18px;padding:10px 22px;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.footer-brand .logo-img{height:66px}
.pre-logo{height:96px;margin:0 auto 22px;animation:prepulse 1.6s ease-in-out infinite}
@keyframes prepulse{50%{transform:scale(1.06);opacity:.8}}
#preloader{background:#fff}
/* ===== headings in blue ===== */
#services .section-header h2,#network .section-header h2,#tracking .section-header h2,#contact h2{color:var(--orange)}
#services .section-header h2 em,#network .section-header h2 em,#tracking .section-header h2 em{background:linear-gradient(90deg,var(--orange),#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
/* ===== cursor shadow (follows the mouse everywhere) ===== */
.cur-shadow,.cur-glow{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .4s;will-change:transform}
.cur-shadow{width:300px;height:300px;margin:-135px 0 0 -150px;z-index:1400;mix-blend-mode:multiply;background:radial-gradient(circle,rgba(10,42,102,.26) 0,rgba(10,42,102,.12) 40%,transparent 70%)}
.cur-glow{width:220px;height:220px;margin:-110px 0 0 -110px;z-index:1401;mix-blend-mode:screen;background:radial-gradient(circle,rgba(80,150,255,.28) 0,transparent 68%)}
@media(hover:none){.cur-shadow,.cur-glow{display:none}}