/* ===================================================================
   ELONZA DISTRIBUTION & CONSULTING LLC — shared stylesheet
   =================================================================== */

:root{
  /* Olive/cream palette — matches the reference site */
  --navy-950:#23281c;
  --navy-900:#3d4434;
  --navy-850:#454c3a;
  --navy-800:#4f5642;
  --navy-700:#5c6350;
  --navy-600:#6f7660;
  --gold-300:#f5f3ee;
  --gold-500:#f1eee6;
  --gold-600:#dad4c4;
  --btn-dark:#15170f;
  --btn-dark-hover:#000000;
  --white:#ffffff;
  --ink:#f5f3ee;
  --muted:#b9bea9;
  --muted-dark:#8a8f7b;
  --danger:#e2665c;
  --success:#4fbf8b;

  --container:1200px;
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;
  --gap:24px;

  --font-head:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:"Inter", "Segoe UI", Arial, sans-serif;
}

/* Presentation-led home page palette */
:root{
  --navy-950:#010713;
  --navy-900:#031126;
  --navy-850:#071a33;
  --navy-800:#12385f;
  --navy-700:#315b82;
  --navy-600:#6e8eaa;
  --gold-300:#ffd978;
  --gold-500:#e8b64b;
  --gold-600:#b98124;
  --ink:#f5f3ee;
  --muted:#c7d1db;
  --muted-dark:#93a5b5;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--navy-900);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--font-head);
  color:var(--white);
  line-height:1.2;
  margin:0 0 .5em;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.03em;
}
h1{ font-size:clamp(2.2rem,4vw,3.4rem); font-weight:500; }
h2{ font-size:clamp(1.6rem,2.6vw,2.2rem); }
h3{ font-size:1.2rem; }
p{ margin:0 0 1em; color:var(--muted); }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }

.container{ max-width:var(--container); margin:0 auto; padding:0 24px; }
.section{ padding:88px 0; }
.section-tight{ padding:56px 0; }
.section-alt{ background:var(--navy-850); }

.eyebrow{
  display:inline-block;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-500);
  margin-bottom:14px;
}
.section-head{ max-width:680px; margin-bottom:48px; }
.section-head p{ margin-bottom:0; }

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 28px;
  border-radius:var(--radius-sm);
  font-weight:700;
  font-size:.95rem;
  border:1px solid transparent;
  transition:transform .15s ease, background .2s ease, border-color .2s ease;
}
.btn:hover{ transform:translateY(-2px); }
.btn-gold{ background:var(--btn-dark); color:var(--white); }
.btn-gold:hover{ background:var(--btn-dark-hover); }
.btn-ghost{ border-color:var(--navy-600); color:var(--ink); }
.btn-ghost:hover{ border-color:var(--gold-500); color:var(--gold-300); }

/* ===================================================================
   HEADER / NAV
   =================================================================== */
