:root{
  --navy:#0F1B2D;
  --navy-2:#132540;
  --blue:#0077CC;
  --cyan:#00B4DB;
  --gold:#F4C430;
  --white:#FFFFFF;
  --ink:#0F1B2D;
  --paper:#F7F9FB;
  --muted:#5A6B80;
  --font-display:"Fraunces", serif;
  --font-body:"Inter", sans-serif;
  --font-mono:"Space Mono", monospace;
  --max:1240px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  opacity:1;
  transition:opacity .22s ease;
}
body.page-leaving{opacity:0;}
@media (prefers-reduced-motion: reduce){
  body{transition:none;}
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px;}
h1,h2,h3{font-family:var(--font-display);margin:0 0 .4em;font-weight:600;line-height:1.08;}
p{line-height:1.65;margin:0 0 1em;color:var(--muted);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}

.grain{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.skip-link{
  position:fixed;top:-60px;left:12px;z-index:10001;
  background:var(--gold);color:var(--navy);font-weight:600;
  padding:12px 20px;border-radius:4px;transition:top .2s ease;
}
.skip-link:focus{top:12px;}

/* ---------- loader ---------- */
#loader{position:fixed;inset:0;z-index:10000;background:var(--navy);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease;}
#loader.hide{opacity:0;visibility:hidden;}
.loader-inner{text-align:center;}
.loader-mark{display:inline-block;animation:bob 2s ease-in-out infinite;}
.loader-name{font-family:var(--font-display);font-size:1.3rem;color:var(--white);margin:.6em 0 .2em;}
.loader-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--cyan);}
@keyframes bob{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

/* ---------- reveal-on-load ---------- */
.reveal{opacity:0;transform:translateY(14px);animation:rise .7s ease forwards;}
.reveal.r1{animation-delay:.1s;}
.reveal.r2{animation-delay:.22s;}
.reveal.r3{animation-delay:.36s;}
.reveal.r4{animation-delay:.5s;}
@keyframes rise{to{opacity:1;transform:none;}}

/* ---------- scroll-reveal for cards ---------- */
.will-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
.will-reveal.is-visible{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  .will-reveal{opacity:1;transform:none;transition:none;}
}

/* ---------- eyebrow / buttons ---------- */
.eyebrow{
  font-family:var(--font-mono);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.72rem;
  color:var(--cyan);
  margin:0 0 1em;
}
.eyebrow.dark{color:var(--blue);}

.btn{
  display:inline-block;
  padding:14px 28px;
  border-radius:2px;
  font-weight:600;
  font-size:.92rem;
  letter-spacing:.02em;
  border:1px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  cursor:pointer;
}
.btn-gold{background:var(--gold);color:var(--navy);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(244,196,48,.28);}
.btn-gold:active{transform:translateY(0) scale(.97);}
.btn-ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.4);}
.btn-ghost:hover{border-color:var(--white);background:rgba(255,255,255,.08);}
.btn-ghost:active{transform:scale(.97);}
.btn.full{width:100%;text-align:center;}

