:root{--ink:#07111f;--royal:#0b2d5c;--gold:#c9a227;--light:#f6f8fb;--muted:#64748b;--line:#e7ecf2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--light);color:var(--ink)}a{color:inherit;text-decoration:none}img{width:100%;display:block}.container{max-width:1210px;margin:auto;padding:0 24px}
.alert{background:#0a1628;color:white;font-size:13px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.alert b{color:var(--gold)}.topbar{background:white;color:#334155;font-size:13px;border-bottom:1px solid var(--line)}.topbar .container,.nav .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar .container{height:42px}.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(7,17,31,.08)}.nav .container{height:84px}.brand{display:flex;align-items:center;gap:14px;font-weight:1000;letter-spacing:-.04em;font-size:19px}.mark{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--royal),var(--gold));display:grid;place-items:center;color:white;font-weight:1000}.brand span{color:var(--gold)}nav{display:flex;gap:26px;font-size:13px;font-weight:900;text-transform:uppercase;color:#1e293b}.nav-cta{background:var(--royal);color:white;border-radius:0;padding:17px 22px;font-weight:1000;text-transform:uppercase;font-size:13px}
.hero{position:relative;min-height:680px;background:linear-gradient(90deg,rgba(7,17,31,.92),rgba(11,45,92,.68),rgba(7,17,31,.1)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1600&q=80') center/cover;color:white;display:flex;align-items:center}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(transparent,var(--light))}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:end}.kicker,.eyebrow{color:var(--gold);font-weight:1000;text-transform:uppercase;letter-spacing:.30em;font-size:12px}.hero h1{font-size:76px;line-height:.93;max-width:870px;margin:18px 0;font-weight:1000;letter-spacing:-.07em}.lead{font-size:19px;line-height:1.75;color:rgba(255,255,255,.78);max-width:720px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;padding:15px 24px;border-radius:0;font-weight:1000;text-transform:uppercase;font-size:13px;letter-spacing:.02em;border:0;cursor:pointer}.gold{background:var(--gold);color:var(--ink)}.outline{border:1px solid rgba(255,255,255,.4);color:white}.hero-card{background:white;color:var(--ink);padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.hero-card h3{margin:0;color:var(--royal);font-size:26px}.hero-card p{color:var(--muted);line-height:1.7}.slide-dots{display:flex;gap:9px;margin-top:20px}.slide-dots span{width:34px;height:4px;background:var(--gold);display:block}.slide-dots span:nth-child(2),.slide-dots span:nth-child(3){background:#dbe3ed}
.section{padding:88px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}h2{font-size:46px;line-height:1.05;margin:10px 0;letter-spacing:-.05em}p{line-height:1.8;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.image-stack{display:grid;grid-template-columns:1fr .8fr;gap:18px}.image-stack img{height:520px;object-fit:cover}.image-stack div img{height:251px;margin-bottom:18px}.who-box{background:white;padding:36px;border-left:6px solid var(--gold);box-shadow:0 20px 70px rgba(7,17,31,.1)}.dark{background:var(--ink);color:white}.dark p{color:rgba(255,255,255,.72)}
.process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-card{background:white;color:var(--ink);overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.22);transition:.35s ease;position:relative}.process-card:hover{transform:translateY(-12px) scale(1.02)}.process-card img{height:220px;object-fit:cover}.process-card div{padding:25px}.process-card h3{color:var(--royal);font-size:24px;margin:0 0 8px}.process-card strong{color:var(--gold);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.expertise{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.expertise-card{background:white;padding:26px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;font-weight:1000;color:var(--royal);transition:.35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 18px 55px rgba(7,17,31,.08);border:1px solid var(--line)}.expertise-card:before{content:"";position:absolute;inset:auto -40px -80px auto;width:170px;height:170px;background:rgba(201,162,39,.13);border-radius:50%;transition:.35s}.expertise-card:hover{background:linear-gradient(135deg,var(--royal),#06101d);color:white;transform:translateY(-12px) scale(1.035);box-shadow:0 30px 95px rgba(7,17,31,.28)}.expertise-card:hover:before{transform:scale(2.2);background:rgba(201,162,39,.20)}.expertise-card small{color:var(--gold);font-size:24px;position:relative}.expertise-card h3{font-size:20px;margin:18px 0 10px;position:relative}.expertise-card p{font-size:14px;line-height:1.7;margin:0;color:#637083;position:relative}.expertise-card:hover p{color:rgba(255,255,255,.78)}
.why-choose{background:linear-gradient(135deg,#06101d,#0b2d5c);color:white;position:relative;overflow:hidden}.why-choose:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(201,162,39,.24),transparent 28%),radial-gradient(circle at 90% 70%,rgba(255,255,255,.08),transparent 24%)}.why-wrap{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}.why-photo{position:relative}.why-photo img{height:590px;object-fit:cover;box-shadow:0 35px 100px rgba(0,0,0,.35)}.why-badge{position:absolute;right:-24px;bottom:36px;background:var(--gold);color:var(--ink);padding:28px;max-width:250px;font-weight:1000;box-shadow:0 20px 65px rgba(0,0,0,.25)}.why-content h2{color:white;font-size:50px}.why-content p{color:rgba(255,255,255,.72)}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.why-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:20px;transition:.28s ease;position:relative;overflow:hidden}.why-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,162,39,.22),transparent);opacity:0;transition:.28s}.why-item:hover{transform:translateY(-7px);border-color:rgba(201,162,39,.65);background:rgba(255,255,255,.12)}.why-item:hover:before{opacity:1}.why-item b{position:relative;display:block;color:white;font-size:16px;text-transform:uppercase;letter-spacing:.08em}.why-item span{position:relative;display:block;margin-top:8px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.65}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{background:white;box-shadow:0 18px 60px rgba(7,17,31,.09);position:relative;overflow:hidden}.project img{height:280px;object-fit:cover;filter:saturate(.95)}.project div{padding:24px}.project strong{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.project h3{font-size:22px;color:var(--royal);margin:8px 0}.cta-band{background:linear-gradient(90deg,var(--royal),var(--ink));color:white;padding:52px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:38px;color:white}.page-hero{background:linear-gradient(90deg,rgba(7,17,31,.94),rgba(11,45,92,.70)),url('https://images.unsplash.com/photo-1485083269755-a7b559a4fe5e?auto=format&fit=crop&w=1400&q=80') center/cover;color:white;padding:105px 0}.page-hero h1{font-size:64px;line-height:.98;max-width:840px;letter-spacing:-.06em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;padding:30px;box-shadow:0 18px 60px rgba(7,17,31,.08);border-top:5px solid var(--gold)}.card h3{color:var(--royal);font-size:23px;margin:0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}form{background:white;padding:34px;box-shadow:0 24px 80px rgba(7,17,31,.12)}input,select,textarea{width:100%;padding:16px;margin-bottom:14px;border:1px solid var(--line);font:inherit}textarea{height:150px}.whatsapp{position:fixed;right:22px;bottom:22px;background:#16a34a;color:white;padding:15px 20px;font-weight:1000;z-index:60}.chatbot{position:fixed;right:22px;bottom:86px;width:300px;background:white;padding:18px;box-shadow:0 24px 80px rgba(7,17,31,.22);z-index:60}.chatbot strong{color:var(--royal)}.chatbot p{font-size:13px;margin-bottom:0}.footer{background:#06101d;color:white;padding:68px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.footer h3,.footer h4{color:white}.footer a,.footer p{display:block;color:rgba(255,255,255,.66);line-height:1.9}.bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:38px;color:rgba(255,255,255,.5);font-size:13px}
.admin-body{background:#eef2f7}.admin-layout{display:grid;grid-template-columns:292px 1fr;min-height:100vh}.sidebar{background:#07111f;color:white;padding:28px;position:sticky;top:0;height:100vh}.sidebar h2{margin:0 0 28px;color:white}.sidebar a{display:block;padding:14px 16px;color:rgba(255,255,255,.72);font-weight:900;text-transform:uppercase;font-size:13px}.sidebar .active,.sidebar a:hover{background:rgba(255,255,255,.1);color:white}.main{padding:34px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat,.panel,.table{background:white;box-shadow:0 16px 50px rgba(7,17,31,.08)}.stat{padding:24px}.stat strong{display:block;font-size:34px;color:var(--royal)}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin-top:24px}.panel{padding:26px}.table{overflow:hidden}.row{display:grid;grid-template-columns:1.2fr 1fr 1fr .6fr;gap:15px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:center}.row.head{background:var(--royal);color:white;font-weight:1000}.badge{background:#eff6ff;color:var(--royal);padding:7px 10px;font-size:12px;font-weight:1000}.editor{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
@media(max-width:960px){nav{display:none}.hero-inner,.split,.why-wrap,.contact-grid,.footer-grid,.admin-layout,.dash-grid,.editor{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0}.hero h1,.page-hero h1{font-size:44px}.expertise,.projects,.cards,.stats,.process-cards,.why-grid{grid-template-columns:1fr}.image-stack{grid-template-columns:1fr}.image-stack img,.image-stack div img{height:280px}.cta-band .container{display:block}.why-photo img{height:360px}.why-badge{right:16px;bottom:16px}.sidebar{height:auto;position:relative}.chatbot{display:none}}


/* XCEL Imperial Royale Official Logo + Prestige Rebuild Polish */
:root{
  --xcel-navy:#001b4d;
  --xcel-blue:#073b91;
  --xcel-gold:#c9951f;
}

.brand img,
.header .brand img,
.logo img,
.sidebar img,
footer img[src*="xcel-official-logo"],
img[src*="xcel-official-logo"]{
  object-fit:contain !important;
  object-position:center !important;
  background:#ffffff !important;
  border-radius:18px !important;
  padding:6px !important;
  filter:saturate(1.1) contrast(1.06) brightness(1.02) !important;
}

.brand img,
.header .brand img{
  width:112px !important;
  height:82px !important;
  max-height:82px !important;
}

footer img[src*="xcel-official-logo"]{
  width:190px !important;
  max-height:145px !important;
}

.sidebar img[src*="xcel-official-logo"]{
  width:180px !important;
  max-height:145px !important;
}

/* Hide dashboard links from all public-facing navigation */
.header a[href*="admin"],
nav a[href*="admin"],
a[href*="dashboard"]{
  display:none !important;
}

/* Make existing design images brighter and more premium */
.card img,
.hero-card img,
.image-frame img,
.project-card img,
.service-card img,
.gallery img{
  object-fit:cover !important;
  object-position:center !important;
  filter:saturate(1.14) contrast(1.07) brightness(1.035) !important;
}

/* Better prestige feel */
.card,
.hero-card,
.image-frame{
  box-shadow:0 24px 85px rgba(0,27,77,.12) !important;
}

.btn,
button{
  letter-spacing:.01em;
}

body{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}


/* FINAL OFFICIAL LOGO FIX - replaces XR menu mark */
.brand,
.logo,
.navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.brand img,
.logo img,
.navbar-brand img,
.header .brand img,
header .brand img,
nav .brand img,
img[src*="xcel-official-logo"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 118px !important;
  height: 86px !important;
  max-width: 118px !important;
  max-height: 86px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 6px !important;
  box-shadow: 0 10px 32px rgba(0, 27, 77, 0.12) !important;
  filter: saturate(1.1) contrast(1.06) brightness(1.02) !important;
}

footer img[src*="xcel-official-logo"] {
  width: 190px !important;
  height: auto !important;
  max-width: 190px !important;
  max-height: 150px !important;
}

.sidebar img[src*="xcel-official-logo"] {
  width: 180px !important;
  height: auto !important;
  max-width: 180px !important;
  max-height: 150px !important;
}

.header a[href*="admin"],
nav a[href*="admin"],
.header a[href*="dashboard"],
nav a[href*="dashboard"] {
  display: none !important;
}


/* XCEL final menu/logo cleanup */
.xr,
.XR,
.brand-mark,
.logo-mark,
.monogram,
[class*="xr"],
[class*="XR"],
[id*="xr"],
[id*="XR"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.brand,
.logo,
.navbar-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.brand img,
.logo img,
.navbar-brand img,
.header .brand img,
header .brand img,
nav .brand img,
img[src*="xcel-official-logo"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 118px !important;
  height: 86px !important;
  max-width: 118px !important;
  max-height: 86px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  padding: 6px !important;
  box-shadow: 0 10px 32px rgba(0, 27, 77, 0.12) !important;
}

.header a[href*="admin"],
nav a[href*="admin"],
.header a[href*="dashboard"],
nav a[href*="dashboard"] {
  display: none !important;
}


/* Robust Discover Plan Build section */
.process-section {
  background:
    radial-gradient(circle at 12% 10%, rgba(201,149,31,.12), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f3f8ff 55%, #ffffff 100%) !important;
}

.process-section h2 {
  max-width: 820px;
}

.process-grid {
  margin-top: 34px;
}

.process-card {
  position: relative;
  border: 1px solid rgba(7,59,145,.12) !important;
  background: rgba(255,255,255,.96) !important;
}

.process-card::before {
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(90deg, #073b91, #c9951f);
}

.process-card h3 {
  font-size: 30px !important;
  color: #001b4d !important;
}

.process-card p {
  font-size: 16px !important;
  line-height: 1.78 !important;
}

.process-card .pill {
  background: #eaf4ff !important;
  color: #073b91 !important;
}


/* Final correction polish: blank notice banner + stronger mobile responsiveness */
.notice:empty,
.alert:empty,
.banner-notice:empty,
.notice-banner:empty,
[class*="notice"]:empty,
[class*="alert"]:empty {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  width: 100%;
}

@media (max-width: 768px) {
  body { overflow-x: hidden; }

  .topbar .container {
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .nav {
    height: auto !important;
    min-height: 82px !important;
    padding: 10px 0 !important;
  }

  .brand { max-width: 78% !important; }

  .brand span {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .brand img,
  .header .brand img,
  header .brand img,
  nav .brand img,
  img[src*="xcel-official-logo"] {
    width: 86px !important;
    height: 64px !important;
    max-width: 86px !important;
    max-height: 64px !important;
    object-fit: contain !important;
  }

  .hero { padding: 56px 0 48px !important; }

  .hero h1,
  .page-hero h1 {
    font-size: 38px !important;
    line-height: 1.02 !important;
  }

  .lead { font-size: 16px !important; }

  .cta-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .btn {
    width: 100% !important;
    text-align: center !important;
  }

  .hero-card img,
  .image-frame img {
    height: 310px !important;
    object-fit: cover !important;
  }

  .card img {
    height: 220px !important;
    object-fit: cover !important;
  }

  .section { padding: 52px 0 !important; }

  .section h2 { font-size: 32px !important; }

  .stats,
  .three,
  .two,
  .footer-grid,
  .process-grid {
    grid-template-columns: 1fr !important;
  }

  .whatsapp {
    right: 14px !important;
    bottom: 14px !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 420px) {
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .hero h1,
  .page-hero h1 {
    font-size: 32px !important;
  }

  .hero-note {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
}


/* Integrated final about + Google map + structure cleanup */
.process-section,
[class*="process-section"] {
  display: none !important;
}

.about-premium-copy {
  background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%);
}

.about-highlight-card {
  background: linear-gradient(135deg, #06152d, #073b91);
  color: #ffffff;
  border-radius: 32px;
  padding: 36px;
  box-shadow: 0 24px 80px rgba(7,59,145,.18);
}

.about-highlight-card h3 {
  color: #ffffff;
  font-size: 34px;
  margin-top: 0;
}

.about-highlight-card p {
  color: rgba(255,255,255,.82);
}

.about-highlight-card span {
  display: inline-block;
  margin-top: 16px;
  color: #d6a62e;
  font-weight: 900;
}

.about-text-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.about-text-grid > div {
  background: #ffffff;
  border: 1px solid #e5edf7;
  border-radius: 26px;
  padding: 28px;
  box-shadow: 0 16px 50px rgba(7,59,145,.07);
}

.about-text-grid h3 {
  color: #073b91;
  margin-top: 0;
}

.map-section {
  background: #ffffff;
}

.map-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 28px;
  align-items: stretch;
  margin-top: 28px;
}

.map-info {
  background: linear-gradient(135deg, #06152d, #073b91);
  color: #ffffff;
  border-radius: 30px;
  padding: 34px;
  box-shadow: 0 24px 80px rgba(7,59,145,.16);
}

.map-info h3 {
  color: #ffffff;
  font-size: 30px;
  margin-top: 0;
}

.map-info p {
  color: rgba(255,255,255,.82);
}

.map-frame {
  border: 5px solid #ffffff;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 24px 80px rgba(7,59,145,.15);
  min-height: 420px;
}

.map-frame iframe {
  display: block;
  min-height: 420px;
}

.notice,
.alert,
.banner-notice,
.notice-banner,
[class*="notice"],
[class*="alert"] {
  display: none !important;
}

@media (max-width: 768px) {
  .about-text-grid,
  .map-grid {
    grid-template-columns: 1fr !important;
  }

  .map-frame,
  .map-frame iframe {
    min-height: 330px !important;
    height: 330px !important;
  }

  .about-highlight-card,
  .map-info {
    padding: 26px !important;
  }
}


/* MOBILE NAVIGATION UPGRADE */
.mobile-toggle{
display:none;
background:#073b91;
color:#fff;
border:none;
border-radius:12px;
padding:10px 14px;
font-size:20px;
font-weight:700;
cursor:pointer;
}

@media(max-width:980px){

.topbar{
display:none !important;
}

.nav{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
}

.mobile-toggle{
display:block !important;
}

.nav nav{
display:none;
position:absolute;
top:82px;
left:0;
right:0;
background:#ffffff;
padding:20px;
box-shadow:0 15px 50px rgba(0,0,0,.12);
border-top:1px solid #e5e7eb;
z-index:999;
flex-direction:column;
gap:16px;
}

.nav nav.mobile-open{
display:flex !important;
}

.nav nav a{
padding:14px 12px;
border-radius:12px;
background:#f8fafc;
font-size:15px;
font-weight:700;
}

.nav .btn.primary{
display:none !important;
}

.brand span{
font-size:14px !important;
max-width:180px;
line-height:1.2;
}
}


/* PREMIUM MOBILE EXPERIENCE UPGRADE */
.mobile-overlay,
.mobile-menu-panel,
.mobile-bottom-nav,
.floating-call {
  display: none;
}

@media (max-width: 980px) {
  .topbar {
    display: none !important;
  }

  .header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(22px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
    border-bottom: 1px solid rgba(7,59,145,.08) !important;
  }

  .nav {
    min-height: 88px !important;
    height: auto !important;
    padding: 10px 0 !important;
  }

  .brand {
    max-width: 76% !important;
    gap: 10px !important;
  }

  .brand img,
  .header .brand img,
  nav .brand img,
  img[src*="xcel-official-logo"] {
    width: 104px !important;
    height: 76px !important;
    max-width: 104px !important;
    max-height: 76px !important;
    border-radius: 20px !important;
    padding: 5px !important;
    background: #fff !important;
    box-shadow: 0 12px 36px rgba(0,31,91,.14) !important;
  }

  .brand span {
    font-size: 13px !important;
    line-height: 1.15 !important;
    letter-spacing: -.03em !important;
  }

  .mobile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #073b91, #001f5b) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(7,59,145,.26) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
  }

  .mobile-toggle:active {
    transform: scale(.94) !important;
  }

  .nav > nav {
    display: none !important;
  }

  .nav .btn.primary,
  .nav .btn.gold,
  .nav > .btn {
    display: none !important;
  }

  .mobile-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(1, 10, 25, .52);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease;
    z-index: 9997;
  }

  body.menu-active .mobile-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-menu-panel {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    width: min(88vw, 390px);
    height: 100vh;
    background:
      radial-gradient(circle at top right, rgba(214,166,46,.18), transparent 33%),
      linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
    z-index: 9998;
    padding: 22px;
    box-shadow: -24px 0 80px rgba(0, 31, 91, .22);
    transform: translateX(105%);
    transition: transform .45s cubic-bezier(.22,1,.36,1);
    overflow-y: auto;
  }

  body.menu-active .mobile-menu-panel {
    transform: translateX(0);
  }

  .mobile-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 26px;
  }

  .mobile-menu-head img {
    width: 126px;
    max-height: 92px;
    object-fit: contain;
    background: #fff;
    border-radius: 20px;
    padding: 6px;
    box-shadow: 0 12px 36px rgba(0,31,91,.12);
  }

  .mobile-close {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 0;
    background: #06152d;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
  }

  .mobile-menu-panel a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 16px;
    margin-bottom: 10px;
    border-radius: 18px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(7,59,145,.10);
    color: #06152d;
    font-weight: 900;
    box-shadow: 0 10px 28px rgba(7,59,145,.06);
    transform: translateX(18px);
    opacity: 0;
    transition: transform .35s ease, opacity .35s ease, background .25s ease;
  }

  body.menu-active .mobile-menu-panel a {
    transform: translateX(0);
    opacity: 1;
  }

  body.menu-active .mobile-menu-panel a:nth-of-type(1) { transition-delay: .06s; }
  body.menu-active .mobile-menu-panel a:nth-of-type(2) { transition-delay: .10s; }
  body.menu-active .mobile-menu-panel a:nth-of-type(3) { transition-delay: .14s; }
  body.menu-active .mobile-menu-panel a:nth-of-type(4) { transition-delay: .18s; }
  body.menu-active .mobile-menu-panel a:nth-of-type(5) { transition-delay: .22s; }
  body.menu-active .mobile-menu-panel a:nth-of-type(6) { transition-delay: .26s; }

  .mobile-menu-panel a::after {
    content: "›";
    color: #c9951f;
    font-size: 26px;
    line-height: 1;
  }

  .mobile-menu-panel a:hover,
  .mobile-menu-panel a:active {
    background: #eaf4ff;
  }

  .mobile-menu-cta {
    margin-top: 14px;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(135deg, #06152d, #073b91);
    color: #fff;
    box-shadow: 0 18px 45px rgba(7,59,145,.18);
  }

  .mobile-menu-cta strong {
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
  }

  .mobile-menu-cta p {
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 14px;
  }

  .mobile-menu-cta .btn {
    width: 100% !important;
  }

  .hero {
    padding: 54px 0 46px !important;
    background:
      radial-gradient(circle at top right, rgba(214,166,46,.18), transparent 35%),
      linear-gradient(135deg, #ffffff 0%, #eef7ff 50%, #ffffff 100%) !important;
  }

  .hero-grid {
    gap: 30px !important;
  }

  .hero h1 {
    font-size: 38px !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
  }

  .hero .eyebrow {
    letter-spacing: .18em !important;
    font-size: 11px !important;
  }

  .hero-card {
    border-radius: 30px !important;
    border-width: 6px !important;
    box-shadow: 0 24px 70px rgba(7,59,145,.16) !important;
  }

  .hero-card img {
    height: 330px !important;
  }

  .hero-note {
    margin: -78px 16px 18px !important;
    border-radius: 22px !important;
    padding: 18px !important;
  }

  .hero-note h3 {
    font-size: 21px !important;
  }

  .mobile-bottom-nav {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 9996;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 9px;
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
    box-shadow: 0 18px 60px rgba(0,31,91,.18);
    border: 1px solid rgba(7,59,145,.10);
  }

  .mobile-bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 52px;
    border-radius: 18px;
    color: #06152d;
    font-size: 11px;
    font-weight: 900;
    background: transparent;
  }

  .mobile-bottom-nav a span:first-child {
    font-size: 18px;
  }

  .mobile-bottom-nav a:active {
    background: #eaf4ff;
  }

  .floating-call {
    display: inline-flex;
    position: fixed;
    left: 16px;
    bottom: 90px;
    z-index: 9995;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background: linear-gradient(135deg, #073b91, #001f5b);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 18px 45px rgba(7,59,145,.26);
  }

  .whatsapp {
    right: 16px !important;
    bottom: 90px !important;
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 0 !important;
  }

  .whatsapp::before {
    content: "💬";
    font-size: 22px;
  }

  body {
    padding-bottom: 92px !important;
  }
}

@media (max-width: 420px) {
  .brand img,
  .header .brand img,
  nav .brand img,
  img[src*="xcel-official-logo"] {
    width: 92px !important;
    height: 68px !important;
  }

  .brand span {
    font-size: 12px !important;
    max-width: 150px !important;
  }

  .mobile-menu-panel {
    width: 92vw;
  }

  .hero h1 {
    font-size: 33px !important;
  }
}


/* Footer-level cleanup and responsive safety */
footer {
  position: relative;
  z-index: 2;
}

footer + *:not(script) {
  display: none !important;
}

@media (max-width: 980px) {
  .topbar {
    display: none !important;
  }

  .mobile-toggle {
    display: inline-flex !important;
  }

  .mobile-menu-panel,
  .mobile-overlay,
  .mobile-bottom-nav,
  .floating-call {
    display: flex;
  }

  .mobile-overlay {
    display: block;
  }

  .nav > nav {
    display: none !important;
  }

  body.menu-active .mobile-menu-panel {
    transform: translateX(0) !important;
  }

  body.menu-active .mobile-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .hero-grid,
  .two,
  .three,
  .stats,
  .footer-grid,
  .map-grid,
  .about-text-grid {
    grid-template-columns: 1fr !important;
  }

  .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .hero h1,
  .page-hero h1 {
    font-size: 36px !important;
    line-height: 1.05 !important;
  }

  .section h2 {
    font-size: 31px !important;
  }
}

@media (min-width: 981px) {
  .mobile-menu-panel,
  .mobile-overlay,
  .mobile-bottom-nav,
  .floating-call,
  .mobile-toggle {
    display: none !important;
  }
}