/* ===================================================
   SEGAL HR – Manpower-Inspired Corporate Design 2024
   Navy Blue #003087 | Orange #FF6200 | Clean White
   =================================================== */


:root {
  /* ── Core Brand Palette ── */
  --navy:         #003087;
  --navy-dark:    #001f5c;
  --navy-mid:     #004bb5;
  --navy-light:   #e8eef8;
  --navy-xlight:  #f0f4fc;
  --orange:       #FF6200;
  --orange-dark:  #cc4f00;
  --orange-light: #fff0e6;
  --orange-xlight:#fff7f2;

  /* ── Neutrals ── */
  --white:        #ffffff;
  --bg-page:      #f5f7fb;
  --bg-light:     #f8faff;
  --bg-section:   #f2f5f9;
  --text-dark:    #0d1b3e;
  --text-mid:     #2c3e6b;
  --text-soft:    #5a6a8a;
  --text-light:   #8c9ab5;
  --border:       #dde4f0;
  --border-navy:  rgba(0,48,135,.15);

  /* ── Shadows ── */
  --shadow-xs:  0 1px 4px rgba(0,48,135,.06);
  --shadow-sm:  0 2px 12px rgba(0,48,135,.08);
  --shadow-md:  0 6px 24px rgba(0,48,135,.10);
  --shadow-lg:  0 16px 48px rgba(0,48,135,.13);
  --shadow-xl:  0 28px 64px rgba(13,27,62,.15);
  --shadow-orange: 0 6px 20px rgba(255,98,0,.28);

  /* ── Radii ── */
  --r-xs:  4px;  --r-sm: 8px;   --r-md: 12px;
  --r-lg: 20px;  --r-xl: 28px;  --r-full: 999px;

  /* ── Misc ── */
  --font:       'Heebo', sans-serif;
  --ease:       cubic-bezier(.25,.46,.45,.94);
  --ease-out:   cubic-bezier(0,0,.2,1);
  --t:          .25s;
  --header-h:   80px;
}

/* ─── Reset ─── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:16px; scroll-behavior:smooth; overflow-x:hidden; }
body {
  font-family:var(--font); background:var(--bg-page);
  color:var(--text-dark); overflow-x:hidden; line-height:1.65; direction:rtl;
}
a  { text-decoration:none; color:inherit; transition:color var(--t) var(--ease); }
ul { list-style:none; }
img { max-width:100%; height:auto; display:block; }
button { cursor:pointer; border:none; background:none; font-family:var(--font); }
::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--bg-light); }
::-webkit-scrollbar-thumb { background:var(--navy-mid); border-radius:3px; }

/* ─── Scroll Progress ─── */
.scroll-progress {
  position:fixed; top:0; right:0; left:0; height:3px; z-index:9999;
  background:linear-gradient(90deg,var(--orange),var(--navy-mid));
  transform-origin:right; transform:scaleX(0);
}

/* ─── Layout ─── */
.container { width:90%; max-width:1200px; margin:0 auto; }
.section    { padding:96px 0; background:var(--white); }
.section--gray  { background:var(--bg-section); }
.section--white { background:var(--white); }
.section--navy  { background:var(--navy); }
.section--dark  { background:var(--navy-dark); }