/* ---------- header ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(15,27,45,0);
  transition:background .3s ease, box-shadow .3s ease, padding .3s ease;
  padding:18px 0;
}
.site-header.scrolled{
  background:rgba(15,27,45,.94);
  backdrop-filter:blur(8px);
  box-shadow:0 4px 24px rgba(0,0,0,.18);
  padding:10px 0;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:10px;}
.brand picture{display:contents;}
.brand-mark{height:56px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:height .3s ease;}
.site-header.scrolled .brand-mark{height:48px;}
.brand-text{display:flex;flex-direction:column;line-height:1.1;}
.brand-name{font-family:var(--font-display);font-weight:700;color:var(--white);font-size:1.05rem;}
.brand-sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase;}

.main-nav{display:flex;align-items:center;gap:36px;}
.main-nav a{color:rgba(255,255,255,.82);font-size:.96rem;font-weight:500;transition:color .2s ease;}
.main-nav a:hover{color:var(--cyan);}
.main-nav a.active{color:var(--gold);}
.nav-cta{background:var(--gold);color:var(--navy)!important;padding:13px 24px;border-radius:2px;font-weight:600;display:inline-flex;align-items:center;}
.nav-cta:hover{color:var(--navy)!important;filter:brightness(1.05);}

.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:12px;}
.nav-toggle span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:transform .25s ease,opacity .2s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---------- hero ---------- */
.hero{
  position:relative;
  background:var(--navy);
  color:var(--white);
  padding:136px 0 0;
  overflow:hidden;
}
.hero-worldmap{
  position:absolute;inset:0;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Ccircle cx='150' cy='150' r='2'/%3E%3Ccircle cx='200' cy='180' r='2'/%3E%3Ccircle cx='250' cy='140' r='2'/%3E%3Ccircle cx='300' cy='200' r='2'/%3E%3Ccircle cx='500' cy='120' r='2'/%3E%3Ccircle cx='550' cy='170' r='2'/%3E%3Ccircle cx='600' cy='140' r='2'/%3E%3Ccircle cx='700' cy='190' r='2'/%3E%3Ccircle cx='750' cy='150' r='2'/%3E%3Ccircle cx='800' cy='210' r='2'/%3E%3Ccircle cx='450' cy='300' r='2'/%3E%3Ccircle cx='500' cy='340' r='2'/%3E%3Ccircle cx='350' cy='320' r='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center 30%;
  background-size:cover;
  opacity:.08;
  animation:mapdrift 60s linear infinite alternate;
}
@keyframes mapdrift{0%{transform:scale(1) translate(0,0);}100%{transform:scale(1.04) translate(-1%,-1%);}}
.hero-routes{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.route-lines path{animation:dash 30s linear infinite;}
@keyframes dash{to{stroke-dashoffset:-400;}}
.route-dots circle{animation:pulse 2.6s ease-in-out infinite;}
.route-dots circle:nth-child(2){animation-delay:.5s;}
.route-dots circle:nth-child(3){animation-delay:1s;}
.route-dots circle:nth-child(4){animation-delay:1.5s;}
.route-dots circle:nth-child(5){animation-delay:2s;}
@keyframes pulse{0%,100%{opacity:.5;r:3.5;}50%{opacity:1;r:5;}}
.hero-particles circle{opacity:.35;animation:floaty 8s ease-in-out infinite;}
.hero-particles circle:nth-child(odd){animation-duration:11s;}
.hero-particles circle:nth-child(3n){animation-delay:1.5s;}
.hero-particles circle:nth-child(4n){animation-delay:3s;}
@keyframes floaty{0%,100%{transform:translateY(0);opacity:.25;}50%{transform:translateY(-14px);opacity:.6;}}

.hero-inner{position:relative;z-index:1;padding-bottom:64px;text-align:center;}
.hero h1{
  font-size:clamp(2.6rem, 6vw, 4.6rem);
  color:var(--white);
  max-width:16ch;
  margin-left:auto;margin-right:auto;
}
.hero-lede{
  max-width:56ch;margin:0 auto 1.6em;
  color:rgba(255,255,255,.72);
  font-size:1.08rem;
}
.hero-quote{
  max-width:40ch;margin:0 auto 2.4em;
  font-family:var(--font-display);
  font-style:italic;
  font-size:1.3rem;
  color:var(--gold);
  border-top:1px solid rgba(244,196,48,.3);
  border-bottom:1px solid rgba(244,196,48,.3);
  padding:16px 0;
}
.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:44px;flex-wrap:wrap;}

.hero-badges{
  display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:22px;
}
.hero-badges span{
  font-family:var(--font-mono);
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--navy);
  background:var(--gold);
  padding:9px 18px;
  border-radius:100px;
  display:flex;align-items:center;gap:6px;
}
.hero-badges span::before{content:"✓";font-weight:700;}

.wave-divider{display:block;width:100%;height:110px;position:relative;z-index:1;margin-top:-2px;}
.wave-divider.top{height:90px;margin-top:0;margin-bottom:-1px;}

/* ---------- international presence strip ---------- */
.presence-strip{background:var(--white);border-bottom:1px solid #e4e9ef;padding:22px 0;}
.presence-inner{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;}
.presence-label{
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--blue);white-space:nowrap;
}
.presence-flags{list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin:0;padding:0;}
.presence-flags li{
  display:flex;align-items:center;gap:8px;
  font-size:.88rem;font-weight:500;color:var(--navy);
}
.presence-flags .flag{font-size:1.15rem;line-height:1;}

