@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  --navy:      #0D2B55;
  --navy-mid:  #132E56;
  --navy-lt:   #1A3D6E;
  --gold:      #F7941D;
  --gold-dk:   #D97A08;
  --sky:       #DDEDF5;
  --mist:      #F4F8FB;
  --slate:     #68747A;
  --border:    #DFE3E6;
  --green:     #1EDE8F;
  --r-sm:      8px;
  --r-md:      14px;
  --r-lg:      22px;
  --sh-sm:     0 2px 12px rgba(5,27,46,.08);
  --sh-md:     0 8px 32px rgba(5,27,46,.14);
  --tr:        .3s cubic-bezier(.4,0,.2,1);
  --display:   'Playfair Display', Georgia, serif;
  --body:      'DM Sans', system-ui, sans-serif;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;
  /* PREVENT ALL ZOOM on mobile */
  touch-action:manipulation;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%
}
body{font-family:var(--body);color:var(--navy);background:#fff;overflow-x:hidden;line-height:1.6;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block;object-fit:cover}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none;-webkit-tap-highlight-color:transparent}
/* prevent zoom on input focus (iOS) */
input,select,textarea{font-size:16px !important;touch-action:manipulation}
h1,h2,h3,h4,h5{font-family:var(--display);line-height:1.2;font-weight:600}
h1{font-size:clamp(1.7rem,4vw,3rem)}
h2{font-size:clamp(1.5rem,3vw,2.4rem)}
h3{font-size:clamp(1.15rem,2vw,1.55rem)}
h4{font-size:1rem}
p{color:var(--slate);line-height:1.75}

.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.section-sm{padding:56px 0}
@media(max-width:768px){.section{padding:56px 0}.section-sm{padding:40px 0}}

.tag{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:12px}
.tag::before{content:'';display:block;width:18px;height:2px;background:var(--gold-dk)}
.tag-white{color:rgba(255,255,255,.8)}
.tag-white::before{background:rgba(255,255,255,.5)}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;border-radius:var(--r-sm);padding:12px 24px;transition:var(--tr);cursor:pointer;border:none;font-family:var(--body);touch-action:manipulation}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 4px 14px rgba(5,27,46,.25)}
.btn-primary:hover{background:var(--navy-lt);transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--navy);font-weight:700;box-shadow:0 4px 14px rgba(255,204,83,.35)}
.btn-gold:hover{background:var(--gold-dk);color:#fff;transform:translateY(-2px)}
.btn-ghost-white{border:1.5px solid rgba(255,255,255,.5);color:#fff}
.btn-ghost-white:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-ghost{border:1.5px solid var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}
.btn i{transition:transform .22s}
.btn:hover i.fa-arrow-right{transform:translateX(3px)}
.whatsapp-btn{background:#25D366 !important;color:#fff !important;box-shadow:0 4px 14px rgba(37,211,102,.3) !important}
.whatsapp-btn:hover{background:#1ebe59 !important;transform:translateY(-2px) !important}

/* ── HEADER ── */
#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;transition:background var(--tr),box-shadow var(--tr),padding var(--tr);background:transparent}
#site-header.scrolled{background:#fff;box-shadow:var(--sh-sm);padding:10px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-logo img{height:48px;width:auto;transition:filter var(--tr);display:block}
#site-header:not(.scrolled) .nav-logo img{filter:brightness(0) invert(1)}
#site-header.scrolled .nav-logo img{filter:none}
.nav-menu{display:flex;align-items:center;gap:2px}
.nav-menu a{padding:7px 12px;border-radius:var(--r-sm);font-size:.86rem;font-weight:500;color:rgba(255,255,255,.9);transition:var(--tr);white-space:nowrap}
#site-header.scrolled .nav-menu a{color:var(--navy)}
.nav-menu a:hover,.nav-menu a.active{color:var(--gold)}
#site-header.scrolled .nav-menu a:hover,#site-header.scrolled .nav-menu a.active{color:var(--navy-mid);background:var(--mist)}
.nav-cta{background:var(--gold) !important;color:var(--navy) !important;font-weight:700 !important;padding:9px 18px !important;border-radius:var(--r-sm) !important;font-size:.82rem !important;box-shadow:0 3px 12px rgba(255,204,83,.4) !important;margin-left:6px}
.nav-cta:hover{background:var(--gold-dk) !important;color:#fff !important}

/* Hamburger - hidden on desktop */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:rgba(255,255,255,.15);border-radius:var(--r-sm);border:none;cursor:pointer;flex-shrink:0;transition:var(--tr)}
.hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:var(--tr)}
#site-header.scrolled .hamburger{background:var(--mist)}
#site-header.scrolled .hamburger span{background:var(--navy)}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── SLIDE-IN MOBILE NAV ── */
.mobile-nav-overlay{display:none;position:fixed;inset:0;background:rgba(5,27,46,.6);z-index:1100;opacity:0;transition:opacity .3s;backdrop-filter:blur(3px)}
.mobile-nav-overlay.open{display:block;opacity:1}
.mobile-nav{position:fixed;top:0;right:-300px;width:270px;max-width:80vw;height:100dvh;background:var(--navy);z-index:1200;display:flex;flex-direction:column;transition:right .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.3)}
.mobile-nav.open{right:0}
.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}
.mobile-nav-header img{height:36px;width:auto;filter:brightness(0) invert(1)}
.mobile-nav-close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;cursor:pointer;border:none;flex-shrink:0;transition:var(--tr)}
.mobile-nav-close:hover,.mobile-nav-close:active{background:rgba(255,255,255,.2)}
.mobile-nav-links{display:flex;flex-direction:column;padding:8px 0;flex:1}
.mobile-nav-links a{font-size:.95rem;color:rgba(255,255,255,.82);padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.04);font-weight:500;transition:var(--tr);display:flex;align-items:center;justify-content:space-between;gap:10px}
.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--gold);background:rgba(255,204,83,.07);padding-left:24px}
.mobile-nav-links a i{font-size:.65rem;opacity:.45}
.mobile-nav-footer{padding:16px 18px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}
.mobile-nav-footer a{width:100%;justify-content:center;display:flex}

