/* ═══════════════════════════════════════════
   ROOT VARIABLES
═══════════════════════════════════════════ */
:root {
  --navy:       #0c3a93;
  --navy-mid:   #00234b;
  --navy-light: #718bb9;
  --gold:       #775a19;
  --gold-light: #e9c176;
  --gold-pale:  #f5e199;
  --teal:       #0e4d5c;
  --white:      #ffffff;
  --off:        #f8f9fa;
  --gray-100:   #eef0f7;
  --gray-300:   #c8cee0;
  --gray-500:   #43474e;
  --text:       #191c1d;
  --dot:        rgba(0,14,36,0.09);
  --gold-dot:   rgba(119,90,25,0.18);

  --radius:     3px;
  --shadow-sm:  0 2px 12px rgba(0,14,36,.07);
  --shadow-md:  0 8px 32px rgba(0,14,36,.12);
  --shadow-lg:  0 20px 60px rgba(0,14,36,.16);
  --transition: 0.28s cubic-bezier(.4,0,.2,1);

  /* Spacing scale */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;
  --sp-7: 80px;
  --sp-8: 96px;

  /* Typography scale */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: clamp(18px,2vw,22px);
  --text-xl: clamp(22px,2.5vw,28px);
  --text-2xl: clamp(28px,3vw,36px);
  --text-3xl: clamp(36px,4vw,48px);
  --text-4xl: clamp(48px,6vw,72px);

  /* Border radius scale */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,.12);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.16);
  --shadow-gold: 0 4px 16px rgba(119,90,25,.3);

  /* Brand monospace font for terminal elements */
  --font-mono: 'JetBrains Mono','Fira Code','Courier New',monospace;
}

/* ═══════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ═══════════════════════════════════════════
   PATTERNS
═══════════════════════════════════════════ */
.dp{background-image:radial-gradient(circle,var(--dot) 1.5px,transparent 1.5px);background-size:22px 22px}
.dpg{background-image:radial-gradient(circle,var(--gold-dot) 1.5px,transparent 1.5px);background-size:22px 22px}

/* ═══════════════════════════════════════════
   HAMBURGER / MOBILE NAV
═══════════════════════════════════════════ */
.hamburger{display:none;flex-direction:column;gap:6px;padding:10px;cursor:pointer;z-index:1100;border-radius:6px;transition:background var(--transition)}
.hamburger:hover{background:rgba(255,255,255,.08)}
.hamburger span{display:block;width:26px;height:2.5px;background:var(--white);border-radius:3px;transition:var(--transition)}
.hamburger.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}

/* ═══════════════════════════════════════════
   TOP NOTICE BAR
═══════════════════════════════════════════ */
.top-notice{
  position:fixed;top:0;left:0;right:0;z-index:1000000;
  background:linear-gradient(135deg,#f0f4ff 0%,#e8edf8 50%,#f0f4ff 100%);
  color:var(--navy);
  font-family:'Inter',sans-serif;font-size:var(--text-sm);font-weight:400;
  letter-spacing:.3px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  padding:9px 48px 9px 20px;
  border-bottom:1px solid rgba(0,14,36,.08);
  transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;
}
.top-notice.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}
.top-notice-inner{
  display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;
}
.top-notice-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--navy);color:var(--gold-light);
  font-size:var(--text-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  padding:3px 10px;border-radius:3px;
  white-space:nowrap;
}
.top-notice-badge svg{width:12px;height:12px;flex-shrink:0}
.top-notice-text{color:var(--navy);opacity:.8}
.top-notice-text a{color:var(--gold);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.top-notice-text a:hover{border-bottom-color:var(--gold)}
.top-notice-close{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;border:none;cursor:pointer;
  background:rgba(0,14,36,.06);color:var(--navy);
  transition:background .2s,transform .2s;
}
.top-notice-close:hover{background:rgba(0,14,36,.12);transform:translateY(-50%) scale(1.1)}
.top-notice-close svg{width:13px;height:13px}

/* ═══════════════════════════════════════════
   NAV
═══════════════════════════════════════════ */
nav{
  position:fixed;top:36px;left:0;right:0;z-index:1000;
  transition:top .35s cubic-bezier(.4,0,.2,1);
  background:#000e24;
  backdrop-filter:blur(20px);
  height:80px;display:flex;align-items:center;
  padding:0 clamp(24px,5vw,72px);
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 4px 30px rgba(0,14,36,.4);
}
/* Gold accent line at very top */
nav::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));
  z-index:1;
}
.logo{display:flex;align-items:center;gap:14px}
.logo img{height:52px;width:auto;display:block;transition:transform var(--transition)}
.logo:hover img{transform:scale(1.03)}

.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{
  color:rgba(255,255,255,.7);font-family:'Inter',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:.8px;text-transform:uppercase;
  padding:10px 18px;border-radius:6px;
  position:relative;transition:color var(--transition),background var(--transition);
}
.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.06)}
.nav-links a.active{color:var(--white)}
.nav-links a::after{
  content:'';position:absolute;bottom:4px;left:18px;right:18px;
  height:2px;background:var(--gold-light);border-radius:2px;transform:scaleX(0);
  transform-origin:center;transition:transform var(--transition);
}
.nav-links a.active::after{transform:scaleX(1)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{
  background:var(--gold);color:var(--white);
  font-family:'Manrope',sans-serif;font-weight:700;
  padding:11px 24px;border-radius:6px;
  letter-spacing:1px;font-size:12px;
  box-shadow:0 4px 16px rgba(119,90,25,.3);
  transition:all var(--transition);
}
.nav-cta::after{display:none}
.nav-cta:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 6px 24px rgba(119,90,25,.4)}

/* Mobile nav drawer */
.nav-drawer{
  display:none;
  position:fixed;top:116px;left:0;right:0;z-index:999;
  transition:top .35s cubic-bezier(.4,0,.2,1);
  background:#000e24;
  border-top:1px solid rgba(255,255,255,.06);
  box-shadow:0 20px 40px rgba(0,14,36,.5);
  flex-direction:column;padding:12px 20px 20px;gap:2px;
}
.nav-drawer.open{display:flex}
.nav-drawer a{
  color:rgba(255,255,255,.75);font-family:'Inter',sans-serif;
  font-weight:600;font-size:14px;
  letter-spacing:.8px;text-transform:uppercase;
  padding:16px 20px;border-radius:8px;
  transition:color var(--transition),background var(--transition);
}
.nav-drawer a:hover,
.nav-drawer a.active{color:var(--white);background:rgba(255,255,255,.06)}
.nav-drawer a.drawer-cta{
  background:var(--gold);color:var(--white);margin-top:8px;
  text-align:center;font-family:'Manrope',sans-serif;font-weight:700;
  font-size:13px;letter-spacing:1px;border-radius:8px;
  box-shadow:0 4px 16px rgba(119,90,25,.3);
}

/* ═══════════════════════════════════════════
   PAGE SYSTEM
═══════════════════════════════════════════ */
.page{min-height:100vh;padding-top:116px;animation:fadeInPage .4s ease;transition:padding-top .35s cubic-bezier(.4,0,.2,1)}
@keyframes fadeInPage{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ═══════════════════════════════════════════
   SHARED COMPONENTS
═══════════════════════════════════════════ */
.container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}
.section{padding:clamp(36px,5vw,60px) 0}

.eyebrow{
  font-weight:700;font-size:11px;letter-spacing:3px;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:12px;display:block;
}
.h2{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(36px,4vw,48px);
  color:var(--navy);line-height:1.08;margin-bottom:16px;
}
.h2.white{color:var(--white)}
.body-text{font-size:16px;color:var(--gray-500);line-height:1.75;max-width:600px}
.body-text.white{color:rgba(255,255,255,.7)}
.rule{width:48px;height:3px;background:var(--gold);margin:18px 0 32px;position:relative}
.rule::after{content:'';position:absolute;left:56px;top:0;width:12px;height:3px;background:var(--gold);opacity:.4}

/* Utility classes */
.mb-section { margin-bottom: var(--sp-5); }
.rel-z2 { position: relative; z-index: 2; }
.footer .logo { margin-bottom: var(--sp-2); }

/* Buttons */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;
  padding:13px 28px;border-radius:var(--radius);
  transition:all var(--transition);cursor:pointer;
}
.btn-gold{background:var(--gold);color:var(--white)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(119,90,25,.35)}
.btn-ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-2px)}
.btn-arrow::after{content:'→';font-size:16px;font-weight:400;margin-left:4px;transition:transform var(--transition)}
.btn-arrow:hover::after{transform:translateX(4px)}

/* Fade-in scroll */
.fi{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}
.fi.vis{opacity:1;transform:none}
.fi-d1{transition-delay:.08s}
.fi-d2{transition-delay:.16s}
.fi-d3{transition-delay:.24s}
.fi-d4{transition-delay:.32s}