/* ---------- about ---------- */
.about{padding:100px 0;background:var(--paper);}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;}
.about h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--navy);}
.about-points{list-style:none;padding:0;margin:1.6em 0 0;display:flex;flex-direction:column;gap:14px;}
.about-points li{
  position:relative;padding-left:26px;color:var(--ink);font-weight:500;font-size:.95rem;
}
.about-points li::before{
  content:"";position:absolute;left:0;top:6px;width:10px;height:10px;
  background:var(--cyan);border-radius:1px;transform:rotate(45deg);
}
.about-visual{
  background:var(--white);
  border:1px solid #e4e9ef;
  border-radius:8px;
  padding:36px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 20px 50px -20px rgba(15,27,45,.15);
}

/* ---------- services ---------- */
.services{padding:100px 0;background:var(--white);}
.services h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--navy);max-width:18ch;}

.why-us{padding:100px 0;background:var(--paper);}
.why-us h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--navy);max-width:20ch;}
.why-grid{margin-top:50px;background:#e4e9ef;border:1px solid #e4e9ef;}
.why-grid .service-card{background:var(--paper);}
.why-grid .service-card:hover{background:var(--white);}

.service-list{
  margin-top:50px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 40px;
  border-top:1px solid #e4e9ef;
}
.service-list-item{
  display:flex;align-items:center;gap:14px;
  padding:20px 4px;
  border-bottom:1px solid #e4e9ef;
  font-weight:500;color:var(--navy);font-size:1rem;
}
.check{
  flex-shrink:0;
  width:26px;height:26px;
  border-radius:50%;
  background:var(--blue);
  color:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-size:.8rem;font-weight:700;
}
.service-grid{
  margin-top:50px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:#e4e9ef;
  border:1px solid #e4e9ef;
}
.service-card{
  background:var(--white);
  padding:38px 32px;
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.service-card:hover{background:#fbfcfd;transform:translateY(-4px);box-shadow:0 16px 34px -20px rgba(15,27,45,.22);position:relative;z-index:1;}
.service-icon{width:38px;height:38px;color:var(--blue);margin-bottom:20px;}
.service-card h3{font-size:1.15rem;color:var(--navy);}
.service-card p{font-size:.92rem;margin:0;}

/* ---------- process ---------- */
.process{padding:100px 0;background:var(--navy);color:var(--white);}
.process h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--white);max-width:18ch;}
.route-track{
  margin-top:56px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
}
.route-track-5{grid-template-columns:repeat(5,1fr);}
.route-track::before{
  content:"";position:absolute;top:14px;left:6%;right:6%;height:1px;
  background:repeating-linear-gradient(90deg, rgba(0,180,219,.5) 0 8px, transparent 8px 16px);
}
.route-step{position:relative;padding-right:24px;transition:transform .3s ease;}
.route-step:hover{transform:translateY(-6px);}
.route-icon{
  display:block;font-size:1.7rem;line-height:1;margin-bottom:14px;
  transition:transform .3s ease;
}
.route-step:hover .route-icon{transform:scale(1.15) rotate(-6deg);}
.route-mark{
  display:inline-block;
  font-family:var(--font-mono);
  color:var(--gold);
  background:var(--navy);
  font-size:.85rem;
  padding-right:10px;
  position:relative;
  z-index:1;
}
.route-step h3{margin-top:18px;font-size:1.1rem;color:var(--white);transition:color .3s ease;}
.route-step:hover h3{color:var(--gold);}
.route-step p{font-size:.88rem;color:rgba(255,255,255,.6);}

/* ---------- products / industries ---------- */
.industries{padding:100px 0;background:var(--paper);}
.industries h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--navy);max-width:20ch;}
.product-pillars{
  margin-top:56px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
}
.pillar{
  background:var(--white);
  border:1px solid #e4e9ef;
  border-top:3px solid var(--gold);
  border-radius:8px;
  padding:44px 40px;
  box-shadow:0 24px 50px -30px rgba(15,27,45,.2);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.pillar:hover{transform:translateY(-6px);box-shadow:0 32px 64px -28px rgba(15,27,45,.3);border-top-color:var(--blue);}
.pillar-head{display:flex;align-items:center;gap:18px;margin-bottom:18px;}
.pillar-icon-wrap{
  flex-shrink:0;width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg, rgba(0,119,204,.1), rgba(244,196,48,.14));
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s ease, background .3s ease;
}
.pillar:hover .pillar-icon-wrap{transform:scale(1.08) rotate(-4deg);}
.pillar-icon{width:32px;height:32px;color:var(--blue);flex-shrink:0;transition:color .3s ease;}
.pillar:hover .pillar-icon{color:var(--gold);}
.pillar-head h3{margin:0;font-size:1.3rem;color:var(--navy);}
.pillar > p{margin-bottom:22px;}
.pillar-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;}
.pillar-list li{
  font-size:.88rem;color:var(--ink);font-weight:500;
  padding-left:16px;position:relative;
}
.pillar-list li::before{
  content:"";position:absolute;left:0;top:7px;width:6px;height:6px;
  background:var(--cyan);border-radius:50%;
}