/* ── SHIMMER EFFECT on images ── */
.shimmer-wrap{position:relative;overflow:hidden}
.shimmer-wrap::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    110deg,
    transparent 20%,
    rgba(255,255,255,.25) 40%,
    rgba(255,230,180,.18) 50%,
    rgba(255,255,255,.25) 60%,
    transparent 80%
  );
  background-size:200% 100%;
  animation:shimmer-slide 3.5s linear infinite;
  pointer-events:none;
  z-index:1
}
@keyframes shimmer-slide{
  0%  {background-position:200% 0}
  100%{background-position:-200% 0}
}

/* ── HERO SLIDER ── */
.hero-slider{position:relative;overflow:hidden;height:480px}
@media(max-width:900px){.hero-slider{height:380px}}
@media(max-width:600px){.hero-slider{height:300px}}
@media(max-width:400px){.hero-slider{height:270px}}

.slide{position:absolute;inset:0;opacity:0;transition:opacity .85s ease;display:flex;align-items:center;overflow:hidden}
.slide.active{opacity:1;z-index:1}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform 6s ease}
.slide.active .slide-bg{transform:scale(1.04)}

/* shimmer on hero slides */
.slide::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    110deg,
    transparent 15%,
    rgba(255,255,255,.12) 35%,
    rgba(255,220,120,.1) 50%,
    rgba(255,255,255,.12) 65%,
    transparent 85%
  );
  background-size:250% 100%;
  animation:shimmer-slide 4s linear infinite;
  pointer-events:none;
  z-index:2
}

.slide-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,27,46,.82) 0%,rgba(5,27,46,.5) 55%,rgba(5,27,46,.2) 100%);z-index:3}
.slide-content{position:relative;z-index:4;padding:0 0 0 0;max-width:600px}
@media(max-width:600px){.slide-content{max-width:100%}}

/* wipe text reveal - right to left */
.slide-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--gold);color:var(--navy);
  font-size:.7rem;font-weight:700;padding:5px 12px;
  border-radius:20px;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:12px;
  opacity:0;transform:translateX(30px);transition:opacity .5s .1s,transform .5s .1s
}
.slide-badge i{font-size:.62rem}
.slide h1{
  color:#fff;font-size:clamp(1.4rem,3.2vw,2.5rem);
  line-height:1.2;margin-bottom:10px;
  opacity:0;transform:translateX(40px);transition:opacity .55s .25s,transform .55s .25s
}
.slide p{
  color:rgba(255,255,255,.82);font-size:.9rem;line-height:1.7;margin-bottom:18px;
  opacity:0;transform:translateX(40px);transition:opacity .55s .4s,transform .55s .4s
}
.slide .btn{
  opacity:0;transform:translateX(30px);transition:opacity .5s .55s,transform .5s .55s
}
@media(max-width:480px){
  .slide h1{font-size:1.25rem}
  .slide p{font-size:.8rem;margin-bottom:14px}
}

/* Animate in when active */
.slide.active .slide-badge,
.slide.active h1,
.slide.active p,
.slide.active .btn{opacity:1;transform:translateX(0)}

/* slider controls */
.slider-arrows{position:absolute;bottom:18px;right:22px;display:flex;gap:7px;z-index:10}
@media(max-width:480px){.slider-arrows{bottom:10px;right:12px}}
.slider-arrow{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(5,27,46,.4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:var(--tr);backdrop-filter:blur(4px)}
.slider-arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.slider-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}
@media(max-width:480px){.slider-dots{bottom:12px}}
.slider-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:var(--tr);border:none}
.slider-dot.active{background:var(--gold);width:18px;border-radius:3px}