/* Page hero base */
.page-hero{
  padding:clamp(50px,6vw,80px) 0 clamp(36px,4vw,56px);
  position:relative;overflow:hidden;
}
.page-hero .ph-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  z-index:0;
}
.page-hero .ph-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(135deg,rgba(0,14,36,0.92) 0%,rgba(0,14,36,0.78) 50%,rgba(0,14,36,0.65) 100%);
}
.page-hero .ph-label{
  display:inline-block;
  font-family:'Inter',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;
  color:var(--white);background:rgba(255,255,255,.1);
  padding:8px 18px;margin-bottom:16px;
  border-left:3px solid var(--gold);
}
.page-hero .ph-title{
  font-family:'Manrope',sans-serif;font-weight:800;
  font-size:clamp(36px,5vw,48px);
  color:var(--gold-light);line-height:1.1;
  max-width:700px;margin-bottom:12px;
}
.page-hero .ph-desc{
  font-family:'Inter',sans-serif;font-size:16px;
  color:rgba(255,255,255,.65);line-height:1.75;
  max-width:580px;
}

/* ═══════════════════════════════════════════
   PAGE 1 – HOME
═══════════════════════════════════════════ */
.hero-home{
  background:var(--navy);
  min-height:calc(100vh - 68px);
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
}
.hero-bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(119,90,25,.2) 1.5px,transparent 1.5px);background-size:26px 26px}
.hero-bg-slice{
  position:absolute;right:-120px;top:0;bottom:0;width:52%;
  background:linear-gradient(160deg,var(--navy-mid) 0%,var(--teal) 100%);
  clip-path:polygon(22% 0%,100% 0%,100% 100%,0% 100%);
  opacity:.55;
}
.hero-bg-slice2{
  position:absolute;right:0;top:0;bottom:0;width:36%;
  background:var(--gold);opacity:.04;
  clip-path:polygon(30% 0%,100% 0%,100% 100%,0% 100%);
}

.hero-main{
  flex:1;display:grid;
  grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);
  align-items:center;
  padding:clamp(60px,8vw,100px) clamp(20px,4vw,64px);
  max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:2;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(119,90,25,.12);border:1px solid rgba(119,90,25,.35);
  padding:7px 16px;border-radius:20px;margin-bottom:24px;
}
.hero-badge-dot{width:6px;height:6px;background:var(--gold);border-radius:50%}
.hero-badge span{font-size:11px;font-weight:700;color:var(--gold-light);letter-spacing:2px;text-transform:uppercase}
.hero-h1{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(48px,6vw,72px);
  color:var(--white);line-height:.95;
  letter-spacing:-1.5px;margin-bottom:24px;text-transform:uppercase;
}
.hero-h1 em{color:var(--gold-light);font-style:normal;display:block}
.hero-desc{font-size:16px;color:rgba(255,255,255,.7);line-height:1.75;max-width:480px;margin-bottom:36px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}

.hero-tagline{
  margin-top:16px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);
  font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:rgba(255,255,255,.35);
}
.hero-tagline strong{color:var(--gold);margin:0 6px}

.hero-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hcard{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--radius);padding:24px 20px;
  transition:all var(--transition);position:relative;overflow:hidden;
}
.hcard::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform var(--transition);
}
.hcard:hover{background:rgba(119,90,25,.1);border-color:rgba(119,90,25,.35);transform:translateY(-4px)}
.hcard:hover::before{transform:scaleX(1)}
.hcard-icon{font-size:26px;margin-bottom:12px}
.hcard h3{font-weight:700;font-size:14px;color:var(--white);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.hcard p{font-size:12px;color:rgba(255,255,255,.55);line-height:1.6}

.hero-stats-bar{
  background:rgba(0,0,0,.25);
  border-top:1px solid rgba(255,255,255,.08);
  position:relative;z-index:2;
}
.hero-stats-inner{
  max-width:1200px;margin:0 auto;
  padding:0 clamp(20px,4vw,64px);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.hstat{
  padding:28px 20px;text-align:center;
  border-right:1px solid rgba(255,255,255,.07);
}
.hstat:last-child{border-right:none}
.hstat-num{font-weight:900;font-size:clamp(28px,3.5vw,42px);color:var(--gold-light);line-height:1}
.hstat-lbl{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:5px}

/* ═══════════════════════════════════════════
   HERO BANNER
═══════════════════════════════════════════ */
.hero{position:relative;width:100%;min-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;background:#0d1f4e}

/* ── Banner height variants ── */
/* Compact — ~65% viewport, never below 480px */
.hero.hero-h-compact{min-height:clamp(480px,65vh,680px)}
.hero.hero-h-compact .hero-body{padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(28px,3.5vw,52px)}
/* Standard — default full-minus-nav (no extra class needed) */
/* Full screen — true 100% incl. mobile browser chrome */
.hero.hero-h-full{min-height:100svh;min-height:100vh}

@media(max-width:768px){
  .hero.hero-h-compact{min-height:clamp(420px,80vw,560px)}
  .hero.hero-h-full{min-height:100svh;min-height:100vh}
}
@media(max-width:480px){
  .hero.hero-h-compact{min-height:clamp(380px,90vw,480px)}
}
.bg-photo{position:absolute;top:0;bottom:0;right:0;width:50%;z-index:1;pointer-events:none;background:url('images/img2.png') center center/cover no-repeat;clip-path:polygon(24% 0%,100% 0%,100% 100%,0% 100%)}
.bg-grid{display:none}
.bg-seam{display:none}
#heroCanvas{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}
.gem{display:none}
.gm2{display:none}
.hero-body{position:relative;z-index:6;display:grid;grid-template-columns:55fr 45fr;align-items:center;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(28px,4vw,64px);gap:0}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding-right:20px}
.hbadge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:7px 16px;border-radius:2px;margin-bottom:20px;width:fit-content}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--gold-light);flex-shrink:0;animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.5)}}
.hbadge span{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.75)}