/* ---------- commitment ---------- */
.commitment{padding:80px 0;background:var(--navy);text-align:center;}
.commitment .eyebrow{justify-content:center;display:flex;color:var(--cyan);}
.commitment-text{
  max-width:64ch;margin:0 auto;
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2.4vw,1.6rem);
  color:var(--white);
  font-weight:400;
  line-height:1.5;
}

/* ---------- vision / mission ---------- */
.vm{padding:80px 0;background:var(--paper);}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.vm-card{
  background:var(--white);
  border:1px solid #e4e9ef;
  border-left:3px solid var(--blue);
  padding:36px;
  border-radius:8px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.vm-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px -22px rgba(15,27,45,.22);}
.vm-card p:last-child{color:var(--ink);margin:0;font-size:1rem;}

/* ---------- cta banner (inside contact section) ---------- */
.cta-banner{
  text-align:center;
  max-width:760px;margin:0 auto 56px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,.14);
  display:flex;flex-direction:column;align-items:center;
}
.cta-banner .eyebrow{justify-content:center;display:flex;}
.cta-banner h2{
  font-size:clamp(1.5rem,3vw,2.15rem);
  color:var(--white);
  max-width:34ch;
  margin-left:auto;margin-right:auto;
  line-height:1.35;
}
.cta-subtext{color:rgba(255,255,255,.65);font-size:.95rem;margin:0 auto;max-width:44ch;}
.cta-prompts{display:flex;justify-content:center;margin-top:28px;}

/* ---------- contact ---------- */
.contact{background:var(--navy);color:var(--white);position:relative;padding-bottom:56px;}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:8px;}
.contact h2{font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--white);max-width:16ch;}
.contact-copy p{color:rgba(255,255,255,.68);}
.contact-details{margin-top:30px;display:flex;flex-direction:column;gap:16px;}
.contact-details span{
  display:block;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cyan);margin-bottom:4px;
}
.contact-details a{font-size:1rem;color:var(--white);border-bottom:1px solid rgba(255,255,255,.25);}
.contact-details a:hover{border-color:var(--gold);color:var(--gold);}
.response-note{
  margin:22px 0 0;font-size:.9rem;color:var(--gold);
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(244,196,48,.08);border:1px solid rgba(244,196,48,.25);
  padding:10px 16px;border-radius:100px;
}
.contact-map{margin-top:26px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.14);}
.contact-map-placeholder{
  background:rgba(255,255,255,.04);padding:34px 26px;text-align:center;
  background-image:
    linear-gradient(rgba(15,27,45,.4),rgba(15,27,45,.4)),
    repeating-linear-gradient(45deg, rgba(0,180,219,.06) 0 12px, transparent 12px 24px);
}
.contact-map-placeholder span{display:block;font-family:var(--font-display);font-size:1.1rem;color:var(--white);margin-bottom:6px;}
.contact-map-placeholder p{font-size:.82rem;color:rgba(255,255,255,.55);margin:0;}