/* ── PAGE BANNER (inner pages - same style as slider) ── */
.page-banner{position:relative;overflow:hidden;height:340px;display:flex;align-items:center;justify-content:flex-start}
@media(max-width:768px){.page-banner{height:260px}}
@media(max-width:480px){.page-banner{height:220px}}
.page-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center}
/* shimmer on page banners */
.page-banner::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    110deg,
    transparent 15%,
    rgba(255,255,255,.12) 38%,
    rgba(255,220,120,.1) 50%,
    rgba(255,255,255,.12) 62%,
    transparent 85%
  );
  background-size:250% 100%;
  animation:shimmer-slide 4s linear infinite;
  pointer-events:none;
  z-index:2
}
.page-banner-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,27,46,.82) 0%,rgba(5,27,46,.5) 55%,rgba(5,27,46,.2) 100%);z-index:3}
.page-banner-content{position:relative;z-index:4;text-align:left;align-self:center;flex:1;min-width:0}
.page-banner h1{
  color:#fff;margin-bottom:8px;
  font-size:clamp(1.5rem,3.5vw,2.6rem);
  opacity:0;transform:translateX(40px);
  animation:banner-in .55s .2s forwards
}
.page-banner p{
  color:rgba(255,255,255,.75);max-width:500px;font-size:.9rem;
  opacity:0;transform:translateX(30px);
  animation:banner-in .5s .38s forwards
}
.page-banner .tag{
  opacity:0;transform:translateX(30px);
  animation:banner-in .45s .08s forwards
}
.page-banner .breadcrumb{
  opacity:0;
  animation:banner-in .4s 0s forwards
}
@keyframes banner-in{to{opacity:1;transform:translateX(0)}}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.75rem;color:rgba(255,255,255,.45);margin-bottom:10px}
.breadcrumb a{color:rgba(255,255,255,.6);transition:var(--tr)}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{color:var(--gold)}

/* ── TRUST BAND ── */
.trust-band{background:var(--gold);padding:10px 0;overflow:hidden}
.trust-track{display:flex;gap:36px;align-items:center;animation:scroll-track 26s linear infinite;white-space:nowrap}
.trust-item{display:flex;align-items:center;gap:7px;flex-shrink:0;color:var(--navy);font-weight:600;font-size:.78rem}
.trust-item i{font-size:.65rem;opacity:.7}
.trust-dot{width:4px;height:4px;background:var(--navy);border-radius:50%;opacity:.3;flex-shrink:0}
@keyframes scroll-track{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── SECTION HEADER ── */
.section-header{margin-bottom:40px}
.section-header.centered{text-align:center}
.section-header h2{margin-top:8px}
.section-header p{margin-top:10px;color:var(--slate);line-height:1.75;max-width:560px}
.section-header.centered p{margin:10px auto 0}

/* ── SERVICES GRID ── */
.services-bg{background:var(--mist)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.services-grid{grid-template-columns:1fr}}

.service-card{background:#fff;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);transition:var(--tr);display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:transparent}
.service-card-img{height:170px;overflow:hidden;position:relative}
.service-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.service-card:hover .service-card-img img{transform:scale(1.06)}
/* shimmer on service images */
.service-card-img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 40%,rgba(255,220,150,.15) 50%,rgba(255,255,255,.2) 60%,transparent 80%);
  background-size:200% 100%;
  animation:shimmer-slide 3.5s linear infinite;
  pointer-events:none
}
.service-card-body{padding:18px;flex:1;display:flex;flex-direction:column}
.service-card-body .btn{align-self:flex-start}
.service-card-body h3{font-size:.98rem;margin-bottom:6px;color:var(--navy)}
.service-card-body p{font-size:.82rem;line-height:1.7;margin-bottom:12px;flex:1}
.service-link{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--navy-mid);transition:var(--tr);margin-top:auto}
.service-link:hover{color:var(--gold-dk);gap:8px}