/* ── Badge Layout Variants ── */
/* 2: Neon Glow */
.hbadge.badge-neon{background:rgba(233,193,118,.06);border:1px solid rgba(233,193,118,.55);border-radius:40px;padding:8px 20px;box-shadow:0 0 14px rgba(233,193,118,.3),inset 0 0 14px rgba(233,193,118,.04)}
.hbadge.badge-neon .pulse{background:#e9c176;box-shadow:0 0 8px #e9c176,0 0 16px rgba(233,193,118,.6)}
.hbadge.badge-neon span{color:#e9c176;letter-spacing:2px}
/* 3: Terminal */
.hbadge.badge-terminal{background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.25);border-radius:3px;padding:7px 16px}
.hbadge.badge-terminal .pulse{background:#00ff41;border-radius:1px;width:8px;height:2px;animation:none;box-shadow:0 0 6px #00ff41}
.hbadge.badge-terminal span{color:#00ff41;font-family:var(--font-mono);letter-spacing:1.5px;font-size:10px}
/* 4: Gold Stripe */
.hbadge.badge-stripe{background:rgba(255,255,255,.04);border:none;border-left:3px solid #e9c176;border-radius:0;padding:8px 14px}
.hbadge.badge-stripe .pulse{display:none}
.hbadge.badge-stripe span{color:rgba(255,255,255,.85);letter-spacing:3px;font-size:10px}
/* 5: Gradient Chip */
.hbadge.badge-chip{background:linear-gradient(135deg,rgba(233,193,118,.18),rgba(139,92,246,.18));box-shadow:0 0 0 1px rgba(233,193,118,.35),0 4px 20px rgba(139,92,246,.2);border:none;border-radius:6px;padding:8px 18px}
.hbadge.badge-chip .pulse{background:linear-gradient(135deg,#e9c176,#8b5cf6);box-shadow:0 0 8px rgba(139,92,246,.6)}
.hbadge.badge-chip span{background:linear-gradient(135deg,#e9c176,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}
/* 6: Cyber Tag */
.hbadge.badge-cyber{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:0;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);padding:8px 28px}
.hbadge.badge-cyber .pulse{background:#00d4ff;box-shadow:0 0 8px #00d4ff;animation:blink 1.4s ease infinite}
.hbadge.badge-cyber span{color:#00d4ff;letter-spacing:3px;font-size:10px}

.prefix{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(20px,2.8vw,40px);text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.7);line-height:1;margin-bottom:2px}
.hslide-win{height:clamp(60px,9vw,116px);overflow:hidden}
.hslide-track{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.77,0,.175,1)}
.hslide-item{flex-shrink:0;height:clamp(60px,9vw,116px);display:flex;align-items:center;font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(52px,8.5vw,108px);line-height:1;text-transform:uppercase;letter-spacing:-1px;color:var(--gold-light);white-space:normal;word-break:break-word}
.suffix{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(20px,2.8vw,40px);text-transform:uppercase;letter-spacing:2px;color:#ffffff;line-height:1;margin-bottom:20px;margin-top:2px}
.hdots{display:flex;gap:7px;margin-bottom:14px;align-items:center}
.hdot{width:20px;height:3px;background:rgba(255,255,255,.16);border-radius:2px;cursor:pointer;transition:all .3s ease}
.hdot.on{width:36px;background:var(--gold)}
.hdesc{font-family:'Inter',sans-serif;font-size:clamp(13px,1.2vw,15px);color:rgba(255,255,255,.55);line-height:1.75;max-width:420px;margin-bottom:22px;transition:opacity .4s ease}
.hbtns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}
.hbtn{display:inline-flex;align-items:center;gap:9px;font-family:'Inter',sans-serif;font-weight:600;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:13px 28px;border-radius:2px;cursor:pointer;transition:all var(--transition)}
.hbtn-a{background:var(--gold);color:var(--white);border:2px solid var(--gold)}
.hbtn-a:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 6px 24px rgba(119,90,25,.4)}
.hbtn-b{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.28)}
.hbtn-b:hover{border-color:var(--gold);color:var(--gold-light);transform:translateY(-2px)}
.hbtn svg{width:15px;height:15px;flex-shrink:0;transition:transform var(--transition)}
.hbtn:hover svg{transform:translateX(3px)}
.htagline{font-family:'Inter',sans-serif;font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.16);padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.htagline strong{color:var(--gold);margin:0 5px}
.hero-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:-100px}
.hcards{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;filter:drop-shadow(-12px 0 28px rgba(5,14,40,.8))}
.hc{background:rgba(255,255,255,.97);padding:22px 18px 20px;position:relative;overflow:hidden;border-radius:6px;transition:transform var(--transition),box-shadow var(--transition)}
.hc::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}
.hc:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.hc:hover::before{transform:scaleX(1)}
.hc.c1::before{background:#3ca5f5}.hc.c2::before{background:#00bceb}.hc.c3::before{background:#00e676}.hc.c4::before{background:#0098ff}
.hc-ico{width:40px;height:40px;margin-bottom:11px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}
.hc:hover .hc-ico{transform:scale(1.1)}
.hc-ico svg{width:26px;height:26px}
.hc.c1 .hc-ico{background:rgba(60,165,245,.12);color:#3ca5f5}
.hc.c2 .hc-ico{background:rgba(0,188,235,.12);color:#00bceb}
.hc.c3 .hc-ico{background:rgba(0,230,118,.12);color:#00e676}
.hc.c4 .hc-ico{background:rgba(0,152,255,.12);color:#0098ff}
.hc h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--navy);margin-bottom:5px}
.hc p{font-family:'Inter',sans-serif;font-size:11px;color:#6b7a96;line-height:1.55}
.hcaption{font-family:'Inter',sans-serif;font-size:9px;font-weight:400;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:6px;padding-left:4px}
/* Ticker bar */
.ticker-bar{position:relative;z-index:6;background:var(--navy);overflow:hidden;flex-shrink:0;display:flex;align-items:center;height:96px;border-top:3px solid var(--gold)}
.ticker-label{
  display:flex;align-items:center;padding:0 28px 0 clamp(20px,3vw,40px);
  font-family:'Manrope',sans-serif;font-weight:700;font-size:11px;
  letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-light);
  white-space:nowrap;flex-shrink:0;height:100%;
  border-right:1px solid rgba(255,255,255,.1);
}
.ticker-track-wrap{overflow:hidden;flex:1}
.ticker-track{display:flex;align-items:center;width:max-content;animation:tickerScroll 38s linear infinite}
.ticker-track:hover{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;justify-content:center;padding:0 36px;height:96px;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0;transition:background .2s ease}
.ti:hover{background:rgba(255,255,255,.05)}
.ti svg,.ti img{height:36px;width:auto;max-width:140px;display:block;transition:transform .2s ease}
.ti:hover svg,.ti:hover img{transform:scale(1.08)}
/* Hero entrance animations */
.fu{opacity:0;animation:heroFadeIn .5s ease forwards}
.fu.d1{animation-delay:.05s}.fu.d2{animation-delay:.15s}.fu.d3{animation-delay:.25s}.fu.d4{animation-delay:.35s}.fu.d5{animation-delay:.45s}
@keyframes heroFadeIn{to{opacity:1}}
.hc-anim{opacity:0;animation:heroFadeIn .45s ease forwards}
.hc-anim.c1{animation-delay:.4s}.hc-anim.c2{animation-delay:.5s}.hc-anim.c3{animation-delay:.6s}.hc-anim.c4{animation-delay:.7s}
/* Hero responsive */
@media(max-width:1024px){.hero-body{grid-template-columns:1fr 1fr;padding:clamp(28px,3vw,48px) clamp(20px,3vw,40px);gap:16px}.hero-right{margin-left:-60px}.hslide-item{letter-spacing:0}}
@media(max-width:768px){.hero{min-height:auto;height:auto}.bg-photo{display:none}.bg-grid{clip-path:none}.bg-seam{display:none}.gem{display:none}.hero-body{grid-template-columns:1fr;padding:32px 20px 28px;gap:32px;align-items:start}.hero-left{padding-right:0}.hslide-win{height:clamp(52px,14vw,80px)}.hslide-item{height:clamp(52px,14vw,80px);font-size:clamp(44px,12vw,72px);white-space:nowrap;letter-spacing:-1px}.prefix,.suffix{font-size:clamp(16px,5vw,28px)}.hero-right{margin-left:0;width:100%}.hcards{grid-template-columns:1fr 1fr;filter:none}.ticker-label{display:none}.ticker-bar{height:72px}.ti{padding:0 22px;height:72px}.ti svg,.ti img{height:28px}}
@media(max-width:480px){.hcards{grid-template-columns:1fr 1fr}.hbtns{flex-direction:column;align-items:stretch}.hbtn{justify-content:center}.hbadge span{font-size:9px;letter-spacing:2px}.hslide-item{font-size:clamp(40px,11vw,62px);white-space:nowrap;overflow:hidden}.hc{padding:16px 12px 14px}.hc h4{font-size:11px}.hc p{font-size:10px}}

/* ═══════════════════════════════════════════
   MISSION QUOTE SECTION
═══════════════════════════════════════════ */
.mission-quote-section {
  background: #071d31;
  padding: 48px 0;
  position: relative;
  overflow: hidden;
}
.mq-accent {
  position: absolute;
  top: 0; right: 0;
  width: 33%;
  height: 100%;
  background: rgba(212,175,55,0.05);
  transform: skewX(12deg) translateX(50%);
  pointer-events: none;
}
.mq-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 1;
}
.mq-block {
  max-width: 56rem;
  border-left: 4px solid #D4AF37;
  padding: 8px 0 8px 32px;
}
.mq-icon {
  display: block;
  color: #D4AF37;
  font-size: 36px;
  margin-bottom: 12px;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
.mq-quote {
  color: #D4AF37;
  font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif;
  font-weight: 700;
  font-size: clamp(1.1rem, 2.5vw, 1.75rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0;
}
.mq-label {
  margin-top: 16px;
  color: #72869e;
  font-family: 'Plus Jakarta Sans', 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .mission-quote-section { padding: 32px 0; }
  .mq-block { padding-left: 20px; }
}

/* ═══════════════════════════════════════════
   JOURNEY SECTION
═══════════════════════════════════════════ */
.journey-section{background-color:var(--off);background-image:radial-gradient(circle,var(--dot) 1.5px,transparent 1.5px);background-size:22px 22px;padding:20px 0}
.journey-inner{max-width:1280px;margin:0 auto;padding:10px 60px}
.journey-tag{font-family:'Inter',sans-serif;font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.journey-title{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(36px,4vw,48px);color:var(--navy);text-transform:uppercase;line-height:1.05;margin-bottom:20px;letter-spacing:-0.5px}
.journey-line{width:60px;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light));margin:20px 0 40px;position:relative}
.journey-line::after{content:'';position:absolute;left:70px;top:0;width:14px;height:4px;background:var(--gold);opacity:0.4}
.journey-sub{font-family:'Inter',sans-serif;font-size:17px;color:var(--gray-500);line-height:1.7;max-width:580px}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px;background:var(--gray-100)}
.journey-card{background:var(--white);padding:44px 36px;position:relative;overflow:hidden;transition:all .3s}
.journey-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold);transform:scaleX(0);transition:transform .3s;transform-origin:left}
.journey-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,14,36,0.12)}
.journey-card:hover::before{transform:scaleX(1)}
.journey-card-num{font-family:'Manrope',sans-serif;font-weight:800;font-size:72px;color:rgba(0,14,36,0.06);line-height:1;position:absolute;top:20px;right:28px}
.journey-card h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:24px;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
.journey-card p{font-family:'Inter',sans-serif;font-size:15px;color:var(--gray-500);line-height:1.7}
.jfade{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.jfade.visible{opacity:1;transform:none}
@media(max-width:900px){.journey-inner{padding:60px 24px}.journey-grid{grid-template-columns:1fr}.journey-line{margin:20px 0 30px}}

/* ═══════════════════════════════════════════
   BUSINESS SOLUTIONS SECTION
═══════════════════════════════════════════ */
.srt-dot-bg{background-color:#f2f2f2;background-image:radial-gradient(circle,rgba(119,90,25,0.09) 1.5px,transparent 1.5px);background-size:24px 24px}
.srt-wrap{max-width:1320px;margin:0 auto;padding:clamp(60px,8vw,10px) clamp(20px,5vw,72px)}
.srt-hdr{margin-bottom:clamp(44px,5vw,68px)}
.srt-tag{display:inline-block;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:#775a19;margin-bottom:14px}
.srt-h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(36px,4vw,48px);color:#1a1a1a;text-transform:uppercase;line-height:1.05;letter-spacing:-0.5px}
.srt-rule{width:56px;height:4px;background:linear-gradient(90deg,#775a19,#e9c176);margin:18px 0 26px;position:relative}
.srt-rule::after{content:'';position:absolute;left:64px;top:0;width:14px;height:4px;background:#775a19;opacity:.35}
.srt-sub{font-family:'Inter',sans-serif;font-size:16px;color:#888888;line-height:1.75;max-width:600px}
.srt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px}
.srt-card{background:#ffffff;box-shadow:0 3px 24px rgba(0,0,0,0.10);display:flex;flex-direction:column;transition:transform 0.28s cubic-bezier(.4,0,.2,1),box-shadow 0.28s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.srt-card:hover{transform:translateY(-6px);box-shadow:0 14px 48px rgba(0,0,0,0.17)}
.srt-photo{position:relative;width:100%;height:230px;overflow:hidden;flex-shrink:0}
.srt-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.72s ease;display:block}
.srt-card:hover .srt-photo img{transform:scale(1.05)}
.srt-bar{position:absolute;bottom:0;left:0;right:0;height:5px;z-index:2}
.srt-card--a .srt-bar{background:#775a19}
.srt-card--b .srt-bar{background:#bbbbbb}
.srt-card--c .srt-bar{background:#404040}
.srt-body{padding:26px 26px 24px;flex:1;display:flex;flex-direction:column}
.srt-meta{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.srt-icon{width:40px;height:40px;flex-shrink:0;color:#bbbbbb;transition:color 0.28s cubic-bezier(.4,0,.2,1)}
.srt-card:hover .srt-icon{color:#775a19}
.srt-icon svg{width:100%;height:100%}
.srt-info{display:flex;flex-direction:column;padding-top:2px}
.srt-lbl{font-family:'Inter',sans-serif;font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#bbbbbb;margin-bottom:5px;line-height:1}
.srt-ctitle{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(20px,2vw,24px);color:#1a1a1a;line-height:1.2}
.srt-cdesc{font-family:'Inter',sans-serif;font-size:14px;color:#888888;line-height:1.78;flex:1;margin-bottom:20px}
.srt-clink{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#775a19;letter-spacing:.2px;transition:gap 0.28s cubic-bezier(.4,0,.2,1),color 0.28s cubic-bezier(.4,0,.2,1);margin-top:auto}
.srt-clink:hover{color:#e9c176;gap:14px}
.srt-clink svg{width:16px;height:16px;transition:transform 0.28s cubic-bezier(.4,0,.2,1)}
.srt-card:hover .srt-clink svg{transform:translateX(4px)}
.srt-divider{width:100%;height:1px;background:#e2e2e2;margin-bottom:20px;position:relative}
.srt-divider::before{content:'';position:absolute;left:0;top:-1px;width:56px;height:3px;background:#775a19}
.srt-jhdr{margin-bottom:32px}
.srt-jtag{display:block;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:#775a19;margin-bottom:10px}
.srt-jh2{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(30px,3vw,36px);color:#1a1a1a;text-transform:uppercase;line-height:1.08;letter-spacing:-0.3px}
.srt-jgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#e2e2e2}
.srt-jcard{background:#ffffff;padding:38px 32px;position:relative;overflow:hidden;transition:transform 0.28s cubic-bezier(.4,0,.2,1),box-shadow 0.28s cubic-bezier(.4,0,.2,1)}
.srt-jcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#775a19;transform:scaleX(0);transform-origin:left;transition:transform 0.28s cubic-bezier(.4,0,.2,1)}
.srt-jcard:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.11);z-index:2}
.srt-jcard:hover::before{transform:scaleX(1)}
.srt-jnum{font-family:'Manrope',sans-serif;font-weight:800;font-size:72px;color:rgba(0,0,0,.045);line-height:1;position:absolute;top:16px;right:22px;user-select:none;pointer-events:none}
.srt-jcard--a .srt-jnum{color:rgba(119,90,25,.09)}
.srt-jcard h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:20px;color:#1a1a1a;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;position:relative;z-index:1}
.srt-jcard p{font-family:'Inter',sans-serif;font-size:14px;color:#888888;line-height:1.75;position:relative;z-index:1}
@media(max-width:960px){.srt-cards,.srt-jgrid{grid-template-columns:1fr 1fr}.srt-photo{height:190px}}
@media(max-width:640px){.srt-wrap{padding:44px 16px}.srt-cards{grid-template-columns:1fr;gap:16px;margin-bottom:36px}.srt-jgrid{grid-template-columns:1fr}.srt-photo{height:210px}.srt-divider{margin-bottom:36px}}

/* Why Choose Us section */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--gray-100)}
.why-card{
  background:var(--white);padding:clamp(28px,3vw,44px) clamp(22px,2.5vw,36px);
  transition:all var(--transition);position:relative;overflow:hidden;
}
.why-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light));
  transform:scaleX(0);transform-origin:left;transition:transform var(--transition);
}
.why-card:hover{background:var(--navy);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.why-card:hover h3,.why-card:hover .why-icon{color:var(--white)}
.why-card:hover p{color:rgba(255,255,255,.6)}
.why-card:hover::before{transform:scaleX(1)}
.why-icon{font-size:32px;margin-bottom:18px;color:var(--gold);transition:color var(--transition)}
.why-card h3{font-weight:700;font-size:16px;color:var(--navy);text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px;transition:color var(--transition)}
.why-card p{font-size:14px;color:var(--gray-500);line-height:1.7;transition:color var(--transition)}

/* ═══════════════════════════════════════════
   SECTORS BAND — Card carousel
═══════════════════════════════════════════ */
.sectors-band{
  background:#0b2545;
  position:relative;overflow:hidden;
  padding:clamp(36px,4vw,56px) 0 clamp(40px,5vw,64px);
}
.sectors-band::before{
  content:'';position:absolute;inset:0;
  background:url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?w=1400&q=50&auto=format&fit=crop') center/cover;
  opacity:.07;pointer-events:none;
  z-index:0;
}
.sectors-band>*{position:relative;z-index:1}
/* Header */
.sb-header{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:24px;margin-bottom:clamp(24px,3vw,40px);
}
.sb-intro{
  font-family:'Inter',sans-serif;
  font-size:clamp(14px,1.2vw,16px);color:rgba(255,255,255,.6);
  line-height:1.75;max-width:520px;margin-top:12px;
}
.sb-header-right{
  display:flex;align-items:center;gap:28px;flex-shrink:0;padding-bottom:8px;
}
.sb-stat{display:flex;flex-direction:column;align-items:center;gap:4px}
.sb-stat-num{
  font-family:'Manrope',sans-serif;font-size:clamp(28px,3vw,40px);
  font-weight:800;color:#fff;line-height:1;
}
.sb-stat-lbl{
  font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase;
  letter-spacing:1.5px;white-space:nowrap;
}
.sb-stat-div{width:1px;height:52px;background:rgba(255,255,255,.15)}
/* Scroll container */
/* Override header text for dark background */
.sectors-band .eyebrow{color:rgba(255,255,255,.5)}
.sectors-band .h2{color:#fff}
.sectors-band .container{max-width:1320px;padding:0 clamp(20px,5vw,72px)}
/* Desktop: 5-col grid, 6th wraps below */
/* Carousel wrapper */
.sb-carousel{padding:4px 0 0}
/* Bottom bar */
.sb-footer{
  display:flex;align-items:center;gap:16px;margin-top:16px;
}
/* Arrow buttons */
.sb-arrows{display:flex;gap:8px;flex-shrink:0}
.sb-btn{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s;
}
.sb-btn:hover{background:rgba(255,255,255,.25)}
.sb-btn svg{width:16px;height:16px}
.sb-btn:disabled{opacity:.25;cursor:default}
/* Scroll track */
.sb-scroll{
  overflow-x:auto;
  padding:4px 0 12px;
  scrollbar-width:none;
}
.sb-scroll::-webkit-scrollbar{display:none}
.sectors-row{
  display:flex;
  gap:16px;
  width:max-content;
}
/* Progress bar */
.sb-progress{
  flex:1;height:2px;background:rgba(255,255,255,.1);
  border-radius:2px;
}
.sb-progress-bar{
  height:100%;background:var(--gold);
  border-radius:2px;width:0%;
  transition:width .15s ease;
}
/* Card */
.sector-card{
  flex:0 0 220px;
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:12px;
  overflow:hidden;
  display:flex;flex-direction:column;
}
@media(max-width:600px){
  .sector-card{flex:0 0 180px}
}
@media(max-width:480px){
  .sector-card{flex:0 0 calc(50vw - 28px)}
}
/* Top — icon area */
.sc-top{
  height:120px;
  background:linear-gradient(145deg,#f7f8fa 0%,#eef0f4 100%);
  border-bottom:1px solid #e4e7ec;
  display:flex;align-items:center;justify-content:center;
}
.sc-icon-wrap{
  width:52px;height:52px;
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.sc-icon-wrap svg{width:26px;height:26px}
/* Bottom — text area */
.sc-bottom{
  padding:18px 18px 22px;
  display:flex;flex-direction:column;gap:6px;
  flex:1;
}
.sc-num{
  font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;
  color:var(--gold);letter-spacing:2.5px;
}
.sc-name{
  font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;
  color:var(--navy);line-height:1.3;letter-spacing:-.1px;
}
.sc-desc{
  font-family:'Inter',sans-serif;font-size:12px;
  color:var(--gray-500);line-height:1.7;margin-top:2px;
}
@media(max-width:960px){
  .sb-header{flex-direction:column;align-items:flex-start;gap:16px}
  .sb-header-right{padding-bottom:0}
}
@media(max-width:600px){
  .sb-stat-div{display:none}
  .sb-header-right{flex-direction:row;gap:24px}
}
@media(max-width:480px){
  .sector-card{flex:0 0 calc(50vw - 28px) !important}
}

/* CTA bar */
.cta-bar{
  position:relative;overflow:hidden;
  background:var(--navy);
}
/* Top gold divider line */
.cta-bar-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(119,90,25,.4),var(--gold-light),rgba(119,90,25,.4),transparent);
}
.cta-bar-content{
  max-width:1320px;margin:0 auto;
  display:grid;grid-template-columns:1.1fr 1fr;
  position:relative;z-index:2;
  min-height:220px;
}
.cta-bar-text{
  padding:clamp(36px,4vw,56px) clamp(30px,5vw,64px);
  display:flex;flex-direction:column;justify-content:center;
  position:relative;z-index:3;
}
.cta-bar-label{
  font-family:'Inter',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);
  margin-bottom:14px;position:relative;z-index:1;
  display:flex;align-items:center;gap:12px;
}
.cta-bar-label::after{
  content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(119,90,25,.4),transparent);max-width:80px;
}
.cta-bar h2{
  font-family:'Manrope',sans-serif;font-weight:700;
  font-size:clamp(22px,2.8vw,30px);color:var(--white);
  line-height:1.25;margin-bottom:12px;
  position:relative;z-index:1;
}
.cta-bar p{
  font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,.55);
  line-height:1.7;margin-bottom:20px;position:relative;z-index:1;max-width:440px;
}
.cta-bar .btn{position:relative;z-index:1}
/* Image side */
.cta-bar-img{
  position:relative;overflow:hidden;
}
.cta-bar-img img{width:100%;height:100%;object-fit:cover;display:block}
/* Diagonal geometric clip */
.cta-bar-img::before{
  content:'';position:absolute;top:0;bottom:0;left:-1px;width:100px;z-index:2;
  background:var(--navy);
  clip-path:polygon(0 0,0 100%,100% 100%);
}
/* Gold accent stripe along diagonal */
.cta-bar-img::after{
  content:'';position:absolute;top:0;bottom:0;left:46px;width:3px;z-index:3;
  background:linear-gradient(180deg,transparent,var(--gold-light),var(--gold),transparent);
  transform:skewX(8deg);
}
/* Dark overlay on image */
.cta-bar-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,14,36,.5) 0%,rgba(0,14,36,.2) 50%,rgba(0,14,36,.35) 100%)}
/* Bottom gold divider */
.cta-bar-divider-bottom{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(119,90,25,.4),var(--gold-light),rgba(119,90,25,.4),transparent);
}

/* Goals section */
.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2px;background:var(--gray-100)}
.goal-card{
  background:var(--white);padding:32px 28px;
  display:flex;gap:18px;align-items:flex-start;
  transition:all var(--transition);
}
.goal-card:hover{background:var(--off);transform:translateX(4px)}
.goal-num{
  font-weight:900;font-size:32px;color:rgba(0,14,36,.08);
  line-height:1;flex-shrink:0;min-width:42px;
}
.goal-card h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:var(--navy);margin-bottom:6px}
.goal-card p{font-size:13px;color:var(--gray-500);line-height:1.65}

/* ═══════════════════════════════════════════
   PAGE 2 – ABOUT
═══════════════════════════════════════════ */
.about-hero-bg{background:var(--navy)}

.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,64px);align-items:center}
.about-story-img{position:relative}
.about-story-img img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 25px 50px rgba(0,14,36,.2)}
.about-story-badge{position:absolute;bottom:-24px;right:-24px;background:var(--gold);padding:28px 32px;border-radius:8px;box-shadow:0 12px 32px rgba(119,90,25,.35)}
.about-story-badge p{color:var(--white);font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(28px,3vw,36px);font-style:italic}
.about-story-text{display:flex;flex-direction:column;gap:24px}
.about-story-text h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(30px,3.5vw,36px);color:var(--navy);letter-spacing:-0.5px}
.about-story-rule{width:80px;height:4px;background:var(--gold)}
.about-story-text p{color:var(--gray-500);line-height:1.75;font-size:16px}
.about-story-text p.lead{font-size:18px}

.offices-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--gray-100);margin-top:40px}
.office-card{background:var(--white);padding:28px 24px}
.office-card h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.office-card p{font-size:13px;color:var(--gray-500);line-height:1.7}
.office-card .phone{color:var(--gold);font-weight:600;font-size:14px;margin-top:8px}

.mvv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mvv-item{
  padding:clamp(28px,3vw,44px) clamp(20px,2.5vw,36px);
  background:var(--white);
  border:1px solid var(--gray-100);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);
  transition:all var(--transition);
}
.mvv-item:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.mvv-letter{
  width:52px;height:52px;background:var(--gold);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:24px;color:var(--navy);margin-bottom:20px;
}
.mvv-item h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.mvv-item p{font-size:14px;color:var(--gray-500);line-height:1.7}

/* Timeline */
.timeline{position:relative;padding:20px 0}
.tl-line{
  position:absolute;left:28px;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--gold) 0%,var(--navy) 100%);
}
.tl-item{display:flex;gap:28px;margin-bottom:36px;align-items:flex-start}
.tl-dot{
  width:56px;height:56px;flex-shrink:0;
  background:var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:12px;color:var(--navy);
  border:3px solid var(--white);box-shadow:0 0 0 3px var(--gold);
  z-index:2;position:relative;
}
.tl-content{flex:1;background:var(--white);border:1px solid var(--gray-100);padding:24px 28px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.tl-content h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:16px;color:var(--navy);text-transform:uppercase;margin-bottom:8px}
.tl-content p{font-size:14px;color:var(--gray-500);line-height:1.65}

/* Philosophy */
.philosophy-wrap{
  background:var(--navy);padding:clamp(50px,6vw,80px);
  border-left:4px solid var(--gold);position:relative;overflow:hidden;
}
.philosophy-wrap::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(119,90,25,.1) 1.5px,transparent 1.5px);
  background-size:22px 22px;
}
.philosophy-quote{
  font-family:'Inter',sans-serif;font-style:italic;
  font-size:clamp(18px,2.5vw,24px);color:var(--gold-pale);
  line-height:1.6;position:relative;z-index:2;
}
.philosophy-attr{font-size:13px;color:rgba(255,255,255,.45);margin-top:16px;position:relative;z-index:2;font-style:normal}

