/* Aquarius Marine Services — Redesign */
:root {
  --navy-950: #05122b;
  --navy-900: #0a1f45;
  --navy-800: #0f2d64;
  --navy-700: #16407f;
  --blue-600: #1e64c8;
  --blue-500: #2a86e0;
  --blue-400: #4aa3f0;
  --cyan-400: #38bdf8;
  --sand: #f5f8fc;
  --ink: #0b1a33;
  --muted: #56637a;
  --line: #e4ebf3;
  --white: #ffffff;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow-sm: 0 2px 8px rgba(10, 31, 69, 0.06);
  --shadow-md: 0 12px 32px rgba(10, 31, 69, 0.10);
  --shadow-lg: 0 24px 60px rgba(10, 31, 69, 0.16);
  --grad-primary: linear-gradient(135deg, var(--navy-900) 0%, var(--blue-600) 100%);
  --grad-soft: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  --container: 1200px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--blue-600); text-decoration: none; transition: color .2s var(--ease); }
a:hover { color: var(--navy-900); }
button { font-family: inherit; }

.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 24px; }

/* ==== Header ==== */
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  background: rgba(255,255,255,1);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid transparent;
  transition: background .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.site-header.scrolled {
  /* background: rgba(255,255,255,0.92); */
  border-bottom-color: var(--line);
  box-shadow: var(--shadow-sm);
}
.header-inner {
  display: flex; align-items: center; justify-content: space-between;
  height: 76px; gap: 24px;
}
.brand, .custom-logo-link { display: flex; align-items: center; gap: 12px; height: 100%;     padding: 8px; }
.brand img, .custom-logo-link img { width: 100%; height: 100%; object-fit:contain; }
.brand-text { display: flex; flex-direction: column; line-height: 1.3; }
.brand-name { font-weight: 800; color: var(--navy-900); font-size: 18px; letter-spacing: -0.01em; }
.brand-tag { font-size: 11px; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; }

.nav { display: flex; align-items: center; gap: 4px; }
.nav ul { display: flex; align-items: center; gap: 0px; margin: 0; padding: 0; list-style: none; }
.nav li.current-menu-item a{       color: var(--blue-600);    font-weight: 700;}
.nav li.current-menu-item a:after{content: "";position: absolute;left: 14px;right: 14px;bottom: 0px;height: 2px;    background: var(--blue-600);transform-origin: left;transition: transform var(--t) var(--ease);}
.nav li { position: relative; }
.nav .sub-menu { display: none; position: absolute; z-index: 60; min-width: 210px; top: 100%; left: 0; padding: 8px; background: var(--white); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-md); }
.nav li:hover > .sub-menu, .nav li:focus-within > .sub-menu { display: block; }
.nav .sub-menu a { display: block; }
.nav a {
  color: var(--ink); font-weight: 500; font-size: 15px;
  padding: 10px 14px; border-radius: 10px;
  transition: background .2s var(--ease), color .2s var(--ease);
}
.nav a:hover { background: var(--sand); color: var(--navy-900); }