/* ─── Section Headers ─── */
.section__header { text-align:center; margin-bottom:56px; }
.section__tag {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--orange-xlight); color:var(--orange);
  font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  padding:6px 18px; border-radius:var(--r-full); margin-bottom:18px;
  border:1.5px solid rgba(255,98,0,.2);
}
.section__tag--navy { background:var(--navy-xlight); color:var(--navy-mid); border-color:var(--border-navy); }
.section__tag--light { background:rgba(255,255,255,.15); color:#fff; border-color:rgba(255,255,255,.3); }
.section__title {
  font-size:clamp(2rem,3.2vw,2.9rem);
  font-weight:900; line-height:1.18; color:var(--text-dark); margin-bottom:16px;
}
.section__title span { color:var(--orange); }
.section__title--light { color:#fff; }
.section__title--light span { color:var(--orange); }
.section__subtitle { color:var(--text-soft); font-size:1rem; max-width:620px; margin:0 auto; line-height:1.72; }
.section__subtitle--light { color:rgba(255,255,255,.75); }

/* ─── Buttons ─── */
.btn {
  display:inline-flex; align-items:center; gap:9px;
  padding:14px 30px; border-radius:var(--r-sm);
  font-size:.95rem; font-weight:800; transition:all var(--t) var(--ease);
  white-space:nowrap; font-family:var(--font); cursor:pointer; border:2px solid transparent;
}
.btn--primary {
  background:var(--orange); color:#fff;
  border-color:var(--orange);
  box-shadow:var(--shadow-orange);
}
.btn--primary:hover { background:var(--orange-dark); border-color:var(--orange-dark); transform:translateY(-2px); box-shadow:0 10px 28px rgba(255,98,0,.36); }
.btn--navy {
  background:var(--navy); color:#fff;
  border-color:var(--navy);
  box-shadow:var(--shadow-sm);
}
.btn--navy:hover { background:var(--navy-dark); transform:translateY(-2px); box-shadow:var(--shadow-md); }
.btn--outline {
  background:transparent; color:var(--navy);
  border-color:var(--navy); box-shadow:none;
}
.btn--outline:hover { background:var(--navy); color:#fff; transform:translateY(-2px); }
.btn--outline-white {
  background:transparent; color:#fff;
  border-color:rgba(255,255,255,.7);
}
.btn--outline-white:hover { background:rgba(255,255,255,.12); border-color:#fff; }
.btn--ghost {
  background:rgba(255,255,255,.9); color:var(--navy);
  border:2px solid var(--border-navy);
}
.btn--ghost:hover { background:var(--navy-xlight); border-color:var(--navy); transform:translateY(-2px); }
.btn--full { width:100%; justify-content:center; }
.btn__loader.hidden { display:none; }
.btn__loader.visible { display:inline-flex; }

/* Scroll reveal – only when JS ready */
.js-ready [data-animate="fade-up"]    { opacity:0; transform:translateY(28px); }
.js-ready [data-animate="fade-right"] { opacity:0; transform:translateX(28px); }
.js-ready [data-animate="fade-left"]  { opacity:0; transform:translateX(-28px); }
.js-ready [data-animate="zoom-in"]    { opacity:0; transform:scale(.94); }
[data-animate].visible { opacity:1 !important; transform:none !important; transition:opacity .65s var(--ease-out), transform .65s var(--ease-out); }

/* ═══════════════════════════════════════
   HEADER
═══════════════════════════════════════ */
.header {
  position:fixed; top:0; right:0; left:0; z-index:1000;
  height:var(--header-h); background:var(--white);
  border-bottom:1px solid var(--border);
  transition:box-shadow var(--t) var(--ease);
}
.header.scrolled { box-shadow:0 4px 20px rgba(0,48,135,.10); }
.header__inner {
  display:flex; align-items:center; justify-content:space-between;
  height:var(--header-h); gap:16px;
}
.logo { display:flex; align-items:center; gap:12px; }
.logo__img {
  height:52px; width:auto;
  border-radius:var(--r-sm);
  mix-blend-mode:normal;
  object-fit:contain;
  display:block;
}

.header-trust {
  display:flex; align-items:center; gap:22px;
  padding:0 16px;
}
.header-trust__img {
  height:56px; width:auto; object-fit:contain;
  opacity:1; filter:none; transition:opacity var(--t), transform var(--t);
  display:block;
}
.header-trust__img:hover { opacity:.75; transform:translateY(-2px); }

/* Header Phone */
.header-phone {
  display:flex; align-items:center; gap:10px;
  padding:9px 18px; background:var(--orange);
  border-radius:var(--r-sm); color:#fff;
  box-shadow:0 3px 12px rgba(255,98,0,.28);
  transition:all var(--t); flex-shrink:0;
}
.header-phone:hover { background:var(--orange-dark); transform:translateY(-1px); box-shadow:0 6px 18px rgba(255,98,0,.36); }
.header-phone i { font-size:.95rem; }
.header-phone__text { display:flex; flex-direction:column; line-height:1.1; }
.header-phone__label { font-size:.6rem; font-weight:600; opacity:.85; letter-spacing:.04em; }
.header-phone__num   { font-size:.86rem; font-weight:900; letter-spacing:.02em; white-space:nowrap; }

/* Nav */
.nav__list { display:flex; align-items:center; gap:2px; }
.nav__link {
  font-size:.88rem; font-weight:700; color:var(--text-mid);
  padding:8px 14px; border-radius:var(--r-sm);
  transition:color var(--t), background var(--t);
}
.nav__link:hover, .nav__link--active { color:var(--navy); background:var(--navy-xlight); }
.nav__link--cta {
  background:var(--navy); color:#fff !important;
  padding:9px 20px; border-radius:var(--r-sm);
  font-weight:800; border:2px solid var(--navy);
}
.nav__link--cta:hover { background:var(--navy-dark); border-color:var(--navy-dark); transform:translateY(-1px); }

.hamburger { display:none; flex-direction:column; gap:5px; width:36px; height:36px; padding:6px; border-radius:var(--r-sm); }
.hamburger span { display:block; height:2.5px; background:var(--navy); border-radius:2px; transition:all .3s; }
.hamburger.open span:nth-child(1) { transform:translateY(7.5px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-7.5px) rotate(-45deg); }

/* ═══════════════════════════════════════
   HERO – Corporate Full-Width
═══════════════════════════════════════ */
.hero {
  min-height:100vh; display:flex; flex-direction:column;
  padding-top:var(--header-h); position:relative; overflow:hidden;
  background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 45%, var(--navy-mid) 100%);
}
.hero::before {
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(ellipse 65% 60% at 80% 50%, rgba(255,98,0,.12) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 10% 80%, rgba(255,255,255,.05) 0%, transparent 50%);
  pointer-events:none;
}
/* Geometric decoration */
.hero::after {
  content:''; position:absolute;
  top:-100px; left:-100px;
  width:500px; height:500px;
  border-radius:50%;
  border:1.5px solid rgba(255,255,255,.06);
  pointer-events:none;
}
.hero__bg-shapes { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.shape { position:absolute; border-radius:50%; filter:blur(80px); }
.shape--1 { width:600px; height:600px; background:radial-gradient(circle,rgba(255,98,0,.14) 0%,transparent 70%); top:-80px; right:-100px; animation:floatShape 16s ease-in-out infinite alternate; }
.shape--2 { width:400px; height:400px; background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%); bottom:-60px; left:-80px; animation:floatShape 12s ease-in-out infinite alternate-reverse; }
.shape--3 { width:300px; height:300px; background:radial-gradient(circle,rgba(0,75,181,.25) 0%,transparent 70%); top:40%; left:50%; animation:floatShape 9s ease-in-out infinite alternate; }
@keyframes floatShape { from{transform:translate(0,0)} to{transform:translate(24px,32px)} }

.hero__inner {
  display:flex; align-items:center; gap:56px;
  flex:1; padding:70px 0 80px; position:relative; z-index:1;
  justify-content:space-between;
}
.hero__content { flex:1; max-width:580px; }

.hero__badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,98,0,.18); border:1.5px solid rgba(255,98,0,.4);
  border-radius:var(--r-full); padding:7px 18px;
  font-size:.78rem; font-weight:800; color:#ffb380; margin-bottom:22px;
  letter-spacing:.06em; text-transform:uppercase;
}
.hero__badge i { color:var(--orange); }

.hero__title {
  font-size:clamp(2.5rem,4.8vw,3.8rem);
  font-weight:900; line-height:1.1; color:#fff; margin-bottom:22px;
}
.hero__title--accent { color:var(--orange); }

.hero__subtitle {
  font-size:1.1rem; color:rgba(255,255,255,.78); line-height:1.72; margin-bottom:34px;
}
.hero__ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:24px; align-items:center; }