.contact-form{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  padding:36px;
  border-radius:6px;
  display:flex;flex-direction:column;gap:18px;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.contact-form label{
  display:flex;flex-direction:column;gap:8px;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.6);
}
.contact-form input,.contact-form textarea{
  font-family:var(--font-body);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  border-radius:3px;
  padding:11px 12px;
  color:var(--white);
  font-size:.92rem;
  resize:vertical;
}
.contact-form input:focus,.contact-form textarea:focus{
  outline:2px solid var(--cyan);outline-offset:1px;border-color:var(--cyan);
}
.form-note{font-size:.82rem;color:var(--gold);min-height:1.2em;margin:0;}
.form-note.form-note-error{color:#ff8a8a;}

/* ---------- footer ---------- */
.site-footer{background:#0a1420;color:rgba(255,255,255,.6);padding:44px 0 24px;}
.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.footer-brand{display:flex;align-items:center;gap:12px;}
.footer-brand picture{display:contents;}
.footer-brand img{height:36px;width:auto;}
.footer-brand strong{display:block;color:var(--white);font-family:var(--font-display);font-size:.95rem;}
.footer-brand span{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);}
.footer-nav{display:flex;flex-direction:column;gap:12px;}
.footer-nav a{font-size:.85rem;color:rgba(255,255,255,.6);}
.footer-nav a:hover{color:var(--cyan);}
.footer-info{display:flex;flex-direction:column;gap:12px;}
.footer-info-item{font-size:.8rem;color:rgba(255,255,255,.55);}
.footer-info-item em{font-style:normal;color:rgba(255,255,255,.35);}
.footer-info-link{color:rgba(255,255,255,.6);transition:color .2s ease;}
.footer-info-link:hover{color:var(--cyan);}
.footer-social{display:flex;gap:10px;align-self:center;}
.social-icon{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;}
.social-icon:hover{background:var(--gold);color:var(--navy);}
.footer-copy{width:100%;text-align:center;font-size:.78rem;margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);}

/* ---------- certifications ---------- */
.certifications{padding:70px 0;background:var(--white);}
.certifications h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy);}
.certs-note{font-size:.9rem;color:var(--muted);margin-bottom:1.4em;}
.cert-row{display:flex;flex-wrap:wrap;gap:14px;}
.cert-badge{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--muted);border:1px dashed #d7dee6;background:var(--paper);padding:10px 20px;border-radius:4px;}
.cert-badge.is-disabled{opacity:.55;filter:grayscale(.4);cursor:not-allowed;position:relative;}
.cert-badge.is-disabled em{font-style:normal;color:var(--gold);font-size:.7rem;margin-left:4px;}

/* ---------- FAQ ---------- */
.faq{padding:90px 0;background:var(--paper);}
.faq h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy);}
.faq-list{margin-top:20px;border-top:1px solid #e4e9ef;}
.faq-item{border-bottom:1px solid #e4e9ef;}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:20px 4px;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .2s ease;}
.faq-q:hover{color:var(--blue);}
.faq-icon{color:var(--blue);font-family:var(--font-mono);transition:transform .3s cubic-bezier(.4,0,.2,1);}
.faq-q[aria-expanded="true"] .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1), opacity .3s ease;opacity:0;}
.faq-q[aria-expanded="true"] + .faq-a{opacity:1;}
.faq-a p{padding:0 4px 18px;margin:0;font-size:.92rem;}

/* ---------- thank-you panel ---------- */
.thank-you{text-align:center;background:var(--white);border:1px solid #e4e9ef;border-radius:8px;padding:56px 28px;animation:thankyou-in .4s cubic-bezier(.34,1.56,.64,1) both;}
.contact .thank-you{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:var(--white);}
.contact .thank-you p{color:rgba(255,255,255,.68);}
.thank-you-mark{
  width:56px;height:56px;border-radius:50%;
  background:#1FAE5C;color:var(--white);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;font-size:1.5rem;font-weight:700;
  box-shadow:0 0 0 8px rgba(31,174,92,.14);
  animation:thankyou-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both;
}
@keyframes thankyou-in{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@keyframes thankyou-pop{from{transform:scale(.4);opacity:0;}to{transform:scale(1);opacity:1;}}
.thank-you h3{margin-bottom:.3em;}
.thank-you p{margin:0;}
.contact-form-wrap,.quote-form-wrap{display:contents;}

/* ---------- select (quote form) ---------- */
.quote-form select,.contact-form select{
  font-family:var(--font-body);background:var(--paper);border:1px solid #d7dee6;border-radius:3px;
  padding:12px 13px;color:var(--ink);font-size:.94rem;
}
.quote-form select:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue);}