/* ═══════════════════════════════════════════
   PAGE 3 – SERVICES (Premium Corporate)
═══════════════════════════════════════════ */
.services-hero-bg{background:var(--navy)}

/* ── Tab Navigation ── */
.svc-tabs{
  display:flex;justify-content:center;gap:4px;flex-wrap:wrap;
  padding:0 20px;margin-bottom:48px;
  border-bottom:2px solid var(--gray-100);
}
.svc-tab{
  font-family:'Inter',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:1.2px;text-transform:uppercase;color:var(--gray-500);
  padding:14px 20px;cursor:pointer;position:relative;
  transition:all .3s ease;border:none;background:none;
  white-space:nowrap;
}
.svc-tab::after{
  content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;
  background:var(--gold);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.svc-tab:hover{color:var(--navy)}
.svc-tab.active{color:var(--navy);font-weight:700}
.svc-tab.active::after{transform:scaleX(1)}

/* ── Tab Content Panels ── */
.svc-panel{display:none;animation:svcFadeIn .5s ease}
.svc-panel.active{display:block}
@keyframes svcFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ── Service Block (alternating image+content) ── */
.svc-block{
  display:grid;grid-template-columns:1fr 1fr;
  background:#ffffff;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.04);
  margin-bottom:32px;transition:all .4s cubic-bezier(.4,0,.2,1);
  border:1px solid rgba(0,14,36,.06);
}
.svc-block:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08),0 20px 48px rgba(0,0,0,.08);
  transform:translateY(-4px);
}
.svc-block.flip{direction:rtl}
.svc-block.flip>*{direction:ltr}