/* Urgency bar */
.urgency-bar {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,98,0,.18); border:1.5px solid rgba(255,98,0,.4);
  border-radius:var(--r-full); padding:7px 16px;
  font-size:.8rem; font-weight:700; color:#ffb380; margin-bottom:20px;
}
.urgency-bar i  { color:var(--orange); }
.urgency-bar strong { color:#ffd0a8; font-weight:900; }

/* Stats bar */
.hero__stats {
  display:flex; gap:12px;
  margin-top:20px;
}
.stat {
  flex:1; text-align:center;
  padding:16px 10px 14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  transition:background var(--t), transform var(--t);
  cursor:default;
}
.stat:hover {
  background:rgba(255,255,255,.13);
  transform:translateY(-3px);
}
.stat__icon {
  font-size:1.15rem;
  color:var(--orange);
  margin-bottom:6px;
  line-height:1;
}
.stat__value {
  font-size:1.9rem; font-weight:900; color:#fff; line-height:1;
  margin-bottom:4px;
}
.stat__plus  { font-size:1rem; font-weight:900; color:var(--orange); vertical-align:super; }
.stat__label { font-size:.7rem; font-weight:600; color:rgba(255,255,255,.6); display:block; letter-spacing:.02em; }

/* Hero Visual */
.hero__visual { flex:0 0 auto; width:460px; display:flex; align-items:center; justify-content:center; }
.hero__orbit-wrap { position:relative; width:420px; height:420px; margin:0 auto; flex-shrink:0; }

/* Hero center image wrapper */
.hero__center-img-wrap {
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:260px; height:260px; z-index:2; border-radius:50%;
}
.hero__workers-fallback {
  width:260px; height:260px; border-radius:50%;
  background:linear-gradient(135deg,var(--navy-mid),var(--navy));
  border:4px solid rgba(255,255,255,.25);
  box-shadow:0 16px 56px rgba(0,0,0,.3), 0 0 0 8px rgba(255,255,255,.06);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.hero__orbit-wrap .hero__workers-img {
  position:absolute; top:0; left:0;
  width:260px; height:260px;
  object-fit:cover;
  object-position:center center;
  border-radius:50%;
  border:4px solid rgba(255,255,255,.25);
  box-shadow:0 16px 56px rgba(0,0,0,.3), 0 0 0 8px rgba(255,255,255,.06);
  background:linear-gradient(135deg,var(--navy-mid),var(--navy));
  display:block;
}
.hero__orbit {
  position:absolute; inset:0;
  animation:orbitSpin 22s linear infinite; transform-origin:center;
}
.hero__orbit:hover { animation-play-state:paused; }
@keyframes orbitSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.hero__orbit-item {
  position:absolute; width:74px; height:74px;
  background:rgba(255,255,255,.12); backdrop-filter:blur(10px);
  border:1.5px solid rgba(255,255,255,.2);
  border-radius:var(--r-md);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; font-size:.58rem; font-weight:800; color:#fff;
  animation:counterRotate 22s linear infinite;
  transition:transform .3s, box-shadow .3s; cursor:default;
}
.hero__orbit-item:hover { transform:rotate(0deg) scale(1.18) !important; box-shadow:0 8px 24px rgba(0,0,0,.3); }
@keyframes counterRotate { from{transform:rotate(0deg)} to{transform:rotate(-360deg)} }
.hero__orbit-item i { font-size:1.1rem; color:var(--orange); }
.hero__orbit-item span { text-align:center; line-height:1.2; }
.hero__orbit::before {
  content:''; position:absolute; top:50%; left:50%;
  width:388px; height:388px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:50%; transform:translate(-50%,-50%);
}
/* 6 items evenly on circle r=168 from center(210,210), item 74×74 → offset 37px */
/* angle: -90°, -30°, +30°, +90°, +150°, +210° (=-150°) */
.hero__orbit-item--1 { top: calc(210px - 168px - 37px); left: calc(210px + 0px   - 37px); } /* top     0°  */
.hero__orbit-item--2 { top: calc(210px - 84px  - 37px); left: calc(210px + 145px - 37px); } /* top-right 60° */
.hero__orbit-item--3 { top: calc(210px + 84px  - 37px); left: calc(210px + 145px - 37px); } /* bottom-right 120° */
.hero__orbit-item--4 { top: calc(210px + 168px - 37px); left: calc(210px + 0px   - 37px); } /* bottom 180° */
.hero__orbit-item--5 { top: calc(210px + 84px  - 37px); left: calc(210px - 145px - 37px); } /* bottom-left 240° */
.hero__orbit-item--6 { top: calc(210px - 84px  - 37px); left: calc(210px - 145px - 37px); } /* top-left 300° */

/* Hero Wave */
.hero__wave { width:100%; line-height:0; overflow:hidden; margin-top:auto; }
.hero__wave svg { display:block; }

/* ═══════════════════════════════════════
   STRIP MARQUEE
═══════════════════════════════════════ */
.strip { background:var(--orange); padding:0; overflow:hidden; }
.strip__track { overflow:hidden; padding:14px 0; }
.strip__inner {
  display:flex; gap:0; white-space:nowrap;
  animation:marqueeRTL 30s linear infinite; width:max-content;
}
.strip__inner:hover { animation-play-state:paused; }
.strip__item {
  display:inline-flex; align-items:center; gap:8px;
  font-size:.84rem; font-weight:700; color:#fff;
  padding:0 32px; border-right:1px solid rgba(255,255,255,.2);
}
.strip__item i { color:rgba(255,255,255,.7); font-size:.88rem; flex-shrink:0; }
@keyframes marqueeRTL { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ═══════════════════════════════════════
   SOCIAL PROOF / TRUST ZONE
═══════════════════════════════════════ */
.social-proof-zone { background:var(--white); }

.certifications-bar {
  background:var(--white); padding:28px 0;
  border-bottom:1px solid var(--border);
}
.certifications-bar__inner {
  display:flex; align-items:center; justify-content:center;
  gap:0; flex-wrap:wrap;
}
.cert-item {
  display:flex; align-items:center; gap:12px; padding:12px 24px;
}
.cert-item__icon {
  width:42px; height:42px; border-radius:var(--r-sm);
  background:var(--navy-xlight); border:1.5px solid var(--border-navy);
  display:flex; align-items:center; justify-content:center;
  color:var(--navy); font-size:1.1rem; flex-shrink:0;
}
.cert-item__icon--orange { background:var(--orange-xlight); color:var(--orange); border-color:rgba(255,98,0,.2); }
.cert-item__icon--green  { background:#f0fdf4; color:#16a34a; border-color:rgba(22,163,74,.2); }
.cert-item__icon--teal   { background:#f0fdfa; color:#0891b2; border-color:rgba(8,145,178,.2); }
.cert-item__icon--gold   { background:#fffbeb; color:#d97706; border-color:rgba(217,119,6,.2); }
.cert-item__text { display:flex; flex-direction:column; }
.cert-item__text strong { font-size:.88rem; font-weight:800; color:var(--text-dark); }
.cert-item__text span   { font-size:.74rem; color:var(--text-soft); }
.cert-divider { width:1px; height:40px; background:var(--border); flex-shrink:0; }

/* Client Logos Band */
.clients-band { background:var(--white); padding:28px 0 48px; }
.clients-band__header { text-align:center; margin-bottom:20px; }
.clients-band__title {
  font-size:.75rem; font-weight:800; color:var(--text-light);
  letter-spacing:.12em; text-transform:uppercase;
}
.clients-band__title i { color:var(--navy-mid); margin-left:6px; }

/* Client logo grid */
.client-logos-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:6px 0;
}
.client-logo-card {
  display:flex; align-items:center; gap:14px;
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--r-md); padding:14px 16px;
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
}
.client-logo-card:hover {
  transform:translateY(-3px); box-shadow:var(--shadow-md); border-color:var(--border-navy);
}
.client-logo-card__icon {
  width:44px; height:44px; border-radius:var(--r-sm); flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1.1rem; box-shadow:0 4px 10px rgba(0,0,0,.12);
}
.client-logo-card__info { flex:1; min-width:0; }
.client-logo-card__info strong {
  display:block; font-size:.86rem; font-weight:800; color:var(--text-dark);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.client-logo-card__info span {
  font-size:.72rem; color:var(--text-soft);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;
}
.client-logo-card__tag {
  font-size:.62rem; font-weight:800; color:var(--navy-mid);
  background:var(--navy-xlight); border:1px solid var(--border-navy);
  padding:3px 9px; border-radius:var(--r-full); white-space:nowrap; flex-shrink:0;
}

/* ═══════════════════════════════════════
   ABOUT
═══════════════════════════════════════ */
.about { background:var(--white); }
.about__inner { display:flex; align-items:center; gap:72px; }
.about__image-wrap { flex:0 0 auto; position:relative; }

/* ─── About Logo Showcase – no frame, large clean logo ─── */
.about__logo-showcase {
  width:280px; text-align:center;
  position:relative;
  background:transparent; border:none; padding:0;
}
.about__logo-big {
  width:260px; height:auto;
  display:block; margin:0 auto;
  border-radius:var(--r-md);
  mix-blend-mode:normal;
  object-fit:contain;
  transition:transform .35s var(--ease);
}
.about__logo-showcase:hover .about__logo-big { transform:scale(1.03); }

.about__logo-divider {
  width:56px; height:3px; border-radius:2px;
  background:linear-gradient(90deg,var(--navy),var(--orange));
  margin:16px auto;
}

.about__logo-badges {
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center;
}
.about__logo-badges span {
  display:inline-flex; align-items:center; gap:5px;
  background:var(--white); border:1.5px solid var(--border-navy);
  color:var(--navy); font-size:.72rem; font-weight:700;
  padding:7px 14px; border-radius:var(--r-full); white-space:nowrap;
  box-shadow:var(--shadow-xs);
}
.about__logo-badges span i { font-size:.68rem; color:var(--orange); }

@keyframes logoPulse { 0%,100%{transform:translateX(-50%) scale(1)} 50%{transform:translateX(-50%) scale(1.1)} }

.about__years-badge {
  position:absolute; bottom:-18px; right:-18px;
  width:88px; height:88px; border-radius:50%;
  background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  color:#fff; text-align:center; padding:12px;
  box-shadow:var(--shadow-orange);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
}
.about__years-num  { font-size:1.6rem; font-weight:900; line-height:1; }
.about__years-text { font-size:.47rem; font-weight:700; line-height:1.25; text-align:center; opacity:.9; }

.about__content { flex:1; min-width:0; }
.about__text { color:var(--text-mid); line-height:1.78; margin-bottom:16px; font-size:.97rem; }
.about__list { margin:18px 0 28px; display:flex; flex-direction:column; gap:12px; }
.about__list li {
  display:flex; align-items:flex-start; gap:12px;
  font-size:.95rem; font-weight:600; color:var(--text-mid); line-height:1.6;
}
.about__list li i { color:var(--orange); font-size:.9rem; flex-shrink:0; margin-top:4px; }

.about__mini-stats {
  display:flex; gap:0; border:1.5px solid var(--border);
  border-radius:var(--r-md); overflow:hidden; margin-bottom:28px;
}
.about__mini-stat {
  flex:1; text-align:center; padding:16px 8px;
  border-right:1.5px solid var(--border); background:var(--white);
  transition:background var(--t);
  display:flex; flex-direction:column; gap:4px;
}
.about__mini-stat:last-child { border-right:0; }
.about__mini-stat:hover { background:var(--navy-xlight); }
.about__mini-stat strong {
  font-size:1.5rem; font-weight:900; color:var(--navy);
}
.about__mini-stat span { font-size:.72rem; font-weight:700; color:var(--text-soft); }

/* ═══════════════════════════════════════
   SERVICES
═══════════════════════════════════════ */
.services__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.service-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--r-lg); padding:28px 22px;
  position:relative;
  transition:transform var(--t), border-color var(--t), box-shadow var(--t);
}
.service-card::before {
  content:''; position:absolute; top:0; right:0; left:0; height:3px;
  background:var(--orange); transform:scaleX(0); transform-origin:right;
  transition:transform .3s var(--ease);
}
.service-card:hover { transform:translateY(-6px); border-color:var(--border-navy); box-shadow:var(--shadow-lg); }
.service-card:hover::before { transform:scaleX(1); }
.service-card__badge {
  position:absolute; top:14px; right:16px;
  background:var(--orange); color:#fff;
  font-size:.66rem; font-weight:800; letter-spacing:.04em;
  padding:4px 12px; border-radius:var(--r-full);
  box-shadow:0 2px 10px rgba(255,98,0,.3); z-index:2;
  white-space:nowrap; pointer-events:none;
}
/* Add top padding to cards that contain a badge */
.service-card:has(.service-card__badge) { padding-top:48px; }
.service-card__badge--hot { background:var(--navy); }
.service-card__icon {
  width:54px; height:54px; border-radius:var(--r-sm);
  background:var(--navy-xlight); border:1.5px solid var(--border-navy);
  display:flex; align-items:center; justify-content:center;
  color:var(--navy); font-size:1.3rem; margin-bottom:16px;
  transition:transform var(--t), background var(--t);
}
.service-card:hover .service-card__icon { transform:scale(1.1) rotate(-3deg); background:var(--navy); color:#fff; }
.service-card__title { font-size:1rem; font-weight:800; color:var(--text-dark); margin-bottom:8px; }
.service-card__text  { font-size:.82rem; color:var(--text-soft); line-height:1.6; margin-bottom:14px; }
.service-card__list  { display:flex; flex-direction:column; gap:7px; }
.service-card__list li {
  display:flex; align-items:flex-start; gap:8px;
  font-size:.78rem; color:var(--text-mid); font-weight:600;
}
.service-card__list li i { color:var(--orange); font-size:.7rem; margin-top:4px; flex-shrink:0; }

/* ═══════════════════════════════════════
   WHY US
═══════════════════════════════════════ */
.why-us__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:0; }
.why-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--r-lg); padding:32px 26px;
  position:relative; overflow:hidden;
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
}
.why-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--border-navy); }
.why-card__num {
  font-size:3.2rem; font-weight:900; color:var(--navy-xlight); line-height:1;
  margin-bottom:12px; letter-spacing:-.02em;
}
.why-card__icon {
  width:52px; height:52px; border-radius:var(--r-sm);
  background:var(--orange-xlight); border:1.5px solid rgba(255,98,0,.2);
  display:flex; align-items:center; justify-content:center;
  color:var(--orange); font-size:1.3rem; margin-bottom:14px;
  transition:transform var(--t), background var(--t);
}
.why-card:hover .why-card__icon { transform:scale(1.1); background:var(--orange); color:#fff; }
.why-card h3 { font-size:1.02rem; font-weight:800; color:var(--text-dark); margin-bottom:10px; }
.why-card p  { font-size:.88rem; color:var(--text-mid); line-height:1.72; }

/* ═══════════════════════════════════════
   WAVE DIVIDER
═══════════════════════════════════════ */
.wave-divider { line-height:0; overflow:hidden; display:block; font-size:0; }
.wave-divider svg { display:block; width:100%; }

/* ═══════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════ */
.testimonials__slider { min-height:240px; position:relative; margin-bottom:32px; }
.testimonial-card {
  display:none; animation:fadeIn .5s ease;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r-xl); padding:40px;
  backdrop-filter:blur(12px);
}
.testimonial-card.active { display:block; }
@keyframes fadeIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }
.testimonial-card__quote { font-size:2.5rem; color:var(--orange); margin-bottom:12px; line-height:1; opacity:.7; }
.testimonial-card__stars { color:#fbbf24; margin-bottom:16px; font-size:1.1rem; letter-spacing:2px; }
.testimonial-card__text { font-size:1rem; color:rgba(255,255,255,.9); line-height:1.78; margin-bottom:24px; font-style:italic; }
.testimonial-card__author { display:flex; align-items:center; gap:14px; }
.testimonial-card__avatar {
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; font-weight:800; color:#fff; flex-shrink:0;
}
.testimonial-card__avatar--blue  { background:linear-gradient(135deg,var(--navy-mid),var(--navy)); }
.testimonial-card__avatar--teal  { background:linear-gradient(135deg,#0891b2,#0369a1); }
.testimonial-card__avatar--gold  { background:linear-gradient(135deg,var(--orange),var(--orange-dark)); }
.testimonial-card__avatar--green { background:linear-gradient(135deg,#16a34a,#15803d); }
.testimonial-card__author div strong { display:block; font-size:.95rem; font-weight:800; color:#fff; }
.testimonial-card__author div span  { font-size:.8rem; color:rgba(255,255,255,.6); }

.testimonials__dots { display:flex; justify-content:center; gap:10px; margin-bottom:14px; }
.dot {
  width:10px; height:10px; border-radius:50%;
  background:rgba(255,255,255,.25); border:none; cursor:pointer;
  transition:all var(--t);
}
.dot.active { background:var(--orange); transform:scale(1.3); }
.testimonials__counter {
  text-align:center; font-size:.82rem; font-weight:700;
  color:rgba(255,255,255,.5); letter-spacing:.05em;
}

/* ═══════════════════════════════════════
   HOW IT WORKS (PROCESS)
═══════════════════════════════════════ */
.process__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; position:relative; margin-bottom:52px; }
.process__step {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--r-xl); padding:36px 28px; text-align:center;
  position:relative; box-shadow:var(--shadow-xs);
  transition:transform var(--t), box-shadow var(--t);
}
.process__step:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.process__num {
  font-size:3rem; font-weight:900; color:var(--navy-xlight); line-height:1;
  margin-bottom:16px; letter-spacing:-.02em;
}
.process__icon {
  width:60px; height:60px; border-radius:50%;
  background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1.4rem; margin:0 auto 18px;
  box-shadow:var(--shadow-orange);
}
.process__step h3 { font-size:1.05rem; font-weight:800; color:var(--text-dark); margin-bottom:10px; }
.process__step p  { font-size:.88rem; color:var(--text-mid); line-height:1.72; }
.process__arrow {
  position:absolute; top:50%; right:-24px; transform:translateY(-50%);
  width:48px; height:48px; border-radius:50%;
  background:var(--navy-xlight); border:1.5px solid var(--border-navy);
  display:flex; align-items:center; justify-content:center;
  color:var(--navy); font-size:.9rem;
}
.process__cta { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }

/* ═══════════════════════════════════════
   LEAD CTA BANNER
═══════════════════════════════════════ */
.lead-cta-section {
  padding:80px 0;
  background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 60%,var(--navy-mid) 100%);
  position:relative; overflow:hidden;
}
.lead-cta-section::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 55% 80% at 80% 50%,rgba(255,98,0,.15) 0%,transparent 60%);
}
.lead-cta-inner {
  display:flex; align-items:center; gap:48px; flex-wrap:wrap; justify-content:space-between;
  position:relative; z-index:1;
}
.lead-cta-tag {
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,98,0,.2); color:#ffb380;
  font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
  padding:6px 16px; border-radius:var(--r-full); margin-bottom:14px; border:1px solid rgba(255,98,0,.35);
}
.lead-cta-text { flex:1; }
.lead-cta-text h2 { font-size:clamp(1.8rem,3vw,2.5rem); font-weight:900; color:#fff; line-height:1.2; margin-bottom:12px; }
.lead-cta-text h2 span { color:var(--orange); }
.lead-cta-text p { color:rgba(255,255,255,.75); font-size:.97rem; max-width:480px; }
.lead-cta-action { flex-shrink:0; text-align:center; }
.lead-cta-note { color:rgba(255,255,255,.55); font-size:.8rem; margin-top:12px; }
.lead-cta-note i { margin-left:4px; }

.btn--lead-open {
  display:inline-flex; align-items:center; gap:12px;
  background:var(--orange); color:#fff;
  padding:18px 36px; border-radius:var(--r-sm);
  font-size:1.05rem; font-weight:900;
  box-shadow:var(--shadow-orange);
  transition:transform var(--t), box-shadow var(--t), background var(--t);
  border:2px solid var(--orange); cursor:pointer; font-family:var(--font);
}
.btn--lead-open:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 12px 36px rgba(255,98,0,.42); background:var(--orange-dark); }

