/* ============================================================
   BIOCARD.ae design system (GCC rebuild, 2026)
   Clinical, calm, precise. Maroon #7C1623. No marquees.
   Uses logical properties where possible (Arabic/RTL-ready).
   Type inherits the template's Muller family (biocard.com ref).
   ============================================================ */
:root{
  --ae-maroon:#7C1623;
  --ae-maroon-dark:#5E0F1A;
  --ae-ink:#1F1A1B;
  --ae-muted:#6E5F62;
  --ae-ground:#FFFFFF;
  --ae-wash:#F7F2F3;
  --ae-line:#E9DFE1;
  --ae-ok:#1E6B3C;
}

/* ---------- layout primitives ---------- */
.ae-section{padding-block:64px;background:var(--ae-ground);}
.ae-section--wash{background:var(--ae-wash);}
.ae-section--maroon{background:var(--ae-maroon);color:#fff;}
.ae-container{max-width:1200px;margin-inline:auto;padding-inline:24px;}
.ae-grid{display:grid;gap:24px;}
.ae-grid--2{grid-template-columns:repeat(2,1fr);}
.ae-grid--3{grid-template-columns:repeat(3,1fr);}
.ae-grid--4{grid-template-columns:repeat(4,1fr);}
.ae-split{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;}
@media(max-width:980px){
  .ae-grid--4{grid-template-columns:repeat(2,1fr);}
  .ae-grid--3{grid-template-columns:repeat(2,1fr);}
  .ae-split{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .ae-section{padding-block:44px;}
  .ae-grid--2,.ae-grid--3,.ae-grid--4{grid-template-columns:1fr;}
}

/* ---------- typography ---------- */
.ae-eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;
  font-size:13px;font-weight:600;color:var(--ae-maroon);margin-block-end:12px;}
.ae-section--maroon .ae-eyebrow{color:#fff;opacity:.8;}
.ae-h2{font-size:clamp(26px,3.4vw,38px);line-height:1.14;font-weight:800;
  color:var(--ae-ink);margin:0 0 18px;text-wrap:balance;}
.ae-section--maroon .ae-h2{color:#fff;}
.ae-h3{font-size:20px;font-weight:700;color:var(--ae-ink);margin:0 0 10px;}
.ae-lead{font-size:19px;line-height:1.6;color:var(--ae-ink);max-width:70ch;margin:0 0 14px;}
.ae-body{font-size:16.5px;line-height:1.65;color:var(--ae-ink);max-width:70ch;margin:0 0 12px;}
.ae-muted{color:var(--ae-muted);}
.ae-section--maroon .ae-lead,.ae-section--maroon .ae-body{color:#fff;opacity:.96;}
.ae-note{font-size:14px;line-height:1.55;color:var(--ae-muted);max-width:75ch;}
.ae-kicker{font-size:22px;font-weight:700;line-height:1.4;color:var(--ae-maroon);
  border-inline-start:4px solid var(--ae-maroon);padding-inline-start:18px;margin-block:26px;max-width:34em;}
.ae-section--maroon .ae-kicker{color:#fff;border-color:#fff;}

/* ---------- components ---------- */
.ae-card{background:#fff;border:1px solid var(--ae-line);border-radius:10px;
  padding:26px;display:flex;flex-direction:column;gap:10px;}
.ae-card--wash{background:var(--ae-wash);border-color:transparent;}
.ae-card .ae-h3{color:var(--ae-maroon);}
.ae-card p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ae-ink);}
.ae-card .ae-link{margin-block-start:auto;padding-block-start:12px;}

.ae-link{color:var(--ae-maroon);font-weight:700;text-decoration:none;font-size:15px;}
.ae-link:hover{text-decoration:underline;color:var(--ae-maroon-dark);}

.ae-btn{display:inline-block;background:var(--ae-maroon);color:#fff;
  padding:15px 30px;font-weight:700;font-size:16px;text-decoration:none;
  border-radius:5px;border:2px solid var(--ae-maroon);transition:background .15s;}
.ae-btn:hover{background:var(--ae-maroon-dark);color:#fff;}
.ae-btn--ghost{background:transparent;color:var(--ae-maroon);}
.ae-btn--ghost:hover{background:var(--ae-maroon);color:#fff;}
.ae-btn--onmaroon{background:#fff;color:var(--ae-maroon);border-color:#fff;}
.ae-btn--onmaroon:hover{background:transparent;color:#fff;}
.ae-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-block-start:22px;}

/* numbered process steps (real sequence => numbers carry meaning) */
.ae-steps{counter-reset:aestep;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);}
@media(max-width:980px){.ae-steps{grid-template-columns:1fr;}}
.ae-step{counter-increment:aestep;background:#fff;border:1px solid var(--ae-line);
  border-radius:10px;padding:22px;}
.ae-step::before{content:counter(aestep,decimal-leading-zero);display:block;
  font-size:15px;font-weight:800;color:var(--ae-maroon);letter-spacing:.08em;margin-block-end:8px;}
.ae-step h4{font-size:16.5px;font-weight:700;margin:0 0 6px;color:var(--ae-ink);}
.ae-step p{font-size:14.5px;line-height:1.55;color:var(--ae-muted);margin:0;}

/* checklists */
.ae-list{list-style:none;margin:14px 0;padding:0;max-width:72ch;}
.ae-list li{position:relative;padding-inline-start:28px;margin-block:9px;
  font-size:15.5px;line-height:1.55;color:var(--ae-ink);}
.ae-list li::before{content:"";position:absolute;inset-inline-start:0;top:7px;
  width:9px;height:9px;border-radius:50%;background:var(--ae-maroon);}
.ae-list--x li::before{background:var(--ae-muted);}

/* scope tables */
.ae-tablewrap{overflow-x:auto;border:1px solid var(--ae-line);border-radius:10px;margin-block:18px;}
.ae-table{width:100%;border-collapse:collapse;font-size:15px;}
.ae-table th{background:var(--ae-wash);color:var(--ae-maroon-dark);text-align:start;
  font-weight:700;padding:12px 16px;border-bottom:1px solid var(--ae-line);}
.ae-table td{padding:12px 16px;border-bottom:1px solid var(--ae-line);vertical-align:top;line-height:1.55;}
.ae-table tr:last-child td{border-bottom:0;}

/* FAQ accordion (native, accessible, server-rendered) */
.ae-faq{max-width:860px;}
.ae-faq details{border:1px solid var(--ae-line);border-radius:10px;background:#fff;
  margin-block:10px;padding:0;}
.ae-faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-size:16.5px;
  font-weight:700;color:var(--ae-ink);position:relative;padding-inline-end:48px;}
.ae-faq summary::-webkit-details-marker{display:none;}
.ae-faq summary::after{content:"+";position:absolute;inset-inline-end:20px;top:50%;
  transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--ae-maroon);}
.ae-faq details[open] summary::after{content:"–";}
.ae-faq .ae-faq-a{padding:0 22px 18px;font-size:15.5px;line-height:1.6;color:var(--ae-ink);max-width:75ch;}

/* imagery */
.ae-img{width:100%;height:auto;border-radius:10px;display:block;}
.ae-img--framed{border:1px solid var(--ae-line);}
.ae-figcap{font-size:13.5px;color:var(--ae-muted);margin-block-start:8px;}

/* trust strip */
.ae-trust{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;
  padding-block:18px;border-block:1px solid var(--ae-line);}
.ae-trust span{font-size:14px;font-weight:600;color:var(--ae-muted);white-space:nowrap;}
.ae-trust span::before{content:"";display:inline-block;width:7px;height:7px;
  border-radius:50%;background:var(--ae-maroon);margin-inline-end:9px;vertical-align:2px;}

/* author / reviewed block (GEO) */
.ae-author{border-top:1px solid var(--ae-line);margin-block-start:34px;padding-block-start:16px;
  font-size:13.5px;color:var(--ae-muted);line-height:1.6;}

/* hero (interim static hero upgraded) */
.ae-hero{background:var(--ae-maroon);color:#fff;padding-block:84px;}
.ae-hero .ae-eyebrow{color:#fff;opacity:.8;}
.ae-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.08;font-weight:800;margin:0 0 10px;color:#fff;text-wrap:balance;}
.ae-hero .ae-sub{font-size:clamp(19px,2.4vw,24px);font-weight:600;margin:0 0 18px;opacity:.92;}
.ae-hero .ae-body{max-width:62ch;}
@media(prefers-reduced-motion:no-preference){
  .ae-hero .ae-container>*{animation:aefade .5s ease both;}
  @keyframes aefade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
}

/* ---------- Request a Shipment Plan form ---------- */
.ae-formgrid{display:grid !important;grid-template-columns:repeat(3,1fr);gap:14px 18px;align-items:end;}
.ae-formgrid .form-block{width:auto;}
.ae-formgrid .ae-formwide{grid-column:1 / -1;}
.ae-formgrid .form-block-submit,.ae-formgrid .recaptcha-container{grid-column:1 / -1;}
.ae-formgrid label{display:block;font-size:13.5px;font-weight:600;margin-block-end:5px;}
.ae-formgrid input[type=text],.ae-formgrid .ae-select{width:100%;padding:11px 12px;border:1px solid var(--ae-line);border-radius:6px;font-size:15px;background:#fff;color:var(--ae-ink);}
.ae-formgrid input[type=text]:focus,.ae-formgrid .ae-select:focus{outline:2px solid var(--ae-maroon);outline-offset:1px;}
.ae-formnotice{grid-column:1 / -1;font-size:12.5px;color:var(--ae-muted);margin:6px 0 0;max-width:none;}
@media(max-width:980px){.ae-formgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.ae-formgrid{grid-template-columns:1fr;}}

/* ---------- partners wall (typographic logo cloud) ---------- */
.ae-partners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ae-partner{display:flex;align-items:center;justify-content:center;text-align:center;
  background:#fff;border:1px solid var(--ae-line);border-radius:10px;
  padding:22px 14px;font-size:15.5px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ae-muted);min-height:74px;
  transition:color .15s,border-color .15s;}
.ae-partner:hover{color:var(--ae-maroon);border-color:var(--ae-maroon);}
@media(max-width:980px){.ae-partners{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.ae-partners{grid-template-columns:repeat(2,1fr);}}

/* ---------- polish pass (mobile + chrome) ---------- */
/* hide legacy search bar (visual noise; site has 14 pages) */
.search-block-icon{display:none !important;}
/* trust strip must wrap on mobile */
.ae-trust span{white-space:normal;}
/* form on maroon background: readable labels + uniform fields */
.biocard-ae-form .ae-formgrid label{color:#fff;}
.biocard-ae-form .ae-formnotice{color:rgba(255,255,255,.75);}
.ae-more{grid-column:1 / -1;border:1px solid rgba(255,255,255,.35);border-radius:8px;}
.ae-more summary{cursor:pointer;list-style:none;padding:13px 16px;color:#fff;font-weight:700;font-size:14.5px;}
.ae-more summary::-webkit-details-marker{display:none;}
.ae-more summary::after{content:" +";}
.ae-more[open] summary::after{content:" –";}
.ae-more .ae-more-grid{padding:4px 16px 16px;}
/* compact cookie banner on phones */
@media(max-width:640px){
  .warning{bottom:10px;width:calc(100% - 20px);padding:14px 16px;font-size:11.5px;}
  .warning .cookie-more{display:none;}
  .warning .warning__apply{display:block;text-align:center;padding:12px;}
}
/* hero: tighter on phones */
@media(max-width:640px){
  .ae-hero{padding-block:52px;}
  .ae-kicker{font-size:18px;}
}

/* hero split with product media */
.ae-hero-split{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;}
.ae-hero-media img{width:100%;max-width:440px;height:auto;border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.35);justify-self:center;display:block;margin-inline:auto;}
@media(max-width:980px){
  .ae-hero-split{grid-template-columns:1fr;gap:28px;}
  .ae-hero-media img{max-width:300px;}
}

/* ---------- mobile hero fixes (owner feedback) ---------- */
/* BUG FIX: hero body/labels were ink-on-maroon (unreadable) */
.ae-hero .ae-body{color:#fff;opacity:.93;}
.ae-hero .ae-sub{color:#fff;}
/* shorter hero on phones: hide the second sentence, full-width CTAs, clear the chat bubble */
@media(max-width:640px){
  .ae-hide-mobile{display:none;}
  .ae-hero{padding-block:44px 64px;}
  .ae-hero h1{font-size:34px;}
  .ae-hero .ae-sub{font-size:18px;}
  .ae-hero .ae-body{font-size:15.5px;line-height:1.55;}
  .ae-hero .ae-actions{margin-block-start:16px;}
  .ae-hero .ae-actions .ae-btn{flex:1 1 100%;text-align:center;}
  /* floating chat bubble: keep it small and in the corner, off the CTAs */
  .mail-form-btn{width:52px !important;height:52px !important;
    right:12px !important;left:auto !important;bottom:12px !important;top:auto !important;
    transform:none !important;}
}

/* photo figures */
.ae-photofig{margin:0;}
.ae-photofig img{aspect-ratio:4/3;object-fit:cover;}

/* partner logo tiles */
.ae-partners--logos{grid-template-columns:repeat(5,1fr);}
.ae-partners--logos .ae-partner{padding:10px;min-height:0;}
.ae-partners--logos .ae-partner img{width:100%;height:auto;display:block;
  filter:grayscale(1);opacity:.72;transition:filter .18s,opacity .18s;}
.ae-partners--logos .ae-partner:hover img{filter:none;opacity:1;}
@media(max-width:980px){.ae-partners--logos{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.ae-partners--logos{grid-template-columns:repeat(2,1fr);}}

/* ---------- full-bleed image hero (van on Dubai skyline) ---------- */
.ae-hero--image{
  position:relative;
  background-size:cover;
  background-position:72% center;   /* keep van + skyline in frame */
  background-repeat:no-repeat;
  padding-block:0;
}
.ae-hero--image::before{            /* maroon scrim: solid left → clear right */
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,
    rgba(92,15,23,.95) 0%,
    rgba(108,18,28,.86) 34%,
    rgba(124,22,35,.55) 58%,
    rgba(124,22,35,.12) 100%);
}
.ae-hero--image .ae-container{position:relative;z-index:1;}
.ae-hero-inner{
  max-width:600px;
  padding-block:88px 96px;
}
.ae-hero-inner h1{margin:6px 0 10px;}
.ae-hero-inner .ae-sub{color:#fff;opacity:.96;}
.ae-hero-inner .ae-body{color:#fff;opacity:.92;max-width:520px;}
@media(max-width:900px){
  .ae-hero--image{background-position:66% center;}
  .ae-hero-inner{max-width:100%;padding-block:52px 60px;}
}
@media(max-width:640px){
  /* on phones the van sits behind a near-solid scrim so text always reads */
  .ae-hero--image::before{
    background:linear-gradient(180deg,
      rgba(92,15,23,.90) 0%,
      rgba(108,18,28,.82) 55%,
      rgba(124,22,35,.72) 100%);
  }
  .ae-hero--image{background-position:60% center;}
  .ae-hero-inner{padding-block:40px 44px;}
  .ae-hero-inner h1{font-size:34px;}
  .ae-hero-inner .ae-actions .ae-btn{flex:1 1 100%;text-align:center;}
}

/* ================================================================
   V2 REFINEMENT — typography scale, header, rhythm (owner: "UI is
   weak… some text too large, some too small")
   ================================================================ */

/* ---- header: clean B2B bar — logo · menu · one CTA ---- */
.bx-header .logo img{height:44px;width:auto;}
.contact-block-header{display:none !important;}   /* socials live in the footer */
.ae-nav-cta{display:inline-flex;align-items:center;background:var(--ae-maroon);
  color:#fff !important;padding:10px 20px;border-radius:10px;font-size:14.5px;
  font-weight:600;line-height:1;white-space:nowrap;margin-inline-start:22px;
  transition:background .15s;}
.ae-nav-cta:hover{background:#5f1017;color:#fff;}
@media(max-width:1150px){.ae-nav-cta{display:none;}}

/* ---- type scale: one modular ladder, everything on it ---- */
.ae-hero-inner h1{font-size:clamp(36px,4.4vw,54px);line-height:1.07;letter-spacing:.2px;}
.workarea h1{font-size:clamp(26px,3vw,38px);line-height:1.14;letter-spacing:.2px;
  margin-block:6px 18px;}
.ae-h2{font-size:clamp(23px,2.5vw,30px);line-height:1.18;margin-block:4px 16px;}
.ae-h3{font-size:18.5px;line-height:1.3;}
.ae-lead{font-size:18px;line-height:1.6;max-width:68ch;}
.ae-body{font-size:16px;line-height:1.65;}
.ae-sub{font-size:19px;}
.ae-kicker{font-size:19px;}
.ae-note{font-size:13.5px;line-height:1.5;}
.ae-figcap{font-size:13px;}
.ae-eyebrow{font-size:12.5px;letter-spacing:1.6px;}
.ae-list li,.ae-list--x li{font-size:15.5px;line-height:1.55;}
.ae-step h4{font-size:16.5px;}
.ae-step p{font-size:14.5px;line-height:1.55;}
.ae-card p{font-size:15px;line-height:1.6;}
.ae-faq summary{font-size:16px;}
.ae-faq-a{font-size:15px;line-height:1.6;}
.ae-table{font-size:15px;}
.breadcrumb-container{font-size:13px;opacity:.85;}

/* ---- vertical rhythm: consistent, slightly tighter ---- */
.ae-section{padding-block:56px;}
.ae-section--maroon{padding-block:60px;}
@media(max-width:640px){
  .ae-section,.ae-section--maroon{padding-block:38px;}
  .workarea h1{font-size:25px;}
  .ae-h2{font-size:21.5px;}
  .ae-lead{font-size:16.5px;}
}

/* ---- buttons: one consistent size ---- */
.ae-btn{font-size:15px;padding:12px 22px;border-radius:10px;font-weight:600;}
.ae-btn--ghost{border-width:1.5px;}

/* ---- trust strip: quiet, centered, professional ---- */
.ae-trust{justify-content:center;gap:10px 26px;padding-block:16px;
  border-block-end:1px solid #ececec;}
.ae-trust span{font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;
  color:#7a7a7a;}
.ae-trust span::before{background:var(--ae-maroon);}

/* ---- candid photo strip (About) ---- */
.ae-candids img{aspect-ratio:1/1;object-fit:cover;}

/* header-flex: menu and CTA on one row (CTA was stacking full-width) */
.header-flex{display:flex;align-items:center;gap:26px;justify-content:flex-end;flex-wrap:nowrap;}
.header-flex > *{flex:0 0 auto;}
.ae-nav-cta{margin-inline-start:0;}
@media(max-width:1150px){.header-flex{gap:14px;}}

/* template had .header-flex{flex-direction:column-reverse} — force one row */
.header-flex{flex-direction:row;}
.header-flex .left-menu{flex:0 1 auto;}

/* ---------- top menu: readable (owner: "very small, almost impossible to see") ---------- */
.left-menu li a{font-size:15px !important;font-weight:500;color:#2c2c2c;letter-spacing:.3px;}
.left-menu li a:hover{color:var(--ae-maroon);}

/* ---------- interactive reach maps ---------- */
.ae-map-toggle{display:flex;gap:10px;margin-block:18px 14px;flex-wrap:wrap;}
.ae-map-toggle button{border:1.5px solid var(--ae-maroon);background:#fff;color:var(--ae-maroon);
  border-radius:999px;padding:9px 20px;font-size:14.5px;font-weight:600;cursor:pointer;
  transition:background .15s,color .15s;}
.ae-map-toggle button.active{background:var(--ae-maroon);color:#fff;}
.ae-map-scroll{overflow-x:auto;border:1px solid #eee2e4;border-radius:14px;background:#fdfbfb;}
.ae-map-scroll svg{display:block;min-width:680px;width:100%;height:auto;}
.ae-land path{fill:rgba(124,22,35,.06);stroke:rgba(124,22,35,.22);stroke-width:1;stroke-linejoin:round;}
.ae-route{fill:none;stroke:var(--ae-maroon);stroke-width:1.6;opacity:.28;stroke-dasharray:5 7;
  animation:aeDash 1.1s linear infinite;cursor:pointer;}
.ae-route.active{opacity:.95;stroke-width:2.4;}
@keyframes aeDash{to{stroke-dashoffset:-12;}}
.ae-plane{fill:var(--ae-maroon);opacity:.85;}
.ae-van rect{fill:var(--ae-maroon);}
.ae-van circle{fill:#3a3a3a;}
.ae-hub-dot{fill:var(--ae-maroon);}
.ae-hub-pulse{fill:none;stroke:var(--ae-maroon);opacity:.6;animation:aePulse 2s ease-out infinite;transform-origin:center;transform-box:fill-box;}
@keyframes aePulse{0%{transform:scale(1);opacity:.6;}100%{transform:scale(3);opacity:0;}}
.ae-city{cursor:pointer;}
.ae-city circle{fill:#fff;stroke:var(--ae-maroon);stroke-width:2;}
.ae-city.active circle{fill:var(--ae-maroon);}
.ae-city-name{font-size:12.5px;font-weight:700;letter-spacing:.8px;fill:#3a3a3a;}
.ae-city-temp{font-size:12px;fill:#7c1623;font-weight:600;}
.ae-city.active .ae-city-name{fill:var(--ae-maroon);}
.ae-hub .ae-city-name{fill:var(--ae-maroon);font-size:13.5px;}
.ae-payload-badge rect{fill:#fff;stroke:#e7d6d9;stroke-width:1;}
.ae-payload-dot{fill:#1f8a4c;animation:aeBlink 1.6s ease-in-out infinite;}
@keyframes aeBlink{0%,100%{opacity:1;}50%{opacity:.35;}}
.ae-badge-t1{font-size:11px;fill:#8a8a8a;letter-spacing:.6px;text-transform:uppercase;}
.ae-badge-t2{font-size:14px;fill:#1f8a4c;font-weight:700;}
@media(prefers-reduced-motion:reduce){.ae-route,.ae-hub-pulse,.ae-payload-dot{animation:none;}}

/* dot-matrix map (real geography) */
.ae-dotgrid circle{fill:rgba(124,22,35,.15);}
.ae-city-name,.ae-city-temp{paint-order:stroke;stroke:#fdfbfb;stroke-width:3.5px;stroke-linejoin:round;}
.ae-hub .ae-city-name{font-size:14px;}

/* ================================================================
   INTERACTIVITY LAYER
   ================================================================ */

/* scroll-reveal */
.ae-will-reveal{opacity:0;transform:translateY(18px);
  transition:opacity .6s cubic-bezier(.2,.65,.3,1),transform .6s cubic-bezier(.2,.65,.3,1);}
.ae-will-reveal.ae-in{opacity:1;transform:none;}
.ae-no-reveal .ae-will-reveal{opacity:1;transform:none;}

/* sticky header */
.bx-header{position:sticky;top:0;z-index:400;background:#fff;
  transition:box-shadow .25s;}
.bx-header.ae-stuck{box-shadow:0 3px 22px rgba(31,10,13,.10);}

/* card + link micro-motion */
.ae-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.ae-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(31,10,13,.09);border-color:#e4cfd2;}
.ae-link{transition:color .15s;}
.ae-link:hover{color:#5f1017;}
.ae-btn{transition:background .15s,color .15s,transform .12s,box-shadow .2s;}
.ae-btn:hover{box-shadow:0 8px 20px rgba(124,22,35,.22);}
.ae-btn:active{transform:scale(.97);}
.ae-partner{transition:transform .2s,box-shadow .2s;}
.ae-partner:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,10,13,.08);}

/* stats band */
.ae-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ae-stat{text-align:center;padding:26px 12px;border:1px solid #efe3e5;border-radius:14px;background:#fff;}
.ae-stat b{display:block;font-size:clamp(30px,3.4vw,44px);line-height:1;color:var(--ae-maroon);
  font-weight:800;letter-spacing:.5px;font-variant-numeric:tabular-nums;}
.ae-stat span{display:block;margin-block-start:8px;font-size:13.5px;color:#6f6f6f;line-height:1.45;}
@media(max-width:900px){.ae-stats{grid-template-columns:repeat(2,1fr);}}

/* range selector tool */
.ae-range-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-block:18px 0;}
.ae-range-tabs button{border:1.5px solid #d9c2c6;background:#fff;color:#4a4a4a;border-radius:12px;
  padding:14px 20px;font-size:15px;font-weight:600;cursor:pointer;text-align:start;
  transition:border-color .15s,background .15s,color .15s,transform .15s;}
.ae-range-tabs button small{display:block;font-weight:500;font-size:12.5px;color:#8a8a8a;margin-block-start:2px;}
.ae-range-tabs button:hover{transform:translateY(-2px);border-color:var(--ae-maroon);}
.ae-range-tabs button.active{background:var(--ae-maroon);border-color:var(--ae-maroon);color:#fff;}
.ae-range-tabs button.active small{color:rgba(255,255,255,.75);}
.ae-range-panel{border:1px solid #efe3e5;border-radius:14px;background:#fff;padding:26px;margin-block-start:14px;}
.ae-range-panel[hidden]{display:none;}
.ae-range-panel .ae-grid--2{gap:22px;}

/* FAQ motion */
.ae-faq summary{transition:color .15s;position:relative;}
.ae-faq summary:hover{color:var(--ae-maroon);}
.ae-faq summary::after{content:"+";position:absolute;inset-inline-end:2px;top:50%;
  transform:translateY(-50%);font-size:20px;color:var(--ae-maroon);transition:transform .25s;}
.ae-faq details.is-open summary::after{transform:translateY(-50%) rotate(45deg);}
.ae-faq .ae-faq-a{animation:aeFaq .28s ease;}
@keyframes aeFaq{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* back to top */
.ae-totop{position:fixed;inset-inline-end:18px;bottom:84px;z-index:380;width:46px;height:46px;
  border-radius:50%;border:none;background:var(--ae-maroon);color:#fff;font-size:20px;cursor:pointer;
  opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s;
  box-shadow:0 8px 22px rgba(31,10,13,.25);}
.ae-totop--show{opacity:1;pointer-events:auto;transform:none;}
.ae-totop:hover{background:#5f1017;}

/* dubai clock chip (footer) */
.ae-dxb-clock{display:inline-flex;align-items:center;gap:8px;margin-block-start:10px;
  font-size:13.5px;color:#6f6f6f;}
.ae-dxb-clock b{color:var(--ae-maroon);font-variant-numeric:tabular-nums;}
.ae-dxb-clock .dot{width:7px;height:7px;border-radius:50%;background:#1f8a4c;
  animation:aeBlink 1.6s ease-in-out infinite;}
@media(prefers-reduced-motion:reduce){
  .ae-will-reveal{opacity:1;transform:none;transition:none;}
  .ae-card:hover,.ae-partner:hover,.ae-range-tabs button:hover{transform:none;}
}

/* ================================================================
   REACH MAP v3 — dark control-tower panel, temperature streams
   ================================================================ */
.ae-mapwrap--dark{background:linear-gradient(160deg,#2b0a10 0%,#3a0e16 55%,#2b0a10 100%);
  border-radius:16px;padding:14px 14px 0;box-shadow:inset 0 0 60px rgba(0,0,0,.35),0 18px 44px rgba(31,10,13,.18);}
.ae-mapwrap--dark .ae-map-scroll{border:none;background:transparent;border-radius:10px;}
.ae-mapwrap--dark .ae-dotgrid circle{fill:rgba(255,255,255,.13);}
/* regime colours */
.ae-mapwrap--dark .ae-route[data-regime="cold"],.ae-mapwrap--dark .ae-part[data-regime="cold"]{stroke:#5fc4ff;}
.ae-mapwrap--dark .ae-route[data-regime="amb"], .ae-mapwrap--dark .ae-part[data-regime="amb"]{stroke:#ffb454;}
.ae-mapwrap--dark .ae-route[data-regime="frz"], .ae-mapwrap--dark .ae-part[data-regime="frz"]{stroke:#c9a7ff;}
.ae-mapwrap--dark .ae-part[data-regime="cold"]{fill:#5fc4ff;}
.ae-mapwrap--dark .ae-part[data-regime="amb"]{fill:#ffb454;}
.ae-mapwrap--dark .ae-part[data-regime="frz"]{fill:#c9a7ff;}
.ae-mapwrap--dark .ae-route{opacity:.30;stroke-width:1.4;stroke-dasharray:none;animation:none;fill:none;cursor:pointer;}
.ae-mapwrap--dark .ae-flow{fill:none;stroke:inherit;opacity:.75;stroke-width:2;stroke-dasharray:2 16;
  stroke-linecap:round;animation:aeFlowDash 1.6s linear infinite;pointer-events:none;}
.ae-mapwrap--dark .ae-flow[data-regime="cold"]{stroke:#8ed6ff;}
.ae-mapwrap--dark .ae-flow[data-regime="amb"]{stroke:#ffcf8e;}
.ae-mapwrap--dark .ae-flow[data-regime="frz"]{stroke:#dfc9ff;}
@keyframes aeFlowDash{to{stroke-dashoffset:-18;}}
.ae-mapwrap--dark .ae-part{opacity:.95;filter:drop-shadow(0 0 4px currentColor);}
.ae-mapwrap--dark .ae-route.active{opacity:.95;stroke-width:2.6;filter:drop-shadow(0 0 6px currentColor);}
/* markers */
.ae-mapwrap--dark .ae-plane{fill:#ffffff;opacity:.9;}
.ae-mapwrap--dark .ae-van rect{fill:#fff;}
.ae-mapwrap--dark .ae-van circle{fill:#c9c9c9;}
.ae-mapwrap--dark .ae-hub-dot{fill:#ff8f9f;}
.ae-mapwrap--dark .ae-hub-pulse{stroke:#ff8f9f;}
.ae-hub-pulse--2{animation-delay:1s !important;}
/* labels on dark */
.ae-mapwrap--dark .ae-city circle{fill:#2b0a10;stroke:#fff;stroke-width:2;}
.ae-mapwrap--dark .ae-city.active circle{fill:#fff;}
.ae-mapwrap--dark .ae-city-name{fill:#f3e9ea;stroke:#2b0a10;stroke-width:3.5px;}
.ae-mapwrap--dark .ae-city-temp{fill:#ffd7dd;stroke:#2b0a10;stroke-width:3.5px;font-weight:700;}
.ae-mapwrap--dark .ae-hub-name{fill:#fff;font-size:14px;}
.ae-mapwrap--dark .ae-city--small .ae-city-name{font-size:10.5px;}
.ae-mapwrap--dark .ae-city--small .ae-city-temp{font-size:10px;}
.ae-mapwrap--dark .ae-city.active .ae-city-name{fill:#fff;}
/* regime filter dimming */
.ae-mapwrap--dark[data-filter="cold"] [data-regime]:not([data-regime="cold"]){opacity:.07;}
.ae-mapwrap--dark[data-filter="amb"]  [data-regime]:not([data-regime="amb"]){opacity:.07;}
.ae-mapwrap--dark[data-filter="frz"]  [data-regime]:not([data-regime="frz"]){opacity:.07;}
/* legend */
.ae-map-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 6px 12px;}
.ae-map-legend button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.06);color:#f3e9ea;border-radius:999px;padding:7px 14px;font-size:13px;
  font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;}
.ae-map-legend button:hover{background:rgba(255,255,255,.14);}
.ae-map-legend button.active{background:#fff;color:#3a0e16;border-color:#fff;}
.ae-map-legend .lg{width:10px;height:10px;border-radius:50%;display:inline-block;}
.ae-map-legend .lg-cold{background:#5fc4ff;}
.ae-map-legend .lg-amb{background:#ffb454;}
.ae-map-legend .lg-frz{background:#c9a7ff;}
.ae-legend-note{font-size:12px;color:rgba(255,255,255,.55);margin-inline-start:auto;}
/* footer bar */
.ae-map-foot{display:flex;align-items:center;gap:10px;padding:12px 8px 14px;font-size:13.5px;color:#d9c7ca;}
.ae-map-foot .dot{width:8px;height:8px;border-radius:50%;background:#39d98a;animation:aeBlink 1.6s ease-in-out infinite;}
@media(max-width:640px){.ae-legend-note{display:none;}}

/* ================================================================
   V4 — 10 UI/UX upgrades
   ================================================================ */

/* 1 — cinematic hero */
.ae-hero--image{position:relative;overflow:hidden;isolation:isolate;}
.ae-hero--image::after{content:"";position:absolute;inset:0;background:inherit;z-index:-1;
  animation:aeKen 16s ease-out both;}
@keyframes aeKen{from{transform:scale(1.14);}to{transform:scale(1.02);}}
.ae-hero-inner > *{opacity:0;transform:translateY(22px);animation:aeUp .8s cubic-bezier(.2,.65,.3,1) forwards;}
.ae-hero-inner > *:nth-child(1){animation-delay:.15s}
.ae-hero-inner > *:nth-child(2){animation-delay:.3s}
.ae-hero-inner > *:nth-child(3){animation-delay:.45s}
.ae-hero-inner > *:nth-child(4){animation-delay:.6s}
.ae-hero-inner > *:nth-child(5){animation-delay:.75s}
@keyframes aeUp{to{opacity:1;transform:none;}}
.ae-hero-chip{position:absolute;inset-inline-end:36px;inset-block-end:30px;z-index:2;
  display:flex;gap:0;border-radius:12px;overflow:hidden;font-size:13.5px;font-weight:600;
  box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;animation:aeUp .8s .9s forwards;}
.ae-hero-chip .o{background:rgba(20,6,8,.72);color:#ffd7dd;padding:10px 14px;backdrop-filter:blur(4px);}
.ae-hero-chip .i{background:#fff;color:#177a44;padding:10px 14px;display:inline-flex;align-items:center;gap:7px;}
.ae-hero-chip .dot{width:7px;height:7px;border-radius:50%;background:#1f8a4c;animation:aeBlink 1.6s infinite;}
.ae-scrollcue{position:absolute;inset-inline-start:50%;inset-block-end:12px;z-index:2;width:34px;height:34px;
  margin-inline-start:-17px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);color:#fff;
  display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;
  animation:aeCue 2s ease-in-out infinite;}
@keyframes aeCue{0%,100%{transform:translateY(0);opacity:.75;}50%{transform:translateY(6px);opacity:1;}}
@media(max-width:640px){.ae-hero-chip{position:static;margin-block-start:14px;display:inline-flex;animation-delay:.8s;}
  .ae-scrollcue{display:none;}}

/* 2 — mobile sticky action bar */
.ae-actionbar{display:none;}
@media(max-width:640px){
  .ae-actionbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:420;
    box-shadow:0 -6px 24px rgba(31,10,13,.18);}
  .ae-actionbar a{flex:1;text-align:center;padding:15px 8px;font-size:15px;font-weight:700;text-decoration:none;}
  .ae-ab-plan{background:var(--ae-maroon);color:#fff;}
  .ae-ab-wa{background:#1f8a4c;color:#fff;}
  body.ae-has-actionbar{padding-block-end:54px;}
  body.ae-has-actionbar .warning{bottom:62px !important;}
  body.ae-has-actionbar .ae-totop{bottom:150px;}
  body.ae-has-actionbar .mail-form-btn{bottom:76px !important;}
}

/* 3 — SafePack showcase */
.ae-showcase{display:grid;grid-template-columns:340px 1fr;gap:26px;align-items:start;}
.ae-showcase-tabs{display:flex;flex-direction:column;gap:10px;}
.ae-showcase-tabs button{text-align:start;border:1.5px solid #e6d4d7;background:#fff;border-radius:12px;
  padding:14px 16px;cursor:pointer;font-size:15px;font-weight:700;color:#333;
  transition:border-color .15s,transform .15s,box-shadow .15s;}
.ae-showcase-tabs button small{display:block;font-weight:500;font-size:12.5px;color:#8a8a8a;margin-block-start:3px;}
.ae-showcase-tabs button:hover{transform:translateX(4px);border-color:var(--ae-maroon);}
.ae-showcase-tabs button.active{border-color:var(--ae-maroon);box-shadow:0 8px 22px rgba(124,22,35,.12);color:var(--ae-maroon);}
.ae-showcase-media{border:1px solid #efe3e5;border-radius:16px;background:#fff;padding:18px;}
.ae-showcase-media img,.ae-showcase-media video{width:100%;height:380px;object-fit:contain;display:block;border-radius:10px;}
.ae-showcase-media video{object-fit:cover;}
.ae-showcase-chips{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:14px;}
.ae-showcase-chips span{border:1px solid #e6d4d7;border-radius:999px;padding:6px 13px;font-size:12.5px;
  font-weight:600;color:var(--ae-maroon);background:#fdf7f8;}
@media(max-width:900px){.ae-showcase{grid-template-columns:1fr;}
  .ae-showcase-tabs{flex-direction:row;flex-wrap:wrap;}
  .ae-showcase-tabs button{flex:1 1 45%;}
  .ae-showcase-media img,.ae-showcase-media video{height:260px;}}

/* 4 — scenario rotator strip */
.ae-scenarios{display:flex;align-items:center;gap:16px;border:1px solid #efe3e5;border-radius:14px;
  background:#fff;padding:12px 18px;margin-block:18px;}
.ae-scen-label{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ae-maroon);
  font-weight:800;white-space:nowrap;}
.ae-scen-items{position:relative;flex:1;min-height:24px;}
.ae-scen-items a{position:absolute;inset:0;display:flex;align-items:center;font-size:15px;color:#333;
  text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;pointer-events:none;}
.ae-scen-items a.active{opacity:1;transform:none;pointer-events:auto;}
.ae-scen-items a:hover{color:var(--ae-maroon);}
.ae-scen-items a::after{content:"\2192";margin-inline-start:8px;color:var(--ae-maroon);}
@media(max-width:640px){.ae-scenarios{flex-direction:column;align-items:flex-start;gap:6px;}
  .ae-scen-items{width:100%;min-height:44px;}.ae-scen-items a{font-size:14px;line-height:1.35;}}

/* 5 — numbered eyebrows */
.workarea{counter-reset:aesec;}
.workarea .ae-section .ae-eyebrow{display:inline-flex;align-items:center;gap:8px;}
.workarea .ae-section .ae-eyebrow::before{counter-increment:aesec;content:counter(aesec,decimal-leading-zero);
  font-size:11px;font-weight:800;color:#fff;background:var(--ae-maroon);border-radius:6px;padding:3px 7px;
  letter-spacing:.5px;}

/* 6 — scroll progress */
.ae-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;z-index:500;
  background:linear-gradient(90deg,var(--ae-maroon),#c94b5c);transition:width .1s linear;}

/* 7 — button shine + card glow */
.ae-btn{position:relative;overflow:hidden;}
.ae-btn::before{content:"";position:absolute;top:0;bottom:0;width:40%;inset-inline-start:-60%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:inset-inline-start .45s ease;}
.ae-btn:hover::before{inset-inline-start:130%;}
.ae-card,.ae-stat{position:relative;overflow:hidden;}
.ae-card::after,.ae-stat::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(124,22,35,.08),transparent 65%);
  transition:opacity .25s;}
.ae-card:hover::after,.ae-stat:hover::after{opacity:1;}

/* 8 — FAQ search */
.ae-faq-searchwrap{display:flex;align-items:center;gap:12px;margin-block:16px 14px;}
.ae-faq-search{flex:1;max-width:440px;border:1.5px solid #e2cfd3;border-radius:12px;padding:12px 16px;
  font-size:15px;background:#fff;transition:border-color .15s,box-shadow .15s;}
.ae-faq-search:focus{outline:none;border-color:var(--ae-maroon);box-shadow:0 0 0 4px rgba(124,22,35,.08);}
.ae-faq-count{font-size:13px;color:#8a8a8a;}

/* 9 — lightbox */
.ae-zoomable{cursor:zoom-in;}
.ae-lightbox{position:fixed;inset:0;z-index:600;background:rgba(20,6,8,.86);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:4vh 4vw;}
.ae-lightbox[hidden]{display:none;}
.ae-lightbox figure{margin:0;max-width:min(1100px,94vw);animation:aeLb .25s ease;}
.ae-lightbox img{max-width:100%;max-height:82vh;border-radius:12px;display:block;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.ae-lightbox figcaption{color:#e8d8da;font-size:14px;text-align:center;padding-block-start:12px;}
.ae-lb-close{position:absolute;top:16px;inset-inline-end:20px;width:46px;height:46px;border-radius:50%;
  border:none;background:rgba(255,255,255,.12);color:#fff;font-size:26px;cursor:pointer;}
.ae-lb-close:hover{background:rgba(255,255,255,.25);}
.ae-noscroll{overflow:hidden;}
@keyframes aeLb{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:none;}}

/* 10 — blur-up, active nav, smooth anchors */
img.ae-img{transition:filter .5s ease,transform .5s ease;}
img.ae-img.ae-loading{filter:blur(10px);transform:scale(1.02);}
html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
  .ae-hero--image::after{animation:none;}
  .ae-hero-inner > *,.ae-hero-chip{opacity:1;transform:none;animation:none;}}
.left-menu a{position:relative;}
.left-menu a.ae-nav-active{color:var(--ae-maroon) !important;}
.left-menu a.ae-nav-active::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2.5px;
  border-radius:2px;background:var(--ae-maroon);}

/* brand film band */
.ae-videoframe{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(31,10,13,.25);}
.ae-videoframe video{display:block;width:100%;border-radius:16px;}
.ae-playbtn{position:absolute;inset:0;width:100%;border:none;cursor:pointer;
  background:linear-gradient(180deg,rgba(30,8,12,.15),rgba(30,8,12,.45));display:flex;align-items:center;
  justify-content:center;transition:background .2s;}
.ae-playbtn:hover{background:linear-gradient(180deg,rgba(30,8,12,.05),rgba(30,8,12,.35));}
.ae-playbtn span{width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ae-maroon);
  display:flex;align-items:center;justify-content:center;font-size:30px;padding-inline-start:6px;
  box-shadow:0 12px 34px rgba(0,0,0,.35);transition:transform .2s;}
.ae-playbtn:hover span{transform:scale(1.08);}
.ae-videoframe.is-playing .ae-playbtn{display:none;}

/* ---------- reach map v4: dry-ice regime + transit HUD ---------- */
.ae-mapwrap--dark .ae-route[data-regime="ice"],.ae-mapwrap--dark .ae-part[data-regime="ice"]{stroke:#8ff0e4;}
.ae-mapwrap--dark .ae-part[data-regime="ice"]{fill:#8ff0e4;}
.ae-mapwrap--dark .ae-flow[data-regime="ice"]{stroke:#c8fff7;}
.ae-map-legend .lg-ice{background:#8ff0e4;}
.ae-mapwrap--dark[data-filter="ice"] [data-regime]:not([data-regime="ice"]){opacity:.07;}
.ae-map-stage{position:relative;}
.ae-map-hud{position:absolute;top:14px;inset-inline-end:14px;z-index:5;width:280px;
  background:rgba(18,5,8,.82);border:1px solid rgba(255,255,255,.14);border-radius:14px;
  padding:14px 16px;backdrop-filter:blur(8px);box-shadow:0 14px 40px rgba(0,0,0,.4);}
.ae-map-hud .hud-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ae-map-hud .hud-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;
  letter-spacing:1.5px;color:#39d98a;}
.ae-map-hud .hud-live .dot{width:7px;height:7px;border-radius:50%;background:#39d98a;
  animation:aeBlink 1.4s infinite;}
.ae-map-hud .hud-title b{color:#fff;font-size:15px;letter-spacing:.4px;}
.ae-map-hud .hud-mode{margin-inline-start:auto;font-size:10.5px;color:#d9b8bd;text-transform:uppercase;
  letter-spacing:1px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:3px 9px;}
.ae-map-hud .hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-block-start:12px;}
.ae-map-hud .hud-grid small{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;
  color:#c8a4aa;margin-block-end:3px;}
.ae-map-hud .hud-grid b{font-size:15px;color:#fff;font-variant-numeric:tabular-nums;}
.ae-map-hud .hud-pay{color:#39d98a !important;}
.ae-map-hud b[data-regime="cold"]{color:#8ed6ff !important;}
.ae-map-hud b[data-regime="amb"]{color:#ffcf8e !important;}
.ae-map-hud b[data-regime="frz"]{color:#dfc9ff !important;}
.ae-map-hud b[data-regime="ice"]{color:#8ff0e4 !important;}
.ae-map-hud .hud-note{margin-block-start:12px;font-size:10px;color:rgba(255,255,255,.45);line-height:1.4;}
.ae-city .cring{fill:none;stroke:#fff;stroke-width:1.5;opacity:0;}
.ae-city.active .cring{opacity:.9;animation:aeRing 1.6s ease-out infinite;transform-origin:center;transform-box:fill-box;}
@keyframes aeRing{0%{transform:scale(.6);opacity:.9;}100%{transform:scale(1.8);opacity:0;}}
@media(max-width:900px){
  .ae-map-hud{position:static;width:auto;margin:10px 4px 4px;order:3;}
}
@media(max-width:640px){
  .ae-map-hud .hud-grid{grid-template-columns:1fr 1fr;}
}

/* ---------- overflow guards (mobile blowout fix) ---------- */
html,body{overflow-x:hidden;max-width:100%;}
img,video,iframe,embed,object{max-width:100% !important;}
.ae-videoframe{max-width:100%;}
.ae-videoframe video{width:100% !important;max-width:100% !important;height:auto !important;display:block;}
.ae-showcase-media video{max-width:100%;}
.ae-map-scroll{max-width:100%;}
.ae-container{max-width:min(1200px,100%);}
.workarea,.workarea .container{max-width:100vw;}

/* audit fix: template gave phones only 85% content width - widen */
@media(max-width:480px){.workarea .container{width:94% !important;}}

/* audit fix 2: kill double padding on phones (.container 30px + .ae-container 24px) */
@media(max-width:640px){
  .workarea .container{padding-inline:0 !important;}
  .ae-container{padding-inline:18px;}
}

/* ================================================================
   ARABIC / RTL — ae.css already uses logical properties, these are
   the few physical leftovers + Arabic type stack
   ================================================================ */
html[dir="rtl"] body,
html[dir="rtl"] .ae-btn, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea{
  font-family:"Segoe UI","SF Pro Text","Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] h1, html[dir="rtl"] .ae-h2, html[dir="rtl"] .ae-h3, html[dir="rtl"] .workarea h1{
  font-family:"Segoe UI","SF Pro Display","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  letter-spacing:0;
}
html[dir="rtl"] .ae-eyebrow{letter-spacing:.4px;}
/* hero: flip scrim + keep van visible on the left */
html[dir="rtl"] .ae-hero--image{background-position:28% center;}
html[dir="rtl"] .ae-hero--image::before{
  background:linear-gradient(-100deg,
    rgba(92,15,23,.95) 0%,
    rgba(108,18,28,.86) 34%,
    rgba(124,22,35,.55) 58%,
    rgba(124,22,35,.12) 100%);
}
html[dir="rtl"] .ae-hero--image::after{background-position:28% center;}
/* uppercase tracking is meaningless in Arabic */
html[dir="rtl"] .ae-trust span,html[dir="rtl"] .ae-city-name{letter-spacing:0;}
/* language switcher */
.ae-lang{display:inline-flex;align-items:center;margin-inline-start:14px;
  border:1.5px solid #d9c2c6;border-radius:999px;padding:7px 14px;font-size:13.5px;
  font-weight:700;color:var(--ae-maroon);text-decoration:none;white-space:nowrap;
  transition:background .15s,color .15s;}
.ae-lang:hover{background:var(--ae-maroon);color:#fff;}
@media(max-width:1150px){.ae-lang{display:none;}}
/* mobile: put switcher in mob menu */
.mob-menu .ae-lang{display:inline-flex;margin:14px 20px;}
/* numerals + mixed-direction helpers */
html[dir="rtl"] .ae-city-temp,html[dir="rtl"] .ae-stat b,html[dir="rtl"] .hud-grid b{direction:ltr;unicode-bidi:embed;}

/* ---------- reach map v5: heavier lanes, bigger type ---------- */
.ae-mapwrap--dark .ae-route{stroke-width:2.4;opacity:.34;}
.ae-mapwrap--dark .ae-flow{stroke-width:3.2;stroke-dasharray:3 18;}
.ae-mapwrap--dark .ae-route.active{stroke-width:4.2;opacity:1;}
.ae-mapwrap--dark .ae-part{filter:drop-shadow(0 0 6px currentColor);}
.ae-mapwrap--dark .ae-plane{filter:drop-shadow(0 0 5px rgba(255,255,255,.6));}
.ae-mapwrap--dark .ae-van rect{rx:2.5;}
.ae-mapwrap--dark .ae-city-name{font-size:15px;letter-spacing:1px;}
.ae-mapwrap--dark .ae-city-temp{font-size:13.5px;}
.ae-mapwrap--dark .ae-city--small .ae-city-name{font-size:12px;}
.ae-mapwrap--dark .ae-city--small .ae-city-temp{font-size:11px;}
.ae-mapwrap--dark .ae-hub-name{font-size:17px !important;}
.ae-mapwrap--dark .ae-city circle{stroke-width:2.4;}
.ae-map-hud{width:300px;}
.ae-map-hud .hud-grid b{font-size:16px;}
.ae-map-hud .hud-title b{font-size:16px;}

/* ---------- nav: defined, confident (owner: "too small and vague") ---------- */
.left-menu{gap:6px;}
.left-menu li a{font-size:16px !important;font-weight:600;color:#1c1c1c;
  letter-spacing:.4px;padding:10px 12px;border-radius:8px;position:relative;
  transition:color .15s,background .15s;}
.left-menu li a:hover{color:var(--ae-maroon);background:#faf3f4;}
.left-menu li a::after{content:"";position:absolute;inset-inline:12px;bottom:4px;height:2.5px;
  border-radius:2px;background:var(--ae-maroon);transform:scaleX(0);transform-origin:center;
  transition:transform .18s ease;}
.left-menu li a:hover::after,.left-menu li a.ae-nav-active::after{transform:scaleX(1);}

/* ---------- footer form: static labels ABOVE fields (kill floating-label overlap) ---------- */
.biocard-ae-form .form-block{position:relative;}
.biocard-ae-form .form-block label{position:static !important;transform:none !important;
  display:block;margin:0 0 7px !important;padding:0 !important;background:none !important;
  font-size:13.5px;font-weight:700;color:#fff !important;opacity:.94;letter-spacing:.3px;
  pointer-events:auto;border-radius:0;box-shadow:none;}
.biocard-ae-form .form-block input[type="text"],
.biocard-ae-form .form-block select{
  width:100%;background:rgba(255,255,255,.09) !important;
  border:1.5px solid rgba(255,255,255,.38) !important;border-radius:10px !important;
  padding:13px 14px !important;color:#fff !important;font-size:15px;line-height:1.3;
  transition:border-color .15s,background .15s;}
.biocard-ae-form .form-block input::placeholder{color:rgba(255,255,255,.48);}
.biocard-ae-form .form-block input:focus,
.biocard-ae-form .form-block select:focus{outline:none;border-color:#fff !important;
  background:rgba(255,255,255,.14) !important;}
.biocard-ae-form .form-block select option{color:#222;}
.biocard-ae-form .ae-more summary{color:#fff;opacity:.92;font-weight:600;}
.biocard-ae-form input[type="submit"]{border-radius:12px;font-weight:700;font-size:16px;
  padding:15px 30px;cursor:pointer;}
.biocard-ae-form .form__form-select label{position:static !important;font-size:12.5px;
  font-weight:500;opacity:.8;}
.biocard-ae-form .form__form-select label a{color:#fff;text-decoration:underline;}

/* nav: force weight/color over template specificity */
.left-menu li a{font-weight:600 !important;color:#1c1c1c !important;}
.left-menu li a:hover{color:var(--ae-maroon) !important;}
.left-menu li a.ae-nav-active{color:var(--ae-maroon) !important;}

/* nav: one line per item, natural widths (labels were wrapping) */
.left-menu{flex-wrap:nowrap !important;justify-content:flex-end;gap:2px;width:auto !important;}
.left-menu li{flex:0 0 auto !important;width:auto !important;max-width:none !important;}
.left-menu li a{white-space:nowrap !important;font-size:15px !important;padding:10px 11px;letter-spacing:.3px;}
@media(max-width:1400px){.left-menu li a{font-size:14px !important;padding:10px 8px;}}

/* ---------- AI-first manifesto (mirrors biocard.com) ---------- */
.ae-manifesto{display:flex;align-items:flex-start;gap:18px;background:#fff;
  border:1px solid #efe3e5;border-inline-start:4px solid var(--ae-maroon);
  border-radius:14px;padding:22px 26px;box-shadow:0 10px 30px rgba(31,10,13,.05);}
.ae-manifesto p{margin:0;font-size:18.5px;line-height:1.6;color:#2c2c2c;}
.ae-manifesto strong{color:var(--ae-maroon);}
.ae-ai-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-block-start:3px;
  background:linear-gradient(120deg,var(--ae-maroon),#a63344);color:#fff;border-radius:999px;
  padding:8px 16px;font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;}
.ae-ai-chip .dot{width:8px;height:8px;border-radius:50%;background:#7ef2b2;animation:aeBlink 1.6s infinite;}
@media(max-width:640px){.ae-manifesto{flex-direction:column;gap:12px;padding:18px;}
  .ae-manifesto p{font-size:16px;}}

/* ================================================================
   UI FIX ROUND — scope nav styles to header only (footer menus
   share .left-menu and were getting fake strikethroughs), fix the
   form expander, balance tall images
   ================================================================ */

/* 1) undo nav styling everywhere, re-apply ONLY in header + mob menu */
.left-menu li a::after{content:none;}
.left-menu li a{font-size:inherit !important;font-weight:inherit !important;
  color:inherit !important;padding:0;letter-spacing:inherit;white-space:normal !important;
  background:none;border-radius:0;}
.left-menu{gap:0;}
.bx-header .left-menu,.mob-menu .left-menu{gap:2px;}
.bx-header .left-menu{flex-wrap:nowrap !important;justify-content:flex-end;width:auto !important;}
.bx-header .left-menu li{flex:0 0 auto !important;width:auto !important;max-width:none !important;}
.bx-header .left-menu li a,.mob-menu .left-menu li a{
  font-size:15px !important;font-weight:600 !important;color:#1c1c1c !important;
  letter-spacing:.3px;padding:10px 11px;border-radius:8px;position:relative;
  white-space:nowrap !important;transition:color .15s,background .15s;display:inline-block;}
.bx-header .left-menu li a:hover,.mob-menu .left-menu li a:hover{
  color:var(--ae-maroon) !important;background:#faf3f4;}
.bx-header .left-menu li a::after{content:"";position:absolute;inset-inline:11px;bottom:4px;
  height:2.5px;border-radius:2px;background:var(--ae-maroon);transform:scaleX(0);
  transform-origin:center;transition:transform .18s ease;}
.bx-header .left-menu li a:hover::after,
.bx-header .left-menu li a.ae-nav-active::after{transform:scaleX(1);}
.bx-header .left-menu li a.ae-nav-active{color:var(--ae-maroon) !important;}
@media(max-width:1400px){.bx-header .left-menu li a{font-size:14px !important;padding:10px 8px;}}

/* footer menus: clean quiet links, active = maroon only (no lines) */
.bx-footer .left-menu{display:block;}
.bx-footer .left-menu li a{font-size:15px !important;color:#333 !important;
  font-weight:500 !important;line-height:2 !important;text-decoration:none;}
.bx-footer .left-menu li a:hover{color:var(--ae-maroon) !important;}
.bx-footer .left-menu li a.ae-nav-active{color:var(--ae-maroon) !important;font-weight:700 !important;}

/* 2) form expander: full row, proper affordance */
.biocard-ae-form .ae-more{grid-column:1 / -1;border:1.5px dashed rgba(255,255,255,.35);
  border-radius:10px;padding:0;margin-block-start:4px;}
.biocard-ae-form .ae-more > summary{list-style:none;cursor:pointer;padding:13px 16px;
  color:#fff;opacity:.92;font-weight:600;font-size:14.5px;}
.biocard-ae-form .ae-more > summary::-webkit-details-marker{display:none;}
.biocard-ae-form .ae-more > summary::after{content:"+";float:inline-end;font-size:19px;
  line-height:1;transition:transform .2s;}
.biocard-ae-form .ae-more[open] > summary::after{transform:rotate(45deg);}
.biocard-ae-form .ae-more .ae-more-grid{padding:4px 16px 18px;}

/* 3) balance tall/portrait images inside splits */
.ae-split .ae-img{max-block-size:560px;object-fit:contain;background:#fff;}

/* 4) kicker orphan control */
.ae-kicker{text-wrap:balance;}

/* ---------- form grid: stop input overflow into expander row ---------- */
.biocard-ae-form .ae-formgrid{align-items:start !important;row-gap:20px !important;}
.biocard-ae-form .form-block{height:auto !important;min-height:0 !important;margin:0 !important;}
.biocard-ae-form .ae-more{margin-block-start:0 !important;align-self:start;}

/* ---------- long-form article typography ---------- */
.ae-article{max-width:760px;}
.ae-article .ae-lead{font-size:20px;line-height:1.55;color:#2c2c2c;}
.ae-article .ae-h2{margin-block:30px 12px;}
.ae-article .ae-body{font-size:16.5px;line-height:1.72;}
.ae-article .ae-list li{font-size:16px;line-height:1.65;margin-block-end:6px;}
.ae-article .ae-kicker{font-size:20px;color:var(--ae-maroon);border-inline-start:4px solid var(--ae-maroon);padding-inline-start:16px;margin-block:26px 0;font-weight:700;}

/* article: left-align body with the page H1 (was auto-centered) */
.ae-article{margin-inline-start:0 !important;margin-inline-end:auto !important;}