.site-header{
  position:sticky; top:0; z-index:100;
  background:#071a33;
  backdrop-filter:none;
  border-bottom:1px solid rgba(49,91,130,.9);
  box-shadow:0 8px 28px rgba(0,0,0,.24);
}
.nav{ display:flex; align-items:center; justify-content:space-between; padding:16px 24px; }
.logo{ display:flex; flex-direction:column; line-height:1; }
.logo .wordmark{
  font-family:var(--font-head); font-weight:800; font-size:1.5rem;
  letter-spacing:.02em; color:var(--white);
}
.logo .wordmark span{ color:var(--gold-500); }
.logo .tagline{ font-size:.6rem; letter-spacing:.2em; color:var(--muted-dark); margin-top:4px; }
.logo-video{ display:block; height:38px; width:auto; }
.logo-mark{ display:block; width:230px; height:auto; }
.logo-mark-transparent{width:230px;height:auto;background:transparent;object-fit:contain}
.logo-animation{display:block;width:230px;height:58px;border:0;background:#0b1a31;pointer-events:none;overflow:hidden}
.logo-company-line{display:block;width:230px;margin-top:-7px;color:#afbfce;font-size:.56rem;font-weight:500;letter-spacing:.18em;text-align:center;text-transform:uppercase;white-space:nowrap}
.header-logo-frame{
  display:block;
  width:230px;
  height:52px;
  margin:-5px 0;
  border:0;
  background:#071a33;
  pointer-events:none;
  overflow:hidden;
}
@media (max-width:520px){
  .nav{padding:12px 14px}
  .logo-mark{width:180px}
  .logo-animation{width:180px;height:52px}
  .logo-company-line{display:block!important;visibility:visible!important;opacity:1;width:180px;margin-top:1px;color:#c7d2dd;font-size:.45rem;font-weight:500;line-height:1.2;letter-spacing:.12em}
}
@media (max-width:520px){ .header-logo-frame{ width:185px; height:44px; } }

.nav-links{ display:flex; align-items:center; gap:32px; }
.nav-links>li{min-width:0}
.nav-links a{
  font-size:.9rem; font-weight:600; color:var(--muted);
  padding:6px 2px; border-bottom:2px solid transparent; transition:color .2s, border-color .2s; white-space:nowrap;
}
.nav-cta a,.lang-btn{white-space:nowrap}
.nav-links a:hover, .nav-links a.active{ color:var(--white); border-color:var(--gold-500); }
.nav-cta{ margin-left:8px; }

.nav-toggle{
  display:none; background:none; border:none; padding:8px;
  flex-direction:column; gap:5px;
}
.nav-toggle span{ width:24px; height:2px; background:var(--white); display:block; }

@media (max-width:1180px){
  .nav-toggle{ display:flex; }
  .nav-links{
    position:absolute; top:100%; left:0; right:0;
    background:#071a33; flex-direction:column; align-items:flex-start;
    padding:16px 24px 24px; gap:16px; border-bottom:1px solid var(--navy-800);
    display:none;
  }
  .nav-links.open{ display:flex; }
  .nav-cta{ margin-left:0; }
}

/* ===================================================================
   HERO — global network signature element
   =================================================================== */
.hero{
  position:relative; isolation:isolate; overflow:hidden;
  min-height:680px; padding:48px 0 88px;
  background:#020817 url("../images/hero-global-network.png") center center / cover no-repeat;
}
.hero::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(1,9,25,.96) 0%,rgba(1,9,25,.84) 38%,rgba(1,9,25,.18) 73%,rgba(1,9,25,.35) 100%); }
.hero-grid{ display:block; }
.hero-content{ max-width:590px; padding:18px 22px 30px; background:linear-gradient(135deg,rgba(2,13,35,.88),rgba(2,13,35,.68)); border-left:3px solid #d8a836; }
.hero-logo{ display:block; width:min(100%,460px); height:auto; margin:0 0 4px; mix-blend-mode:screen; }
.hero-brandline{ margin:0 0 44px; color:#f5f3ee; font-size:.78rem; font-weight:700; letter-spacing:.28em; }
.hero h1{ margin-bottom:20px; font-family:var(--font-body); font-size:clamp(2.35rem,4vw,4.1rem); letter-spacing:-.04em; text-transform:none; }
.hero .accent{ color:#e8b64b; }
.hero-lede{ font-size:1.08rem; max-width:520px; color:#eef1f3; }
.hero-actions{ display:flex; gap:16px; margin-top:32px; flex-wrap:wrap; }
.hero-logo-frame{display:block;width:min(100%,500px);height:205px;border:0;margin:-18px 0 -18px;background:transparent;overflow:hidden;pointer-events:none}
.hero-rule{display:block;width:88px;height:3px;margin:0 0 22px;background:linear-gradient(90deg,#e8b64b,#8f5d12)}

.network{ position:relative; aspect-ratio:1/1; }
.network circle.node{ fill:var(--gold-500); }
.network circle.node.dim{ fill:var(--navy-600); }
.network line{ stroke:var(--navy-600); stroke-width:1; }
.network line.lit{ stroke:var(--gold-500); stroke-opacity:.5; }
.network .pulse{ animation:pulse 3s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{ opacity:.4; } 50%{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ .pulse{ animation:none; opacity:.8; } }

@media (max-width:900px){
  .hero{ min-height:auto; padding:36px 0 56px; background-position:62% center; }
  .hero-content{ padding:16px 16px 26px; }
  .hero-brandline{ margin-bottom:30px; font-size:.62rem; letter-spacing:.2em; }
}

/* ===================================================================
   CORE SERVICES STRIP
   =================================================================== */
.services-strip{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--navy-800); border:1px solid var(--navy-800); border-radius:var(--radius-md); overflow:hidden; }
.service-tile{ background:var(--navy-900); padding:28px 22px; }
.service-tile .icon{ width:36px; height:36px; margin-bottom:16px; color:var(--gold-500); }
.service-tile h3{ font-size:1rem; margin-bottom:8px; }
.service-tile p{ font-size:.85rem; margin-bottom:0; }
@media (max-width:960px){ .services-strip{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .services-strip{ grid-template-columns:1fr; } }

/* ===================================================================
   WORKFLOW TIMELINE
   =================================================================== */
.workflow{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.workflow::before{
  content:""; position:absolute; top:26px; left:10%; right:10%; height:1px;
  background:var(--navy-700);
}
.workflow-step{ position:relative; text-align:center; padding:0 12px; }
.workflow-step .num{
  width:52px; height:52px; margin:0 auto 20px; border-radius:50%;
  background:var(--navy-900); border:1px solid var(--gold-500); color:var(--gold-500);
  display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:700;
  position:relative; z-index:2;
}
.workflow-step h3{ font-size:.95rem; margin-bottom:6px; }
.workflow-step p{ font-size:.8rem; margin-bottom:0; }
.workflow-title{display:flex;flex-direction:column;justify-content:center;padding:24px 20px;font-family:var(--font-body);font-size:1.35rem;font-weight:800;line-height:1.25;color:#071a33;text-align:left}
.workflow-title span{display:block;max-width:100%;overflow-wrap:anywhere}
html[lang="de"] .workflow-title{padding-inline:14px;font-size:1rem;line-height:1.3;hyphens:auto}
html[lang="sq"] .workflow-title{padding-inline:14px;font-size:.94rem;line-height:1.32;hyphens:auto}
.workflow-icon{width:54px;height:54px;object-fit:cover;object-position:center;border-radius:50%;flex:0 0 auto}
.workflow-icon-line{display:flex;align-items:center;justify-content:center;border:1px solid #c8b78d;color:#071a33;background:#fff}
.workflow-icon-line svg{width:31px;height:31px}
@media (max-width:900px){
  .workflow{ grid-template-columns:1fr; gap:32px; }
  .workflow::before{ display:none; }
}

/* mini workflow (mobility teaser) */
.mini-flow{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.mini-flow .chip{
  background:var(--navy-800); border:1px solid var(--navy-700); border-radius:999px;
  padding:8px 18px; font-size:.82rem; font-weight:600; color:var(--ink);
}
.mini-flow .arrow{ color:var(--gold-500); }
.mobility-overview-section .section-head{margin-bottom:30px}
.mobility-process{position:relative;width:min(580px,100%);aspect-ratio:588/424;margin:0 auto;border:1px solid rgba(232,182,75,.48);background:#06162d;box-shadow:0 18px 44px rgba(0,0,0,.34);overflow:hidden}
.mobility-process>img{display:block;width:100%;height:100%;object-fit:fill;object-position:center}

/* ===================================================================
   ABOUT + WHY ELONZA
   =================================================================== */
.about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.why-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.why-item{ display:flex; gap:12px; align-items:flex-start; }
.why-item .icon{ width:22px; height:22px; flex-shrink:0; color:var(--gold-500); margin-top:2px; }
.why-item span{ font-size:.9rem; color:var(--ink); font-weight:600; }
.why-item{min-width:0;overflow:hidden}
.why-item span:last-child{min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.why-icon{width:43px;height:43px;object-fit:cover;object-position:center;border-radius:8px;flex:0 0 auto}
.why-line{display:flex;align-items:center;justify-content:center;color:#e8b64b;background:#071a33;border:1px solid rgba(232,182,75,.25)}
.why-line svg{width:29px;height:29px}
@media (max-width:900px){ .about-grid{ grid-template-columns:1fr; gap:40px; } }

/* ===================================================================
   INDUSTRY CARDS
   =================================================================== */
.industry-grid{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(270px,1fr); grid-template-rows:1fr; gap:14px; overflow-x:auto; padding:8px 4px 24px; scroll-snap-type:x proximity; }
.industry-card{
  min-height:455px; scroll-snap-align:start; background:linear-gradient(155deg,#0b2545,#06152c 56%,#081b33); border:1px solid #53759d; border-radius:4px;
  box-shadow:0 12px 26px rgba(0,0,0,.28); padding:22px; display:flex; flex-direction:column; transition:border-color .2s, transform .2s, box-shadow .2s;
}
.industry-visual{position:relative;height:148px;margin:-22px -22px 18px;overflow:hidden;border-bottom:1px solid #9c7228;background:#06152c}
.industry-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,10,25,.72))}
.industry-visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.industry-card:hover .industry-visual img{transform:scale(1.07)}
.industry-card .industry-visual .index{position:absolute;z-index:2;left:14px;top:14px;margin:0;background:rgba(2,12,29,.86);backdrop-filter:blur(5px)}

@media (min-width:901px){
  .hero{height:calc(100vh - 74px);min-height:620px;display:flex;align-items:flex-start;padding:0 0 185px;background-position:center}
  .hero .container{width:100%;max-width:none;padding:0 0 0 clamp(8px,3.2vw,52px)}
  .hero-content{width:min(46vw,610px);max-width:none;min-height:calc(100vh - 259px);padding:12px 42px 28px;background:linear-gradient(90deg,rgba(1,10,27,.97),rgba(2,16,39,.9));border-left:0;display:flex;flex-direction:column;justify-content:center}
  .hero-logo-frame{width:min(100%,500px);height:185px;margin:-18px 0 -12px}
  .hero-brandline{margin-bottom:26px}
  .hero h1{font-size:clamp(2.15rem,3.25vw,3.35rem);line-height:1.12;max-width:540px;margin-bottom:16px}
  .hero-lede{font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.65;max-width:500px}
  .hero-rule{margin-bottom:16px}
}

#services{position:relative;z-index:4;margin-top:-170px;padding:0 0 20px;background:transparent}
#services .section-head{display:none}
.services-strip{border:1px solid #315b82;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.35);background:#315b82}
.service-tile{min-height:120px;background:linear-gradient(145deg,rgba(7,26,51,.98),rgba(4,17,38,.98));border-top:0;padding:15px 13px;display:flex;align-items:flex-start;gap:11px}
.service-tile .icon{width:42px;height:42px;margin:0;flex:0 0 auto}
.service-icon-image{object-fit:cover;object-position:center;border-radius:7px}
.service-tile:nth-child(2) .icon,.service-tile:nth-child(4) .icon{color:#f5f3ee}
.service-tile h3{font-size:.7rem;margin-bottom:5px;line-height:1.25}
.service-tile p{font-size:.58rem;line-height:1.4}
.service-tile:hover{background:linear-gradient(145deg,#0c2b4f,#06152c)}
.section{background-color:#031126}
.section-alt{background:#071a33}
#industries{overflow:hidden;background:radial-gradient(circle at 70% 0,rgba(30,77,117,.38),transparent 42%),#010713}
#industries .container{max-width:none;padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:0}
#industries .section-head{max-width:760px}
.industry-grid{grid-auto-columns:330px;gap:18px;padding:12px 50px 34px 4px;scrollbar-color:#b98124 #071a33;cursor:grab;overscroll-behavior-inline:contain}
.industry-grid:active{cursor:grabbing}
.industry-card{min-height:610px;padding:22px;background:linear-gradient(165deg,#092647,#041428 64%,#020b18);border-color:#315b82}
.industry-card h3{font-family:var(--font-body);font-size:1.05rem;letter-spacing:.035em}
.industry-card li{font-size:.79rem;padding:5px 0}

@media (max-width:900px){
  .hero-logo-frame{height:160px;margin:-10px 0 -12px}
  .industry-grid{grid-auto-columns:minmax(285px,82vw)}
  #services{margin-top:0;padding:42px 0;background:#020b1b}
  #services .section-head{display:block;margin-bottom:28px}
}

/* Presentation-matched workflow and Why ELONZA sections */
#about{position:relative;isolation:isolate;padding:110px 0 28px;background:#031126 url("../images/hero-global-network.png") center 42% / cover fixed}
#about::before{content:"";position:absolute;inset:0;background:rgba(1,7,19,.68);z-index:-1}
#about .about-grid{grid-template-columns:minmax(300px,.72fr) minmax(620px,1.28fr);gap:34px;align-items:center}
#about .about-grid>div{min-width:0}
#about .about-grid>div:first-child{padding:28px 30px;background:rgba(2,13,31,.78);border-left:3px solid #d69c2f;box-shadow:0 16px 36px rgba(0,0,0,.25)}
#about .about-grid>div:first-child h2{max-width:100%;color:#fff;overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
#about .about-grid>div:first-child p{max-width:100%;color:#eef2f6;overflow-wrap:anywhere;hyphens:auto}
html[lang="de"] #about .about-grid>div:first-child h2{font-size:clamp(1.65rem,2.15vw,2rem);line-height:1.18;letter-spacing:.015em}
.section-alt:has(.workflow){padding:28px 0;background:#031126 url("../images/hero-global-network.png") center 62% / cover fixed}
.section-alt:has(.workflow)::before{content:"";position:absolute;inset:0;background:rgba(1,7,19,.72);z-index:-1}
.section-alt:has(.workflow){position:relative;isolation:isolate}
.workflow{grid-template-columns:175px repeat(5,1fr);gap:0;background:#f7f5ef;border:1px solid rgba(232,182,75,.75);border-radius:10px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.36)}
.workflow::before{display:none}
.workflow-step{min-height:185px;padding:22px 13px 18px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto 1fr;text-align:left;border-left:1px solid #d8d2c4;column-gap:9px}
.workflow-step .num{position:absolute;top:11px;left:10px;width:25px;height:25px;margin:0;background:#cf941f;border:0;color:#fff;font-family:var(--font-body);font-size:.78rem}
.workflow-step .workflow-icon{grid-row:1 / 3;align-self:center;width:50px;height:50px}
.workflow-step h3{min-height:38px;margin:0 0 8px;color:#071a33;font-family:var(--font-body);font-size:.72rem;font-weight:800;line-height:1.25;letter-spacing:0;text-transform:uppercase}
.workflow-step p{color:#26374a;font-size:.62rem;line-height:1.45}
.about-grid>div:last-child{padding:14px;border:1px solid #315b82;border-radius:4px;background:rgba(5,28,55,.94);box-shadow:0 0 0 10px rgba(4,24,47,.78),0 14px 34px rgba(0,0,0,.32)}
.about-grid>div:last-child>h3{color:#e8b64b;text-align:center;font-family:var(--font-body);font-size:1.35rem}
.why-grid{gap:0!important;border-top:1px solid rgba(70,115,154,.65);border-left:1px solid rgba(70,115,154,.65)}
.why-item{min-height:76px!important;border-right:1px solid rgba(70,115,154,.65)!important;border-bottom:1px solid rgba(70,115,154,.65)!important;border-top:0!important;padding:12px!important;background:rgba(5,28,55,.45)!important;border-radius:0!important}
.why-item .why-icon{width:40px;height:40px}
.workflow-section{padding-top:10px!important;padding-bottom:34px!important}
.why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(49,91,130,.6);border-left:1px solid rgba(49,91,130,.6)}
.why-item{min-height:86px;padding:13px;align-items:center;border-right:1px solid rgba(49,91,130,.6);border-bottom:1px solid rgba(49,91,130,.6)}
.why-item span:last-child{font-size:.78rem;line-height:1.35}

@media (max-width:1100px){
  #about .about-grid{grid-template-columns:1fr;gap:42px}
  .why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .workflow{grid-template-columns:150px repeat(5,1fr)}
  .workflow-step{grid-template-columns:1fr;grid-template-rows:auto auto;padding:34px 10px 15px;text-align:center}
  .workflow-step .workflow-icon{grid-row:auto;margin:0 auto 10px}
}
@media (max-width:900px){
  .section-alt:has(.workflow){padding:48px 0;background-attachment:scroll}
  #about{padding:70px 0 38px;background-attachment:scroll}
  .workflow{grid-template-columns:1fr}
  .workflow-title{align-items:center;padding:22px}
  .workflow-step{min-height:auto;border-left:0;border-top:1px solid #d8d2c4}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[lang="de"] #about .about-grid>div:first-child h2{font-size:clamp(1.55rem,6vw,1.9rem)}
}
.industry-card:hover{ border-color:#e8b64b; transform:translateY(-7px); box-shadow:0 18px 34px rgba(0,0,0,.4); }
.industry-card .index{ width:48px; height:42px; display:flex; align-items:center; justify-content:center; border:1px solid #d8a836; font-family:var(--font-head); font-weight:800; color:#e8b64b; font-size:1.45rem; margin-bottom:18px; }
.industry-card h3{ min-height:48px; color:#fff; font-size:1.25rem; margin-bottom:16px; }
.industry-card ul{ margin-bottom:18px; }
.industry-card li{ font-size:.85rem; color:#d8e1e9; padding:7px 0; border-top:1px solid rgba(173,201,226,.2); }
.industry-card li:first-child{ border-top:none; }
.industry-links{ margin-top:auto; display:flex; flex-wrap:wrap; gap:8px; }
.industry-links a{
  font-size:.78rem; font-weight:700; color:var(--gold-300); background:var(--navy-800);
  border:1px solid var(--navy-700); border-radius:999px; padding:6px 12px; transition:background .2s,color .2s;
}
.industry-links a:hover{ background:var(--gold-500); color:var(--navy-950); border-color:var(--gold-500); }
.industry-links .soon-tag{
  font-size:.78rem; font-weight:700; color:var(--muted-dark); background:var(--navy-900);
  border:1px dashed var(--navy-700); border-radius:999px; padding:6px 12px; cursor:default;
}

/* Final PowerPoint fidelity pass: hero and seven-sector presentation */
@media (min-width:901px){
  .hero{height:580px;min-height:580px;padding-bottom:102px;background-size:cover;background-position:center 48%}
  .hero .container{padding-left:clamp(18px,3.35vw,42px)}
  .hero-content{box-sizing:border-box;width:min(47vw,590px);height:440px;min-height:440px;padding:0 48px 24px;background:#071a33;justify-content:flex-start;overflow:hidden}
  .hero-logo-frame{flex:0 0 auto;width:500px;max-width:100%;height:155px;margin:0 0 -2px;border:0;clip-path:none;background:#071a33;mix-blend-mode:normal}
  .hero-brandline{width:500px;max-width:100%;margin:0 0 52px;text-align:center;font-size:.9rem;line-height:1;letter-spacing:.25em;white-space:nowrap}
  .hero h1{max-width:505px;font-size:clamp(2.25rem,3.15vw,3.25rem);line-height:1.12;margin-bottom:22px}
  .hero-rule{width:92px;margin-bottom:22px}
  .hero-lede{max-width:490px;font-size:clamp(.94rem,1.08vw,1.03rem);line-height:1.6}
  #services{margin-top:-102px;padding-bottom:34px}
  #services .container{width:100%;max-width:none;padding:0 18px}
  .service-tile{min-height:90px;padding:12px 14px}
}

#industries{padding:70px 0 74px;background:#020817 url("../images/hero-global-network.png") center 40% / cover fixed;position:relative;isolation:isolate}
#industries::before{content:"";position:absolute;inset:0;background:rgba(1,7,19,.62);z-index:-1}
#industries .container{max-width:none;padding:0 18px}
#industries .section-head{max-width:780px;margin-left:max(0px,calc((100vw - 1390px)/2));margin-bottom:26px;padding:16px 22px;background:rgba(2,14,32,.76);border-left:3px solid #d39a2c}
#industries .section-head h2{font-family:var(--font-body);color:#fff;font-size:clamp(1.9rem,2.6vw,2.8rem)}
#industries .section-head p{max-width:700px;color:#eef2f6}
.industry-grid{width:100%;grid-auto-columns:minmax(186px,1fr);gap:4px;padding:6px 0 18px;overflow-x:auto;scrollbar-color:#c28b25 #071a33}
.industry-card{min-height:585px;padding:0;display:flex;flex-direction:column;background:#f4f2ec;border:1px solid #6c8297;border-radius:8px;overflow:hidden;color:#142638;box-shadow:0 12px 28px rgba(0,0,0,.3)}
.industry-card:hover{border-color:#d39a2c;transform:translateY(-4px);box-shadow:0 15px 32px rgba(0,0,0,.38)}
.industry-visual{height:150px;margin:0;border-bottom:1px solid #6c8297;background:#071a33}
.industry-visual::after{background:linear-gradient(180deg,rgba(2,10,25,.06),rgba(2,10,25,.3))}
.industry-card .industry-visual .index{display:none}
.industry-card>div:not(.industry-visual):not(.industry-links){display:contents}
.industry-card h3{min-height:auto;margin:0;padding:12px 11px 4px;display:block;background:#f4f2ec;color:#173f69;font-family:var(--font-body);font-size:.67rem;line-height:1.2;letter-spacing:.03em;text-transform:uppercase}
.industry-visual-empty{background:linear-gradient(145deg,#071a33,#0b2d52)}
.industry-card h3{min-height:58px;padding:12px 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.76rem;font-weight:800}
.industry-card ul{flex:1;margin:0;padding:12px 11px 14px 25px;background:#f4f2ec;color:#172a3d;list-style:disc}
.industry-card li{padding:3px 0;border:0;color:#172a3d;font-size:.65rem;line-height:1.35}
.industry-card li:first-child{border:0}
.industry-links{margin:0;padding:0 10px 13px;background:#f4f2ec;gap:5px}
.industry-links a,.industry-links .soon-tag{padding:4px 7px;border-color:#9a762f;background:#fff;color:#17314a;font-size:.58rem}

@media (max-width:1350px) and (min-width:901px){
  .industry-grid{grid-auto-columns:190px}
}
@media (max-width:900px){
  #industries{padding:54px 0;background-attachment:scroll}
  #industries .container{padding:0 20px}
  #industries .section-head{margin-left:0}
  .industry-grid{grid-auto-columns:minmax(270px,82vw);gap:14px}
}
@media (max-width:1100px){ .industry-grid{ grid-auto-columns:minmax(285px,78vw); } }
@media (max-width:600px){ .industry-grid{ grid-auto-columns:86vw; } .industry-card{ min-height:420px; } }

/* ===================================================================
   TEAM
   =================================================================== */
.team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.team-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}
.team-grid-secondary{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin-inline:auto}
.team-row-divider{width:100%;height:1px;margin:48px auto;background:linear-gradient(90deg,transparent,#315b82 8%,rgba(216,163,60,.72) 50%,#315b82 92%,transparent)}
.team-closing-summary{max-width:900px;margin:46px auto 0;padding-top:28px;border-top:1px solid rgba(49,91,130,.72);color:#d7e0e8;text-align:center;line-height:1.75}
.founders-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin-inline:auto}
.founders-grid+.founders-summary{max-width:900px;margin:38px auto 0;text-align:center;color:#d7e0e8}
#we-elonza>.container>.section-head{margin-bottom:24px}
.team-card{ text-align:center; }
.profile-trigger{ appearance:none; border:0; background:transparent; color:inherit; font:inherit; padding:12px; border-radius:18px; cursor:pointer; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.profile-trigger:hover,.profile-trigger:focus-visible{ transform:translateY(-5px); background:rgba(4,25,51,.58); box-shadow:0 12px 30px rgba(0,0,0,.24); outline:1px solid rgba(206,159,72,.55); }
.avatar{
  width:104px; height:104px; border-radius:50%; margin:0 auto 16px;
  background:radial-gradient(circle at 50% 38%,#12365f 0,#082342 52%,#03152d 100%);
  border:1px solid rgba(220,171,75,.78);
  box-shadow:inset 0 0 22px rgba(33,91,143,.28),0 8px 22px rgba(0,0,0,.24);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-head); font-weight:800; font-size:1.4rem; color:var(--gold-300);
}
.avatar img{ width:62%; height:62%; object-fit:contain; object-position:center; display:block; margin:auto; }
.avatar img.person-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 24%}
.team-card h3{ margin-bottom:2px; font-size:1rem; }
.team-card .role{ font-size:.82rem; color:var(--muted-dark); }
.team-card .role strong,.team-card .role span{display:block}.team-card .role strong{margin-bottom:3px;color:#d8a33c;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.profile-dialog{ width:min(980px,calc(100% - 32px)); max-height:min(86vh,900px); overflow:auto; border:1px solid var(--gold-500); border-radius:20px; padding:34px; color:var(--ink); background:linear-gradient(145deg,var(--navy-900),var(--navy-800)); box-shadow:0 28px 80px rgba(0,0,0,.62); }
.profile-dialog::backdrop{ background:rgba(0,8,20,.8); backdrop-filter:blur(5px); }
.profile-dialog[open]{ display:grid; grid-template-columns:140px 1fr; gap:28px; align-items:center; }
.profile-dialog-photo{ width:140px; height:140px; border-radius:50%; object-fit:contain; object-position:center; padding:34px; background:var(--navy-900); border:1px solid var(--gold-500); }
.profile-dialog-photo.person-photo{object-fit:cover;object-position:center 24%;padding:0}
.profile-dialog-copy h3{ margin:0 0 4px; color:var(--gold-300); }
.profile-dialog-copy .role{ margin-bottom:18px; color:var(--muted); }
.profile-dialog-copy .role strong,.profile-dialog-copy .role span{display:block}
.profile-dialog-copy .role strong{margin-bottom:5px;color:var(--ink);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}
.profile-dialog-copy p{ margin:0; }
.profile-dialog-bio p{margin:0 0 1em;color:var(--muted);line-height:1.7}.profile-dialog-bio p:last-child{margin-bottom:0}
.profile-dialog-bio strong{color:var(--gold-300)}
.profile-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(206,159,72,.38)}
.profile-contact div{color:var(--muted);font-size:.82rem}.profile-contact a{color:#f0c56d;text-decoration:none}.profile-contact a:hover{text-decoration:underline}
.profile-dialog-close{ position:absolute; inset:14px 14px auto auto; border:0; background:transparent; color:var(--ink); font-size:2rem; cursor:pointer; line-height:1; }
html[dir="rtl"] .profile-dialog-close{ inset:14px auto auto 14px; }
@media (max-width:520px){ .profile-dialog[open]{ grid-template-columns:1fr; text-align:center; } .profile-dialog-photo{ margin:auto; }.profile-contact{grid-template-columns:1fr;text-align:left}html[dir="rtl"] .profile-contact{text-align:right} }
@media (max-width:900px){ .team-grid-primary,.founders-grid{ grid-template-columns:repeat(2,1fr); }.team-grid-primary .team-card:last-child{grid-column:1/-1;width:min(100%,310px);justify-self:center}.team-grid-secondary{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .founders-grid,.team-grid-primary,.team-grid-secondary{grid-template-columns:1fr}.team-grid-primary .team-card:last-child{grid-column:auto;width:100%}.team-row-divider{margin:36px auto} }

/* ===================================================================
   CONTACT
   =================================================================== */
.contact-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; }
.contact-grid.contact-details-only{display:block;max-width:720px}
.contact-details-only>div{padding:34px;border:1px solid rgba(232,182,75,.52);border-radius:18px;background:linear-gradient(145deg,rgba(8,35,67,.96),rgba(3,17,37,.96));box-shadow:0 20px 48px rgba(0,0,0,.32)}
.contact-details-only>div>h3{text-align:center;color:var(--gold-300);margin-bottom:24px!important}
.contact-details-only .contact-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-details-only .contact-info li{min-width:0;flex-direction:column;align-items:center;padding:22px 14px;border:1px solid rgba(49,91,130,.72);border-radius:12px;background:rgba(3,17,38,.76);text-align:center}
.contact-details-only .contact-info li:first-child{border:1px solid rgba(49,91,130,.72)}
.contact-details-only .contact-info .icon{width:30px;height:30px;color:var(--gold-500)}
.contact-details-only .contact-info .value{display:block;overflow-wrap:anywhere;color:#fff}
@media(max-width:680px){.contact-details-only .contact-info{grid-template-columns:1fr}.contact-details-only>div{padding:22px}}
.contact-info li{ display:flex; gap:14px; padding:16px 0; border-top:1px solid var(--navy-800); align-items:flex-start; }
.contact-info li:first-child{ border-top:none; }
.contact-info .icon{ width:20px; height:20px; color:var(--gold-500); margin-top:3px; flex-shrink:0; }
.contact-info .label{ font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted-dark); display:block; }
.contact-info .value{ color:var(--ink); font-weight:600; }

/* Contact page: global reach network */
.global-reach{position:relative;overflow:hidden;border-top:1px solid rgba(49,91,130,.6);background:radial-gradient(circle at 78% 45%,rgba(19,61,101,.48),transparent 38%),linear-gradient(135deg,#020a19,#06182f 62%,#031025)}
.global-reach::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(232,182,75,.035),transparent 38%)}
.global-reach-grid{position:relative;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(480px,1.35fr);gap:54px;align-items:center}
.global-reach-copy h2{max-width:520px;margin-bottom:20px;font-size:clamp(2rem,3.5vw,3.25rem);text-transform:none;letter-spacing:-.02em}
.global-reach-copy p{max-width:550px;color:#d8e1e9;font-size:1rem;line-height:1.75}
.global-regions{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}
.global-regions span{padding:7px 12px;border:1px solid rgba(232,182,75,.36);border-radius:999px;background:rgba(232,182,75,.07);color:#f0c56d;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.global-contact-btn{border:1px solid #e8b64b;background:#e8b64b;color:#041126}
.global-contact-btn:hover{background:#f0c56d}
.global-map{position:relative;min-width:0;padding:22px 22px 58px;border:1px solid rgba(86,126,163,.58);border-radius:20px;background:linear-gradient(145deg,rgba(10,38,70,.88),rgba(2,12,28,.92));box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 0 60px rgba(33,89,137,.12)}
.global-map svg{display:block;width:100%;height:auto}
.map-grid-lines{fill:none;stroke:#557794;stroke-width:1;opacity:.25}
.world-shape{fill:#173b5c;stroke:#7190aa;stroke-width:1.2;opacity:.82}
.network-routes{fill:none;stroke:#e8b64b;stroke-width:1.5;stroke-dasharray:7 8;opacity:.76}
.network-nodes circle{fill:#f0c56d}.network-nodes .hub-ring{fill:none;stroke:#f0c56d;stroke-width:2}.network-nodes .hub{fill:#fff4cc}
.map-caption{position:absolute;left:26px;right:26px;bottom:20px;display:flex;align-items:center;gap:10px;color:#d8e1e9;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.map-pulse{width:8px;height:8px;border-radius:50%;background:#e8b64b;box-shadow:0 0 0 6px rgba(232,182,75,.12);animation:mapPulse 2.2s ease-in-out infinite}
@keyframes mapPulse{50%{box-shadow:0 0 0 11px rgba(232,182,75,0)}}
@media(prefers-reduced-motion:reduce){.map-pulse{animation:none}}
@media(max-width:900px){.global-reach-grid{grid-template-columns:1fr;gap:38px}.global-map{padding:12px 12px 52px}.global-reach-copy{text-align:center}.global-reach-copy h2,.global-reach-copy p{margin-left:auto;margin-right:auto}.global-regions{justify-content:center}}
@media(max-width:520px){.global-reach{padding:64px 0}.global-map{border-radius:14px}.map-caption{left:18px;right:18px;font-size:.6rem}.global-contact-btn{width:100%;justify-content:center}}

.field{ margin-bottom:18px; }
.field label{ display:block; font-size:.8rem; font-weight:700; color:var(--muted); margin-bottom:8px; }
.field input, .field textarea{
  width:100%; padding:13px 16px; border-radius:var(--radius-sm);
  border:1px solid var(--navy-700); background:var(--navy-850); color:var(--ink);
  font-family:inherit; font-size:.95rem;
}
.field input:focus, .field textarea:focus{ outline:2px solid var(--gold-500); outline-offset:1px; border-color:var(--gold-500); }
.field textarea{ resize:vertical; min-height:130px; }
.field .error{ color:var(--danger); font-size:.78rem; margin-top:6px; display:none; }
.field.has-error input, .field.has-error textarea{ border-color:var(--danger); }
.field.has-error .error{ display:block; }
.form-note{ font-size:.82rem; color:var(--muted-dark); margin-top:14px; }
.form-success{
  display:none; background:rgba(79,191,139,.1); border:1px solid var(--success);
  color:var(--success); border-radius:var(--radius-sm); padding:14px 18px; font-size:.9rem; margin-bottom:20px;
}
.form-success.show{ display:block; }

/* ===================================================================
   PRODUCT GALLERY + MODAL
   =================================================================== */
.gallery-hero{ padding:64px 0 40px; border-bottom:1px solid var(--navy-800); }
.breadcrumb{ font-size:.82rem; color:var(--muted-dark); margin-bottom:16px; }
.breadcrumb a{ color:var(--gold-300); }
.breadcrumb a:hover{ text-decoration:underline; }

.product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card{
  background:var(--navy-850); border:1px solid var(--navy-800); border-radius:var(--radius-md);
  overflow:hidden; cursor:pointer; text-align:left; padding:0; color:inherit;
  transition:border-color .2s, transform .2s;
}
.product-card:hover, .product-card:focus-visible{ border-color:var(--gold-500); transform:translateY(-4px); }
.product-thumb{
  aspect-ratio:4/3; background:linear-gradient(160deg,var(--navy-700),var(--navy-900));
  display:flex; align-items:center; justify-content:center; color:var(--navy-600);
}
.product-thumb svg{ width:64px; height:64px; }
.product-body{ padding:20px; }
.product-body h3{ margin-bottom:6px; font-size:1.05rem; }
.product-body .spec-line{ font-size:.82rem; color:var(--muted-dark); margin-bottom:14px; }
.product-price{ font-family:var(--font-head); font-weight:800; color:var(--gold-500); font-size:1.1rem; }
.product-price .from{ font-size:.7rem; font-weight:600; color:var(--muted-dark); text-transform:uppercase; margin-right:6px; }
@media (max-width:960px){ .product-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .product-grid{ grid-template-columns:1fr; } }

.state-msg{ text-align:center; padding:60px 20px; color:var(--muted-dark); }

/* modal */
.modal-overlay{
  position:fixed; inset:0; background:rgba(35,40,28,.8); z-index:200;
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; pointer-events:none; transition:opacity .2s;
}
.modal-overlay.open{ opacity:1; pointer-events:auto; }
.modal{
  background:var(--navy-900); border:1px solid var(--navy-700); border-radius:var(--radius-lg);
  max-width:760px; width:100%; max-height:88vh; overflow-y:auto; padding:36px;
  transform:translateY(12px); transition:transform .2s;
}
.modal-overlay.open .modal{ transform:translateY(0); }
.modal-close{
  float:right; background:none; border:1px solid var(--navy-700); color:var(--muted);
  width:34px; height:34px; border-radius:50%; font-size:1rem; line-height:1;
}
.modal-close:hover{ border-color:var(--gold-500); color:var(--gold-300); }
.modal-thumb{
  aspect-ratio:16/9; background:linear-gradient(160deg,var(--navy-700),var(--navy-850));
  border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center;
  color:var(--navy-600); margin-bottom:24px;
}
.modal-thumb svg{ width:80px; height:80px; }
.modal-specs{ display:grid; grid-template-columns:1fr 1fr; gap:10px 24px; margin:20px 0; }
.modal-specs div{ font-size:.85rem; padding:10px 0; border-top:1px solid var(--navy-800); }
.modal-specs div:nth-child(-n+2){ border-top:none; }
.modal-specs .k{ color:var(--muted-dark); display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; }
.modal-features{ margin:20px 0; }
.modal-features li{ font-size:.9rem; padding:6px 0 6px 22px; position:relative; color:var(--ink); }
.modal-features li::before{ content:"—"; position:absolute; left:0; color:var(--gold-500); }
.modal-footer{ display:flex; align-items:center; justify-content:space-between; margin-top:28px; flex-wrap:wrap; gap:16px; }

/* ===================================================================
   CTA BANNER + FOOTER
   =================================================================== */
.cta-banner{
  background:linear-gradient(120deg,var(--navy-800),var(--navy-850));
  border:1px solid var(--navy-700); border-radius:var(--radius-lg);
  padding:52px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.cta-banner h2{ margin-bottom:6px; }
.cta-banner p{ margin-bottom:0; }

.site-footer{ background:var(--navy-950); padding:56px 0 28px; border-top:1px solid var(--navy-800); }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.footer-grid h4{ font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; color:var(--muted-dark); margin-bottom:16px; }
.footer-grid li{ padding:6px 0; }
.footer-grid a:hover{ color:var(--gold-300); }
.footer-bottom{ border-top:1px solid var(--navy-800); padding-top:24px; font-size:.8rem; color:var(--muted-dark); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
@media (max-width:800px){ .footer-grid{ grid-template-columns:1fr 1fr; } }

.icon{ display:block; }
.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ===================================================================
   LANGUAGE TOGGLE
   =================================================================== */
.nav-lang{ position:relative; margin-left:8px; direction:ltr; }
.lang-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-width:44px; padding:9px 12px;
  border-radius:var(--radius-sm); border:1px solid var(--navy-600);
  background:none; color:var(--ink);
  font-family:var(--font-head); font-weight:800; font-size:.8rem; letter-spacing:.04em;
  transition:border-color .2s ease, color .2s ease, transform .15s ease;
}
.lang-btn:hover{ border-color:var(--gold-500); color:var(--gold-300); transform:translateY(-2px); }
.lang-chevron{ font-size:1rem; line-height:.6; transition:transform .2s ease; }
.lang-btn[aria-expanded="true"] .lang-chevron{ transform:rotate(180deg); }
.lang-menu{
  position:absolute; z-index:110; top:calc(100% + 8px); right:0;
  min-width:160px; padding:6px;
  background:var(--navy-850); border:1px solid var(--navy-600); border-radius:var(--radius-sm);
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.lang-menu[hidden]{ display:none; }
.lang-menu button{
  display:flex; align-items:center; width:100%; gap:10px; padding:9px 10px;
  border:0; border-radius:4px; background:transparent; color:var(--ink); text-align:left;
  font-size:.86rem;
}
.lang-menu button:hover, .lang-menu button:focus-visible, .lang-menu button[aria-current="true"]{ background:var(--navy-700); color:var(--white); outline:0; }
@media (max-width:900px){ .nav-lang{ margin-left:0; } }

/* ===================================================================
   RTL (Arabic) — mirrors the handful of spots that don't flip on their own
   =================================================================== */
html[dir="rtl"] body{ text-align:right; }
/* Keep the header controls in their original visual order for Arabic. */
html[dir="rtl"] .nav, html[dir="rtl"] .nav-links{ direction:ltr; }
html[dir="rtl"] .nav-links a{ direction:rtl; }
html[dir="rtl"] .nav-cta{ margin-left:8px; margin-right:0; }
html[dir="rtl"] .nav-lang{ margin-left:8px; margin-right:0; }
@media (max-width:900px){ html[dir="rtl"] .nav-cta, html[dir="rtl"] .nav-lang{ margin-left:0; margin-right:0; } }
html[dir="rtl"] .product-card{ text-align:right; }
html[dir="rtl"] .product-price .from{ margin-right:0; margin-left:6px; }
html[dir="rtl"] .modal-close{ float:left; }
html[dir="rtl"] .modal-features li{ padding:6px 22px 6px 0; }
html[dir="rtl"] .modal-features li::before{ left:auto; right:0; }
html[dir="rtl"] .why-item{ text-align:right; }

/* Shared ELONZA network background across every page */
html{background:#020817}
body{
  background-color:#020817;
  background-image:linear-gradient(rgba(1,7,19,.72),rgba(1,7,19,.82)),url("../images/hero-global-network.png");
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.hero-reference{padding:28px 18px 34px;background:#020817}
.section-anchor{display:block;position:relative;top:-90px;visibility:hidden}
.hero-reference-frame{width:100%;max-width:1120px;margin:0 auto;aspect-ratio:1179/493;overflow:hidden;background:#020817}
.hero-reference-frame img{display:block;width:100%;height:auto;transform:translateY(-5.65%)}
.hero-reference + #services{margin:0;padding:0 0 38px;background:transparent}
.hero-reference + #services .container{width:100%;max-width:1200px;padding:0 18px}
.hero-live{
  position:relative;
  min-height:590px;
  padding:44px max(34px,calc((100vw - 1440px)/2 + 44px)) 54px;
  display:flex;
  align-items:flex-start;
  overflow:hidden;
  background:#020817 url("../images/hero-global-network.png") center center / cover no-repeat;
}
.hero-live::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,19,.74) 0%,rgba(1,7,19,.44) 39%,rgba(1,7,19,.04) 72%);pointer-events:none}
.hero-live-content{position:relative;z-index:1;width:min(650px,52vw);padding:0;background:transparent}
.hero-live-logo{display:block;width:500px;max-width:100%;height:auto;margin:0 0 12px;background:transparent}
.hero-live-brandline{width:500px;max-width:100%;margin:0 0 56px;text-align:center;color:#f5f3ee;font-size:.92rem;font-weight:700;line-height:1;letter-spacing:.27em;white-space:nowrap}
.hero-live h1{max-width:640px;margin:0 0 22px;color:#f5f3ee;font-family:var(--font-body);font-size:clamp(2.25rem,3.05vw,3.15rem);font-weight:800;line-height:1.12;letter-spacing:-.035em;text-transform:none}
.hero-live h1 span{color:#e8b64b}
.hero-live-rule{display:block;width:94px;height:3px;margin:0 0 24px;background:#d9a236}
.hero-live p{margin:0;color:#f1f3f5;font-size:1.03rem;line-height:1.62}
.hero-live + #services{margin:0;padding:32px 0 40px;background:rgba(1,7,19,.52)}
.hero-live + #services .container{width:100%;max-width:none;padding:0 18px}
@media (max-width:900px){
  .hero-live{min-height:auto;padding:38px 24px 52px;background-position:62% center}
  .hero-live-content{width:100%;max-width:560px}
  .hero-live-brandline{margin-bottom:38px;font-size:.68rem;letter-spacing:.2em}
  .hero-live h1{font-size:clamp(2rem,8vw,2.8rem)}
  .hero-live-break{display:none}
  .hero-live + #services{padding-top:26px}
}
@media (max-width:900px){
  .hero-reference{padding:14px 0 20px}
  .hero-reference-frame{min-width:760px}
  .hero-reference{overflow-x:auto}
}
.section{background:rgba(2,12,28,.72)}
.section-alt{background:rgba(7,26,51,.78)}
.site-footer{background:rgba(1,7,19,.9)}
@media (max-width:900px){body{background-attachment:scroll;background-size:auto 100vh}}

/* Enlarged, circular seven-sector carousel */
.industry-grid{grid-auto-columns:calc((100% - 54px)/4);gap:18px;scroll-behavior:auto;padding-inline:18px;cursor:ew-resize;overflow-anchor:none}
.industry-grid>*{overflow-anchor:none}
.industry-grid.moving-left{cursor:w-resize}
.industry-grid.moving-right{cursor:e-resize}
.industry-grid.moving-left,.industry-grid.moving-right{scroll-snap-type:none}
.industry-grid.circular-active{overflow-x:hidden;scroll-snap-type:none;touch-action:pan-y}
.industry-grid.circular-active.dragging{cursor:grabbing;user-select:none}
.industry-grid.circular-active .industry-card{transform:translateX(var(--carousel-offset,0px));transition:border-color .2s,box-shadow .2s}
.industry-grid.circular-active .industry-card:hover{transform:translateX(var(--carousel-offset,0px)) translateY(-4px)}
.industry-card{min-height:650px}
.industry-visual{height:220px}
.industry-card h3{min-height:72px;padding:15px 14px;font-size:1rem;line-height:1.25}
.industry-card ul{padding:16px 16px 18px 31px}
.industry-card li{padding:4px 0;font-size:.78rem;line-height:1.4}
.industry-card h3,.industry-card li{text-transform:capitalize}
.industry-links{padding:0 14px 16px}
.industry-card>.industry-links{justify-content:center;align-items:center;margin-top:auto;padding:14px;background:#f4f2ec}
.industry-card>.industry-links a{min-width:104px;padding:7px 16px;text-align:center;font-size:.68rem;font-weight:800;text-transform:uppercase}
@media (max-width:1100px) and (min-width:901px){
  .industry-grid{grid-auto-columns:calc((100% - 36px)/3);gap:18px}
}
@media (max-width:900px){
  .industry-grid{grid-auto-columns:minmax(285px,82vw);gap:14px;padding-inline:4px}
  .industry-card{min-height:610px}
  .industry-visual{height:205px}
}

/* Unified workflow icons and text-focused hover state */
.workflow-step{transition:flex-grow .3s ease,background-color .3s ease,padding .3s ease}
.workflow-step .workflow-icon{box-sizing:border-box;width:58px;height:58px;padding:7px;border-radius:8px;background:#071a33;object-fit:contain;transition:opacity .25s ease,transform .3s ease,width .3s ease}
.workflow-step .num{transition:opacity .25s ease,transform .3s ease}
.workflow-step h3,.workflow-step p{transition:font-size .3s ease,line-height .3s ease,color .3s ease}
.workflow-step:hover{background:#fffdf7}
.workflow-step:hover .workflow-icon{width:34px;height:34px;padding:4px;opacity:.32;transform:scale(.82)}
.workflow-step:hover .num{opacity:.25;transform:scale(.76)}
.workflow-step:hover h3{font-size:.88rem;line-height:1.3;color:#071a33}
.workflow-step:hover p{font-size:.76rem;line-height:1.55;color:#172a3d}
@media (max-width:900px){
  .workflow-step:hover .workflow-icon{width:50px;height:50px;opacity:1;transform:none}
  .workflow-step:hover .num{opacity:1;transform:none}
}

/* Workflow reveal interaction: icon first, copy on hover or tap */
.workflow-step{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}
.workflow-step .num{display:none}
.workflow-step .workflow-icon{grid-row:auto;width:72px;height:72px;margin:0;padding:9px;opacity:1;transform:none}
.workflow-step>div[data-i18n]{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:18px;background:#fffdf7;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.workflow-step:hover>div[data-i18n],.workflow-step:focus-visible>div[data-i18n],.workflow-step.is-open>div[data-i18n]{opacity:1;visibility:visible;transform:translateY(0)}
.workflow-step:hover .workflow-icon,.workflow-step:focus-visible .workflow-icon,.workflow-step.is-open .workflow-icon{opacity:.06;transform:scale(.9)}
.workflow-step:focus-visible{outline:2px solid #cf941f;outline-offset:-3px}
.workflow-step>div[data-i18n] h3{min-height:0;margin:0 0 9px;font-size:.86rem;line-height:1.3;color:#071a33}
.workflow-step>div[data-i18n] p{font-size:.74rem;line-height:1.5;color:#172a3d}
@media (max-width:900px){
  .workflow-step{min-height:132px;padding:20px}
  .workflow-step .workflow-icon{width:72px;height:72px;margin:0}
  .workflow-step:hover>div[data-i18n]{opacity:0;visibility:hidden;transform:translateY(8px)}
  .workflow-step:hover .workflow-icon{width:72px;height:72px;opacity:1;transform:none}
  .workflow-step.is-open>div[data-i18n]{opacity:1;visibility:visible;transform:translateY(0)}
  .workflow-step.is-open .workflow-icon{opacity:.06;transform:scale(.9)}
}

/* Unified presentation icon and copy layout for the five service boxes */
.service-tile{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:13px;align-items:start;padding:14px 15px}
.service-tile .service-icon-image{grid-row:1 / 3;box-sizing:border-box;width:54px;height:54px;margin:0;padding:7px;object-fit:contain;object-position:center;border:1px solid rgba(220,163,51,.62);border-radius:8px;background:#071a33}
.service-tile .service-icon-gold{filter:sepia(.82) saturate(2.15) hue-rotate(354deg) brightness(.82) contrast(.96);opacity:.92;background:#071a33}
.service-tile>div{min-width:0}
.service-tile h3{min-height:34px;margin:0 0 6px;color:#fff;font-family:var(--font-body);font-size:.75rem;font-weight:800;line-height:1.28;text-transform:uppercase}
.service-tile p{margin:0;color:#eef2f6;font-size:.62rem;line-height:1.45}
@media (max-width:560px){
  .service-tile{grid-template-columns:58px minmax(0,1fr)}
  .service-tile .service-icon-image{width:58px;height:58px}
  .service-tile h3{font-size:.83rem}
  .service-tile p{font-size:.7rem}
}

/* Unified navy and antique-gold icon tiles for Why ELONZA */
.why-item .why-icon{box-sizing:border-box;width:44px;height:44px;padding:6px;object-fit:contain;object-position:center;border:1px solid rgba(220,163,51,.55);border-radius:8px;background:#071a33;flex:0 0 44px}
.why-item .why-line{color:#d8a33c;background:#071a33}
.why-item .why-line svg{width:29px;height:29px;stroke-width:1.7}
.why-item .why-icon-cube{filter:sepia(.82) saturate(2.15) hue-rotate(354deg) brightness(.82) contrast(.96);opacity:.92}
.why-item .why-icon-original{width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;object-fit:cover;filter:none;opacity:1}

/* Sector product catalogue and client-managed placeholder areas */
.catalog-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.catalog-category-card{position:relative;min-width:0;padding:0 0 18px;overflow:hidden;border:1px solid #315b82;border-radius:12px;background:linear-gradient(155deg,#0b284b,#05152b);color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.28);transition:transform .2s,border-color .2s}
.catalog-category-card:hover,.catalog-category-card:focus-visible{transform:translateY(-4px);border-color:#d8a33c;outline:none}
.catalog-category-card.is-coming-soon{cursor:default}
.catalog-category-card.is-coming-soon:hover,.catalog-category-card.is-coming-soon:focus-visible{transform:none;border-color:#496784}
.catalog-category-card.is-coming-soon .catalog-category-picture img{filter:grayscale(.22) saturate(.72) brightness(.78);opacity:.82}
.catalog-coming-badge{position:absolute;right:12px;top:12px;z-index:2;padding:6px 9px;border:1px solid rgba(240,197,109,.68);border-radius:999px;background:rgba(3,18,39,.9);color:#f0c56d;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 16px rgba(0,0,0,.3)}
.catalog-coming-message{display:block;margin:8px 18px 0;color:#9fb1c4;font-size:.68rem;line-height:1.35}
.catalog-category-picture{height:150px;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:15px;padding:10px;background:linear-gradient(145deg,rgba(20,57,92,.95),rgba(4,20,42,.95));border-bottom:1px solid rgba(216,163,60,.5)}
.catalog-category-picture img{display:block;width:auto;max-width:86%;height:128px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.34))}
.catalog-category-picture.images-2 img{max-width:47%;height:112px}
.catalog-category-picture.images-3{gap:2px;padding-inline:5px}
.catalog-category-picture.images-3 img{max-width:32.5%;height:105px}
.catalog-category-picture i{width:62px;height:62px;display:grid;place-items:center;border:1px dashed #d8a33c;border-radius:50%;color:#d8a33c;font-size:2rem;font-style:normal}
.catalog-category-number{margin-left:18px;color:#d8a33c;font-family:var(--font-head);font-size:1.15rem}
.catalog-category-card strong{display:block;margin:4px 44px 0 18px;font-size:1rem;line-height:1.35}
.catalog-category-open{position:absolute;right:18px;bottom:14px;color:#d8a33c;font-size:2rem}
.catalog-sandbox[hidden]{display:none}
.catalog-back{margin-bottom:24px;padding:8px 0;border:0;background:transparent;color:#e8b64b;font-weight:700;cursor:pointer}
.catalog-product{display:grid;grid-template-columns:minmax(165px,.55fr) minmax(240px,.85fr) minmax(0,2.1fr);gap:18px;padding:18px;border:1px solid rgba(216,163,60,.55);border-radius:14px;background:rgba(3,18,39,.86)}
.catalog-product[hidden]{display:none}
.catalog-product-secondary{margin-top:22px}
.catalog-product-secondary[hidden]{display:none}
.catalog-product-range{position:relative;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:190px;margin-top:22px;padding:32px 44px;overflow:hidden;background:radial-gradient(circle at 12% 50%,rgba(216,163,60,.17),transparent 28%),linear-gradient(135deg,#0a2748,#04152c)}
.catalog-product-range[hidden]{display:none}
.catalog-product-range::after{content:"";position:absolute;right:-55px;top:-90px;width:270px;height:270px;border:1px solid rgba(216,163,60,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(216,163,60,.04),0 0 0 58px rgba(216,163,60,.025)}
.catalog-range-mark{position:relative;z-index:1;display:flex;align-items:flex-end;min-width:150px;color:#f0c56d;font-family:var(--font-head);line-height:.75}
.catalog-range-mark strong{font-size:clamp(4.7rem,8vw,7rem);font-weight:600}.catalog-range-mark span{padding:0 0 8px 5px;font-size:2rem}
.catalog-product-range p{position:relative;z-index:1;max-width:750px;margin:0;color:#fff;font-family:var(--font-head);font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.12}
.marine-summary{display:grid;grid-template-columns:240px 1fr;gap:26px;align-items:center;margin:0 0 22px;padding:22px;border:1px solid rgba(216,163,60,.5);border-radius:12px;background:rgba(3,18,39,.86)}
.marine-summary[hidden]{display:none}.marine-summary .catalog-placeholder-art{width:100%}.marine-summary h3{color:#f0c56d}.marine-summary p,.marine-summary li{color:#d8e1e9}.marine-summary ul{margin-top:10px;padding-left:20px}.marine-summary li{padding:3px 0;font-size:.86rem}
.marine-summary-visual{min-height:190px;display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid rgba(216,163,60,.38);border-radius:10px;background:linear-gradient(145deg,#0d3158,#06162d);overflow:hidden}
.marine-summary-visual img{display:block;width:100%;height:175px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.4))}
.marine-summary-copy>strong{display:block;margin-top:18px;color:#f0c56d;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}
.marine-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.marine-capability-grid>div{position:relative;padding:11px 12px 11px 31px;border:1px solid rgba(101,131,160,.56);border-radius:7px;background:rgba(8,37,68,.72);color:#d8e1e9;font-size:.76rem;line-height:1.35}
.marine-capability-grid>div::before{content:"";position:absolute;left:12px;top:16px;width:7px;height:7px;border:1px solid #f0c56d;border-radius:50%;background:#d8a33c}
.catalog-name-zone,.catalog-main-zone,.catalog-info-zone{min-width:0;border:1px dashed rgba(216,163,60,.62);border-radius:10px;background:#071a33}
.catalog-name-zone{display:flex;flex-direction:column;justify-content:center;padding:22px;overflow:hidden}
.catalog-name-zone>span{color:#9fb1c4;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.catalog-name-zone h3{max-width:100%;margin:10px 0 0;color:#f0c56d;font-family:var(--font-head);font-size:clamp(1.35rem,2vw,2rem);line-height:1.08;overflow-wrap:normal;word-break:normal}
.catalog-name-zone h3>span{display:block;white-space:nowrap}
.catalog-main-zone{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px;text-align:center}
.catalog-main-product-image{width:100%;height:260px;object-fit:contain;object-position:center;filter:drop-shadow(0 14px 16px rgba(0,0,0,.38))}
.catalog-main-product-image[hidden],.catalog-placeholder-art[hidden]{display:none}
.catalog-placeholder-art{width:min(190px,80%);aspect-ratio:4/3;display:grid;place-items:center;border:1px dashed #6583a0;border-radius:8px;background:linear-gradient(145deg,#0d3158,#06162d)}
.catalog-placeholder-art span{color:#d8a33c;font-size:3rem;font-weight:300}
.catalog-main-zone strong{color:#d8e1e9;font-size:.8rem}
.catalog-info-zone{padding:18px;overflow:hidden}
.catalog-info-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.catalog-info-copy{display:flex;flex-direction:column;gap:4px}.catalog-info-heading strong{color:#f0c56d}.catalog-info-heading span{color:#9fb1c4;font-size:.72rem}
.catalog-info-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,62%);gap:14px;overflow-x:auto;padding:2px 2px 15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d8a33c #0b284b}
.catalog-info-rail::-webkit-scrollbar{height:10px}.catalog-info-rail::-webkit-scrollbar-track{border:1px solid #315b82;border-radius:999px;background:#0b284b}.catalog-info-rail::-webkit-scrollbar-thumb{border:2px solid #0b284b;border-radius:999px;background:linear-gradient(90deg,#b47c1b,#f0c56d)}.catalog-info-rail::-webkit-scrollbar-thumb:hover{background:#f0c56d}
.catalog-info-rail-single{display:block;overflow:visible;padding-bottom:2px}
.catalog-info-rail-single .catalog-sheet{width:min(100%,360px)}
.catalog-sheet{min-height:238px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #8fa1b1;border-radius:6px;background:#f4f2ec;color:#071a33;text-align:left;cursor:zoom-in;scroll-snap-align:start}
.catalog-sheet span{color:#b47c1b;font-family:var(--font-head);font-size:2.2rem}.catalog-sheet b{font-size:.9rem}
.catalog-sheet-image{position:relative;min-height:0;aspect-ratio:16/10;padding:0;overflow:hidden;background:#fff;border-color:#637b92}
.catalog-sheet-image img{width:100%;height:100%;display:block;object-fit:contain;background:#fff;transition:transform .25s ease}
.catalog-sheet-image:hover img,.catalog-sheet-image:focus-visible img{transform:scale(1.025)}
.catalog-sheet-image span{position:absolute;left:10px;top:10px;min-width:34px;padding:4px 7px;border-radius:5px;background:rgba(3,18,39,.9);color:#f0c56d;font:700 .72rem var(--font-body);text-align:center}
.catalog-sheet-image b{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(3,18,39,.94));color:#fff;font-size:.74rem}
.catalog-presentation-download{display:inline-flex;flex:0 0 auto;padding:8px 12px;border:1px solid rgba(216,163,60,.72);border-radius:7px;background:rgba(216,163,60,.08);color:#f0c56d;font-size:.72rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.catalog-presentation-download:hover,.catalog-presentation-download:focus-visible{border-color:#f0c56d;background:#d8a33c;color:#06162d;outline:none}
.catalog-presentation-download[hidden]{display:none}
.catalog-lightbox{width:min(1180px,calc(100% - 28px));padding:18px;border:1px solid #d8a33c;border-radius:14px;background:#06162d;color:#fff}
.catalog-lightbox::backdrop{background:rgba(0,7,18,.88);backdrop-filter:blur(5px)}
.catalog-lightbox-close{position:absolute;right:17px;top:10px;z-index:3;border:0;background:rgba(3,18,39,.8);color:#fff;font-size:2rem;cursor:pointer}
.catalog-lightbox-stage{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin-top:28px}
.catalog-lightbox-nav{width:44px;height:64px;border:1px solid rgba(216,163,60,.62);border-radius:8px;background:#071a33;color:#f0c56d;font-size:2.6rem;line-height:1;cursor:pointer}
.catalog-lightbox-nav:hover,.catalog-lightbox-nav:focus-visible{background:#0e2b4d;border-color:#f0c56d;outline:none}
.catalog-sheet-large{min-height:0;aspect-ratio:16/9;padding:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:8px;background:#f4f2ec;color:#071a33}
.catalog-sheet-large>img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.catalog-sheet-placeholder{padding:52px}
.catalog-sheet-placeholder[hidden]{display:none}
.catalog-sheet-large>span{color:#b47c1b;font-family:var(--font-head);font-size:4rem}.catalog-sheet-large h3{font-size:2rem}.catalog-sheet-large p{color:#33485e}
.catalog-lightbox-caption{padding:12px 58px 0;color:#d8e1e9;font-size:.82rem;text-align:center}
@media(max-width:900px){.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-product,.marine-summary{grid-template-columns:1fr}.catalog-info-rail{grid-auto-columns:minmax(280px,58%)}}
@media(max-width:560px){.catalog-category-grid{grid-template-columns:1fr}.catalog-info-heading{flex-direction:column}.catalog-info-rail{grid-auto-columns:88%}.catalog-product-range{grid-template-columns:1fr;padding:28px}.catalog-range-mark{min-width:0}.marine-capability-grid{grid-template-columns:1fr}.catalog-lightbox{padding:10px}.catalog-lightbox-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px}.catalog-lightbox-nav{width:32px;height:48px;font-size:2rem}.catalog-sheet-placeholder{padding:28px}.catalog-lightbox-caption{padding-inline:36px}}