/* ═══════════════════════════════════════
   FAQ
═══════════════════════════════════════ */
.faq { background:var(--bg-section); }
.faq__list { max-width:800px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
.faq__item {
  border:1.5px solid var(--border); border-radius:var(--r-md);
  overflow:hidden; background:var(--white);
  transition:border-color var(--t), box-shadow var(--t);
}
.faq__item.open { border-color:var(--navy); box-shadow:var(--shadow-sm); }
.faq__question {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:20px 24px; text-align:right;
  font-size:1rem; font-weight:700; color:var(--text-dark);
  background:none; cursor:pointer; gap:16px;
  transition:color var(--t), background var(--t); font-family:var(--font);
}
.faq__question:hover { color:var(--navy); background:var(--navy-xlight); }
.faq__item.open .faq__question { color:var(--navy); background:var(--navy-xlight); }
.faq__icon { flex-shrink:0; font-size:.85rem; color:var(--orange); transition:transform .3s var(--ease); }
.faq__item.open .faq__icon { transform:rotate(180deg); }
.faq__answer { max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
.faq__answer p { padding:16px 24px 22px; color:var(--text-soft); font-size:.95rem; line-height:1.75; border-top:1px solid var(--border); }

/* ═══════════════════════════════════════
   CONTACT
═══════════════════════════════════════ */
.contact__inner { display:flex; gap:56px; align-items:flex-start; }
.contact__info { flex:1; }
.contact__desc { color:var(--text-mid); line-height:1.72; margin-bottom:28px; font-size:.97rem; }
.contact__details { display:flex; flex-direction:column; gap:12px; margin-bottom:24px; }
.contact__detail-item {
  display:flex; align-items:center; gap:16px;
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--r-md); padding:14px 18px;
  transition:transform var(--t), box-shadow var(--t), border-color var(--t);
  color:var(--text-dark);
}
.contact__detail-item:hover { transform:translateX(4px); box-shadow:var(--shadow-sm); border-color:var(--border-navy); }
.contact__detail-icon {
  width:42px; height:42px; border-radius:var(--r-sm);
  background:var(--navy); display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:1rem; flex-shrink:0;
}
.contact__detail-item strong { display:block; font-size:.82rem; font-weight:800; color:var(--text-dark); }
.contact__detail-item span  { font-size:.88rem; color:var(--text-soft); }

/* Google Maps */
.contact__map { width:100%; margin-bottom:24px; border-radius:var(--r-md); overflow:hidden; border:1.5px solid var(--border); box-shadow:var(--shadow-sm); }
.contact__map iframe { display:block; }

.btn-whatsapp-big {
  display:inline-flex; align-items:center; gap:12px;
  background:linear-gradient(135deg,#25d366,#128c3e);
  color:#fff; padding:15px 30px; border-radius:var(--r-sm);
  font-size:.95rem; font-weight:800;
  box-shadow:0 5px 20px rgba(37,211,102,.28);
  transition:transform var(--t), box-shadow var(--t);
}
.btn-whatsapp-big:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(37,211,102,.38); }
.btn-whatsapp-big i { font-size:1.2rem; }

.contact__form-wrap { flex:1; }
.contact__form {
  background:var(--white); border:2px solid var(--border);
  border-radius:var(--r-xl); padding:36px 36px 28px; box-shadow:var(--shadow-md);
}
.form__title { font-size:1.2rem; font-weight:900; color:var(--text-dark); margin-bottom:24px; }
.form__row   { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.form__group { display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.form__group label { font-size:.82rem; font-weight:700; color:var(--text-dark); }
.form__group label span { color:var(--orange); margin-right:2px; }
.form__group input,
.form__group select,
.form__group textarea {
  background:var(--bg-light); border:1.5px solid var(--border);
  border-radius:var(--r-sm); padding:12px 16px;
  font-size:.95rem; font-family:var(--font); color:var(--text-dark);
  transition:border-color var(--t), box-shadow var(--t);
}
.form__group input:focus,
.form__group select:focus,
.form__group textarea:focus {
  border-color:var(--navy); outline:none;
  box-shadow:0 0 0 3px rgba(0,48,135,.08);
}
.form__group input.error,
.form__group select.error { border-color:#dc2626; }
.form__group input::placeholder,
.form__group textarea::placeholder { color:var(--text-light); }
.form__error { font-size:.77rem; color:#dc2626; min-height:18px; }
/* ─── Form Success Screen ─── */
.form__success { padding:10px 0; }
.form__success.hidden { display:none; }

.form__success-inner {
  text-align:center;
  padding:32px 24px 28px;
  background:#fff;
  border-radius:var(--r-lg);
  border:2px solid #e8f0fe;
}

.form__success-icon {
  width:70px; height:70px; border-radius:50%;
  background:linear-gradient(135deg,#003087,#004bb5);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px;
  box-shadow:0 6px 20px rgba(0,48,135,.25);
}
.form__success-icon i {
  font-size:2rem; color:#fff;
}

.form__success-inner h3 {
  font-size:1.35rem; font-weight:900;
  color:var(--text-dark); margin:0 0 16px;
}

/* Ticket badge */
.form__ticket-badge {
  display:inline-flex; flex-direction:column; align-items:center;
  background:linear-gradient(135deg,#FF6200,#cc4f00);
  border-radius:10px; padding:10px 28px;
  margin-bottom:20px;
  box-shadow:0 4px 14px rgba(255,98,0,.35);
}
.form__ticket-label {
  font-size:.72rem; font-weight:700;
  color:rgba(255,255,255,.85); letter-spacing:1px;
  text-transform:uppercase; margin-bottom:3px;
}
.form__ticket-number {
  font-size:1.3rem; font-weight:900;
  color:#fff; letter-spacing:2px;
}

.form__success-msg {
  color:var(--text-mid); font-size:.95rem; line-height:1.75;
  margin:0 0 16px;
}

.form__success-email-note {
  display:inline-flex; align-items:center; gap:6px;
  background:#f0f4fc; border:1px solid #c5d5f5;
  border-radius:20px; padding:6px 16px;
  font-size:.82rem; color:#003087; font-weight:600;
  margin-bottom:20px;
}
.form__success-email-note i { color:#003087; }

.form__success-actions {
  display:flex; gap:10px; justify-content:center;
  flex-wrap:wrap; margin-bottom:14px;
}
.btn--whatsapp {
  background:linear-gradient(135deg,#25d366,#128c7e);
  color:#fff; border:none;
}
.btn--whatsapp:hover { background:linear-gradient(135deg,#128c7e,#075e54); color:#fff; }

.form__ticket-save {
  font-size:.75rem; color:#aaa; margin:0;
}
.form__privacy { font-size:.78rem; color:var(--text-light); text-align:center; margin-top:12px; }

/* ═══════════════════════════════════════
   LEAD MODAL / BOT
═══════════════════════════════════════ */
.lead-modal-overlay {
  position:fixed; inset:0; z-index:5000;
  background:rgba(0,31,92,.55); backdrop-filter:blur(6px);
  display:none; align-items:center; justify-content:center; padding:20px;
}
.lead-modal-overlay.open { display:flex; }
.lead-modal {
  background:var(--white); border-radius:var(--r-xl);
  width:100%; max-width:460px; max-height:90vh;
  overflow:hidden; display:flex; flex-direction:column;
  position:relative; box-shadow:var(--shadow-xl);
}
.lead-modal-close {
  position:absolute; top:14px; left:14px;
  width:32px; height:32px; border-radius:50%;
  background:var(--bg-light); color:var(--text-soft);
  display:flex; align-items:center; justify-content:center;
  font-size:.9rem; z-index:10; transition:all var(--t);
}
.lead-modal-close:hover { background:var(--orange-xlight); color:var(--orange); }
.app-header {
  display:flex; align-items:center; gap:12px;
  padding:18px 20px 14px;
  background:linear-gradient(135deg,var(--navy-dark),var(--navy));
  color:#fff;
}
.header-avatar {
  width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center;
  font-size:1.1rem;
}
.header-info { flex:1; }
.header-info h1 { font-size:.92rem; font-weight:800; color:#fff; }
.header-info p  { font-size:.74rem; color:rgba(255,255,255,.65); }
.header-badge   { font-size:.72rem; color:rgba(255,255,255,.75); }
.progress-wrap  { height:4px; background:rgba(0,48,135,.12); }
.progress-fill  { height:100%; background:linear-gradient(90deg,var(--orange),var(--navy)); transition:width .4s var(--ease); }
.progress-label { text-align:center; font-size:.72rem; font-weight:700; color:var(--text-soft); padding:6px; background:var(--bg-light); }
.chat-area { flex:1; overflow-y:auto; padding:20px; display:flex; flex-direction:column; gap:14px; min-height:200px; }
.msg { display:flex; gap:10px; align-items:flex-end; }
.msg.bot { flex-direction:row; }
.msg.user { flex-direction:row-reverse; }
.bubble {
  max-width:78%; padding:12px 16px; border-radius:var(--r-md);
  font-size:.9rem; line-height:1.6; animation:fadeIn .3s ease;
}
.msg.bot .bubble  { background:var(--bg-light); color:var(--text-dark); border-radius:var(--r-md) var(--r-md) var(--r-md) 4px; }
.msg.user .bubble { background:linear-gradient(135deg,var(--navy),var(--navy-mid)); color:#fff; border-radius:var(--r-md) var(--r-md) 4px var(--r-md); }
.typing-dots span { display:inline-block; width:6px; height:6px; background:var(--text-soft); border-radius:50%; margin:0 2px; animation:typingBounce .9s ease infinite; }
.typing-dots span:nth-child(2) { animation-delay:.15s; }
.typing-dots span:nth-child(3) { animation-delay:.3s; }
@keyframes typingBounce { 0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-6px)} }
.input-area { padding:14px 16px; border-top:1px solid var(--border); background:var(--white); }
.options-row { display:flex; gap:8px; flex-wrap:wrap; }
.option-btn {
  padding:9px 16px; border-radius:var(--r-full);
  background:var(--navy-xlight); border:1.5px solid var(--border-navy);
  color:var(--navy); font-size:.85rem; font-weight:700;
  cursor:pointer; transition:all var(--t); font-family:var(--font);
}
.option-btn:hover { background:var(--navy); color:#fff; }
.input-wrapper { display:flex; gap:8px; }
.input-wrapper input {
  flex:1; padding:11px 16px; border-radius:var(--r-full);
  background:var(--bg-light); border:1.5px solid var(--border);
  font-size:.9rem; font-family:var(--font); color:var(--text-dark);
  transition:border-color var(--t);
}
.input-wrapper input:focus { border-color:var(--navy); outline:none; }
.send-btn {
  width:40px; height:40px; border-radius:50%;
  background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:.9rem; transition:transform var(--t); border:none; cursor:pointer;
}
.send-btn:hover { transform:scale(1.1); }
.error-msg { color:#dc2626; font-size:.82rem; margin-top:6px; display:flex; align-items:center; gap:6px; }
.client-summary { background:var(--bg-light); border-radius:var(--r-md); padding:16px; font-size:.85rem; line-height:1.7; margin-bottom:10px; }
.action-btns { display:flex; gap:10px; flex-wrap:wrap; }

/* Footer cert badges */
.footer__cert-badge {
  font-size:.78rem; font-weight:700; color:rgba(255,255,255,.55);
  letter-spacing:.06em; border:1px solid rgba(255,255,255,.18);
  padding:5px 14px; border-radius:20px;
  display:inline-flex; align-items:center; gap:6px;
}
.footer__cert-badge i { color:var(--orange); font-size:.75rem; }
.footer__phone-link { color:var(--orange); transition:color var(--t); }
.footer__phone-link:hover { color:#ffb380; }

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
.footer { background:var(--navy-dark); color:#fff; padding:64px 0 0; }
.footer__inner { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:48px; align-items:start; }
.footer__logo {
  height:64px; width:auto; margin-bottom:14px;
  border-radius:var(--r-sm);
  mix-blend-mode:normal;
  object-fit:contain;
  display:block;
}
.footer__brand p { font-size:.87rem; color:rgba(255,255,255,.45); line-height:1.72; max-width:240px; }
.footer__links h4 { font-size:.78rem; font-weight:800; color:rgba(255,255,255,.45); letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; }
.footer__links ul { display:flex; flex-direction:column; gap:10px; }
.footer__links a { font-size:.87rem; color:rgba(255,255,255,.6); transition:color var(--t); }
.footer__links a:hover { color:#fff; }
.footer__contact h4 { font-size:.78rem; font-weight:800; color:rgba(255,255,255,.45); letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; }
.footer__contact p { font-size:.85rem; color:rgba(255,255,255,.6); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.footer__contact i { color:var(--orange); font-size:.8rem; }
.footer__wa-btn {
  display:inline-flex; align-items:center; gap:8px; margin-top:14px;
  background:linear-gradient(135deg,#25d366,#128c3e);
  color:#fff; padding:10px 20px; border-radius:var(--r-sm);
  font-size:.85rem; font-weight:700;
  box-shadow:0 4px 14px rgba(37,211,102,.28);
  transition:transform var(--t);
}
.footer__wa-btn:hover { transform:translateY(-2px); }
.footer__bottom {
  margin-top:48px; padding:24px 0;
  border-top:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.footer__bottom-certs {
  display:flex; align-items:center; justify-content:center;
  gap:20px; flex-wrap:wrap; margin-bottom:16px;
  padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.08);
}
.footer__bottom p { font-size:.78rem; color:rgba(255,255,255,.3); }
.footer__bottom a { color:var(--orange); }

/* ═══════════════════════════════════════
   WHATSAPP FLOAT + BACK TO TOP
═══════════════════════════════════════ */
.whatsapp-float {
  position:fixed; bottom:28px; right:20px; z-index:800;
  display:flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#25d366,#128c3e);
  color:#fff; padding:13px 20px 13px 16px;
  border-radius:var(--r-sm);
  box-shadow:0 6px 22px rgba(37,211,102,.4);
  font-size:.88rem; font-weight:800;
  animation:waBounce 2.5s ease-in-out infinite;
  transition:transform var(--t), box-shadow var(--t);
}
@keyframes waBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
.whatsapp-float:hover { transform:translateY(-4px) scale(1.04) !important; box-shadow:0 8px 32px rgba(37,211,102,.5); animation:none; }
.whatsapp-float i { font-size:1.3rem; }

.back-to-top {
  position:fixed; bottom:28px; left:20px; z-index:800;
  width:46px; height:46px; border-radius:var(--r-sm);
  background:var(--navy); color:#fff; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; box-shadow:var(--shadow-md);
  opacity:0; pointer-events:none; transition:all var(--t);
}
.back-to-top.visible { opacity:1; pointer-events:auto; }
.back-to-top:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); background:var(--navy-mid); }

/* ═══════════════════════════════════════
   STICKY MOBILE CTA BAR
═══════════════════════════════════════ */
.mobile-cta-bar {
  display:none;
  position:fixed; bottom:0; right:0; left:0; z-index:990;
  background:var(--white); border-top:2px solid var(--border);
  box-shadow:0 -4px 20px rgba(0,48,135,.1);
  padding:10px 16px env(safe-area-inset-bottom,12px);
  grid-template-columns:1fr 1fr; gap:10px;
}
.mobile-cta-bar__btn {
  display:flex; align-items:center; justify-content:center;
  gap:8px; padding:13px 10px; border-radius:var(--r-sm);
  font-size:.92rem; font-weight:800; color:#fff;
  transition:opacity var(--t), transform var(--t);
}
.mobile-cta-bar__btn:hover { opacity:.9; transform:scale(.98); }
.mobile-cta-bar__btn--call { background:var(--navy); box-shadow:var(--shadow-sm); }
.mobile-cta-bar__btn--wa   { background:linear-gradient(135deg,#25d366,#128c3e); }

/* ═══════════════════════════════════════
   EXIT-INTENT POPUP
═══════════════════════════════════════ */
.exit-popup-overlay {
  position:fixed; inset:0; z-index:10000;
  background:rgba(0,31,92,.55); backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center; padding:20px;
  opacity:0; pointer-events:none; transition:opacity .3s var(--ease);
}
.exit-popup-overlay.open { opacity:1; pointer-events:auto; }
.exit-popup {
  background:var(--white); border-radius:var(--r-xl);
  padding:40px 36px; max-width:420px; width:100%;
  position:relative; text-align:center;
  box-shadow:var(--shadow-xl); border:2px solid var(--border-navy);
  transform:translateY(20px) scale(.96);
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.exit-popup-overlay.open .exit-popup { transform:translateY(0) scale(1); }
.exit-popup__close {
  position:absolute; top:14px; left:14px;
  width:34px; height:34px; border-radius:50%;
  background:var(--bg-light); border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  color:var(--text-soft); font-size:.9rem; transition:all var(--t);
}
.exit-popup__close:hover { background:var(--orange-xlight); color:var(--orange); }
.exit-popup__icon { width:64px; height:64px; border-radius:50%; margin:0 auto 16px; background:linear-gradient(135deg,var(--orange-xlight),var(--navy-xlight)); display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:var(--orange); }
.exit-popup__title { font-size:1.5rem; font-weight:900; color:var(--text-dark); margin-bottom:10px; line-height:1.2; }
.exit-popup__desc { font-size:.95rem; color:var(--text-soft); line-height:1.6; margin-bottom:16px; }
.exit-popup__desc strong { color:var(--navy); }
.exit-popup__urgency { display:inline-flex; align-items:center; gap:6px; background:var(--orange-xlight); border:1px solid rgba(255,98,0,.25); border-radius:var(--r-full); padding:5px 14px; font-size:.78rem; font-weight:700; color:var(--orange); margin-bottom:22px; }
.exit-popup__form { display:flex; flex-direction:column; gap:12px; }
.exit-popup__field input {
  width:100%; padding:14px 18px; background:var(--bg-light); border:1.5px solid var(--border);
  border-radius:var(--r-md); font-size:.95rem; font-family:var(--font);
  direction:rtl; text-align:right; color:var(--text-dark);
  transition:border-color var(--t), box-shadow var(--t);
}
.exit-popup__field input:focus { border-color:var(--navy); outline:none; box-shadow:0 0 0 3px rgba(0,48,135,.08); }
.exit-popup__field input::placeholder { color:var(--text-light); }
.exit-popup__btn {
  padding:16px; border-radius:var(--r-sm);
  background:var(--orange); color:#fff; font-size:1rem; font-weight:800;
  border:none; cursor:pointer; font-family:var(--font);
  box-shadow:var(--shadow-orange);
  transition:transform var(--t), box-shadow var(--t), background var(--t);
}
.exit-popup__btn:hover { transform:translateY(-2px); background:var(--orange-dark); box-shadow:0 8px 24px rgba(255,98,0,.36); }
.exit-popup__privacy { font-size:.75rem; color:var(--text-light); margin-top:4px; }
.exit-popup__success { padding:24px 0; }
.exit-popup__success i { font-size:2.5rem; color:var(--orange); display:block; margin-bottom:12px; }
.exit-popup__success p { font-size:1.05rem; font-weight:700; color:var(--text-dark); }
.exit-popup__success.hidden { display:none; }
.hidden { display:none !important; }

/* ═══════════════════════════════════════
   COOKIE NOTICE
═══════════════════════════════════════ */
.cookie-notice {
  position:fixed; bottom:0; right:0; left:0; z-index:9500;
  background:var(--navy-dark); color:#fff; padding:14px 24px;
  transform:translateY(100%); transition:transform .4s var(--ease);
}
.cookie-notice.visible { transform:translateY(0); }
.cookie-notice__inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.cookie-notice__icon  { font-size:1.4rem; flex-shrink:0; color:var(--orange); }
.cookie-notice__text  { flex:1; font-size:.85rem; line-height:1.5; min-width:200px; }
.cookie-notice__link  { color:var(--orange); text-decoration:underline; }
.cookie-notice__actions { display:flex; gap:10px; flex-shrink:0; }
.cookie-notice__accept {
  padding:8px 22px; border-radius:var(--r-sm);
  background:var(--orange); border:none; color:#fff;
  font-size:.85rem; font-weight:700; cursor:pointer; font-family:var(--font);
  transition:background var(--t);
}
.cookie-notice__accept:hover { background:var(--orange-dark); }
.cookie-notice__decline {
  padding:8px 16px; border-radius:var(--r-sm);
  background:transparent; border:1.5px solid rgba(255,255,255,.28); color:rgba(255,255,255,.65);
  font-size:.85rem; font-weight:600; cursor:pointer; font-family:var(--font);
}
.cookie-notice__decline:hover { border-color:rgba(255,255,255,.55); color:#fff; }

/* ═══════════════════════════════════════
   ACCESSIBILITY
═══════════════════════════════════════ */
.skip-link {
  position:absolute; top:-100px; right:0; z-index:9999;
  background:var(--navy); color:#fff;
  padding:12px 20px; border-radius:0 0 var(--r-md) 0;
  font-size:.9rem; font-weight:700; transition:top .2s; text-decoration:none;
}
.skip-link:focus { top:0; }
.visually-hidden {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
  outline:3px solid var(--orange); outline-offset:3px; border-radius:var(--r-xs);
}

/* ═══════════════════════════════════════
   RESPONSIVE – 1100px
═══════════════════════════════════════ */
@media (max-width:1100px) {
  .services__grid { grid-template-columns:repeat(2,1fr); }
  .footer__inner  { grid-template-columns:1fr 1fr; }
  .header-trust   { display:none; }
  .client-logos-grid { grid-template-columns:repeat(2,1fr); }
}

/* ═══════════════════════════════════════
   RESPONSIVE – 900px
═══════════════════════════════════════ */
@media (max-width:900px) {
  .why-us__grid { grid-template-columns:repeat(2,1fr); }
  .process__grid { grid-template-columns:1fr; gap:24px; }
  .process__arrow { display:none; }
  .about__inner { flex-direction:column; gap:40px; align-items:center; }
  .about__image-wrap { width:100%; display:flex; justify-content:center; }
  .about__logo-showcase { width:240px; margin:0 auto; }
  .about__logo-big { width:220px; }
  .about__content { width:100%; }
  .hero__inner { flex-direction:column; text-align:center; padding:48px 0 60px; gap:40px; }
  .hero__visual { width:100%; max-width:340px; }
  .hero__orbit-wrap { width:300px; height:300px; }
  .hero__center-img-wrap { width:180px; height:180px; }
  .hero__orbit-wrap .hero__workers-img { width:180px; height:180px; }
  .hero__workers-fallback { width:180px; height:180px; }
  .hero__orbit::before { width:272px; height:272px; }
  /* 6 items on circle r=116 center(150,150) item 74x74 offset=37 */
  .hero__orbit-item--1 { top: calc(150px - 116px - 37px); left: calc(150px + 0px   - 37px); }
  .hero__orbit-item--2 { top: calc(150px - 58px  - 37px); left: calc(150px + 100px - 37px); }
  .hero__orbit-item--3 { top: calc(150px + 58px  - 37px); left: calc(150px + 100px - 37px); }
  .hero__orbit-item--4 { top: calc(150px + 116px - 37px); left: calc(150px + 0px   - 37px); }
  .hero__orbit-item--5 { top: calc(150px + 58px  - 37px); left: calc(150px - 100px - 37px); }
  .hero__orbit-item--6 { top: calc(150px - 58px  - 37px); left: calc(150px - 100px - 37px); }
  .hero__stats { justify-content:center; gap:8px; }
  .hero__ctas  { justify-content:center; }
  .about__mini-stats { grid-template-columns:repeat(4,1fr); display:grid; }
  .contact__inner { flex-direction:column; gap:40px; }
  .lead-cta-inner { flex-direction:column; text-align:center; align-items:center; }
}

/* ═══════════════════════════════════════
   RESPONSIVE – 768px
═══════════════════════════════════════ */
@media (max-width:768px) {
  .nav {
    position:fixed; top:0; right:0; left:0; bottom:0; z-index:999;
    background:rgba(255,255,255,.97); backdrop-filter:blur(14px);
    padding:100px 32px 40px;
    transform:translateX(100%); transition:transform .35s var(--ease);
  }
  .nav.open { transform:translateX(0); }
  .nav__list { flex-direction:column; gap:8px; }
  .nav__link  { font-size:1.1rem; padding:14px 18px; display:block; width:100%; }
  .hamburger  { display:flex; }
  .header-phone { display:none; }
  .services__grid, .footer__inner { grid-template-columns:1fr; }
  .why-us__grid { grid-template-columns:1fr; }
  .client-logos-grid { grid-template-columns:1fr; }
  .section { padding:68px 0; }
  .about__mini-stats { grid-template-columns:repeat(2,1fr); display:grid; }
  .process__cta { flex-direction:column; align-items:center; }
  .form__row { grid-template-columns:1fr; }
  .mobile-cta-bar { display:grid; }
  body { padding-bottom:80px; }
  .whatsapp-float  { bottom:92px; right:16px; }
  .back-to-top     { bottom:92px; left:16px; }
  .faq__question   { font-size:.93rem; padding:16px 18px; }
  .faq__answer p   { padding:12px 18px 18px; }
  .footer { padding-bottom:0; }
  .cookie-notice   { bottom:76px; }
  .certifications-bar__inner { gap:0; }
  .cert-divider    { display:none; }
}

/* ═══════════════════════════════════════
   RESPONSIVE – 480px
═══════════════════════════════════════ */
@media (max-width:480px) {
  .hero__title { font-size:2rem; }
  .hero__stats { flex-wrap:wrap; gap:8px; }
  .stat { flex:1 1 calc(50% - 8px); min-width:130px; border-left:0; border-top:0; }
  .whatsapp-float span { display:none; }
  .whatsapp-float { padding:14px; }
  .contact__form { padding:24px 18px; }
  .exit-popup { padding:30px 24px; }
}

/* ═══════════════════════════════════════
   REDUCED MOTION
═══════════════════════════════════════ */
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
}

/* ═══════════════════════════════════════
   PRINT
═══════════════════════════════════════ */
@media print {
  .header, .whatsapp-float, .back-to-top, .mobile-cta-bar,
  .exit-popup-overlay, .cookie-notice, .lead-modal-overlay, .scroll-progress { display:none !important; }
  body { background:#fff; color:#000; }
  .hero { min-height:auto; padding:40px 0; background:var(--navy) !important; }
  .section { padding:30px 0; }
}