/* ── ABOUT ── */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:860px){.about-grid{grid-template-columns:1fr;gap:32px}}
.about-img-wrap{position:relative;border-radius:var(--r-lg);overflow:hidden}
.about-img-wrap img{width:100%;height:400px;object-fit:cover;border-radius:var(--r-lg);display:block}
@media(max-width:560px){.about-img-wrap img{height:240px}}
/* shimmer on about image */
.about-img-wrap::after{
  content:'';position:absolute;inset:0;border-radius:var(--r-lg);
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 40%,rgba(255,220,150,.12) 50%,rgba(255,255,255,.18) 60%,transparent 80%);
  background-size:220% 100%;
  animation:shimmer-slide 4s linear infinite;
  pointer-events:none
}
.about-badge{position:absolute;bottom:16px;right:16px;background:var(--navy);color:#fff;border-radius:var(--r-md);padding:14px 18px;box-shadow:var(--sh-md);text-align:center;z-index:2}
.about-badge-num{font-family:var(--display);font-size:1.5rem;font-weight:700;color:var(--gold);line-height:1}
.about-badge-text{font-size:.65rem;color:rgba(255,255,255,.5);margin-top:3px}
.trust-logos{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.trust-logos img{height:40px;width:auto;object-fit:contain;filter:grayscale(30%);transition:filter var(--tr)}
.trust-logos img:hover{filter:none}
.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px}
.about-pillar{padding:12px;background:var(--mist);border-radius:var(--r-sm);border:1px solid var(--border)}
.about-pillar i{font-size:1rem;color:var(--gold-dk);margin-bottom:5px}
.about-pillar strong{display:block;font-size:.82rem;color:var(--navy);margin-bottom:1px}
.about-pillar span{font-size:.72rem;color:var(--slate)}

/* ── STATS ── */
.stats-section{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 100%);position:relative;overflow:hidden}
.stats-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,204,83,.08) 0%,transparent 50%)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
@media(max-width:650px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat-card{padding:36px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.stat-card:last-child{border-right:none}
@media(max-width:650px){.stat-card:nth-child(2){border-right:none}.stat-card:nth-child(3){border-right:1px solid rgba(255,255,255,.08)}}
.stat-num{font-family:var(--display);font-size:2.6rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:5px}
.stat-label{font-size:.74rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em}

/* ── WHY US ── */
.why-us{background:var(--mist)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
@media(max-width:860px){.why-grid{grid-template-columns:1fr;gap:32px}}
.why-features{display:flex;flex-direction:column;gap:12px}
.why-feature{display:flex;gap:14px;padding:16px 18px;background:#fff;border-radius:var(--r-md);border:1px solid var(--border);transition:var(--tr);align-items:flex-start}
.why-feature:hover{border-color:var(--gold);box-shadow:var(--sh-sm)}
.why-icon{width:38px;height:38px;border-radius:10px;background:var(--sky);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--navy-mid);font-size:.88rem}
.why-feature h4{font-size:.88rem;margin-bottom:3px;color:var(--navy)}
.why-feature p{font-size:.8rem}
.testimonial-card{background:var(--navy);border-radius:var(--r-lg);padding:30px;position:relative;overflow:hidden}
.testimonial-card::before{content:'\201C';position:absolute;top:-10px;right:16px;font-size:6rem;opacity:.07;font-family:Georgia,serif;color:#fff;line-height:1}
/* shimmer on testimonial card */
.testimonial-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.06) 40%,rgba(255,220,150,.04) 50%,rgba(255,255,255,.06) 60%,transparent 80%);
  background-size:220% 100%;
  animation:shimmer-slide 4s linear infinite;
  pointer-events:none
}
.quote-img{width:50px;height:50px;border-radius:var(--r-sm);object-fit:cover;margin-bottom:14px;border:2px solid rgba(255,255,255,.12);position:relative;z-index:1}
.testimonial-text{font-family:var(--display);font-size:1rem;line-height:1.65;color:rgba(255,255,255,.9);font-style:italic;margin-bottom:16px;position:relative;z-index:1}
.testimonial-author{display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.author-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.author-name{font-weight:700;font-size:.84rem;color:#fff}
.author-role{font-size:.72rem;color:rgba(255,255,255,.5)}
.stars{display:flex;gap:2px;margin-bottom:12px;position:relative;z-index:1}
.stars i{color:var(--gold);font-size:.78rem}
.cert-tag{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--navy);border-radius:var(--r-sm);padding:7px 12px;font-size:.75rem;font-weight:700;margin-top:16px;position:relative;z-index:1}

/* ── CTA BANNER ── */
.cta-banner{background:linear-gradient(135deg,var(--gold) 0%,#FFD966 100%);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:56px 48px;border-radius:20px}
.cta-banner::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:44px solid rgba(255,255,255,.15);top:-80px;right:-60px;pointer-events:none}
.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px}
@media(max-width:680px){.cta-inner{flex-direction:column;text-align:center}}
.cta-text h2{color:var(--navy);margin-bottom:6px}
.cta-text p{color:rgba(5,27,46,.65);max-width:440px}
.cta-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}
@media(max-width:680px){.cta-actions{justify-content:center}}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.blog-grid{grid-template-columns:1fr}}
.blog-card{border-radius:var(--r-md);overflow:hidden;background:#fff;border:1px solid var(--border);transition:var(--tr);cursor:pointer}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent}
.blog-thumb{aspect-ratio:16/9;overflow:hidden;position:relative}
.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}
.blog-card:hover .blog-thumb img{transform:scale(1.05)}
/* shimmer on blog images */
.blog-thumb::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 40%,rgba(255,220,150,.14) 50%,rgba(255,255,255,.2) 60%,transparent 80%);
  background-size:200% 100%;
  animation:shimmer-slide 3.5s linear infinite;
  pointer-events:none
}
.blog-cat{position:absolute;top:10px;left:10px;background:var(--navy);color:#fff;font-size:.65rem;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;z-index:1}
.blog-body{padding:18px}
.blog-meta{font-size:.72rem;color:var(--slate);margin-bottom:7px;display:flex;align-items:center;gap:5px}
.blog-body h3{font-size:.93rem;color:var(--navy);margin-bottom:7px;line-height:1.4}
.blog-body p{font-size:.8rem;line-height:1.7;margin-bottom:12px}
.blog-link{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--navy-mid);transition:var(--tr)}
.blog-link:hover{color:var(--gold-dk);gap:8px}