/* ---------- WhatsApp float ---------- */
.whatsapp-float{
  position:fixed;right:22px;bottom:22px;width:56px;height:56px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:90;
  transition:transform .2s ease;
}
.whatsapp-float::before{
  content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;
  animation:wa-pulse 2.4s ease-out infinite;z-index:-1;
}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.55;}100%{transform:scale(1.9);opacity:0;}}
.whatsapp-float:hover{transform:scale(1.08);}
.whatsapp-tooltip{
  position:absolute;right:68px;top:50%;transform:translateY(-50%) translateX(6px);
  background:var(--navy);color:var(--white);font-size:.78rem;font-weight:500;
  padding:8px 14px;border-radius:6px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}
.whatsapp-tooltip::after{
  content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);
  border:6px solid transparent;border-left-color:var(--navy);
}
.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{
  opacity:1;transform:translateY(-50%) translateX(0);
}

/* ---------- focus ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--cyan);outline-offset:2px;
}

/* ---------- quote page ---------- */
.quote-hero{position:relative;background:var(--navy);color:var(--white);padding:170px 0 0;overflow:hidden;}
.quote-hero-inner{position:relative;z-index:1;padding-bottom:70px;text-align:center;}
.quote-hero-inner h1{font-size:clamp(2.2rem,5vw,3.4rem);color:var(--white);max-width:18ch;margin:0 auto .5em;}
.quote-hero-inner .hero-lede{max-width:60ch;}

.quote-body{padding:80px 0 100px;background:var(--paper);}
.quote-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:44px;align-items:start;}

.quote-form{
  background:var(--white);
  border:1px solid #e4e9ef;
  border-radius:8px;
  padding:44px;
  box-shadow:0 24px 60px -30px rgba(15,27,45,.18);
}
.quote-form fieldset{border:none;padding:0;margin:0 0 32px;}
.quote-form legend{
  font-family:var(--font-display);
  font-size:1.15rem;
  color:var(--navy);
  padding:0 0 14px;
  border-bottom:1px solid #e4e9ef;
  width:100%;
  margin-bottom:18px;
}
.quote-form label{
  display:flex;flex-direction:column;gap:8px;
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted);
  margin-bottom:16px;
}
.quote-form .form-row label{margin-bottom:0;}
.quote-form input,.quote-form textarea{
  font-family:var(--font-body);
  background:var(--paper);
  border:1px solid #d7dee6;
  border-radius:3px;
  padding:12px 13px;
  color:var(--ink);
  font-size:.94rem;
  resize:vertical;
}
.quote-form input:focus,.quote-form textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue);}
.field-hint{
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted);margin:0 0 12px;
}

.radio-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;}
.radio-pill{position:relative;margin:0;}
.radio-pill input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;}
.radio-pill span{
  display:inline-block;
  font-family:var(--font-body);
  font-size:.86rem;font-weight:500;
  color:var(--navy);
  background:var(--paper);
  border:1px solid #d7dee6;
  border-radius:100px;
  padding:9px 18px;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.radio-pill input:checked + span{background:var(--blue);border-color:var(--blue);color:var(--white);}
.radio-pill input:focus-visible + span{outline:2px solid var(--blue);outline-offset:2px;}

.quote-sidebar{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px;}
.sidebar-card{
  background:var(--navy);
  color:var(--white);
  border-radius:8px;
  padding:32px;
}
.sidebar-card h3{font-size:1.05rem;color:var(--white);margin-bottom:18px;}
.check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.check-list li{
  position:relative;padding-left:26px;font-size:.88rem;color:rgba(255,255,255,.85);
}
.check-list li::before{content:"✔";position:absolute;left:0;top:0;color:var(--gold);font-size:.8rem;}
.sidebar-brand{font-family:var(--font-display);font-size:1.05rem;color:var(--gold);margin-bottom:14px;}
.contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;}
.contact-list li{font-size:.88rem;color:rgba(255,255,255,.85);}
.contact-list span{
  display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:3px;
}
.contact-list a{color:var(--white);border-bottom:1px solid rgba(255,255,255,.25);}
.contact-list a:hover{color:var(--gold);border-color:var(--gold);}