.header-cta {
  background: var(--grad-primary); color: var(--white);
  padding: 10px 18px; border-radius: 999px; font-weight: 600; font-size: 14px;
  box-shadow: 0 6px 20px rgba(30,100,200,0.35);
  transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.header-cta:hover { transform: translateY(-1px); color: #fff; box-shadow: 0 10px 28px rgba(30,100,200,0.45); }

.nav-toggle {
  display: none; background: transparent; border: 0; width: auto; height: 44px;
  padding: 0; cursor: pointer; color: var(--navy-900);
}
.nav-toggle svg { width: 26px; height: 26px; }

@media (max-width: 960px) {
 .custom-logo-link{    padding: 0;     max-width: 170px;}
  .nav { display: none; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .site-header.menu-open .nav {
    display: flex; flex-direction: column; align-items: stretch;
    position: absolute; top:60px; left: 0; right: 0;
    background: #fff; padding: 12px 16px 20px; gap: 4px;
    border-bottom: 1px solid var(--line); box-shadow: var(--shadow-md);
  }
  .site-header.menu-open .nav ul { flex-direction: column; align-items: stretch; width: 100%;     gap: 12px; }
  .site-header.menu-open .nav .sub-menu { position: static; box-shadow: none; border: 0; padding-left: 16px; }
  /* .site-header.menu-open .header-cta { display: inline-flex; margin: 12px 16px 0; justify-content: center; } */
}

/* ==== Hero ==== */
.hero {
  position: relative; min-height: 100vh; display: flex; align-items: center;
  color: var(--white); overflow: hidden; isolation: isolate;
  padding: 120px 0 80px;
}
.hero::before {
  content: ''; position: absolute; inset: 0; z-index: -2;
  background: url('../images/ams-hero.webp') center/cover no-repeat;
  transform: scale(1.05);
}
.hero::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(120deg, rgba(5,18,43,0.90) 0%, rgba(10,31,69,0.75) 50%, rgba(30,100,200,0.35) 100%);
}
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; border-radius: 999px;
  background: rgba(255,255,255,0.10); backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.20);
  font-size: 13px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600;
}
.hero-eyebrow p{margin: 0}
.hero-eyebrow .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan-400); box-shadow: 0 0 12px var(--cyan-400); }
.hero h1 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(2.4rem, 5.6vw, 4.4rem);
  line-height: 1.05; letter-spacing: -0.02em; font-weight: 800;
  margin: 20px 0 20px; max-width: 900px;
}
.hero h1 .accent { background: linear-gradient(135deg, #7cc8ff, #ffffff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero p.lede { font-size: clamp(1rem, 1.4vw, 1.15rem); max-width: 640px; color: rgba(255,255,255,0.85); }

.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 26px; border-radius: 999px; font-weight: 600; font-size: 15px;
  border: 0; cursor: pointer; transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.btn-primary { background: var(--white); color: var(--navy-900); box-shadow: var(--shadow-md); }
.btn-primary:hover { transform: translateY(-2px); color: var(--navy-900); box-shadow: var(--shadow-lg); }
.btn-ghost { background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.35); backdrop-filter: blur(6px); }
.btn-ghost:hover { background: rgba(255,255,255,0.16); color: #fff; }
.btn-dark { background: var(--grad-primary); color: #fff; box-shadow: 0 12px 28px rgba(30,100,200,0.30); }
.btn-dark:hover { transform: translateY(-2px); color: #fff; }
.btn svg { width: 18px; height: 18px; }
.btn-dark svg{    fill: #fff;}

.hero-meta {
  margin-top: 56px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;
  padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.16);
  max-width: 780px;
}
.hero-meta .stat-num { font-size: clamp(1.6rem, 2.6vw, 2.4rem); font-weight: 800; letter-spacing: -0.02em; }
.hero-meta .stat-lbl { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,0.7); margin-top: 4px; }
@media (max-width: 640px) {
  .hero-meta { grid-template-columns: repeat(2, 1fr); gap: 24px; }
}

/* ==== Section base ==== */
section { padding: 5rem 0; position: relative; }
.section-eyebrow {
  display: inline-block; font-size: 12px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--blue-600); font-weight: 700; margin-bottom: 14px;
}
.section-title {
  font-size: clamp(1.9rem, 3.4vw, 2.8rem); letter-spacing: -0.02em; font-weight: 800;
  color: var(--navy-900); margin: 0 0 16px; line-height: 1.1;
}
.section-lede { color: var(--muted); font-size: 17px; max-width: 680px; }
.section-head { max-width: 780px; margin-bottom: 56px; }
.section-head.center { margin-left: auto; margin-right: auto; text-align: center; }

/* ==== Services ==== */
.services { background: var(--grad-soft); }
.services-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.service-card {
  position: relative; padding: 32px 26px;
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
  overflow: hidden;
}
.service-card::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: var(--grad-primary); opacity: 0; transition: opacity .35s var(--ease); z-index: 0;
}
.service-card > * { position: relative; z-index: 1; }
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: transparent; color: #fff; }
.service-card:hover::before { opacity: 1; }
.service-card:hover h3, .service-card:hover p, .service-card:hover .service-link { color: #fff; }
.service-card:hover .icon { background: rgba(255,255,255,0.15); color: #fff; }
.service-card:hover .icon svg { fill: #fff; }
.service-card:hover .service-link svg {fill: #fff; }
.icon {
  width: 56px; height: 56px; border-radius: 14px; display: grid; place-items: center;
  background: rgba(30,100,200,0.10); color: var(--blue-600); margin-bottom: 22px;
  transition: background .35s var(--ease), color .35s var(--ease);
}
.service-link svg{    fill: var(--blue-600);}
.icon svg { width: 28px; height: 28px; fill:var(--blue-600); }
.service-card h3 { margin: 0 0 8px; font-size: 20px; color: var(--navy-900); font-weight: 700; letter-spacing: -0.01em; transition: color .35s var(--ease); }
.service-card p { color: var(--muted); font-size: 15px; margin: 0 0 18px; transition: color .35s var(--ease); }
.service-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; color: var(--blue-600); }
.service-link svg { width: 16px; height: 16px; transition: transform .2s var(--ease); }
.service-card:hover .service-link svg { transform: translateX(4px); }
@media (max-width: 960px) { .services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .services-grid { grid-template-columns: 1fr; } }

/* ==== About ==== */
.about-grid {
  display: grid; grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: center;
}
.about-media {
  position: relative; border-radius: var(--radius-lg); overflow: hidden;
  box-shadow: var(--shadow-lg); aspect-ratio: 4/3;
}
.about-media p{margin: 0}
.about-media img { width: 100%; height: 100%; object-fit: cover; }
.about-media .badge {
  position: absolute; left: 24px; bottom: 24px; padding: 14px 20px; border-radius: 14px;
  background: rgba(255,255,255,0.92); backdrop-filter: blur(10px);
  color: var(--navy-900); font-weight: 700; display: flex; align-items: center; gap: 12px;
  box-shadow: var(--shadow-md);
}
.about-media .badge svg{    width: 62px;     fill: var(--blue-600);    height: 62px;}
.about-media .badge div { font-size: 12px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; display: block; }
.about-media .badge div p{margin: 0}
.about-media .badge strong { font-size: 18px; }
.about p { color: var(--muted); font-size: 16px; }
.about-list { list-style: none; padding: 0; margin: 24px 0 32px; display: grid; gap: 14px; }
.about-list li { display: flex; gap: 12px; align-items: flex-start; color: var(--ink); font-weight: 500; }
.about-list svg { flex-shrink: 0; width: 22px; height: 22px; color: var(--blue-600); fill: var(--blue-600); margin-top: 2px; }
@media (max-width: 960px) { .about-grid { grid-template-columns: 1fr; gap: 40px; } }

/* ==== Why choose us ==== */
.why { background: var(--navy-950); color: #fff; overflow: hidden; }
.why .section-title { color: #fff; }
.why .section-lede { color: rgba(255,255,255,0.75); }
.why .section-eyebrow { color: var(--cyan-400); }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.why-card {
  padding: 32px; border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  transition: transform .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease);
}
.why-card:hover { transform: translateY(-4px); background: rgba(255,255,255,0.07); border-color: rgba(74,163,240,0.45); }
.why-card .icon { background: rgba(74,163,240,0.18); color: var(--cyan-400); }
.why-card .icon svg{    fill: var(--cyan-400);    }
.why-card h3 { color: #fff; font-size: 20px; margin: 0 0 10px; }
.why-card p { color: rgba(255,255,255,0.72); margin: 0; font-size: 15px; }
@media (max-width: 960px) { .why-grid { grid-template-columns: 1fr; } }

/* ==== Industries ==== */
.industries-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.industry {
  padding: 26px; border: 1px solid var(--line); border-radius: var(--radius);
  background: #fff; display: flex; align-items: center; gap: 16px;
  transition: transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.industry:hover { transform: translateY(-3px); border-color: var(--blue-400); box-shadow: var(--shadow-md); }
.industry .icon { width: 48px; height: 48px; margin: 0; flex-shrink: 0; }
.industry h4 { margin: 0 0 2px; font-size: 16px; color: var(--navy-900); }
.industry .icon svg{     fill: var(--blue-600); }
.industry p { margin: 0; font-size: 13px; color: var(--muted); }
@media (max-width: 800px) { .industries-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .industries-grid { grid-template-columns: 1fr; } }

/* ==== Capabilities / feature strip ==== */
.capabilities { background: var(--sand); }
.cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.cap {
  padding: 28px; border-radius: var(--radius-lg); background: #fff;
  border: 1px solid var(--line); text-align: left;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.cap:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.cap-num { font-size: 40px; font-weight: 800; letter-spacing: -0.02em; color: var(--blue-600); line-height: 1; }
.cap h4 { margin: 12px 0 6px; color: var(--navy-900); font-size: 17px; }
.cap p { margin: 0; font-size: 14px; color: var(--muted); }
@media (max-width: 800px) { .cap-grid { grid-template-columns: repeat(2, 1fr); } }

/* ==== Process ==== */
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; counter-reset: step; }
.step { position: relative; padding: 32px 24px; border-radius: var(--radius-lg); background: #fff; border: 1px solid var(--line); }
.step::before {
  counter-increment: step;
  content: "0" counter(step);
  position: absolute; top: 20px; right: 24px;
  font-size: 36px; font-weight: 800; color: var(--sand); letter-spacing: -0.02em;
  transition: color .3s var(--ease);
}
.step:hover::before { color: var(--blue-400); }
.step h4 { margin: 0 0 8px; color: var(--navy-900); font-size: 18px; }
.step p { margin: 0; font-size: 14px; color: var(--muted); }
.step .icon { background: rgba(30,100,200,0.10); color: var(--blue-600); }
.step .icon svg{     fill: var(--blue-600);    }
@media (max-width: 800px) { .process-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .process-grid { grid-template-columns: 1fr; } }

/* ==== Stats counters ==== */
.stats {
  background: var(--grad-primary); color: #fff; padding:3rem 0;
  position: relative; overflow: hidden;
}
.stats::after {
  content: ''; position: absolute; inset: 0; opacity: .12;
  background: radial-gradient(circle at 20% 20%, #fff 0, transparent 40%),
              radial-gradient(circle at 80% 80%, var(--cyan-400) 0, transparent 40%);
  pointer-events: none;
}
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; z-index: 1; }
.stat { text-align: center; }
.stat .num { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; letter-spacing: -0.02em; }
.stat .num .suffix { font-size: .6em; margin-left: 2px; opacity: .85; }
.stat .lbl { margin-top: 6px; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; opacity: .85; }
@media (max-width: 700px) { .stats-grid { grid-template-columns: repeat(2, 1fr); gap:20px; } }

/* ==== Clients strip ==== */
.clients { padding: 60px 0; background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.clients h3 { text-align: center; font-size: 13px; text-transform: uppercase; letter-spacing: .18em; color: var(--muted); font-weight: 700; margin: 0 0 28px; }
.clients-row {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; align-items: center;
}
.clients-row .client-logo{    padding: 1.5rem;    border: 1px solid var(--line);    border-radius: var(--radius-lg);    background: #f0f3f7;     display: flex;    align-items: center;    justify-content: center;}
.clients-row .client-logo img{    mix-blend-mode: darken;}
.client-logo {
  transition: transform .2s var(--ease), background .2s var(--ease);
  text-align: center;
}
.client-logo img{object-fit: contain;}
.client-logo:hover { transform: translateY(-2px);  }
@media (max-width: 900px) { .clients-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .clients-row { grid-template-columns: repeat(2, 1fr); } }

/* ==== Certifications ==== */
.certs { background: var(--grad-soft); }
.certs-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }
.cert-visual {
  padding: 48px; border-radius: var(--radius-lg);
  background: var(--grad-primary); color: #fff; box-shadow: var(--shadow-lg);
  position: relative; overflow: hidden;
}
.cert-visual::after {
  content: ''; position: absolute; right: -60px; top: -60px; width: 240px; height: 240px;
  background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 70%);
}
.cert-visual .iso {
  display: inline-block; padding: 8px 16px; border-radius: 999px;
  background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.30);
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; margin-bottom: 20px;
}
.cert-visual h3 { font-size: 28px; margin: 0 0 12px; letter-spacing: -0.01em; }
.cert-visual p { margin: 0; opacity: .85; }
.cert-list { display: grid; gap: 18px; }
.cert-item { display: flex; gap: 16px; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.cert-item .icon { width: 44px; height: 44px; margin: 0; flex-shrink: 0; }
.cert-item .icon svg{     fill: var(--blue-600);    }
.cert-item h4 { margin: 0 0 4px; font-size: 16px; color: var(--navy-900); }
.cert-item p { margin: 0; font-size: 14px; color: var(--muted); }
@media (max-width: 900px) { .certs-grid { grid-template-columns: 1fr; gap: 32px; } }

/* ==== Testimonials ==== */
.testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.testimonial {
  padding: 32px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff;
  display: flex; flex-direction: column; gap: 20px;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.testimonial:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.quote-mark { font-family: Georgia, serif; font-size: 60px; line-height: .6; color: var(--blue-400); }
.testimonial p { margin: 0; color: var(--ink); font-size: 15px; }
.author { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.avatar {
  width: 44px; min-width: 44px; height: 44px; border-radius: 50%;
  background: var(--grad-primary); color: #fff; display: grid; place-items: center;
  font-weight: 700; font-size: 15px;
}
.author-info strong { display: block; font-size: 14px; color: var(--navy-900); }
.author-info div { font-size: 13px; color: var(--muted); }
@media (max-width: 900px) { .testimonials-grid { grid-template-columns: 1fr; } }

.services-grid .service-card p:last-child{margin: 0}

/* ==== CTA ==== */
.cta {
  background: var(--navy-950); color: #fff; position: relative; overflow: hidden;
}
.cta::before {
  content: ''; position: absolute; inset: 0;
  background: url('../images/ams-port.webp') center/cover no-repeat; opacity: .15;
}
.cta::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--navy-950) 0%, rgba(5,18,43,0.7) 70%, transparent 100%);
}
.cta .container { position: relative; z-index: 1; }
.cta-inner {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center;
  padding: 20px 0;
} 
.cta h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin: 0 0 12px; letter-spacing: -0.02em; line-height: normal; }
.cta p { margin: 0; color: rgba(255,255,255,0.8); max-width: 540px; font-size: 16px; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: flex-end; }
.cta-actions .btn svg{    fill: var(--navy-900);}
@media (max-width: 800px) { .cta-inner { grid-template-columns: 1fr; } .cta-actions { justify-content: flex-start; } }

/* ==== Footer ==== */
.footer { background: #030a1a; color: rgba(255,255,255,0.75); padding: 72px 0 28px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
.footer .brand-name { color: #fff; }
.footer .brand-tag { color: rgba(255,255,255,0.55); }
.footer p { color: rgba(255,255,255,0.65); font-size: 14px; }
.footer h5 { color: #fff; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 18px; }
.footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.footer ul a { color: rgba(255,255,255,0.7); font-size: 14px; }
.footer ul a:hover { color: #fff; }
.footer-contact { display: grid; gap: 12px; font-size: 14px; }
.footer-contact div { display: flex; gap: 10px; }
.footer-contact div a{color: rgba(255,255,255,0.75)}
.footer-contact svg { width: 18px; height: 18px; color: var(--cyan-400); fill: var(--cyan-400); flex-shrink: 0; margin-top: 2px; }
.footer-bottom a{color: #fff}
.footer-bottom {
  margin-top: 56px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.10);
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
  font-size: 13px; color: rgba(255,255,255,0.5);
}
@media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr;     gap: 20px; } }

/* ==== Reveal on scroll ==== */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in { opacity: 1; transform: none; }
.reveal.delay-1 { transition-delay: .08s; }
.reveal.delay-2 { transition-delay: .16s; }
.reveal.delay-3 { transition-delay: .24s; }
.reveal.delay-4 { transition-delay: .32s; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .reveal { opacity: 1; transform: none; }
}
.footer .brand img{height: 94px; width: auto; border-radius: 10px;}
.footer .brand{height:auto}
.footer-social {    margin-top: 24px;}
.social-title {display: block;margin-bottom: 12px;font-size: 14px;font-weight: 600;color: #fff;text-transform: uppercase;letter-spacing: 1px;}
.social-icons {    display: flex;    align-items: center;    gap: 14px;}
.social-icons a {width: 36px;height: 36px;border: 1px solid rgba(255,255,255,0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;
    color: #fff;    text-decoration: none;    font-size: 12px;    transition: all 0.3s ease;
}
.social-icons a:hover {    background: #00AEEF;     border-color: #00AEEF;    transform: translateY(-3px);}

/* about us css start  */


/* ==== Page hero (interior pages) ==== */
.page-hero {
  position: relative; padding: 180px 0 100px; color: #fff; overflow: hidden; isolation: isolate;
}
.page-hero::before {
  content:''; position:absolute; inset:0; z-index:-2;
  background: url('../images/ams-about.webp') center/cover no-repeat; transform: scale(1.05);
}
.page-hero::after {
  content:''; position:absolute; inset:0; z-index:-1;
  background: linear-gradient(120deg, rgba(5,18,43,.92) 0%, rgba(10,31,69,.78) 55%, rgba(30,100,200,.35) 100%);
}
.crumbs { font-size: 13px; letter-spacing:.06em; color: rgba(255,255,255,.75); margin-bottom: 18px;     display: flex;    align-items: center;    gap: 6px; }
.crumbs a { color: #fff; }
.crumbs a:hover { color:#fff; }
.page-hero h1 {
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  line-height:1.08; letter-spacing:-.02em; font-weight:800; margin:1rem 0 18px; max-width: 820px;
}
.page-hero h1 .accent { background: linear-gradient(135deg,#7cc8ff,#fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.page-hero p.lede { color: rgba(255,255,255,.85); max-width: 640px; font-size: clamp(1rem, 1.3vw, 1.12rem); }

/* Page-specific inner hero visuals: shared presentation, individual story. */
.inner-hero::before { transition:transform .8s var(--ease); }
/*.inner-hero:hover::before { transform:scale(1.08); }*/
.inner-hero--network::before { background-image:url('../images/network-hero-port.webp'); background-position:center 52%; }
.inner-hero--about::before { background-image:url('../images/about-hero.webp'); background-position:center 52%; }
.inner-hero--services::before { background-image:url('../images/services-hero.webp'); background-position:center 55%; }
.inner-hero--gallery::before { background-image:url('../images/big3.webp'); background-position:center 48%; }
.inner-hero--clients::before { background-image:url('../images/clients-hero.webp'); background-position:center 45%; }
.inner-hero--contact::before { background-image:url('../images/big4.webp');  }
.inner-hero--career::before { background-image:url('../images/career-hero.webp'); background-position:center 42%; }
.inner-hero--gallery::after { background:linear-gradient(120deg,rgba(5,18,43,.9),rgba(10,31,69,.7) 55%,rgba(17,119,181,.36)); }
.inner-hero--clients::after { background:linear-gradient(120deg,rgba(5,18,43,.9),rgba(9,39,80,.73) 55%,rgba(35,110,185,.34)); }
.inner-hero--contact::after { background:linear-gradient(120deg,rgba(5,18,43,.9),rgba(8,34,70,.74) 55%,rgba(30,100,200,.28)); }
@media (max-width:700px){ .page-hero { padding:145px 0 74px; }.inner-hero::before { transform:scale(1.02); }.inner-hero:hover::before { transform:scale(1.02); } }
@media (prefers-reduced-motion:reduce){ .inner-hero::before { transition:none; } }

/* ==== Two-column intro ==== */
.intro-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items:center; }
.intro-grid p { color: var(--muted); font-size: 16px; margin: 0 0 14px; }
.intro-media { border-radius: var(--radius-lg); overflow:hidden; box-shadow: var(--shadow-lg); aspect-ratio: 5/4; }
.intro-media img { width:100%; height:100%; object-fit:cover; }
@media (max-width: 900px){ .intro-grid { grid-template-columns:1fr; gap:32px; } }

/* ==== Journey timeline ==== */
.timeline { position:relative; display:grid; gap:20px; }
.timeline::before {
  content:''; position:absolute; left:22px; top:8px; bottom:8px; width:2px;
  background: linear-gradient(180deg, var(--blue-400), transparent);
}
.tl-item { position:relative; padding: 14px 0 14px 64px; }
.tl-item::before {
  content:''; position:absolute; left:14px; top:20px; width:18px; height:18px; border-radius:50%;
  background: var(--grad-primary); box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--blue-400);
}
.tl-year { font-size: 13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color: var(--blue-600); }
.tl-item h4 { margin:4px 0 6px; color: var(--navy-900); font-size: 20px; }
.tl-item p { margin:0; color: var(--muted); font-size: 15px; }

/* ==== Mission/Vision cards ==== */
.mv-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mv-card {
  padding: 40px; border-radius: var(--radius-lg); border:1px solid var(--line); background:#fff;
  position:relative; overflow:hidden; transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.mv-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.mv-card.dark { background: var(--grad-primary); color:#fff; border-color: transparent; }
.mv-card.dark h3, .mv-card.dark .mv-tag { color:#fff; }
.mv-card.dark p { color: rgba(255,255,255,.85); }
.mv-tag { font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color: var(--blue-600); }
.mv-card h3 { margin:10px 0 12px; font-size: 26px; color: var(--navy-900); letter-spacing:-.01em; line-height:normal; }
.mv-card p { margin:0; font-size: 16px; color: var(--muted); }
.mv-card .icon { position:absolute; right:24px; top:24px; margin:0; background: rgba(30,100,200,.10); }
.mv-card.dark .icon { background: rgba(255,255,255,.15); color:#fff; }
.mv-card.dark .icon svg{fill: #fff;}
@media (max-width:800px){ .mv-grid { grid-template-columns:1fr; } }

/* ==== Values ==== */
.values-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.value-card {
  padding: 32px; background:#fff; border:1px solid var(--line); border-radius: var(--radius-lg);
  transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.value-card:hover { transform: translateY(-4px); border-color: var(--blue-400); box-shadow: var(--shadow-md); }
.value-card .icon { background: rgba(30,100,200,.10); color: var(--blue-600); }
.value-card h4 { margin:0 0 8px; color: var(--navy-900); font-size: 18px; }
.value-card p { margin:0; color: var(--muted); font-size: 15px; }
@media (max-width:900px){ .values-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width:560px){ .values-grid { grid-template-columns: 1fr; } }

/* ==== Cliental base tag list ==== */
.tag-list { display:flex; flex-wrap:wrap; gap:12px; }
.tag {
  padding: 12px 20px; border-radius: 999px; background:#fff; border:1px solid var(--line);
  color: var(--navy-900); font-weight:600; font-size:14px;
  transition: transform .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}
.tag:hover { transform: translateY(-2px); border-color: var(--blue-400); color: var(--blue-600); }

/* ==== ISO band ==== */
.iso-band { background: var(--grad-soft); }
.iso-grid { display:grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items:center; }
.iso-visual {
  padding: 56px 40px; border-radius: var(--radius-lg); background: var(--grad-primary); color:#fff;
  text-align:center; box-shadow: var(--shadow-lg); position:relative; overflow:hidden;
}
.iso-visual::after {
  content:''; position:absolute; inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.15), transparent 55%);
  pointer-events:none;
}
.iso-badge {
  display:inline-grid; place-items:center; width:140px; height:140px; border-radius:50%;
  border: 2px dashed rgba(255,255,255,.5); margin-bottom: 22px; position:relative; z-index:1;
}
.iso-badge strong { display:block; font-size: 22px; }
.iso-badge span { font-size: 11px; letter-spacing: .18em; opacity:.85; }
.iso-visual h3 { position:relative; z-index:1; margin:0 0 8px; font-size:24px; letter-spacing:-.01em; }
.iso-visual p { position:relative; z-index:1; margin:0; opacity:.85; }
@media (max-width:900px){ .iso-grid { grid-template-columns:1fr; gap: 32px; } }




/* services page css */



/* ==== Page hero (shared with about/services) ==== */


/* ==== Service detail alternating rows ==== */
.svc-detail { display: grid; grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: center; padding: 56px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.svc-detail:first-of-type { border-top: 0; padding-top: 24px; }
.svc-detail.reverse { grid-template-columns: 1.2fr 1fr; }
.svc-detail.reverse .svc-visual { order: 2; }
.svc-visual {
  aspect-ratio: 4/3; border-radius: var(--radius-lg); overflow: hidden; position: relative;
  background: var(--grad-primary); box-shadow: var(--shadow-lg);
  display: grid; place-items: center; color: #fff;
}
.svc-visual::after {
  content: ''; position: absolute; right: -80px; bottom: -80px; width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 70%);
}
.svc-visual .svc-img{width: 100%; height: 100%; object-fit: cover;}
.svc-visual .icon-big { width: 120px; height: 120px; position: relative; z-index: 1; opacity: .92; }
.svc-visual .icon-big svg { width: 100%; height: 100%; }
.svc-visual .svc-tag { position: absolute; top: 20px; left: 20px; z-index: 2; padding: 6px 14px; border-radius: 999px; background: var(--grad-primary);  font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.svc-body h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); color: var(--navy-900); margin: 0 0 12px; letter-spacing: -0.01em; }
.svc-body .lede { color: var(--muted); font-size: 16px; margin: 0 0 20px; }
.svc-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 20px; }
.svc-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; color: var(--ink); }
.svc-list svg { flex-shrink: 0; width: 18px; height: 18px; color: var(--blue-600); fill: var(--blue-600); margin-top: 3px; }
@media (max-width: 900px) {
  .svc-detail, .svc-detail.reverse { grid-template-columns: 1fr; gap: 28px; padding: 40px 0; }
  .svc-detail.reverse .svc-visual { order: 0; }
  .svc-list { grid-template-columns: 1fr; }
}

/* Services overview grid — make cards clickable-linky */
.services-grid .service-card { display: flex; flex-direction: column; }
.services-grid .service-card p:last-child{margin: 0}
.service-card p { flex: 1; }
.svc-detail .svc-visual p{    width: 100%;    padding: 0;    margin: 0;}

/* ==== Contact page ==== */
.contact-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.contact-card {
  padding: 30px 26px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.contact-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: var(--blue-400); }
.contact-card h4 { margin: 0 0 8px; font-size: 17px; color: var(--navy-900); }
.contact-card p, .contact-card a { margin: 0 0 4px; font-size: 14px; color: var(--muted); display: block; }
.contact-card a:hover { color: var(--blue-600); }
@media (max-width: 900px) { .contact-cards { grid-template-columns: repeat(2, 1fr); } .container{    padding: 0 20px;}  .header-inner{    gap: 16px;} }
@media (max-width: 520px) { .contact-cards { grid-template-columns: 1fr; } }

.contact-split { display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: start; }
@media (max-width: 980px) { .contact-split { grid-template-columns: 1fr; gap: 36px; } }

.office-card {
  padding: 28px; border-radius: var(--radius-lg); background: #fff;
  border: 1px solid var(--line); box-shadow: var(--shadow-sm); margin-bottom: 20px;
}
.office-card h4 { margin: 0 0 4px; color: var(--navy-900); font-size: 18px; }
.office-card .role { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--blue-600); font-weight: 700; }
.office-rows { display: grid; gap: 10px; margin-top: 16px; font-size: 14px; color: var(--muted); }
.office-rows div { display: flex; gap: 10px; align-items: flex-start; }
.office-rows svg { width: 18px; height: 18px; color: var(--blue-600); flex-shrink: 0; margin-top: 2px; }
.office-rows a { color: var(--muted); }
.office-rows a:hover { color: var(--blue-600); }

/* Form */
.wpcf7-not-valid-tip{    font-size: 0.8em;}
.form-card {
  padding: 36px; border-radius: var(--radius-lg); background: #fff;
  border: 1px solid var(--line); box-shadow: var(--shadow-md);
}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field>p{margin: 0}
.field { display: flex; flex-direction: column; gap: 7px; }
.field.full { grid-column: 1 / -1; }
.field label { font-size: 13px; font-weight: 600; color: var(--navy-900); }
.field label.form-label{margin-bottom: 8px; line-height: normal;    display: block;}
.field label .req { color: #d0342c; }
.field input, .field textarea {
  font: inherit; font-size: 15px; color: var(--ink);
  padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px;
  background: var(--sand); transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease); width: 100%;

}
.wpcf7 form .wpcf7-response-output{    font-size: 0.9rem;    text-align: center;}
.form-actions p{margin: 0}
.field textarea { resize: vertical;     max-height: 100px;    resize: none;}
.field input:focus, .field textarea:focus {
  outline: none; background: #fff; border-color: var(--blue-400);
  box-shadow: 0 0 0 4px rgba(74,163,240,0.15);
}
.field .err { font-size: 12px; color: #d0342c; min-height: 0; }
.field.invalid input, .field.invalid textarea { border-color: #d0342c; }
.form-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.btn-outline { background: #fff; color: var(--navy-900); border: 1px solid var(--line); }
.btn-outline:hover { border-color: var(--blue-400); }
.form-note { margin-top: 14px; font-size: 13px; color: var(--muted); margin-bottom:0 }
.form-success {
  display: none; margin-top: 20px; padding: 16px 18px; border-radius: 12px;
  background: rgba(30,100,200,0.08); color: var(--navy-900); font-size: 14px; font-weight: 600;
}
.form-success.show { display: block; }
@media (max-width: 620px) { .form-grid { grid-template-columns: 1fr; } .form-card { padding: 24px; } }

/* Map */
.map-wrap {
  border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg);
  border: 1px solid var(--line); background: var(--sand); line-height: 0;
}
.map-wrap iframe { width: 100%; height: 460px; border: 0; display: block; filter: saturate(1.05); }
@media (max-width: 620px) { .map-wrap iframe { height: 340px; } }

/* ==== Gallery ==== */
.gallery-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.filter-btn {
  padding: 9px 18px; border-radius: 999px; border: 1px solid var(--line); background: #fff;
  font-size: 14px; font-weight: 600; color: var(--muted); cursor: pointer;
  transition: all .2s var(--ease);
}
.filter-btn:hover { border-color: var(--blue-400); color: var(--navy-900); }
.filter-btn.active { background: var(--grad-primary); color: #fff; border-color: transparent; box-shadow: 0 8px 20px rgba(30,100,200,.28); }

.masonry { columns: 3; column-gap: 20px; }
@media (max-width: 900px) { .masonry { columns: 2; } }
@media (max-width: 560px) { .masonry { columns: 1; } }
.gal-item {
  break-inside: avoid; margin-bottom: 20px; position: relative; display: block;
  border-radius: var(--radius-lg); overflow: hidden; background: var(--sand);
  box-shadow: var(--shadow-sm); cursor: zoom-in;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.gal-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.gal-item img { width: 100%; height: auto; transition: transform .6s var(--ease), filter .35s var(--ease); }
.gal-item:hover img { transform: scale(1.06); }
.gal-overlay {
  position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
  padding: 20px; color: #fff; opacity: 0;
  background: linear-gradient(to top, rgba(5,18,43,.88) 0%, rgba(5,18,43,.25) 55%, transparent 100%);
  transition: opacity .35s var(--ease);
}
.gal-item:hover .gal-overlay, .gal-item:focus-visible .gal-overlay { opacity: 1; }
.gal-overlay strong { font-size: 16px; display: block; }
.gal-overlay span { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--cyan-400); font-weight: 700; }
.gal-item.hide { display: none; }

/* Lightbox */
.lightbox {
  position: fixed; inset: 0; z-index: 200; display: none;
  background: rgba(3,10,26,.94); backdrop-filter: blur(6px);
  align-items: center; justify-content: center; padding: 40px 20px;
  opacity: 0; transition: opacity .3s var(--ease);
}
.lightbox.open { display: flex; }
.lightbox.visible { opacity: 1; }
.lightbox figure { margin: 0; max-width: 1000px; width: 100%; text-align: center; }
.lightbox img {
  max-width: 100%; max-height: 76vh; margin: 0 auto; border-radius: var(--radius);
  box-shadow: var(--shadow-lg); animation: lb-in .35s var(--ease);
}
@keyframes lb-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
.lightbox figcaption { margin-top: 16px; color: rgba(255,255,255,.85); font-size: 15px; }
.lightbox figcaption small { display: block; color: rgba(255,255,255,.5); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-top: 6px; }
.lb-btn {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.10); color: #fff; cursor: pointer; display: grid; place-items: center;
  transition: background .2s var(--ease), transform .2s var(--ease);
}
.lb-btn:hover { background: rgba(255,255,255,.22); }
.lb-prev { left: 20px; } .lb-next { right: 20px; }
.lb-close { top: 24px; right: 24px; transform: none; position: absolute; }
.lb-btn svg { width: 22px; height: 22px; }
@media (max-width: 640px) { .lb-prev { left: 8px; } .lb-next { right: 8px; } .lb-btn { width: 44px; height: 44px; } }


/* ==== Career page ==== */
.perks-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }
.perk { padding:30px 26px; background:#fff; border:1px solid var(--line); border-radius: var(--radius-lg);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); }
.perk:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--blue-400); }
.perk .icon { background: rgba(30,100,200,.10); color: var(--blue-600); }
.perk h4 { margin:0 0 8px; color: var(--navy-900); font-size:18px; }
.perk p { margin:0; color: var(--muted); font-size:15px; }
@media (max-width:900px){ .perks-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .perks-grid { grid-template-columns:1fr; } }

.roles-list { display:grid; gap:14px; }
.role-item { border:1px solid var(--line); border-radius: var(--radius); background:#fff; overflow:hidden;
  transition: border-color .25s var(--ease), box-shadow .25s var(--ease); }
.role-item.open, .role-item:hover { border-color: var(--blue-400); box-shadow: var(--shadow-sm); }
.role-head { width:100%; display:flex; align-items:center; gap:16px; padding:22px 24px; background:none; border:0;
  cursor:pointer; text-align:left; font:inherit; color: var(--navy-900); }
.role-head .r-title { font-weight:700; font-size:17px; flex:1; min-width:0; }
.role-head .r-meta { font-size:12.5px; color: var(--muted); letter-spacing:.06em; text-transform:uppercase; font-weight:600; }
.role-head .chev { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex-shrink:0;
  background: rgba(30,100,200,.10); color: var(--blue-600); transition: transform .3s var(--ease), background .3s var(--ease); }
.role-head .chev svg { width:18px; height:18px; }
.role-item.open .chev { transform: rotate(180deg); background: var(--grad-primary); color:#fff; }
.role-body { max-height:0; overflow:hidden; transition: max-height .4s var(--ease); }
.role-body-inner { padding: 0 24px 24px; color: var(--muted); font-size:15px; }
.role-body-inner ul { margin:12px 0 0; padding-left:0; list-style:none; display:grid; gap:8px; }
.role-body-inner li { display:flex; gap:10px; align-items:flex-start; color: var(--ink); font-size:14.5px; }
.role-body-inner svg { width:18px; height:18px; color: var(--blue-600); flex-shrink:0; margin-top:3px; }
@media (max-width:560px){ .role-head { flex-wrap:wrap; gap:8px; padding:18px; } .role-head .r-meta { order:3; width:100%; } }

.hire-steps { display:grid; grid-template-columns: repeat(4,1fr); gap:20px; }
@media (max-width:800px){ .hire-steps { grid-template-columns:1fr 1fr; } }
@media (max-width:480px){ .hire-steps { grid-template-columns:1fr; } }

.network-hero.page-hero::before{
  content:none; 
}



/* ==== Clientele page ==== */
.client-toolbar { display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; margin-bottom:30px; }
.client-search { position:relative; flex:1; min-width:240px; max-width:360px; }
.client-search input { width:100%; font:inherit; font-size:15px; padding:12px 14px 12px 42px; border-radius:999px;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease); }
.client-search input:focus { outline:none; border-color: var(--blue-400); box-shadow:0 0 0 4px rgba(74,163,240,.15); }
.client-search svg { position:absolute; left:15px; top:50%; transform:translateY(-50%); width:18px; height:18px; color: var(--muted); }
.client-count { font-size:14px; color: var(--muted); font-weight:600; }
.clients-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
.client-card { display:flex; flex-direction:column; text-align: center; align-items:center; gap:14px; padding:18px; background:#f1f1f1; border:1px solid var(--line);
  border-radius: var(--radius); transition: transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease); }
.client-card:hover { transform: translateY(-4px); border-color: var(--blue-400); box-shadow: var(--shadow-md); }
.client-card .mono { width:44px; height:44px; border-radius:12px; flex-shrink:0; display:grid; place-items:center;
  background: var(--grad-primary); color:#fff; font-weight:800; font-size:14px; letter-spacing:.02em; }
.client-card .client-logo { width:100%; height:80px; object-fit:contain; flex-shrink:0; }
.client-card .c-name { font-size:14.5px; font-weight:600; color: var(--navy-900); line-height:1.35; min-width:0; }
.client-card .c-cat { display:block; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color: var(--muted); font-weight:700; margin-top:3px; }
.client-card.hide { display:none; }
.clients-empty { display:none; padding:40px; text-align:center; color: var(--muted); }
.clients-empty.show { display:block; }
@media (max-width:1000px){ .clients-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width:760px){ .clients-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width:480px){ .clients-grid { grid-template-columns:1fr 1fr; } }

/* ==== Network page ==== */
.net-grid { display:grid; grid-template-columns: 1.05fr 1fr; gap:48px; align-items:start; }
@media (max-width:980px){ .net-grid { grid-template-columns:1fr; gap:32px; } }
.net-card { padding:32px; border-radius: var(--radius-lg); background:#fff; border:1px solid var(--line);
  box-shadow: var(--shadow-sm); margin-bottom:20px; position:relative; overflow:hidden;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease); }
.net-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--blue-400); }
.net-card.primary { background: var(--grad-primary); color:#fff; border-color:transparent; }
.net-card.primary h3, .net-card.primary h4 { color:#fff; }
.net-card.primary .role, .net-card.primary .office-rows, .net-card.primary .office-rows a { color: rgba(255,255,255,.85); }
.net-card.primary .office-rows svg { color: var(--cyan-400); }
.net-card.primary .office-rows a:hover { color:#fff; }
.net-card h3 { margin:8px 0 4px; font-size:22px; color: var(--navy-900); letter-spacing:-.01em; }
.net-card .pill { display:inline-block; padding:5px 12px; border-radius:999px; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; font-weight:700; background: rgba(30,100,200,.10); color: var(--blue-600); }
.net-card.primary .pill { background: rgba(255,255,255,.18); color:#fff; }
.coverage-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:16px; }
.coverage { padding:22px; border-radius: var(--radius); background:#fff; border:1px solid var(--line);
  transition: transform .25s var(--ease), border-color .25s var(--ease); }
.coverage:hover { transform: translateY(-3px); border-color: var(--blue-400); }
.coverage strong { display:block; color: var(--navy-900); font-size:16px; }
.coverage span { font-size:13px; color: var(--muted); }
@media (max-width:800px){ .coverage-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:480px){ .coverage-grid { grid-template-columns:1fr; } }

/* Long contact strings must wrap on small screens */
.office-rows, .office-rows div, .office-rows a, .net-card h3 { overflow-wrap:anywhere; word-break:break-word; min-width:0; }
@media (max-width:520px){ .office-rows div { flex-wrap:wrap; } }

/* ==== Network location explorer ==== */
.network-page > .page-hero, .network-page > #offices, .network-page > #offices + section, .network-page > .capabilities, .network-page > .cta { display:none; }
.network-hero { min-height:600px; position:relative; isolation:isolate; display:flex; align-items:center; overflow:hidden; background:#071c3d url('../images/network-hero-port.webp') center/cover no-repeat; color:#fff; }
.network-hero__veil { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,17,42,.95) 0%,rgba(5,27,65,.82) 42%,rgba(5,27,65,.25) 100%); }
.network-hero__content { padding-top:92px; padding-bottom:92px; max-width:1200px; width:100%; }
.crumbs--light { color:rgba(255,255,255,.66); margin-bottom:24px; display:flex; gap:9px; align-items:center; font-size:13px; }
.crumbs--light a { color:#fff; }.crumbs--light a:hover { color:var(--cyan-400); }
.network-hero h1 { max-width:720px; margin:18px 0; color:#fff; font-size:clamp(42px,6vw,76px); line-height:1.02; letter-spacing:-.055em; }.network-hero h1 span { color:var(--cyan-400); }
.network-hero .lede { max-width:610px; color:rgba(255,255,255,.8); font-size:18px; line-height:1.7; }.network-hero .btn-ghost { border-color:rgba(255,255,255,.4); color:#fff; }.network-hero .btn-ghost:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.network-hero__route { position:absolute; right:8vw; bottom:72px; display:flex; align-items:center; gap:0; color:#fff; }.network-hero__route small { position:absolute; right:0; bottom:-25px; text-transform:uppercase; letter-spacing:.18em; font-size:10px; color:rgba(255,255,255,.7); }.route-node { width:15px; height:15px; border:4px solid #fff; border-radius:50%; background:var(--cyan-400); box-shadow:0 0 0 9px rgba(56,189,248,.2); }.route-line { width:min(21vw,290px); height:2px; margin:0 2px; background:repeating-linear-gradient(90deg,#fff 0 8px,transparent 8px 14px); }.route-node--mumbai { background:var(--blue-400); }
.network-intro { margin-top:-42px; position:relative; z-index:2; }.network-stats { display:grid; grid-template-columns:repeat(4,1fr); padding:25px 36px; gap:20px; border-radius:18px; background:#fff; box-shadow:var(--shadow-lg); }.network-stats div { border-right:1px solid var(--line); padding-left:10px; }.network-stats div:last-child { border:0; }.network-stats strong { display:block; color:var(--blue-600); font-size:28px; line-height:1; letter-spacing:-.04em; }.network-stats span { display:block; margin-top:7px; color:var(--muted); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.network-explorer { padding:110px 0 92px; background:linear-gradient(180deg,#f7faff,#fff); }.network-head { max-width:700px; }.location-switcher { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:38px 0 24px; }.location-tab { appearance:none; width:100%; display:flex; align-items:center; gap:14px; padding:19px; border:1px solid var(--line); background:#fff; color:var(--ink); text-align:left; border-radius:16px; cursor:pointer; transition:.25s var(--ease); }.location-tab:hover { transform:translateY(-2px); border-color:var(--blue-400); box-shadow:var(--shadow-md); }.location-tab.active { border-color:var(--blue-500); box-shadow:0 10px 30px rgba(30,100,200,.14); background:#f7fbff; }.location-tab__icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--navy-900); color:#fff; flex-shrink:0; }.location-tab__icon svg { width:20px; height:20px; }.location-tab b,.location-tab small { display:block; }.location-tab b { font-size:16px; }.location-tab small { margin-top:3px; color:var(--muted); }.location-tab i { margin-left:auto; color:var(--blue-600); font-style:normal; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.branch-panel { display:grid; grid-template-columns:1.05fr .95fr; min-height:430px; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#fff; box-shadow:var(--shadow-md); }.branch-panel__info { padding:46px; }.branch-kicker { color:var(--blue-600); text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:800; }.branch-panel h3 { margin:12px 0; color:var(--navy-900); font-size:34px; letter-spacing:-.04em; }.branch-panel__info > p { color:var(--muted); line-height:1.65; }.branch-details { display:grid; gap:14px; margin:26px 0; }.branch-detail { display:flex; gap:12px; line-height:1.5; color:var(--ink); font-size:14px; }.branch-detail svg { width:18px; height:18px; flex:0 0 18px; fill:var(--blue-600); margin-top:2px; }.branch-panel__actions { display:flex; align-items:center; flex-wrap:wrap; gap:19px; }.text-link { display:inline-flex; align-items:center; gap:7px; color:var(--blue-600); font-weight:800; }.text-link svg { width:17px; height:17px; }.branch-panel__map { position:relative; min-height:330px; background:#dbeafb; }.branch-panel__map iframe { width:100%; height:100%; min-height:430px; border:0; filter:saturate(.82) contrast(1.05); }.map-label { position:absolute; bottom:19px; left:19px; display:flex; gap:8px; align-items:center; padding:10px 13px; color:#fff; background:var(--navy-900); border-radius:8px; font-size:13px; font-weight:700; box-shadow:var(--shadow-md); }.map-label svg { width:16px; height:16px; color:var(--cyan-400); }
.coverage-section { display:grid; grid-template-columns:280px 1fr; gap:34px; align-items:start; margin-top:34px; padding:36px; border-radius:20px; background:var(--navy-950); color:#fff; }.coverage-section__title h3 { font-size:25px; margin:9px 0; }.coverage-section__title p { margin:0; color:rgba(255,255,255,.65); line-height:1.55; }.coverage-tiles { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }.coverage-tile { display:flex; align-items:center; gap:11px; padding:15px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:12px; transition:.2s var(--ease); }.coverage-tile:hover { background:rgba(255,255,255,.14); transform:translateY(-2px); }.coverage-tile svg { width:19px; height:19px; fill:var(--cyan-400); flex-shrink:0; }.coverage-tile strong,.coverage-tile span { display:block; }.coverage-tile strong { font-size:14px; }.coverage-tile span { color:rgba(255,255,255,.65); font-size:12px; margin-top:3px; line-height:1.35; }
.network-reach { padding:105px 0; }.reach-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }.reach-copy p { max-width:470px; color:var(--muted); line-height:1.7; margin:20px 0 26px; }.reach-steps { display:grid; gap:12px; }.reach-step { display:grid; grid-template-columns:55px 1fr; column-gap:18px; padding:22px 23px; border:1px solid var(--line); border-radius:14px; transition:.25s var(--ease); }.reach-step:hover { transform:translateX(5px); box-shadow:var(--shadow-sm); border-color:var(--blue-400); }.reach-step span { grid-row:span 2; color:var(--blue-500); font-size:21px; font-weight:800; }.reach-step h3 { margin:0; color:var(--navy-900); font-size:17px; }.reach-step p { margin:5px 0 0; color:var(--muted); line-height:1.5; font-size:14px; }
.location-tab .icon{margin: 0;}
.branch-detail .ams-fa-icon{    color: var(--blue-600);}

@media (max-width:860px){ .network-hero__route{right:7vw}.network-stats{grid-template-columns:1fr 1fr}.network-stats div:nth-child(2){border-right:0}.branch-panel,.reach-layout{grid-template-columns:1fr}.branch-panel__map iframe{min-height:350px}.coverage-section{grid-template-columns:1fr}.reach-layout{gap:40px} }
@media (max-width:600px){ .network-hero{min-height:590px}.network-hero__content{padding-top:100px}.network-hero__route{right:20px;bottom:50px}.route-line{width:140px}.network-stats{padding:22px;gap:22px}.network-stats div{border:0;padding:0}.location-switcher{grid-template-columns:1fr}.location-tab i{display:none}.branch-panel__info{padding:28px 22px}.branch-panel h3{font-size:28px}.branch-panel__map iframe{min-height:300px}.coverage-section{padding:25px 20px}.coverage-tiles{grid-template-columns:1fr}.network-explorer{padding:82px 0 70px}.network-reach{padding:75px 0}.hero-actions{gap:12px} }


@media (max-width:960px){
  .hero{    min-height: auto;} .header-cta{margin-left: auto;  box-shadow: none;       white-space: nowrap;    padding: 10px 12px;    font-size: 12px;}
}


@media (max-width:767px){
  .client-card .client-logo{    height: 60px;}
  .client-card .c-name{font-size:13px;}
  .client-card{    padding: 14px;}
  .gallery-filters{    flex-wrap: nowrap;    overflow-x: auto;    white-space: nowrap;}
  .footer .brand img{    height: 71px;}
  .industry{padding: 1rem}
  .tag{    padding: 6px 12px;    font-size: 12px;}
  .mv-card,.value-card,.why-card,.service-card,.iso-visual{    padding: 1.5rem;} 
.cap{     padding: 1rem; } .cap-num{font-size: 2rem;} .cap h4{line-height: normal;} .step{    padding: 1rem;} .cert-visual{    padding: 1.5rem;} .cert-visual h3{    line-height: normal;    font-size: 1.5rem;}
.clients-row{    gap: 12px;}.clients-row .client-logo{    padding: 1rem;} .testimonial{    padding: 1rem;}.header-inner{    height: 60px;} .footer-bottom{    margin-top: 2rem;}.brand-text{    font-size: 14px;} .footer{    padding: 3rem 0 28px;} section{    padding: 3rem 0;}
}