/* ── BLOG MODAL ── */
.blog-modal-overlay{display:none;position:fixed;inset:0;background:rgba(5,27,46,.7);z-index:2000;backdrop-filter:blur(6px);padding:16px;overflow-y:auto;align-items:flex-start;justify-content:center}
.blog-modal-overlay.active{display:flex}
.blog-modal-box{background:#fff;border-radius:var(--r-lg);width:100%;max-width:680px;margin:auto;position:relative;overflow:hidden;animation:modal-in .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes modal-in{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.blog-modal-hero{width:100%;height:220px;object-fit:cover;display:block}
@media(max-width:480px){.blog-modal-hero{height:160px}}
.blog-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(5,27,46,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.82rem;transition:var(--tr);border:none;z-index:10}
.blog-modal-close:hover{background:var(--navy)}
.blog-modal-body{padding:28px}
@media(max-width:480px){.blog-modal-body{padding:20px 16px}}
.blog-modal-cat{display:inline-block;background:var(--navy);color:#fff;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.blog-modal-body h2{font-size:1.3rem;color:var(--navy);margin-bottom:8px;line-height:1.3}
@media(max-width:480px){.blog-modal-body h2{font-size:1.1rem}}
.blog-modal-meta{font-size:.74rem;color:var(--slate);margin-bottom:16px;display:flex;align-items:center;gap:8px}
.blog-modal-body p{font-size:.86rem;line-height:1.8;color:var(--slate);margin-bottom:12px}

/* ── CONTACT / FORMS ── */
.contact-section{background:var(--mist)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:32px}}
.contact-items{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.contact-item{display:flex;gap:12px;align-items:flex-start}
.contact-icon{width:38px;height:38px;border-radius:var(--r-sm);background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:.85rem}
.contact-item-content strong{display:block;font-size:.82rem;color:var(--navy);margin-bottom:1px}
.contact-item-content span,.contact-item-content a{font-size:.8rem;color:var(--slate)}
.whatsapp-link{color:#25D366 !important;font-weight:600;display:flex;align-items:center;gap:4px}
.form-box{background:#fff;border-radius:var(--r-lg);padding:32px;box-shadow:var(--sh-sm);border:1px solid var(--border)}
@media(max-width:480px){.form-box{padding:20px 16px}}
.form-box h3{font-size:1.1rem;margin-bottom:5px}
.form-note{font-size:.75rem;color:var(--slate);margin-bottom:18px;display:flex;align-items:center;gap:5px}
.form-note i{color:#25D366}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.form-row{grid-template-columns:1fr}}
.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.form-group label{font-size:.75rem;font-weight:600;color:var(--navy)}
.form-group input,.form-group select,.form-group textarea{
  padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--r-sm);
  font-family:var(--body);color:var(--navy);background:var(--mist);
  transition:border-color var(--tr);outline:none;width:100%;
  font-size:16px !important; /* prevent zoom on iOS */
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--navy);background:#fff}
.form-group textarea{resize:vertical;min-height:100px}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(104,116,122,.4);font-size:14px}
.form-submit .btn{width:100%;justify-content:center;padding:13px}

/* ── FAQs ── */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:var(--tr)}
.faq-item.open{border-color:var(--navy)}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;gap:14px}
.faq-question h4{font-size:.88rem;color:var(--navy);font-family:var(--body);font-weight:600}
.faq-toggle{width:26px;height:26px;border-radius:50%;background:var(--mist);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--tr);color:var(--slate);font-size:.7rem}
.faq-item.open .faq-toggle{background:var(--navy);color:#fff;transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .38s ease}
.faq-item.open .faq-answer{max-height:220px}
.faq-answer p{padding:0 20px 16px;font-size:.83rem;line-height:1.8;border-top:1px solid var(--border);padding-top:12px}

/* ── FOOTER ── */
#site-footer{background:linear-gradient(145deg,var(--navy) 0%,#040F1C 100%);padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.07)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr;gap:24px}}
.footer-logo img{height:40px;width:auto;filter:brightness(0) invert(1);margin-bottom:12px}
.footer-brand p{color:rgba(255,255,255,.4);font-size:.8rem;line-height:1.8;margin-bottom:16px;max-width:240px}
.footer-socials{display:flex;gap:7px;flex-wrap:wrap}
.social-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.78rem;transition:var(--tr)}
.social-btn:hover{background:var(--gold);color:var(--navy)}
.footer-col h5{font-family:var(--body);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.28);margin-bottom:14px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:.8rem;color:rgba(255,255,255,.48);transition:var(--tr);display:flex;align-items:center;gap:5px}
.footer-links a i{font-size:.55rem;opacity:.45}
.footer-links a:hover{color:var(--gold);padding-left:3px}
.newsletter-form{display:flex;gap:5px;margin-top:10px}
.newsletter-form input{flex:1;padding:8px 11px;border-radius:var(--r-sm);border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-family:var(--body);font-size:16px !important;outline:none}
.newsletter-form input::placeholder{color:rgba(255,255,255,.25)}
.newsletter-form input:focus{border-color:var(--gold)}
.newsletter-form button{background:var(--gold);color:var(--navy);border:none;border-radius:var(--r-sm);padding:8px 12px;font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--tr);white-space:nowrap}
.newsletter-form button:hover{background:#fff}
.footer-bottom{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.footer-bottom p{font-size:.72rem;color:rgba(255,255,255,.26)}
.footer-bottom-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-bottom-links a{font-size:.72rem;color:rgba(255,255,255,.26);transition:var(--tr)}
.footer-bottom-links a:hover{color:#fff}

/* ── MODAL (quote) ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(5,27,46,.65);z-index:3000;backdrop-filter:blur(6px);padding:16px;overflow-y:auto;align-items:center;justify-content:center}
.modal-overlay.active{display:flex}
.modal-box{background:#fff;border-radius:var(--r-lg);padding:36px;max-width:480px;width:100%;position:relative;animation:modal-in .3s cubic-bezier(.34,1.56,.64,1);margin:auto}
@media(max-width:480px){.modal-box{padding:24px 16px}}
.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--mist);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--slate);font-size:.78rem;transition:var(--tr);border:none}
.modal-close:hover{background:var(--border)}

/* ── REVEAL ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.in-view{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.35s}

/* ── RESPONSIVE SHOW/HIDE ── */
@media(max-width:900px){
  .nav-menu{display:none}
  .hamburger{display:flex}
}
@media(min-width:901px){
  .hamburger{display:none}
  .mobile-nav,.mobile-nav-overlay{display:none !important}
}
/* ═══════════════════════════════════════════
   AUTOSTAN TECHNOLOGY — EXTENDED STYLES
   ═══════════════════════════════════════════ */

/* FAQ category labels */
.faq-category-label {
  margin-bottom: 8px;
  padding: 10px 16px;
  background: var(--navy);
  border-radius: var(--r-sm);
}
.faq-category-label span {
  color: var(--gold);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Service checklist items */
.service-checklist {
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.service-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .88rem;
  color: var(--slate);
}
.service-checklist li i {
  color: var(--gold);
  margin-top: 3px;
  flex-shrink: 0;
}

/* Stats band dark background */
.stats-band {
  padding: 56px 0;
  background: var(--navy);
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 32px;
  text-align: center;
}
.stat-number {
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--gold);
  font-family: var(--display);
  line-height: 1;
}
.stat-label {
  color: rgba(255, 255, 255, .75);
  font-size: .85rem;
  margin-top: 6px;
}

/* Sidebar quick links in FAQ */
.faq-quick-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.faq-quick-links a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .84rem;
  color: var(--navy);
  font-weight: 500;
  transition: color var(--tr);
}
.faq-quick-links a:hover {
  color: var(--gold);
}
.faq-quick-links a i {
  color: var(--gold);
  width: 16px;
  flex-shrink: 0;
}

/* Services page enhanced image height on mobile */
@media (max-width: 768px) {
  .about-img-wrap img[style*="height:380px"] {
    height: 240px !important;
  }
}

/* FAQ category headers spacing */
.faq-list > div[style*="background:var(--navy)"] + .faq-item {
  border-top: none;
}

/* Enhanced trust band solar icons */
.trust-item i.fa-solar-panel,
.trust-item i.fa-battery-full,
.trust-item i.fa-bolt {
  color: var(--gold);
}

/* Second phone button in FAQ sidebar */
.btn-ghost-white {
  border: 1.5px solid rgba(255,255,255,.45);
  color: #fff;
  background: transparent;
}
.btn-ghost-white:hover {
  background: rgba(255,255,255,.12);
  border-color: #fff;
}

/* Smooth scroll offset for anchor links */
[id] {
  scroll-margin-top: 90px;
}

/* ═══════════════════════════════════════════
   REDESIGN ADDITIONS — Belykweb Solutions
   ═══════════════════════════════════════════ */

/* ── HERO: simplified centered slide content ── */
.slide-content-centered{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.slide-content-centered h1{margin-bottom:10px}
.slide-content-centered p{margin-bottom:20px}
.slide-btn-wrap{display:flex;justify-content:center}
.hero-slider{height:560px}
@media(max-width:900px){.hero-slider{height:440px}}
@media(max-width:600px){.hero-slider{height:400px}}
@media(max-width:400px){.hero-slider{height:380px}}

/* ── GLOBAL: side-reveal animations (slide left/right, once) ── */
.reveal-side{opacity:0;transition:opacity .7s ease,transform .7s ease}
.slide-left-side{transform:translateX(-60px)}
.slide-right-side{transform:translateX(60px)}
.reveal-up{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
.reveal-side.in-view,.reveal-up.in-view{opacity:1;transform:translateX(0) translateY(0)}

/* ── ABOUT: circular image with rings, sweep & orbiting badge ── */
.about-img-circle-area{display:flex;justify-content:center}
.about-circle-wrap{position:relative;width:380px;height:380px}
@media(max-width:760px){.about-circle-wrap{width:300px;height:300px}}
@media(max-width:560px){.about-circle-wrap{width:260px;height:260px}}
.about-circle-img{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:var(--sh-md);z-index:2}
.about-circle-img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.about-ring{position:absolute;border:2px solid var(--gold);border-radius:50%;opacity:.55;animation:ring-pulse 3.2s ease-out infinite;pointer-events:none;z-index:1}
.about-ring.ring-1{inset:-10px}
.about-ring.ring-2{inset:-26px;animation-delay:1.1s;border-color:var(--navy-lt)}
@keyframes ring-pulse{
  0%{transform:scale(1);opacity:.55}
  70%{transform:scale(1.14);opacity:0}
  100%{transform:scale(1.14);opacity:0}
}
.about-orbit{position:absolute;inset:-34px;animation:orbit-spin 9s linear infinite;z-index:3;pointer-events:none}
@keyframes orbit-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.about-orbit-badge{position:absolute;top:0;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);background:var(--navy);color:#fff;border-radius:50%;box-shadow:var(--sh-md);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;line-height:1.3;text-align:center;animation:orbit-counter-spin 9s linear infinite;pointer-events:auto}
@media(max-width:560px){.about-orbit-badge{width:52px;height:52px;font-size:.55rem}}
.about-orbit-badge span:first-child{opacity:.7;font-weight:500;font-size:.55rem}
@keyframes orbit-counter-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}

/* ── COUNTER: individual cards ── */
.counter-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:760px){.counter-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
.counter-card{background:#fff;border-radius:20px;box-shadow:var(--sh-sm);padding:32px 20px;text-align:center;transition:var(--tr)}
.counter-card:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.counter-icon{width:50px;height:50px;border-radius:50%;background:var(--mist);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--gold-dk);font-size:1.2rem}
.counter-card .stat-num{font-family:var(--display);font-size:2.2rem;font-weight:700;color:var(--navy);line-height:1;margin-bottom:6px}
.counter-card .stat-label{font-size:.76rem;color:var(--slate);text-transform:uppercase;letter-spacing:.06em}

/* ── PROCESS: new timeline ── */
.process-timeline{position:relative;margin-top:56px}
@media(min-width:821px){
  .process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  .process-line{position:absolute;top:26px;left:0;right:0;height:2px;background:var(--border);z-index:0}
  .process-line-fill{display:block;height:100%;width:0;background:var(--gold);transition:width 1.6s ease}
  .process-timeline.animate .process-line-fill{width:100%}
  .process-step-new{position:relative;z-index:1;text-align:left}
  .process-circle{width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--display);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:18px;opacity:0;transform:translateY(-24px);transition:opacity .5s,transform .5s}
  .process-content{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
  .process-timeline.animate .process-step-new[data-step="1"] .process-circle{transition-delay:.1s}
  .process-timeline.animate .process-step-new[data-step="2"] .process-circle{transition-delay:.7s}
  .process-timeline.animate .process-step-new[data-step="3"] .process-circle{transition-delay:1.3s}
  .process-timeline.animate .process-step-new[data-step="4"] .process-circle{transition-delay:1.9s}
  .process-timeline.animate .process-step-new[data-step="1"] .process-content{transition-delay:.35s}
  .process-timeline.animate .process-step-new[data-step="2"] .process-content{transition-delay:.95s}
  .process-timeline.animate .process-step-new[data-step="3"] .process-content{transition-delay:1.55s}
  .process-timeline.animate .process-step-new[data-step="4"] .process-content{transition-delay:2.15s}
  .process-timeline.animate .process-circle,.process-timeline.animate .process-content{opacity:1;transform:translateY(0)}
  .process-content h4{font-size:.95rem;color:var(--navy);margin-bottom:8px}
  .process-content p{font-size:.8rem;color:var(--slate);line-height:1.75;text-align:left}
}
@media(max-width:820px){
  .process-line{display:none}
  .process-timeline{padding-left:30px;position:relative}
  .process-timeline::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:var(--border)}
  .process-timeline-fill-mobile{position:absolute;left:9px;top:0;width:2px;height:0;background:var(--gold);transition:height 1.4s ease;z-index:1}
  .process-timeline.animate .process-timeline-fill-mobile{height:100%}
  .process-step-new{position:relative;margin-bottom:32px;padding-left:24px}
  .process-step-new:last-child{margin-bottom:0}
  .process-circle{width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--gold);font-family:var(--display);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:absolute;left:-30px;top:0;opacity:0;transform:scale(.4);transition:opacity .4s,transform .4s}
  .process-content{text-align:left;opacity:0;transform:translateX(14px);transition:opacity .4s,transform .4s}
  .process-timeline.animate .process-step-new[data-step="1"] .process-circle{transition-delay:.1s}
  .process-timeline.animate .process-step-new[data-step="2"] .process-circle{transition-delay:.55s}
  .process-timeline.animate .process-step-new[data-step="3"] .process-circle{transition-delay:1s}
  .process-timeline.animate .process-step-new[data-step="4"] .process-circle{transition-delay:1.45s}
  .process-timeline.animate .process-step-new[data-step="1"] .process-content{transition-delay:.3s}
  .process-timeline.animate .process-step-new[data-step="2"] .process-content{transition-delay:.75s}
  .process-timeline.animate .process-step-new[data-step="3"] .process-content{transition-delay:1.2s}
  .process-timeline.animate .process-step-new[data-step="4"] .process-content{transition-delay:1.65s}
  .process-timeline.animate .process-circle{opacity:1;transform:scale(1)}
  .process-timeline.animate .process-content{opacity:1;transform:translateX(0)}
  .process-content h4{font-size:.92rem;color:var(--navy);margin-bottom:6px}
  .process-content p{font-size:.8rem;color:var(--slate);line-height:1.7}
}

/* ── TESTIMONIAL SLIDER ── */
.testimonial-slider{max-width:680px;margin:0 auto;position:relative;overflow:hidden}
.testimonial-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.t-slide{flex:0 0 100%;width:100%}
.testimonial-dots{display:flex;justify-content:center;gap:7px;margin-top:22px}
.testimonial-dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:var(--tr);border:none;cursor:pointer}
.testimonial-dots button.active{background:var(--gold);width:22px;border-radius:4px}