.quote-cta{background:var(--navy);color:var(--white);text-align:center;padding:90px 0;}
.quote-cta .eyebrow{justify-content:center;display:flex;}
.quote-cta h2{color:var(--white);font-size:clamp(1.8rem,3.4vw,2.4rem);}
.quote-cta p{max-width:52ch;margin:0 auto 30px;color:rgba(255,255,255,.7);}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .about-grid,.contact-grid,.product-pillars,.vm-grid,.quote-grid{grid-template-columns:1fr;gap:44px;}
  .service-grid{grid-template-columns:repeat(2,1fr);}
  .route-track{grid-template-columns:repeat(2,1fr);row-gap:36px;}
  .route-track::before{display:none;}
  .quote-sidebar{position:static;}
}
@media (max-width:760px){
  .brand-mark{height:52px;}
  .site-header.scrolled .brand-mark{height:46px;}

  .main-nav{
    position:fixed;top:0;right:0;height:100vh;width:80%;max-width:320px;
    background:var(--navy);flex-direction:column;justify-content:center;align-items:flex-start;
    gap:28px;padding:40px;transform:translateX(100%);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
    box-shadow:-10px 0 40px rgba(0,0,0,.35);
    visibility:hidden;
  }
  .main-nav.open{transform:translateX(0);visibility:visible;}
  .main-nav a{font-size:1.05rem;padding:6px 0;}
  .main-nav a.active{color:var(--gold);}
  .nav-toggle{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;}
  .nav-cta{margin-top:10px;min-height:48px;display:flex;align-items:center;}

  .hero{padding-top:104px;min-height:auto;}
  .hero-inner{padding-bottom:40px;}
  .hero h1{font-size:clamp(2.1rem,9vw,2.8rem);line-height:1.15;margin-bottom:.6em;}
  .hero-lede{margin-bottom:1.4em;font-size:1rem;}
  .hero-quote{margin-bottom:2em;font-size:1.1rem;}
  .hero-actions{flex-direction:column;gap:14px;margin-bottom:44px;}
  .hero-actions .btn{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;}
  .hero-badges{gap:10px;padding-top:24px;}

  .presence-inner{flex-direction:column;gap:14px;text-align:center;}
  .presence-flags{justify-content:center;gap:14px 18px;}

  section{scroll-margin-top:76px;}
  .about,.services,.why-us,.industries,.process,.commitment,.vm,.faq,.certifications{padding:64px 0;}

  .service-grid{grid-template-columns:1fr;}
  .service-card{padding:28px 24px;}
  .service-list{grid-template-columns:1fr;}

  .pillar{padding:28px 24px;}
  .pillar-list{grid-template-columns:1fr;}

  .quote-form,.contact-form{padding:26px 22px;}
  .form-row{grid-template-columns:1fr;gap:14px;}
  .quote-form input,.quote-form textarea,.quote-form select,
  .contact-form input,.contact-form textarea{min-height:48px;font-size:1rem;}
  .quote-form textarea,.contact-form textarea{min-height:110px;}
  button[type="submit"]{min-height:50px;}
  .radio-pill span{padding:11px 18px;min-height:44px;display:flex;align-items:center;}

  .faq-q{min-height:48px;padding:16px 4px;}

  .contact{padding-bottom:50px;}
  .contact-details{gap:18px;}
  .response-note{width:100%;justify-content:center;text-align:center;}

  .footer-inner{flex-direction:column;text-align:center;align-items:center;gap:22px;}
  .footer-nav{align-items:center;gap:14px;}
  .footer-social{gap:14px;}
  .social-icon{width:40px;height:40px;}

  .whatsapp-float{right:16px;bottom:16px;width:52px;height:52px;}
  .whatsapp-tooltip{display:none;}
}

@media (max-width:600px){
  .cta-banner h2 br{display:none;}
}

@media (max-width:420px){
  .hero h1{font-size:2rem;}
  .wrap{padding:0 20px;}
}

@media (min-width:1400px){
  :root{--max:1320px;}
  .about-grid{gap:90px;}
  .contact-grid{gap:90px;}
}