/* ── Visual Side ── */
.svc-visual{
  min-height:340px;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;padding:48px 36px;
}
.svc-visual.c1{background:linear-gradient(135deg,#0a1832 0%,#0d1f4e 50%,#122a5e 100%)}
.svc-visual.c2{background:linear-gradient(135deg,#5c4310 0%,#775a19 50%,#8a6914 100%)}
.svc-visual.c3{background:linear-gradient(135deg,#001a3a 0%,#00234b 50%,#002d5c 100%)}
.svc-visual.c4{background:linear-gradient(135deg,#083040 0%,#0e4d5c 50%,#14606e 100%)}
.svc-visual.c5{background:linear-gradient(135deg,#4a2800 0%,#7b3f00 50%,#8f4a00 100%)}
.svc-visual.c6{background:linear-gradient(135deg,#0e2e0e 0%,#1a4d1a 50%,#1f5c1f 100%)}
.svc-visual.c7{background:linear-gradient(135deg,#250050 0%,#3d0070 50%,#4a0088 100%)}
.svc-visual.c8{background:linear-gradient(135deg,#301000 0%,#4d1a00 50%,#5c2000 100%)}

.svc-visual::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.03) 100%);
}
.svc-num{
  position:absolute;bottom:-14px;right:20px;
  font-family:'Manrope',sans-serif;font-weight:900;font-size:100px;
  color:rgba(255,255,255,.05);line-height:1;letter-spacing:-4px;
}
.svc-icon{font-size:48px;margin-bottom:16px;position:relative;z-index:2;
  opacity:.7;filter:grayscale(20%)}
.svc-visual h2{
  font-family:'Manrope',sans-serif;font-weight:700;
  font-size:clamp(18px,2.2vw,22px);color:var(--white);
  text-transform:uppercase;line-height:1.2;position:relative;z-index:2;
  letter-spacing:1px;
}
.svc-visual.c2 h2{color:var(--navy)}
.svc-visual.c2 .svc-icon{opacity:.5}

/* ── Service Body ── */
.svc-body{
  padding:clamp(32px,3.5vw,52px) clamp(28px,3vw,48px);
  display:flex;flex-direction:column;justify-content:center;
  background:#ffffff;
}
.svc-body h3{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:var(--text-xl);
  color:var(--navy);text-transform:uppercase;margin-bottom:6px;
  letter-spacing:.5px;line-height:1.3;
}
.svc-body .svc-subtitle{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;
  color:var(--gold);text-transform:uppercase;letter-spacing:2px;
  margin-bottom:16px;
}
.svc-body>p{
  font-family:'Inter',sans-serif;font-size:14.5px;color:var(--gray-500);
  line-height:1.8;margin-bottom:24px;
}

/* ── Service Feature List ── */
.svc-list{list-style:none;margin-bottom:4px}
.svc-list li{
  font-family:'Inter',sans-serif;font-size:13.5px;color:var(--text);
  padding:11px 0;border-bottom:1px solid rgba(0,14,36,.05);
  display:flex;align-items:flex-start;gap:12px;line-height:1.55;
  transition:all .2s ease;
}
.svc-list li:last-child{border-bottom:none}
.svc-list li:hover{padding-left:6px;color:var(--navy)}
.svc-list li::before{
  content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:7px;
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
}

/* ── Service Tags ── */
.svc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.svc-tag{
  background:rgba(0,14,36,.04);border:1px solid rgba(0,14,36,.08);
  padding:6px 14px;border-radius:6px;
  font-family:'Inter',sans-serif;font-size:10px;font-weight:700;
  color:var(--navy);letter-spacing:.8px;text-transform:uppercase;
  transition:all .2s ease;
}
.svc-tag:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ── Service Image Cards (for featured services) ── */
.svc-img-card{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06),0 12px 40px rgba(0,0,0,.06);
  margin-bottom:32px;transition:all .4s cubic-bezier(.4,0,.2,1);
  border:1px solid rgba(0,14,36,.06);
}
.svc-img-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1),0 24px 56px rgba(0,0,0,.1)}

.svc-img-card .svc-img{
  width:100%;height:240px;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.svc-img-card:hover .svc-img{transform:scale(1.03)}
.svc-img-card .svc-img-overlay{
  position:absolute;top:0;left:0;right:0;height:240px;
  background:linear-gradient(180deg,transparent 40%,rgba(0,14,36,.7) 100%);
  pointer-events:none;
}
.svc-img-card .svc-img-label{
  position:absolute;top:16px;left:16px;
  font-family:'Inter',sans-serif;font-size:9px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  background:rgba(0,0,0,.5);backdrop-filter:blur(8px);
  color:#fff;padding:6px 14px;border-radius:4px;
}
.svc-img-card .svc-img-title{
  position:absolute;bottom:200px;left:0;right:0;padding:0 24px 16px;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:18px;
  color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:2;
  transform:translateY(200px);
}
.svc-img-card .svc-body{border-radius:0}

/* ── Solutions Grid Section Background ── */
.svc-grid-section {
  background: #f2f2f2 !important;
  padding: 96px 0; /* py-24 exact match */
}

/* ── Material Symbols icon rendering ── */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* ── Grid wrapper: max-w-7xl mx-auto px-8 ── */
.svc-grid-wrap {
  max-width: 80rem; /* 1280px = max-w-7xl */
  margin: 0 auto;
  padding: 0 32px; /* px-8 */
}

/* ── New Solutions Grid Cards (mobile-first, matching Tailwind) ── */
.svc-solutions-grid {
  display: grid;
  grid-template-columns: 1fr; /* grid-cols-1 default */
  gap: 32px; /* gap-8 */
  margin-bottom: 48px;
}
/* md:grid-cols-2 */
@media (min-width: 768px) {
  .svc-solutions-grid { grid-template-columns: repeat(2, 1fr); }
}
/* lg:grid-cols-4 */
@media (min-width: 1024px) {
  .svc-solutions-grid { grid-template-columns: repeat(4, 1fr); }
}

a.svc-sol-card { text-decoration: none; }
.svc-sol-card {
  background: #ffffff;
  padding: 32px; /* p-8 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 320px; /* min-h-[320px] */
  box-shadow: 0 24px 48px -12px rgba(7, 29, 49, 0.05);
  border-bottom: 2px solid transparent; /* border-b-2 border-transparent */
  cursor: pointer;
  transition: all 300ms; /* transition-all duration-300 */
}
.svc-sol-card:hover {
  /* shadow-xl */
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  border-bottom-color: #D4AF37;
}
.svc-sol-icon {
  display: block;
  font-size: 2.25rem; /* text-4xl */
  color: #071d31; /* text-primary-container */
  margin-bottom: 24px; /* mb-6 */
}
.svc-sol-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700; /* font-bold */
  font-size: 1.25rem; /* text-xl */
  color: #071d31; /* text-primary-container */
  margin-bottom: 16px; /* mb-4 */
  line-height: 1.4;
}
.svc-sol-desc {
  font-size: 0.875rem; /* text-sm */
  color: #43474d; /* text-on-surface-variant */
  line-height: 1.625; /* leading-relaxed */
}
.svc-sol-link {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* gap-2 */
  color: #D4AF37;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700; /* font-bold */
  font-size: 0.875rem; /* text-sm */
  text-decoration: none;
  margin-top: 20px;
  transition: all 300ms;
}
.svc-sol-card:hover .svc-sol-link {
  gap: 16px; /* group-hover:gap-4 */
}
.svc-sol-arrow {
  font-size: 0.875rem; /* text-sm */
}

/* ── Overview Grid Cards (legacy) ── */
.svc-overview{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px;
}
.svc-ov-card{
  background:#fff;border-radius:var(--radius-lg);padding:28px 24px;
  border:1px solid rgba(0,14,36,.06);
  box-shadow:0 1px 3px rgba(0,0,0,.04);
  transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;
  position:relative;overflow:hidden;
}
.svc-ov-card::before{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.svc-ov-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.svc-ov-card:hover::before{transform:scaleX(1)}
.svc-ov-card .svc-ov-num{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:32px;
  color:rgba(0,14,36,.06);margin-bottom:12px;line-height:1;
}
.svc-ov-card .svc-ov-icon{font-size:28px;margin-bottom:12px}
.svc-ov-card h4{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;
  color:var(--navy);text-transform:uppercase;letter-spacing:.6px;
  margin-bottom:8px;line-height:1.3;
}
.svc-ov-card p{
  font-family:'Inter',sans-serif;font-size:12px;color:var(--gray-500);line-height:1.6;
}
/* Overview card color accents */
.svc-ov-card.oc1::before{background:var(--navy)}.svc-ov-card.oc1 .svc-ov-num{color:rgba(13,31,78,.1)}
.svc-ov-card.oc2::before{background:#00bceb}.svc-ov-card.oc2 .svc-ov-num{color:rgba(0,188,235,.1)}
.svc-ov-card.oc3::before{background:#00e676}.svc-ov-card.oc3 .svc-ov-num{color:rgba(0,230,118,.1)}
.svc-ov-card.oc4::before{background:var(--gold)}.svc-ov-card.oc4 .svc-ov-num{color:rgba(119,90,25,.1)}
.svc-ov-card.oc5::before{background:#0098ff}.svc-ov-card.oc5 .svc-ov-num{color:rgba(0,152,255,.1)}
.svc-ov-card.oc6::before{background:#1a4d1a}.svc-ov-card.oc6 .svc-ov-num{color:rgba(26,77,26,.1)}
.svc-ov-card.oc7::before{background:#7c3aed}.svc-ov-card.oc7 .svc-ov-num{color:rgba(124,58,237,.1)}
.svc-ov-card.oc8::before{background:#e11d48}.svc-ov-card.oc8 .svc-ov-num{color:rgba(225,29,72,.1)}

/* ── Section Divider ── */
.svc-divider{
  display:flex;align-items:center;gap:16px;margin:48px 0 32px;
}
.svc-divider::before,.svc-divider::after{
  content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gray-100),transparent);
}
.svc-divider span{
  font-family:'Inter',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;color:var(--gray-400);
  white-space:nowrap;
}

/* ── Responsive ── */
@media(max-width:1024px){
  .svc-overview{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .svc-tabs{gap:0;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:0;-webkit-overflow-scrolling:touch}
  .svc-tab{padding:12px 14px;font-size:11px}
  .svc-overview{grid-template-columns:1fr 1fr;gap:10px}
  .svc-ov-card{padding:20px 16px}
}
@media(max-width:480px){ .svc-overview{ grid-template-columns:1fr; } }

/* ═══════════════════════════════════════════
   PAGE 4 – PARTNERS & CUSTOMERS
═══════════════════════════════════════════ */
.partners-hero-bg{background:var(--navy)}

.partners-intro{
  display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;
  background:var(--white);border:1px solid var(--gray-100);border-left:4px solid var(--gold);
  border-radius:8px;padding:32px 36px;margin-bottom:36px;
  box-shadow:var(--shadow-md);
}
.partners-intro-left .eyebrow{margin-bottom:8px}
.partners-intro-left .h2{margin-bottom:0}
.partners-intro-right p{font-size:15px;color:var(--gray-500);line-height:1.75;margin:0}
.partner-tier{margin-bottom:48px}
.partner-tier h3{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:var(--text-lg);color:var(--navy);text-transform:uppercase;
  letter-spacing:.5px;margin-bottom:24px;
  padding-bottom:12px;border-bottom:2px solid var(--gray-100);
  display:flex;align-items:center;gap:12px;
}
.partner-tier h3 span{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block}
.partner-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.partner-badge{
  background:var(--white);border:1px solid var(--gray-100);
  padding:24px;border-radius:var(--radius-md);
  font-weight:700;font-size:15px;color:var(--navy);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;
  box-shadow:var(--shadow-sm);transition:all var(--transition);
}
.partner-badge:hover{border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.partner-badge-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.partner-badge-logo img{max-width:100%;max-height:100%;object-fit:contain}
.partner-badge-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;color:var(--navy);letter-spacing:.3px}
.partner-badge-tier{font-size:10px;font-weight:600;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-top:2px;display:block}

/* ═══════════════════════════════════════════
   CLIENTS SHOWCASE — Animated sliding ticker
═══════════════════════════════════════════ */
.clients-section{
  background:var(--off);position:relative;overflow:hidden;
  padding:clamp(40px,5vw,56px) 0;
}
.clients-section::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,14,36,.1),rgba(0,14,36,.15),rgba(0,14,36,.1),transparent);
}
.clients-section::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,14,36,.1),rgba(0,14,36,.15),rgba(0,14,36,.1),transparent);
}
.clients-section .container{position:relative;z-index:1}

/* Header */
.cl-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:28px;flex-wrap:wrap;gap:16px;
}
.cl-header-left{display:flex;align-items:center;gap:16px}
.cl-header-left .eyebrow{color:var(--gold);margin:0}
.cl-header-left h2{
  font-family:'Manrope',sans-serif;font-weight:700;
  font-size:clamp(20px,2.5vw,28px);color:var(--navy);margin:0;
}
.cl-stats{display:flex;gap:6px}
.cl-stat-pill{
  display:flex;align-items:center;gap:6px;
  padding:6px 14px;border-radius:20px;
  background:var(--white);border:1px solid rgba(0,14,36,.1);
  box-shadow:0 1px 4px rgba(0,14,36,.06);
}
.cl-stat-pill strong{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;color:var(--navy);
}
.cl-stat-pill span{
  font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--gray-500);
}

/* Sliding tracks */
.cl-tracks{position:relative}
.cl-tracks::before,.cl-tracks::after{
  content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;
}
.cl-tracks::before{left:0;background:linear-gradient(90deg,var(--off),transparent)}
.cl-tracks::after{right:0;background:linear-gradient(-90deg,var(--off),transparent)}

.cl-track{
  display:flex;gap:14px;padding:7px 0;
  overflow:hidden;white-space:nowrap;
}
.cl-track-inner{
  display:flex;gap:14px;
  animation:clSlide 60s linear infinite;
  will-change:transform;
}
.cl-track:nth-child(2) .cl-track-inner{
  animation-direction:reverse;animation-duration:65s;
}
@keyframes clSlide{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.cl-track:hover .cl-track-inner{animation-play-state:paused}

/* Client chips — bigger, dark border, brand icons */
.cl-chip{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 20px;border-radius:10px;
  background:var(--white);
  border:1.5px solid rgba(0,14,36,.12);
  font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;
  color:var(--navy);
  transition:all .3s ease;flex-shrink:0;
  cursor:default;
  box-shadow:0 1px 4px rgba(0,14,36,.05);
}
.cl-chip:hover{
  border-color:rgba(0,14,36,.22);
  transform:translateY(-3px);
  box-shadow:0 10px 30px rgba(0,14,36,.1);
}
/* SVG icon inside chip */
.cl-chip-ico{
  width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
}
.cl-chip-ico img{width:22px;height:22px;object-fit:contain;display:block}
.cl-chip-ico svg{width:22px;height:22px}

/* Sector tag */
.cl-chip-tag{
  font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  padding:2px 8px;border-radius:4px;margin-left:2px;
}
.cl-chip.cg .cl-chip-tag{background:rgba(119,90,25,.1);color:var(--gold)}
.cl-chip.ct .cl-chip-tag{background:rgba(60,165,245,.08);color:#1a7fd4}
.cl-chip.cf .cl-chip-tag{background:rgba(0,150,80,.08);color:#008040}
.cl-chip.cu .cl-chip-tag{background:rgba(0,140,200,.08);color:#0080b0}
.cl-chip.ci .cl-chip-tag{background:rgba(140,60,140,.08);color:#8a3c8a}

/* ═══════════════════════════════════════════
   SWOT / COMPETITIVE EDGE — Animated infographic
═══════════════════════════════════════════ */
.swot-section{
  background:var(--navy);position:relative;overflow:hidden;
  padding:clamp(56px,7vw,90px) 0;
}
.swot-section::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 30% -20%,rgba(119,90,25,.12) 0%,transparent 50%),
    radial-gradient(ellipse at 70% 120%,rgba(0,35,75,.3) 0%,transparent 50%);
  pointer-events:none;
}
.swot-section::after{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);
}
.swot-section .container{position:relative;z-index:1}
.swot-section .eyebrow{color:var(--gold-light)}
.swot-section .h2{color:var(--white);margin-bottom:6px}
.swot-section .body-text{color:rgba(255,255,255,.5)}

/* Center header */
.swot-head-center{text-align:center;margin-bottom:48px}
.swot-head-center .rule{margin:16px auto 16px}
.swot-head-center .rule,.swot-head-center .rule::after{background:var(--gold-light)}

/* Animated 4-card grid */
.swot-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:transparent}

/* Individual card */
.swot-q{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;padding:clamp(24px,3vw,32px);
  position:relative;overflow:hidden;
  backdrop-filter:blur(8px);
  opacity:0;transform:translateY(30px);
  transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease,border-color .35s ease;
}
.swot-q.visible{opacity:1;transform:translateY(0)}
.swot-q:nth-child(2){transition-delay:.1s}
.swot-q:nth-child(3){transition-delay:.2s}
.swot-q:nth-child(4){transition-delay:.3s}

.swot-q:hover{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 20px 60px rgba(0,0,0,.3);
}

/* Accent top glow bar */
.swot-q::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;
  transition:opacity .35s;
}
.swot-q.s::before{background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.swot-q.w::before{background:linear-gradient(90deg,var(--navy-mid),var(--navy-light))}
.swot-q.o::before{background:linear-gradient(90deg,var(--teal),#17b5a0)}
.swot-q.t::before{background:linear-gradient(90deg,#a83232,#e06050)}

/* Animated ring icon */
.swot-ring{
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;position:relative;
}
.swot-ring::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  border:2px solid transparent;
  transition:transform .5s ease;
}
.swot-q:hover .swot-ring::before{transform:rotate(180deg)}
.swot-q.s .swot-ring{background:rgba(119,90,25,.12)}
.swot-q.s .swot-ring::before{border-color:rgba(119,90,25,.3);border-top-color:var(--gold-light)}
.swot-q.w .swot-ring{background:rgba(0,35,75,.12)}
.swot-q.w .swot-ring::before{border-color:rgba(0,35,75,.25);border-top-color:var(--navy-light)}
.swot-q.o .swot-ring{background:rgba(14,77,92,.12)}
.swot-q.o .swot-ring::before{border-color:rgba(14,77,92,.25);border-top-color:#17b5a0}
.swot-q.t .swot-ring{background:rgba(168,50,50,.1)}
.swot-q.t .swot-ring::before{border-color:rgba(168,50,50,.2);border-top-color:#e06050}
.swot-ring svg{width:24px;height:24px}
.swot-q.s .swot-ring svg{color:var(--gold-light)}
.swot-q.w .swot-ring svg{color:var(--navy-light)}
.swot-q.o .swot-ring svg{color:#17b5a0}
.swot-q.t .swot-ring svg{color:#e06050}

/* Animated percentage / stat */
.swot-stat{
  display:flex;align-items:baseline;gap:4px;margin-bottom:4px;
}
.swot-stat-num{
  font-family:'Manrope',sans-serif;font-weight:800;font-size:32px;line-height:1;
}
.swot-q.s .swot-stat-num{color:var(--gold-light)}
.swot-q.w .swot-stat-num{color:var(--navy-light)}
.swot-q.o .swot-stat-num{color:#17b5a0}
.swot-q.t .swot-stat-num{color:#e06050}
.swot-stat-label{
  font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;
  color:rgba(255,255,255,.35);
}

/* Card title */
.swot-q h3{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:16px;color:var(--white);
  margin:0 0 14px;letter-spacing:.3px;
}

/* Compact list */
.swot-q ul{list-style:none;margin:0}
.swot-q ul li{
  font-size:12.5px;color:rgba(255,255,255,.7);
  padding:6px 0;display:flex;gap:8px;line-height:1.5;align-items:flex-start;
}
.swot-q ul li::before{
  content:'';width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-top:6px;
}
.swot-q.s ul li::before{background:var(--gold-light)}
.swot-q.w ul li::before{background:var(--navy-light)}
.swot-q.o ul li::before{background:#17b5a0}
.swot-q.t ul li::before{background:#e06050}
.swot-q:hover ul li{color:rgba(255,255,255,.7)}

/* Progress bar infographic */
.swot-bar{
  margin-top:14px;height:4px;border-radius:4px;
  background:rgba(255,255,255,.06);overflow:hidden;
}
.swot-bar-fill{
  height:100%;border-radius:4px;width:0;
  transition:width 1.2s cubic-bezier(.4,0,.2,1) .4s;
}
.swot-q.visible .swot-bar-fill{width:var(--bar-w,70%)}
.swot-q.s .swot-bar-fill{background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.swot-q.w .swot-bar-fill{background:linear-gradient(90deg,var(--navy-mid),var(--navy-light))}
.swot-q.o .swot-bar-fill{background:linear-gradient(90deg,var(--teal),#17b5a0)}
.swot-q.t .swot-bar-fill{background:linear-gradient(90deg,#a83232,#e06050)}

/* Watermark letter */
.swot-big-ltr{
  position:absolute;right:10px;bottom:-16px;
  font-family:'Manrope',sans-serif;font-weight:900;
  font-size:120px;line-height:1;pointer-events:none;
  color:rgba(255,255,255,.025);
}

/* Footprint map placeholder */
.footprint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;background:var(--gray-100)}
.fp-city{background:var(--white);padding:28px 24px;text-align:center;transition:all var(--transition)}
.fp-city:hover{background:var(--navy);transform:scale(1.02)}
.fp-city:hover h4,.fp-city:hover p{color:var(--white)}
.fp-city:hover .fp-icon{background:var(--gold)}
.fp-icon{width:48px;height:48px;background:rgba(0,14,36,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px;transition:all var(--transition)}
.fp-city h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:var(--navy);text-transform:uppercase;transition:color var(--transition)}
.fp-city p{font-size:12px;color:var(--gray-500);margin-top:4px;transition:color var(--transition)}
.fp-city .fp-status{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.fp-status.active{background:rgba(119,90,25,.15);color:var(--gold)}
.fp-status.planned{background:rgba(0,14,36,.07);color:var(--navy)}

/* ═══════════════════════════════════════════
   PAGE 5 – CONTACT
═══════════════════════════════════════════ */
.contact-hero-bg{background:var(--navy)}

.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(40px,5vw,80px)}
.contact-side h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:var(--text-xl);color:var(--navy);text-transform:uppercase;margin-bottom:28px}
.cinfo{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--gray-100)}
.cinfo:last-of-type{border-bottom:none}
.cinfo-icon{
  width:46px;height:46px;background:var(--gold);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius);
}
.cinfo-icon svg{width:22px;height:22px}
.cinfo h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.cinfo p,
.cinfo a{font-size:14px;color:var(--gray-500);transition:color var(--transition)}
.cinfo a:hover{color:var(--gold)}

.reasons{background:var(--navy);padding:28px;border-radius:var(--radius);margin-top:32px;position:relative;overflow:hidden}
.reasons::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(119,90,25,.12) 1.5px,transparent 1.5px);background-size:20px 20px}
.reasons h4{font-weight:700;font-size:14px;color:var(--gold-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;position:relative;z-index:2}
.reasons ul{list-style:none;position:relative;z-index:2}
.reasons ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,.7);padding:7px 0;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.06)}
.reasons ul li:last-child{border-bottom:none}
.reasons ul li::before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:5px}

.form-box{background:var(--off);padding:clamp(28px,3vw,44px);border:1px solid var(--gray-100);border-radius:var(--radius-lg)}
.form-box h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:var(--text-xl);color:var(--navy);text-transform:uppercase;margin-bottom:26px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg{margin-bottom:16px}
.fg label{display:block;font-weight:700;font-size:11px;color:var(--navy);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:7px}
.fg input,.fg select,.fg textarea{
  width:100%;padding:13px 15px;
  background:var(--white);border:1px solid var(--gray-300);
  font-family:'Inter',sans-serif;font-size:14px;color:var(--text);
  border-radius:var(--radius);outline:none;transition:border var(--transition);
  -webkit-appearance:none;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold)}
.fg textarea{resize:vertical;min-height:110px}
.fg select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%230c3a93' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}
.form-submit{width:100%;justify-content:center;font-size:14px;letter-spacing:1.5px}
.form-success{display:none;margin-top:14px;padding:16px;background:rgba(0,14,36,.05);border-left:4px solid var(--gold);font-size:14px;color:var(--navy)}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer{
  background:#000e24;
  position:relative;
  padding:clamp(56px,7vw,88px) 0 0;
}
/* Gold accent line at top */
footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));
}
/* Subtle dot pattern overlay */
footer::after{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:20px 20px;pointer-events:none;
}
.footer-inner{position:relative;z-index:1}
.footer-grid{
  display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;
  gap:clamp(32px,5vw,64px);margin-bottom:56px;
}
.footer-brand .logo{margin-bottom:var(--sp-2)}
.footer-brand .logo img{height:60px}
.footer-brand p{font-family:'Inter',sans-serif;font-size:14px;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:24px;max-width:280px}
.footer-social{display:flex;gap:10px}
.footer-social a{
  width:38px;height:38px;background:rgba(255,255,255,.06);
  display:flex;align-items:center;justify-content:center;
  border-radius:8px;color:rgba(255,255,255,.5);
  font-size:14px;font-weight:700;transition:all var(--transition);
  border:1px solid rgba(255,255,255,.06);
}
.footer-social a:hover{background:var(--gold);color:var(--white);border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 16px rgba(119,90,25,.3)}
.footer-col h4{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:var(--text-xs);color:var(--gold-light);
  text-transform:uppercase;letter-spacing:2.5px;margin-bottom:22px;
  padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);
}
.footer-col a{
  display:flex;align-items:center;gap:8px;
  font-family:'Inter',sans-serif;font-size:13px;color:rgba(255,255,255,.7);
  padding:7px 0;transition:all var(--transition);
}
.footer-col a::before{
  content:'';width:4px;height:4px;border-radius:50%;
  background:rgba(255,255,255,.15);flex-shrink:0;
  transition:background var(--transition);
}
.footer-col a:hover{color:var(--gold-light);transform:translateX(4px)}
.footer-col a:hover::before{background:var(--gold-light)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.06);
  max-width:1200px;margin:0 auto;
  padding:24px clamp(20px,4vw,64px);
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;
  position:relative;z-index:1;
}
.footer-bottom p{font-family:'Inter',sans-serif;font-size:12px;color:rgba(255,255,255,.3)}
.footer-tagline{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25)}
.footer-tagline strong{color:var(--gold-light)}

/* ═══════════════════════════════════════════
   MOBILE RESPONSIVE
═══════════════════════════════════════════ */
@media(max-width:900px){
  .hamburger{display:flex}
  .nav-links{display:none}
  .hero-main{grid-template-columns:1fr}
  .hero-cards-grid{grid-template-columns:1fr 1fr}
  .hero-stats-inner{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .about-story{grid-template-columns:1fr}
  .about-story-badge{right:0;bottom:-16px}
  .mvv-row{grid-template-columns:1fr}
  .offices-grid{grid-template-columns:1fr}
  .cta-bar-content{grid-template-columns:1fr}
  .cta-bar-text{padding:clamp(28px,4vw,40px) clamp(20px,5vw,40px)}
  .cta-bar-img{min-height:200px}
  .cta-bar-img::before{clip-path:polygon(0 0,100% 0,100% 30px,0 60px);width:100%;height:60px;top:0;bottom:auto;left:0}
  .cta-bar-img::after{display:none}
  .svc-block{grid-template-columns:1fr}
  .svc-block.flip{direction:ltr}
  .svc-visual{min-height:220px}
  .contact-layout{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .cl-header{flex-direction:column;align-items:flex-start}
  .cl-stats{flex-wrap:wrap}
  .cl-chip{padding:8px 16px;font-size:12.5px}
  .cl-chip-ico{width:18px;height:18px}.cl-chip-ico img,.cl-chip-ico svg{width:18px;height:18px}
  .swot-wrap{grid-template-columns:1fr}
  .swot-ring{width:46px;height:46px}.swot-ring svg{width:20px;height:20px}
  .swot-stat-num{font-size:26px}
  .tl-line{left:24px}
  .tl-dot{width:48px;height:48px;font-size:10px}
}
@media(max-width:600px){
  .top-notice{font-size:11px;padding:8px 40px 8px 14px;line-height:1.4}
  .top-notice-inner{flex-wrap:nowrap;gap:6px;overflow:hidden}
  .top-notice-badge{display:none}
  .top-notice-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top-notice-close{right:10px;width:22px;height:22px}
  .top-notice-close svg{width:11px;height:11px}
  .hero-cards-grid{grid-template-columns:1fr}
  .hero-stats-inner{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-btns{flex-direction:column}
  .hero-btns .btn{justify-content:center}
  .partners-intro{grid-template-columns:1fr;gap:16px;padding:24px 20px}
  .partner-badges{grid-template-columns:1fr 1fr}
  .footprint-grid{grid-template-columns:1fr 1fr}
  .cl-chip{padding:7px 12px;font-size:11px}
  .cl-chip-ico{width:16px;height:16px}.cl-chip-ico img,.cl-chip-ico svg{width:16px;height:16px}
}