/* ── PARTNERS CAROUSEL ── */
.partners-carousel{display:flex;align-items:center;gap:14px;max-width:760px;margin:0 auto}
.partners-viewport{overflow:hidden;flex:1}
.partners-track-new{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.partner-circle{flex:0 0 calc(100%/3);display:flex;align-items:center;justify-content:center;padding:12px}
@media(max-width:640px){.partner-circle{flex:0 0 50%}}
.partner-circle{align-items:center}
.partner-circle > span{width:108px;height:108px;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:800;letter-spacing:.04em;text-align:center;padding:10px;line-height:1.3}
.partners-arrow{width:38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:.8rem;cursor:pointer;flex-shrink:0;transition:var(--tr)}
.partners-arrow:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ── LEGAL MODALS ── */
.modal-box-lg{max-width:640px;max-height:84vh;overflow-y:auto}
.legal-modal-body{margin-top:16px}
.legal-modal-body h4{font-size:.92rem;color:var(--navy);margin:18px 0 6px}
.legal-modal-body p{font-size:.85rem;line-height:1.8;margin-bottom:4px}
.legal-modal-body a{color:var(--gold-dk);font-weight:600;text-decoration:underline}

/* ── FOOTER: mobile centering + credit ── */
.footer-credit-break{display:none}
.footer-credit{display:inline-block;margin-top:4px;font-size:.72rem;color:rgba(255,255,255,.35)}
.footer-credit a{color:var(--gold);font-weight:600;transition:var(--tr)}
.footer-credit a:hover{color:#fff}
@media(max-width:520px){
  .footer-grid{text-align:left}
  .footer-brand p{margin-left:0;margin-right:0}
  .footer-socials{justify-content:flex-start}
  .footer-col h5{text-align:left}
  .footer-links a{justify-content:flex-start}
  .newsletter-form{flex-direction:column}
  .footer-bottom{flex-direction:column;text-align:left;justify-content:flex-start;align-items:flex-start}
  .footer-bottom p{text-align:center;width:100%}
  .footer-bottom-links{justify-content:flex-start}
  .footer-credit-break{display:block}
}

/* ── QUOTE / TESTIMONIAL SECTION (shared: home + about) ── */
.quote-section,.quote-section-about{background:linear-gradient(135deg,var(--navy) 0%,#061C2F 100%);padding:80px 0;position:relative;overflow:hidden}
.quote-section::before,.quote-section-about::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(255,204,83,.07) 0%,transparent 55%)}
.quote-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:28px;transition:var(--tr);flex:0 0 100%;max-width:100%}
.quote-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,204,83,.25)}
.quote-stars{color:var(--gold);font-size:.78rem;display:flex;gap:3px;margin-bottom:14px}
.quote-text{color:rgba(255,255,255,.78);font-size:.84rem;line-height:1.9;font-style:italic;margin-bottom:18px}
.quote-author{display:flex;align-items:center;gap:10px}
.quote-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:.85rem;flex-shrink:0}
.quote-name{color:#fff;font-weight:700;font-size:.84rem}
.quote-role{color:rgba(255,255,255,.4);font-size:.72rem}

/* ── CTA BANNER additional ── */
.cta-buttons{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
@media(max-width:640px){.cta-banner{grid-template-columns:1fr;padding:36px 28px}.cta-buttons{justify-content:flex-start}}
.cta-banner h2{color:var(--navy);font-size:clamp(1.3rem,2.5vw,2rem);margin-bottom:10px}
.cta-banner p{color:rgba(5,27,46,.7);font-size:.9rem;margin:0}