@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@600;700&display=swap');

html{scroll-behavior:smooth}
[dir="ar"] body{font-family:Cairo,Inter,sans-serif}

.hero-title{
  line-height:1.08;
  text-wrap:balance;
}
[dir="rtl"] .hero-title{
  line-height:1.38;
  letter-spacing:-.015em;
  text-wrap:balance;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3{
  line-height:1.42;
}
[dir="rtl"] p{
  line-height:2.05;
  text-wrap:pretty;
}
[dir="rtl"] .hero-title + p,
[dir="rtl"] section header p,
[dir="rtl"] main section > p{
  line-height:2.18;
}
[dir="rtl"] .leading-6{line-height:1.9}
[dir="rtl"] .leading-7{line-height:2}
[dir="rtl"] .leading-8{line-height:2.08}
[dir="rtl"] .leading-9{line-height:2.22}
@media (max-width:640px){
  [dir="rtl"] .hero-title{
    font-size:clamp(2.1rem,10vw,3.05rem);
    line-height:1.48;
  }
  [dir="rtl"] p{
    line-height:2.12;
  }
}
.soft-wrap{overflow-wrap:anywhere;word-break:normal}
@keyframes reveal-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes float-slow{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(2deg)}}
.reveal-up{animation:reveal-up .8s ease both}
.float-slow{animation:float-slow 8s ease-in-out infinite}
.article-content h2{margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.28;font-weight:800;color:white}
.article-content h3{margin-top:2rem;margin-bottom:.8rem;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.4;font-weight:700;color:rgba(255,255,255,.92)}
.article-content p,.article-content li{color:rgba(226,232,240,.82);line-height:1.95}
[dir="rtl"] .article-content p,[dir="rtl"] .article-content li{line-height:2.18}
.article-content p{margin-bottom:1.15rem}
.article-content ul{margin:1rem 0 1.35rem;padding-inline-start:1.35rem;list-style:disc}
.article-content blockquote{margin:2rem 0;border-inline-start:4px solid rgba(34,211,238,.7);padding:1rem 1.25rem;border-radius:1rem;background:rgba(255,255,255,.06);color:white}
.article-content code{border:1px solid rgba(255,255,255,.12);border-radius:.75rem;background:rgba(2,6,23,.75);padding:.12rem .35rem;color:#a5f3fc}
.article-content pre{overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:rgba(2,6,23,.75);padding:1rem;color:#e2e8f0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* RTL headline spacing patch — prevents Arabic hero/section titles from visually colliding */
html[dir="rtl"] .hero-title,
html[lang="ar"] .hero-title,
html[dir="rtl"] h1.hero-title,
html[lang="ar"] h1.hero-title{
  line-height:1.34 !important;
  letter-spacing:-0.008em !important;
  padding-block:0.08em 0.14em !important;
  text-wrap:balance;
}

html[dir="rtl"] h1,
html[lang="ar"] h1{
  line-height:1.34 !important;
  padding-block:0.05em 0.12em !important;
}

html[dir="rtl"] h2[class*="text-3xl"],
html[dir="rtl"] h2[class*="text-4xl"],
html[dir="rtl"] h2[class*="text-5xl"],
html[lang="ar"] h2[class*="text-3xl"],
html[lang="ar"] h2[class*="text-4xl"],
html[lang="ar"] h2[class*="text-5xl"]{
  line-height:1.38 !important;
  padding-block:0.04em 0.10em !important;
}

html[dir="rtl"] .hero-title.soft-wrap,
html[lang="ar"] .hero-title.soft-wrap{
  overflow-wrap:normal !important;
  word-break:normal !important;
}

@media (max-width:640px){
  html[dir="rtl"] .hero-title,
  html[lang="ar"] .hero-title{
    line-height:1.42 !important;
    padding-block:0.10em 0.16em !important;
  }
}


/* =========================
   Aclicky v6 Design + UX Polish
   ========================= */
:root{
  --ac-cyan:#22d3ee;
  --ac-violet:#a855f7;
  --ac-pink:#ec4899;
  --ac-ink:#05010f;
  --ac-card:rgba(255,255,255,.06);
  --ac-border:rgba(255,255,255,.12);
}

/* Typography rhythm */
.hero-title{
  max-width:min(100%,920px);
  line-height:1.08 !important;
  letter-spacing:-.035em;
  text-wrap:balance;
}
[lang="ar"] .hero-title,
[dir="rtl"] .hero-title{
  font-family:Cairo,Inter,sans-serif !important;
  font-size:clamp(2.75rem,7.2vw,5.35rem) !important;
  line-height:1.28 !important;
  letter-spacing:-.012em !important;
  max-width:min(100%,920px);
  padding-block:.10em .16em !important;
}
[lang="ar"] h1:not(.hero-title),
[dir="rtl"] h1:not(.hero-title){
  line-height:1.34 !important;
  letter-spacing:-.006em !important;
  padding-block:.05em .12em !important;
}
[lang="ar"] h2,
[dir="rtl"] h2{
  line-height:1.38 !important;
  letter-spacing:-.004em !important;
  padding-block:.03em .08em !important;
}
[lang="ar"] p,
[dir="rtl"] p{
  line-height:2.02;
}
main > section:first-child p{
  max-width:720px;
}
[lang="ar"] main > section:first-child p,
[dir="rtl"] main > section:first-child p{
  line-height:2.08 !important;
  margin-top:1.35rem;
}

/* Hero balance and above-the-fold conversion */
main > section:first-child{
  position:relative;
  isolation:isolate;
}
main > section:first-child:before{
  content:"";
  position:absolute;
  inset:10% 5% auto;
  height:58%;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(34,211,238,.10),rgba(168,85,247,.12),rgba(236,72,153,.08));
  filter:blur(80px);
  opacity:.68;
  z-index:-1;
}
main > section:first-child .reveal-up > div:first-child{
  box-shadow:inset 0 0 24px rgba(34,211,238,.08),0 0 28px rgba(34,211,238,.07);
}
main > section:first-child .reveal-up > .mt-9,
main > section:first-child .reveal-up > div[class*="mt-9"]{
  gap:1rem;
}
main > section:first-child a[href*="/contact/"]{
  box-shadow:0 0 0 1px rgba(34,211,238,.20),0 0 34px rgba(34,211,238,.36),0 18px 44px rgba(34,211,238,.14);
}
main > section:first-child a[href*="/services/"]{
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.88);
}
.hero-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.35rem;
}
.hero-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:.58rem .85rem;
  color:rgba(226,232,240,.78);
  font-size:.82rem;
  line-height:1.4;
  backdrop-filter:blur(14px);
}

/* Unified card system */
:is(article,aside,section) .rounded-\[2rem\],
.card-polish{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px rgba(0,0,0,.18);
}
article.group,
a.group,
.rounded-\[2rem\].border.border-white\/10.bg-white\/\[0\.055\]{
  position:relative;
  overflow:hidden;
}
article.group:before,
a.group:before,
.rounded-\[2rem\].border.border-white\/10.bg-white\/\[0\.055\]:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(34,211,238,.08),transparent 28%,rgba(168,85,247,.07));
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
article.group:hover:before,
a.group:hover:before,
.rounded-\[2rem\].border.border-white\/10.bg-white\/\[0\.055\]:hover:before{
  opacity:1;
}
a,button,input,textarea,summary{
  -webkit-tap-highlight-color:transparent;
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid rgba(34,211,238,.95) !important;
  outline-offset:3px !important;
}

/* Scroll reveal enhancement */
.reveal-up{
  opacity:0;
  transform:translateY(24px);
  animation:none !important;
  transition:opacity .75s ease, transform .75s ease;
}
.reveal-up.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* Breadcrumbs injected by site.js */
.ac-breadcrumbs{
  max-width:80rem;
  margin:1rem auto 0;
  padding:0 1rem;
  display:flex;
  align-items:center;
  gap:.55rem;
  color:rgba(203,213,225,.66);
  font-size:.83rem;
}
.ac-breadcrumbs a{
  color:rgba(165,243,252,.86);
}
.ac-breadcrumbs span{
  color:rgba(255,255,255,.44);
}

/* Forms and thank-you UX */
form[action="/contact.php"]{
  position:relative;
}
form[action="/contact.php"] input,
form[action="/contact.php"] textarea{
  transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease;
}
form[action="/contact.php"] input:focus,
form[action="/contact.php"] textarea:focus{
  border-color:rgba(34,211,238,.9) !important;
  box-shadow:0 0 0 4px rgba(34,211,238,.10),0 0 28px rgba(34,211,238,.08);
  background-color:rgba(2,6,23,.88) !important;
}
form[action="/contact.php"] button[disabled]{
  opacity:.76;
  cursor:progress;
}

/* Floating actions */
.ac-floating-actions{
  position:fixed;
  inset-inline-end:1rem;
  inset-block-end:1rem;
  z-index:60;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  align-items:flex-end;
}
.ac-back-top,
.ac-whatsapp{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(5,1,15,.76);
  color:white;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 22px rgba(34,211,238,.12);
  transition:transform .25s ease,opacity .25s ease,border-color .25s ease,background .25s ease;
}
.ac-back-top{
  width:2.85rem;
  height:2.85rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
}
.ac-back-top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.ac-whatsapp{
  display:none;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  min-height:3rem;
  border-radius:999px;
  padding:.75rem 1rem;
  font-weight:800;
  font-size:.9rem;
  color:#061014;
  background:linear-gradient(135deg,#22d3ee,#67e8f9);
}
.ac-whatsapp:hover,.ac-back-top:hover{
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.55);
}
.mobile-sticky-cta{
  position:fixed;
  inset-inline:0;
  inset-block-end:0;
  z-index:55;
  display:none;
  gap:.7rem;
  padding:.72rem .9rem calc(.72rem + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(5,1,15,0),rgba(5,1,15,.92) 28%,rgba(5,1,15,.98));
  backdrop-filter:blur(14px);
}
.mobile-sticky-cta a{
  min-height:3rem;
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-weight:800;
  font-size:.9rem;
}
.mobile-sticky-cta .primary{
  color:#061014;
  background:linear-gradient(135deg,#22d3ee,#67e8f9);
  box-shadow:0 0 30px rgba(34,211,238,.28);
}
.mobile-sticky-cta .secondary{
  color:white;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
}

/* Better mobile */
@media (max-width:1024px){
  main > section:first-child{
    padding-top:4.5rem !important;
    padding-bottom:4.5rem !important;
  }
}
@media (max-width:767px){
  body{
    padding-bottom:4.8rem;
  }
  body.ac-no-mobile-sticky-cta{
    padding-bottom:0;
  }
  body.ac-no-mobile-sticky-cta .ac-floating-actions{
    inset-block-end:1rem;
  }
  .mobile-sticky-cta{
    display:flex;
  }
  .ac-whatsapp{
    display:none !important;
  }
  .ac-floating-actions{
    inset-block-end:5.7rem;
  }
  main > section:first-child{
    text-align:inherit;
  }
  .hero-title{
    font-size:clamp(2.55rem,13vw,4.1rem) !important;
    line-height:1.12 !important;
    letter-spacing:-.03em;
  }
  [lang="ar"] .hero-title,
  [dir="rtl"] .hero-title{
    font-size:clamp(2.35rem,11vw,3.75rem) !important;
    line-height:1.36 !important;
    letter-spacing:-.006em !important;
  }
  [lang="ar"] h1:not(.hero-title),
  [dir="rtl"] h1:not(.hero-title){
    font-size:clamp(2.05rem,10vw,3.15rem) !important;
    line-height:1.38 !important;
  }
  h2{
    text-wrap:balance;
  }
  main > section:first-child p{
    font-size:1rem !important;
  }
}
@media (min-width:768px){
  .ac-whatsapp{
    display:inline-flex;
  }
}
@media (prefers-reduced-motion:reduce){
  .space-field,.space-field:before,.float-slow{animation:none!important}
  .reveal-up{opacity:1!important;transform:none!important;transition:none!important}
  .mobile-sticky-cta,.ac-back-top,.ac-whatsapp{transition:none!important}
}


/* v6.1 — Headline scale + intro visual polish */
.hero-title{
  font-size:clamp(2.25rem,4.8vw,4rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
  max-width:42rem;
}
[dir="rtl"] .hero-title{
  font-size:clamp(2rem,4.15vw,3.35rem)!important;
  line-height:1.28!important;
  letter-spacing:-.018em;
  max-width:39rem;
}
[dir="rtl"] .hero-title span{
  line-height:inherit;
}
@media (min-width:1024px){
  [dir="rtl"] .hero-title{
    font-size:clamp(2.55rem,3.7vw,3.55rem)!important;
  }
  [dir="ltr"] .hero-title{
    font-size:clamp(2.75rem,4.25vw,4.05rem)!important;
  }
}
@media (max-width:640px){
  .hero-title{
    font-size:clamp(2rem,9vw,2.8rem)!important;
    line-height:1.12!important;
  }
  [dir="rtl"] .hero-title{
    font-size:clamp(1.9rem,8.4vw,2.45rem)!important;
    line-height:1.34!important;
    letter-spacing:-.012em;
  }
}

/* Make all page intro areas feel designed without crowding the copy */
main > section:first-child{
  position:relative;
  overflow:hidden;
}
main > section:first-child > div{
  position:relative;
  z-index:2;
}
main > section:first-child::after{
  content:"";
  position:absolute;
  width:min(34vw,30rem);
  height:min(34vw,30rem);
  top:50%;
  inset-inline-end:-6rem;
  transform:translateY(-50%);
  background:url('/assets/illustrations/intro-space-console.svg') center/contain no-repeat;
  opacity:.22;
  pointer-events:none;
  filter:drop-shadow(0 0 42px rgba(34,211,238,.18));
}
[dir="rtl"] main > section:first-child::after{
  inset-inline-start:-6rem;
  inset-inline-end:auto;
}
@media (max-width:1023px){
  main > section:first-child::after{
    width:22rem;
    height:22rem;
    top:2rem;
    inset-inline-end:-10rem;
    opacity:.14;
    transform:none;
  }
  [dir="rtl"] main > section:first-child::after{
    inset-inline-start:-10rem;
    inset-inline-end:auto;
  }
}

/* Replace the old abstract intro orbs with more relevant marketing visuals */
.float-slow[class*="aspect-square"][class*="max-w-lg"],
main > section:first-child [class*="aspect-square"][class*="max-w-md"][class*="rounded-full"]{
  overflow:hidden;
  border-radius:2rem!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:
    radial-gradient(circle at 28% 18%,rgba(34,211,238,.18),transparent 18rem),
    radial-gradient(circle at 78% 80%,rgba(236,72,153,.16),transparent 18rem),
    rgba(255,255,255,.045)!important;
  box-shadow:0 0 80px rgba(34,211,238,.12), inset 0 0 40px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px);
}
.float-slow[class*="aspect-square"][class*="max-w-lg"] > *,
main > section:first-child [class*="aspect-square"][class*="max-w-md"][class*="rounded-full"] > *{
  display:none!important;
}
.float-slow[class*="aspect-square"][class*="max-w-lg"]::before,
main > section:first-child [class*="aspect-square"][class*="max-w-md"][class*="rounded-full"]::before{
  content:"";
  position:absolute;
  inset:1.1rem;
  border-radius:1.6rem;
  background:url('/assets/illustrations/intro-growth-dashboard.svg') center/contain no-repeat;
  opacity:.98;
}
main > section:first-child [class*="aspect-square"][class*="max-w-md"][class*="rounded-full"]::before{
  background-image:url('/assets/illustrations/intro-team-strategy.svg');
}

/* Keep hero visuals lighter on mobile so they do not compete with the message */
@media (max-width:767px){
  .float-slow[class*="aspect-square"][class*="max-w-lg"],
  main > section:first-child [class*="aspect-square"][class*="max-w-md"][class*="rounded-full"]{
    max-width:20rem!important;
  }
  .float-slow[class*="aspect-square"][class*="max-w-lg"]::before,
  main > section:first-child [class*="aspect-square"][class*="max-w-md"][class*="rounded-full"]::before{
    inset:.75rem;
  }
}


/* =========================
   Aclicky v6.1 — Intro Alignment, WhatsApp + Contact UX Fix
   ========================= */

/* Page intro alignment: keep the copy visually centered and prevent side art from pulling the layout */
main > section:first-child:has(> div.text-center){
  min-height:clamp(23rem,52vh,34rem);
  display:grid;
  align-items:center;
  padding-block:clamp(4.75rem,8vw,7rem) !important;
}
main > section:first-child:has(> div.text-center) > div.text-center{
  width:min(100%,58rem) !important;
  max-width:58rem !important;
  margin-inline:auto !important;
  padding-inline:1rem;
  text-align:center !important;
}
main > section:first-child:has(> div.text-center) .hero-title{
  max-width:min(100%,48rem) !important;
  margin-inline:auto !important;
  font-size:clamp(2.55rem,4.6vw,4.45rem) !important;
  line-height:1.12 !important;
}
html[dir="rtl"] main > section:first-child:has(> div.text-center) .hero-title,
html[lang="ar"] main > section:first-child:has(> div.text-center) .hero-title{
  font-size:clamp(2.25rem,4.15vw,3.75rem) !important;
  line-height:1.30 !important;
  letter-spacing:-.006em !important;
}
main > section:first-child:has(> div.text-center) p{
  max-width:42rem !important;
  margin-inline:auto !important;
}
main > section:first-child:has(> div.text-center) .mt-8,
main > section:first-child:has(> div.text-center) .mt-9{
  justify-content:center !important;
}

/* Intro illustration should be a soft contextual watermark, not a visual weight on one side */
main > section:first-child:has(> div.text-center)::after{
  content:"";
  position:absolute;
  width:clamp(13rem,23vw,25rem);
  height:clamp(13rem,23vw,25rem);
  inset-block-start:50%;
  inset-inline-start:50%;
  inset-inline-end:auto;
  transform:translate(-50%,-50%);
  background:url('/assets/illustrations/intro-space-console.svg') center/contain no-repeat;
  opacity:.075;
  pointer-events:none;
  filter:drop-shadow(0 0 48px rgba(34,211,238,.16));
  z-index:0;
}
html[dir="rtl"] main > section:first-child:has(> div.text-center)::after{
  inset-inline-start:50%;
  inset-inline-end:auto;
  transform:translate(-50%,-50%);
}
main > section:first-child:has(> div.text-center) > div{
  position:relative;
  z-index:2;
}
@media (max-width:767px){
  main > section:first-child:has(> div.text-center){
    min-height:auto;
    padding-block:4.25rem !important;
  }
  main > section:first-child:has(> div.text-center)::after{
    width:17rem;
    height:17rem;
    opacity:.055;
  }
  main > section:first-child:has(> div.text-center) .hero-title{
    font-size:clamp(2.05rem,10vw,3rem) !important;
  }
  html[dir="rtl"] main > section:first-child:has(> div.text-center) .hero-title,
  html[lang="ar"] main > section:first-child:has(> div.text-center) .hero-title{
    font-size:clamp(1.9rem,9vw,2.75rem) !important;
    line-height:1.34 !important;
  }
}

/* Floating actions: language-aware placement */
.ac-floating-actions{
  position:static !important;
  display:contents !important;
}
.ac-whatsapp,
.ac-back-top{
  position:fixed;
  inset-block-end:1.15rem;
  z-index:65;
}
html[dir="rtl"] .ac-whatsapp{
  inset-inline-end:1.15rem;
  inset-inline-start:auto;
}
html[dir="rtl"] .ac-back-top{
  inset-inline-start:1.15rem;
  inset-inline-end:auto;
}
html[dir="ltr"] .ac-whatsapp{
  inset-inline-start:1.15rem;
  inset-inline-end:auto;
}
html[dir="ltr"] .ac-back-top{
  inset-inline-end:1.15rem;
  inset-inline-start:auto;
}
.ac-whatsapp{
  display:none;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:3.15rem;
  border-radius:999px;
  padding:.78rem 1.08rem;
  font-weight:900;
  font-size:.92rem;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,#25D366,#128C7E) !important;
  box-shadow:0 18px 45px rgba(18,140,126,.28),0 0 34px rgba(37,211,102,.22);
  backdrop-filter:blur(14px);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.ac-whatsapp svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 auto;
}
.ac-whatsapp:hover{
  transform:translateY(-3px);
  filter:saturate(1.08);
  box-shadow:0 22px 54px rgba(18,140,126,.36),0 0 42px rgba(37,211,102,.30);
}
.ac-back-top{
  width:3rem;
  height:3rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  border:1px solid rgba(34,211,238,.25);
  background:rgba(5,1,15,.78);
  color:white;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 22px rgba(34,211,238,.12);
}
.ac-back-top.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.ac-back-top:hover{
  transform:translateY(-3px);
  border-color:rgba(34,211,238,.58);
}
.mobile-sticky-cta .secondary{
  color:white !important;
  border-color:rgba(37,211,102,.35) !important;
  background:linear-gradient(135deg,#25D366,#128C7E) !important;
}
@media (max-width:767px){
  .ac-whatsapp{display:none !important;}
  .ac-back-top{
    inset-block-end:5.85rem;
  }
}
@media (min-width:768px){
  .ac-whatsapp{display:inline-flex !important;}
}

/* Contact page visual rhythm */
main > section:has(form[action="/contact.php"]){
  padding-top:0 !important;
  padding-bottom:clamp(4rem,7vw,6rem) !important;
}
main > section:has(form[action="/contact.php"]) > div{
  max-width:74rem !important;
  align-items:start !important;
  gap:clamp(1.25rem,2.4vw,2rem) !important;
}
.contact-panel,
form[action="/contact.php"],
.contact-card{
  border-radius:1.75rem !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.072),rgba(255,255,255,.035)),
    radial-gradient(circle at 18% 12%,rgba(34,211,238,.09),transparent 18rem),
    radial-gradient(circle at 92% 20%,rgba(168,85,247,.10),transparent 18rem) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px);
}
form[action="/contact.php"]{
  padding:clamp(1.25rem,2.2vw,2rem) !important;
}
form[action="/contact.php"] label span{
  display:block;
  margin-bottom:.55rem;
  color:rgba(226,232,240,.82);
}
form[action="/contact.php"] input,
form[action="/contact.php"] textarea{
  margin-top:0 !important;
  min-height:3.35rem;
  border-radius:1rem !important;
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(2,6,23,.72) !important;
}
form[action="/contact.php"] textarea{
  min-height:12rem !important;
  resize:vertical;
}
form[action="/contact.php"] button[type="submit"]{
  min-width:10rem;
  min-height:3.15rem;
}
.contact-aside{
  display:grid;
  gap:1rem;
}
.contact-card{
  padding:clamp(1.25rem,2vw,1.75rem) !important;
}
.contact-list{
  display:grid;
  gap:.8rem;
}
.contact-list a,
.contact-list span{
  color:rgba(226,232,240,.86);
}
.contact-item{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.85rem .95rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:1rem;
  background:rgba(2,6,23,.32);
}
.contact-item .icon{
  display:grid;
  place-items:center;
  width:2.25rem;
  height:2.25rem;
  flex:0 0 auto;
  border-radius:.85rem;
  color:#a5f3fc;
  background:rgba(34,211,238,.10);
  border:1px solid rgba(34,211,238,.18);
}
.contact-map{
  min-height:13rem;
  overflow:hidden;
  position:relative;
  border-radius:1.35rem;
  border:1px solid rgba(34,211,238,.22);
  background:
    radial-gradient(circle at 50% 45%,rgba(34,211,238,.20),transparent 6rem),
    radial-gradient(circle at 72% 70%,rgba(236,72,153,.14),transparent 7rem),
    linear-gradient(135deg,rgba(34,211,238,.08),rgba(168,85,247,.14)) !important;
}
.contact-map:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.28;
}
.contact-map:after{
  content:"";
  position:absolute;
  width:3rem;
  height:3rem;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle,#22d3ee 0 30%,rgba(34,211,238,.22) 32% 62%,transparent 64%);
  box-shadow:0 0 40px rgba(34,211,238,.42);
}
@media (min-width:1024px){
  main > section:has(form[action="/contact.php"]) > div{
    grid-template-columns:minmax(0,1.08fr) minmax(19rem,.72fr) !important;
  }
}
@media (max-width:1023px){
  main > section:has(form[action="/contact.php"]) > div{
    grid-template-columns:1fr !important;
  }
  .contact-aside{
    grid-template-columns:1fr;
  }
}


/* ================================================================
   v8 — Final design/color consistency
   Dark-only product: removes accidental light-mode overrides from
   OS preferences/localStorage and normalizes install/admin/public controls.
   ================================================================ */
:root{color-scheme:dark;}

/* Do not allow any browser/autofill or old light-mode CSS to turn fields white. */
input,textarea,select{
  color:#fff!important;
  background-color:rgba(2,6,23,.78)!important;
  border-color:rgba(255,255,255,.12)!important;
  caret-color:#67e8f9;
}
input::placeholder,textarea::placeholder{color:rgba(148,163,184,.72)!important;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:#fff!important;
  caret-color:#67e8f9;
  transition:background-color 9999s ease-in-out 0s;
  box-shadow:0 0 0 1000px rgba(2,6,23,.95) inset!important;
}

/* Typography clean-up */
.hero-title{
  font-size:clamp(2.15rem,4.15vw,3.75rem)!important;
  line-height:1.13!important;
  letter-spacing:-.03em;
  max-width:44rem!important;
}
[dir="rtl"] .hero-title{
  font-size:clamp(2rem,3.55vw,3.25rem)!important;
  line-height:1.34!important;
  letter-spacing:-.015em;
  max-width:40rem!important;
}
.page-intro .hero-title{margin-inline:auto!important;}
.page-intro .reveal-up{
  margin-inline:auto!important;
  text-align:center!important;
  max-width:48rem!important;
}
.page-intro{
  overflow:hidden;
}
.page-intro:before,.page-intro:after{pointer-events:none;}
@media (max-width:768px){
  .hero-title{font-size:clamp(2rem,9vw,3rem)!important;}
  [dir="rtl"] .hero-title{font-size:clamp(1.9rem,8.6vw,2.75rem)!important;line-height:1.42!important;}
}

/* Floating actions: clear WhatsApp identity and mirrored positions by language. */
.ac-floating-actions{
  position:fixed!important;
  inset-block-end:1rem!important;
  z-index:60!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.75rem!important;
  align-items:flex-end!important;
  inset-inline-end:auto!important;
  inset-inline-start:auto!important;
}
[dir="rtl"] .ac-floating-actions{right:1rem!important;left:auto!important;}
[dir="ltr"] .ac-floating-actions{left:1rem!important;right:auto!important;}
.ac-whatsapp{
  display:none;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:3.25rem!important;
  border-radius:999px!important;
  padding:.78rem 1.05rem!important;
  border:1px solid rgba(37,211,102,.42)!important;
  color:white!important;
  background:linear-gradient(135deg,#25D366 0%,#128C7E 100%)!important;
  box-shadow:0 18px 45px rgba(18,140,126,.34),0 0 34px rgba(37,211,102,.22)!important;
  font-weight:900!important;
}
.ac-whatsapp svg{width:1.25rem;height:1.25rem;display:block;}
.ac-whatsapp:hover{transform:translateY(-3px);filter:saturate(1.08);}
.ac-back-top{
  position:fixed!important;
  width:3rem!important;
  height:3rem!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  border:1px solid rgba(34,211,238,.28)!important;
  background:rgba(5,1,15,.82)!important;
  color:white!important;
  backdrop-filter:blur(18px);
  box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 22px rgba(34,211,238,.12)!important;
  inset-block-end:1rem!important;
}
[dir="rtl"] .ac-back-top{left:1rem!important;right:auto!important;}
[dir="ltr"] .ac-back-top{right:1rem!important;left:auto!important;}
.ac-back-top.is-visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;}
.ac-back-top:hover{transform:translateY(-3px)!important;border-color:rgba(34,211,238,.58)!important;}
@media (min-width:768px){.ac-whatsapp{display:inline-flex!important;}}
@media (max-width:767px){
  .ac-whatsapp{display:none!important;}
  .ac-back-top{inset-block-end:5.85rem!important;}
}

/* Contact page: balanced layout, readable panels, correct RTL field rhythm. */
body.is-contact-page main > section:first-child,
.page-intro{padding-top:clamp(4rem,7vw,6rem)!important;padding-bottom:clamp(3.2rem,6vw,5rem)!important;}
body.is-contact-page main > section:has(form[action="/contact.php"]){
  padding-top:0!important;
  padding-bottom:clamp(4rem,7vw,6rem)!important;
}
body.is-contact-page main > section:has(form[action="/contact.php"]) > div{
  max-width:76rem!important;
  display:grid!important;
  gap:clamp(1.25rem,2.5vw,2rem)!important;
  align-items:stretch!important;
}
@media (min-width:1024px){
  body.is-contact-page main > section:has(form[action="/contact.php"]) > div{
    grid-template-columns:minmax(0,1.12fr) minmax(21rem,.82fr)!important;
  }
}
@media (max-width:1023px){
  body.is-contact-page main > section:has(form[action="/contact.php"]) > div{
    grid-template-columns:1fr!important;
  }
}
.contact-panel,
body.is-contact-page form[action="/contact.php"],
.contact-card{
  border-radius:1.65rem!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.074),rgba(255,255,255,.035)),
    radial-gradient(circle at 18% 12%,rgba(34,211,238,.09),transparent 18rem),
    radial-gradient(circle at 92% 20%,rgba(168,85,247,.12),transparent 18rem)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px);
}
body.is-contact-page form[action="/contact.php"]{padding:clamp(1.35rem,2.3vw,2.1rem)!important;}
body.is-contact-page form[action="/contact.php"] label span{
  display:block!important;
  margin-bottom:.55rem!important;
  color:rgba(226,232,240,.86)!important;
}
body.is-contact-page form[action="/contact.php"] input,
body.is-contact-page form[action="/contact.php"] textarea{
  margin-top:0!important;
  min-height:3.35rem!important;
  border-radius:1rem!important;
  background:rgba(2,6,23,.82)!important;
  border-color:rgba(255,255,255,.12)!important;
}
body.is-contact-page form[action="/contact.php"] textarea{min-height:12rem!important;resize:vertical;}
body.is-contact-page form[action="/contact.php"] button[type="submit"]{
  min-width:10rem;
  min-height:3.15rem;
  color:#061014!important;
}
.contact-aside{display:grid!important;gap:1.15rem!important;}
.contact-card{padding:clamp(1.25rem,2vw,1.75rem)!important;}
.contact-card h2{line-height:1.25!important;}
.contact-list{display:grid!important;gap:.8rem!important;}
.contact-item{
  display:flex!important;
  align-items:center!important;
  gap:.75rem!important;
  padding:.85rem .95rem!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:1rem!important;
  background:rgba(2,6,23,.36)!important;
  color:rgba(226,232,240,.88)!important;
}
[dir="rtl"] .contact-item{text-align:right;}
.contact-item .icon{
  display:grid!important;
  place-items:center!important;
  width:2.25rem!important;
  height:2.25rem!important;
  flex:0 0 auto!important;
  border-radius:.85rem!important;
  color:#a5f3fc!important;
  background:rgba(34,211,238,.10)!important;
  border:1px solid rgba(34,211,238,.18)!important;
}
.contact-map{
  min-height:13rem!important;
  overflow:hidden!important;
  position:relative!important;
  border-radius:1.35rem!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(34,211,238,.20),transparent 6rem),
    radial-gradient(circle at 72% 70%,rgba(236,72,153,.14),transparent 7rem),
    linear-gradient(135deg,rgba(34,211,238,.08),rgba(168,85,247,.14))!important;
}
.contact-map:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:34px 34px;opacity:.28;
}
.contact-map:after{
  content:"";position:absolute;width:3rem;height:3rem;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  border-radius:999px;background:radial-gradient(circle,#22d3ee 0 30%,rgba(34,211,238,.22) 32% 62%,transparent 64%);
  box-shadow:0 0 40px rgba(34,211,238,.42);
}

/* Install and admin screens: keep controls readable and consistent. */
body.install-page main,
body.admin-login-page main{position:relative;z-index:1;}
.install-card,.admin-login-card{
  border-radius:2rem!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),
    radial-gradient(circle at 16% 10%,rgba(34,211,238,.10),transparent 18rem),
    radial-gradient(circle at 94% 24%,rgba(168,85,247,.12),transparent 20rem)!important;
  box-shadow:0 30px 95px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(20px);
}
.install-card h1,.admin-login-card h1{color:#fff!important;}
.install-card p,.admin-login-card p{color:rgba(203,213,225,.86)!important;}
.install-form label,.admin-login-card label{display:block;}
.install-form label span,.admin-login-card label span{color:rgba(226,232,240,.88)!important;}
.install-form input,.admin-login-card input{
  width:100%;
  min-height:3.25rem;
  color:#fff!important;
  background:rgba(2,6,23,.86)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.install-form input:focus,.admin-login-card input:focus{
  border-color:rgba(34,211,238,.85)!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.11),0 0 28px rgba(34,211,238,.08)!important;
}
.install-form button,.admin-login-card button{
  color:#061014!important;
  background:linear-gradient(135deg,#22d3ee,#67e8f9)!important;
  box-shadow:0 0 32px rgba(34,211,238,.28)!important;
}
.install-form button:hover,.admin-login-card button:hover{background:#fff!important;}

/* Admin area: dark readable forms/tables after merged dashboard updates. */
body.admin-page input,
body.admin-page textarea,
body.admin-page select,
body.admin-page .ql-container{
  color:#fff!important;
  background:rgba(2,6,23,.80)!important;
  border-color:rgba(255,255,255,.12)!important;
}
body.admin-page option{background:#0b0620;color:#fff;}
body.admin-page table{color:#e2e8f0;}
body.admin-page th{color:#a5f3fc;}
body.admin-page td{color:#cbd5e1;}
.theme-toggle-btn{display:none!important;}


/* v9: Floating WhatsApp/back-to-top positions + theme switcher */
.ac-theme-toggle{
  min-height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.055);
  color:#fff;
  padding:.55rem .9rem;
  font-size:.85rem;
  font-weight:800;
  line-height:1;
  backdrop-filter:blur(14px);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
.ac-theme-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(34,211,238,.45);
  background:rgba(34,211,238,.11);
  color:#a5f3fc;
}
.ac-theme-dot{
  display:grid;
  place-items:center;
  width:1.4rem;
  height:1.4rem;
  border-radius:999px;
  background:rgba(34,211,238,.12);
  color:#67e8f9;
  font-size:.85rem;
}
.ac-theme-toggle-mobile{
  width:100%;
  justify-content:center;
  border-radius:1rem;
  padding:.8rem 1rem;
}

/* Split floating actions: WhatsApp and Back-to-top live on opposite corners by language. */
.ac-floating-actions{
  position:fixed!important;
  inset:0!important;
  z-index:60!important;
  pointer-events:none!important;
}
.ac-floating-actions .ac-whatsapp,
.ac-floating-actions .ac-back-top{
  position:fixed!important;
  inset-block-end:1rem!important;
  pointer-events:auto!important;
}
.ac-floating-actions .ac-whatsapp{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:3.15rem!important;
  padding:.78rem 1.15rem!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#25D366,#128C7E)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.26),0 0 32px rgba(37,211,102,.35)!important;
  backdrop-filter:blur(12px)!important;
  font-weight:900!important;
  font-size:.92rem!important;
  letter-spacing:0!important;
}
.ac-floating-actions .ac-whatsapp svg{
  width:1.35rem!important;
  height:1.35rem!important;
  flex:0 0 auto!important;
}
.ac-floating-actions .ac-whatsapp:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,255,255,.35)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.30),0 0 42px rgba(37,211,102,.52)!important;
}
.ac-floating-actions .ac-back-top{
  width:3rem!important;
  height:3rem!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(5,1,15,.72)!important;
  color:#fff!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 24px rgba(34,211,238,.13)!important;
  opacity:0;
  pointer-events:none!important;
  transform:translateY(8px);
}
.ac-floating-actions .ac-back-top.is-visible{
  opacity:1;
  pointer-events:auto!important;
  transform:translateY(0);
}
.ac-floating-actions .ac-back-top:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(34,211,238,.55)!important;
  color:#67e8f9!important;
}
html[lang="ar"] .ac-floating-actions .ac-whatsapp{inset-inline-end:1rem!important;inset-inline-start:auto!important;}
html[lang="ar"] .ac-floating-actions .ac-back-top{inset-inline-start:1rem!important;inset-inline-end:auto!important;}
html[lang="en"] .ac-floating-actions .ac-whatsapp{inset-inline-start:1rem!important;inset-inline-end:auto!important;}
html[lang="en"] .ac-floating-actions .ac-back-top{inset-inline-end:1rem!important;inset-inline-start:auto!important;}

@media (max-width:767px){
  .ac-floating-actions .ac-whatsapp,
  .ac-floating-actions .ac-back-top{
    inset-block-end:5.75rem!important;
  }
  .ac-floating-actions .ac-whatsapp{
    width:3.15rem!important;
    min-width:3.15rem!important;
    height:3.15rem!important;
    padding:0!important;
  }
  .ac-floating-actions .ac-whatsapp span{display:none!important;}
}

/* Light mode layer. Dark stays the default. */
html[data-theme="light"] body{
  color:#0f172a!important;
  background:
    radial-gradient(circle at 14% -5%,rgba(34,211,238,.30),transparent 28rem),
    radial-gradient(circle at 88% 8%,rgba(168,85,247,.20),transparent 30rem),
    radial-gradient(circle at 52% 45%,rgba(14,165,233,.12),transparent 42rem),
    linear-gradient(135deg,#f8fbff 0%,#eef6ff 42%,#f5efff 72%,#ffffff 100%)!important;
}
html[data-theme="light"] header{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(15,23,42,.09)!important;
  box-shadow:0 14px 40px rgba(15,23,42,.06)!important;
}
html[data-theme="light"] footer{
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(248,250,252,.72))!important;
  border-color:rgba(15,23,42,.09)!important;
}
html[data-theme="light"] .text-white{color:#0f172a!important;}
html[data-theme="light"] .text-slate-200{color:#1e293b!important;}
html[data-theme="light"] .text-slate-300{color:#334155!important;}
html[data-theme="light"] .text-slate-400{color:#475569!important;}
html[data-theme="light"] .text-slate-500{color:#64748b!important;}
html[data-theme="light"] .text-cyan-100{color:#0e7490!important;}
html[data-theme="light"] .text-cyan-200{color:#0891b2!important;}
html[data-theme="light"] .text-fuchsia-100{color:#86198f!important;}
html[data-theme="light"] .text-fuchsia-200{color:#a21caf!important;}
html[data-theme="light"] .text-pink-100{color:#be123c!important;}
html[data-theme="light"] .text-pink-200{color:#be185d!important;}
html[data-theme="light"] [class*="border-white/"]{border-color:rgba(15,23,42,.10)!important;}
html[data-theme="light"] [class*="bg-white/"]{
  background-color:rgba(255,255,255,.66)!important;
}
html[data-theme="light"] [class*="bg-[#05010f"]{
  background-color:rgba(255,255,255,.78)!important;
}
html[data-theme="light"] [class*="bg-slate-950"],
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{
  background-color:rgba(255,255,255,.86)!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#64748b!important;}
html[data-theme="light"] .article-content h2,
html[data-theme="light"] .article-content h3{color:#0f172a!important;}
html[data-theme="light"] .article-content blockquote{
  background:rgba(14,165,233,.08)!important;
  border-color:rgba(14,165,233,.22)!important;
  color:#164e63!important;
}
html[data-theme="light"] .article-content pre{
  background:#0f172a!important;
  color:#e2e8f0!important;
}
html[data-theme="light"] .contact-card,
html[data-theme="light"] .install-card,
html[data-theme="light"] .admin-login-card,
html[data-theme="light"] body.admin-page aside,
html[data-theme="light"] body.admin-page main > header,
html[data-theme="light"] body.admin-page section,
html[data-theme="light"] .rounded-\[2rem\],
html[data-theme="light"] .rounded-\[2\.5rem\]{
  background:
    linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.56)),
    radial-gradient(circle at 14% 10%,rgba(34,211,238,.10),transparent 18rem),
    radial-gradient(circle at 92% 20%,rgba(168,85,247,.09),transparent 18rem)!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html[data-theme="light"] .contact-item{
  background:rgba(255,255,255,.62)!important;
  border-color:rgba(15,23,42,.09)!important;
  color:#334155!important;
}
html[data-theme="light"] .contact-item .icon{
  background:rgba(14,165,233,.10)!important;
  border-color:rgba(14,165,233,.18)!important;
  color:#0891b2!important;
}
html[data-theme="light"] .contact-map{
  background:
    radial-gradient(circle at 50% 45%,rgba(14,165,233,.20),transparent 6rem),
    radial-gradient(circle at 72% 70%,rgba(168,85,247,.12),transparent 7rem),
    linear-gradient(135deg,rgba(255,255,255,.84),rgba(224,242,254,.72))!important;
}
html[data-theme="light"] .ac-breadcrumbs{
  color:#475569!important;
}
html[data-theme="light"] .ac-breadcrumbs a{
  color:#0891b2!important;
}
html[data-theme="light"] .hero-title,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3{
  color:#0f172a!important;
}
html[data-theme="light"] .ac-theme-toggle{
  color:#0f172a!important;
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-theme="light"] .ac-theme-toggle:hover{
  color:#0891b2!important;
  background:rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .mobile-sticky-cta{
  background:linear-gradient(180deg,rgba(248,251,255,0),rgba(248,251,255,.92) 28%,rgba(248,251,255,.98))!important;
}
html[data-theme="light"] .mobile-sticky-cta .secondary{
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  background:rgba(255,255,255,.78)!important;
}
html[data-theme="light"] .ac-floating-actions .ac-back-top{
  background:rgba(255,255,255,.78)!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.10),0 0 20px rgba(14,165,233,.15)!important;
}

/* Keep primary CTA readable in both themes */
html[data-theme="light"] .bg-cyan-300,
html[data-theme="light"] [class*="bg-cyan-300"]{
  color:#061014!important;
}


/* ================================================================
   v10 — WhatsApp position + Light mode readability correction
   Fixes:
   1) Arabic: WhatsApp on right, Back-to-top on left.
   2) English: WhatsApp on left, Back-to-top on right.
   3) Light mode headline/text contrast.
   ================================================================ */

/* Theme color-scheme must follow selected theme, not force dark in light mode. */
html[data-theme="light"]{color-scheme:light!important;}
html[data-theme="dark"]{color-scheme:dark!important;}

/* Floating actions: hard physical positioning by actual page direction/lang. */
.ac-floating-actions{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  width:0!important;
  height:0!important;
  pointer-events:none!important;
}
.ac-floating-actions .ac-whatsapp,
.ac-floating-actions .ac-back-top{
  position:fixed!important;
  pointer-events:auto!important;
  inset-block-end:1.15rem!important;
}
.ac-floating-actions .ac-whatsapp{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  min-height:3.25rem!important;
  padding:.78rem 1.15rem!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#25D366 0%,#16a34a 52%,#128C7E 100%)!important;
  box-shadow:0 20px 54px rgba(18,140,126,.34),0 0 34px rgba(37,211,102,.38)!important;
  font-weight:900!important;
  font-size:.92rem!important;
  line-height:1!important;
  text-decoration:none!important;
  backdrop-filter:blur(12px)!important;
  -webkit-text-fill-color:#fff!important;
}
.ac-floating-actions .ac-whatsapp svg{
  width:1.35rem!important;
  height:1.35rem!important;
  display:block!important;
  flex:0 0 auto!important;
}
.ac-floating-actions .ac-whatsapp:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 24px 60px rgba(18,140,126,.42),0 0 48px rgba(37,211,102,.52)!important;
}
.ac-floating-actions .ac-back-top{
  width:3rem!important;
  height:3rem!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(34,211,238,.26)!important;
  background:rgba(5,1,15,.78)!important;
  color:#fff!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 24px rgba(34,211,238,.15)!important;
  backdrop-filter:blur(18px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
}
.ac-floating-actions .ac-back-top.is-visible{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

/* Arabic = WhatsApp right / Top left */
html[dir="rtl"] .ac-floating-actions .ac-whatsapp,
html[lang^="ar"] .ac-floating-actions .ac-whatsapp,
.ac-floating-actions.ac-floating-ar .ac-whatsapp,
.ac-floating-actions[data-lang="ar"] .ac-whatsapp{
  right:1rem!important;
  left:auto!important;
}
html[dir="rtl"] .ac-floating-actions .ac-back-top,
html[lang^="ar"] .ac-floating-actions .ac-back-top,
.ac-floating-actions.ac-floating-ar .ac-back-top,
.ac-floating-actions[data-lang="ar"] .ac-back-top{
  left:1rem!important;
  right:auto!important;
}

/* English = WhatsApp left / Top right */
html[dir="ltr"] .ac-floating-actions .ac-whatsapp,
html[lang^="en"] .ac-floating-actions .ac-whatsapp,
.ac-floating-actions.ac-floating-en .ac-whatsapp,
.ac-floating-actions[data-lang="en"] .ac-whatsapp{
  left:1rem!important;
  right:auto!important;
}
html[dir="ltr"] .ac-floating-actions .ac-back-top,
html[lang^="en"] .ac-floating-actions .ac-back-top,
.ac-floating-actions.ac-floating-en .ac-back-top,
.ac-floating-actions[data-lang="en"] .ac-back-top{
  right:1rem!important;
  left:auto!important;
}

@media (max-width:767px){
  .ac-floating-actions .ac-whatsapp,
  .ac-floating-actions .ac-back-top{
    inset-block-end:5.85rem!important;
  }
  .ac-floating-actions .ac-whatsapp{
    width:3.25rem!important;
    height:3.25rem!important;
    min-width:3.25rem!important;
    padding:0!important;
  }
  .ac-floating-actions .ac-whatsapp span{display:none!important;}
}

/* Light mode: stronger readable palette. */
html[data-theme="light"] body{
  color:#172033!important;
}
html[data-theme="light"] main,
html[data-theme="light"] section{
  color:#172033!important;
}
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}
html[data-theme="light"] .text-slate-200{
  color:#1e293b!important;
  -webkit-text-fill-color:#1e293b!important;
}
html[data-theme="light"] .text-white:not(.ac-whatsapp):not(.bg-cyan-300):not([class*="bg-cyan-300"]){
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  text-shadow:none!important;
}

/* Hero and gradient headlines: replace pale white gradient with dark readable gradient. */
html[data-theme="light"] .hero-title,
html[data-theme="light"] .hero-title span,
html[data-theme="light"] .bg-clip-text.text-transparent,
html[data-theme="light"] .text-transparent.bg-clip-text{
  background-image:linear-gradient(135deg,#0f172a 0%,#0e7490 48%,#7e22ce 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  opacity:1!important;
}
html[data-theme="light"] .hero-title{
  filter:none!important;
}
html[data-theme="light"] .hero-title + p,
html[data-theme="light"] .page-intro p,
html[data-theme="light"] section header p{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}

/* Badges and secondary buttons in light mode */
html[data-theme="light"] .border-cyan-300\/20,
html[data-theme="light"] .border-cyan-300\/30{
  border-color:rgba(14,165,233,.22)!important;
}
html[data-theme="light"] .bg-cyan-300\/10{
  background-color:rgba(14,165,233,.10)!important;
}
html[data-theme="light"] .text-cyan-200,
html[data-theme="light"] .text-cyan-200\/70,
html[data-theme="light"] .text-cyan-100{
  color:#0e7490!important;
  -webkit-text-fill-color:#0e7490!important;
}
html[data-theme="light"] a:not(.ac-whatsapp).text-white,
html[data-theme="light"] button.text-white{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
html[data-theme="light"] a:not(.ac-whatsapp)[class*="bg-white/"],
html[data-theme="light"] button[class*="bg-white/"]{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  background-color:rgba(255,255,255,.70)!important;
}

/* Light mode cards should not wash out text. */
html[data-theme="light"] [class*="bg-white/"] h2,
html[data-theme="light"] [class*="bg-white/"] h3,
html[data-theme="light"] [class*="bg-white/"] .font-bold,
html[data-theme="light"] [class*="bg-white/"] .font-black{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
html[data-theme="light"] [class*="bg-white/"] p,
html[data-theme="light"] [class*="bg-white/"] li{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}

/* Keep dark illustration blocks readable in light mode. */
html[data-theme="light"] .bg-slate-950\/70,
html[data-theme="light"] [class*="bg-slate-950/70"]{
  background-color:rgba(2,6,23,.88)!important;
}

/* Light mode floating/back-to-top contrast */
html[data-theme="light"] .ac-floating-actions .ac-whatsapp{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="light"] .ac-floating-actions .ac-back-top{
  background:rgba(255,255,255,.88)!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 44px rgba(15,23,42,.12),0 0 18px rgba(14,165,233,.14)!important;
}

/* Contact page light fields and labels */
html[data-theme="light"] body.is-contact-page form[action="/contact.php"] label span{
  color:#1e293b!important;
  -webkit-text-fill-color:#1e293b!important;
}
html[data-theme="light"] body.is-contact-page form[action="/contact.php"] input,
html[data-theme="light"] body.is-contact-page form[action="/contact.php"] textarea{
  background:rgba(255,255,255,.90)!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  border-color:rgba(15,23,42,.14)!important;
}
html[data-theme="light"] body.is-contact-page form[action="/contact.php"] input::placeholder,
html[data-theme="light"] body.is-contact-page form[action="/contact.php"] textarea::placeholder{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
}




/* v11 — Combined language + theme preferences dropdown */
.ac-pref{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:80;
}
.ac-pref-trigger{
  min-height:2.55rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  color:#f8fafc;
  padding:.55rem .85rem;
  font-size:.85rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.ac-pref-trigger:hover,
.ac-pref.is-open .ac-pref-trigger{
  transform:translateY(-1px);
  border-color:rgba(34,211,238,.48);
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(168,85,247,.10));
  color:#cffafe;
  box-shadow:0 16px 42px rgba(34,211,238,.10),inset 0 1px 0 rgba(255,255,255,.10);
}
.ac-pref-globe,
.ac-pref-theme-icon{
  display:grid;
  place-items:center;
  width:1.45rem;
  height:1.45rem;
  border-radius:999px;
  background:rgba(34,211,238,.13);
  color:#67e8f9;
  font-size:.82rem;
}
.ac-pref-mini{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border-inline-start:1px solid rgba(255,255,255,.13);
  padding-inline-start:.55rem;
  color:#dbeafe;
}
.ac-pref-caret{
  color:#94a3b8;
  transform:translateY(-1px);
  transition:transform .22s ease;
}
.ac-pref.is-open .ac-pref-caret{transform:rotate(180deg) translateY(1px);}
.ac-pref-menu{
  position:absolute;
  inset-block-start:calc(100% + .65rem);
  inset-inline-end:0;
  width:min(20rem,calc(100vw - 2rem));
  display:none;
  flex-direction:column;
  gap:.85rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.45rem;
  background:linear-gradient(145deg,rgba(5,1,15,.96),rgba(30,15,55,.94));
  color:#f8fafc;
  padding:.85rem;
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 38px rgba(34,211,238,.10);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.ac-pref.is-open .ac-pref-menu{display:flex;}
.ac-pref-section{
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.ac-pref-label{
  margin:0;
  padding-inline:.25rem;
  font-size:.72rem;
  line-height:1.4;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#a5f3fc;
}
[dir="rtl"] .ac-pref-label{letter-spacing:0;text-transform:none;}
.ac-pref-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.55rem;
}
.ac-pref-option{
  min-height:3.35rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.2rem;
  border:1px solid rgba(255,255,255,.10);
  border-radius:1rem;
  background:rgba(255,255,255,.045);
  color:#e2e8f0;
  padding:.7rem .75rem;
  text-align:start;
  text-decoration:none;
  cursor:pointer;
  font:inherit;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}
.ac-pref-option span{
  font-weight:900;
  font-size:.88rem;
  line-height:1.25;
}
.ac-pref-option small{
  color:#94a3b8;
  font-size:.72rem;
  line-height:1.25;
}
.ac-pref-option:hover,
.ac-pref-option:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(34,211,238,.45);
  background:rgba(34,211,238,.10);
  color:#fff;
  outline:none;
}
.ac-pref-option.is-active,
.ac-theme-choice.is-active{
  border-color:rgba(34,211,238,.55);
  background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(168,85,247,.12));
  color:#cffafe;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.ac-pref-option.is-active small,
.ac-theme-choice.is-active small{color:#bae6fd;}
.ac-pref-mobile{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  margin-top:.35rem;
  padding-top:.5rem;
  border-top:1px solid rgba(255,255,255,.09);
}
.ac-pref-mobile .ac-pref-trigger{
  width:100%;
  justify-content:space-between;
  border-radius:1rem;
  padding:.75rem .9rem;
}
.ac-pref-mobile .ac-pref-menu{
  position:static;
  width:100%;
  margin-top:.65rem;
  box-shadow:none;
  border-radius:1rem;
}
.ac-pref-mobile .ac-pref-grid{grid-template-columns:1fr;}
.ac-theme-toggle{display:none!important;}

html[data-theme="light"] .ac-pref-trigger{
  border-color:rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.82)!important;
  color:#0f172a!important;
  box-shadow:0 16px 34px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
html[data-theme="light"] .ac-pref-trigger:hover,
html[data-theme="light"] .ac-pref.is-open .ac-pref-trigger{
  border-color:rgba(14,165,233,.34)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(224,242,254,.78))!important;
  color:#075985!important;
}
html[data-theme="light"] .ac-pref-mini{
  border-inline-start-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}
html[data-theme="light"] .ac-pref-globe,
html[data-theme="light"] .ac-pref-theme-icon{
  background:rgba(14,165,233,.12)!important;
  color:#0284c7!important;
}
html[data-theme="light"] .ac-pref-menu{
  border-color:rgba(15,23,42,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.94))!important;
  color:#0f172a!important;
  box-shadow:0 28px 80px rgba(15,23,42,.14),0 0 30px rgba(14,165,233,.10)!important;
}
html[data-theme="light"] .ac-pref-label{
  color:#0369a1!important;
}
html[data-theme="light"] .ac-pref-option{
  border-color:rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.72)!important;
  color:#0f172a!important;
}
html[data-theme="light"] .ac-pref-option small{
  color:#475569!important;
}
html[data-theme="light"] .ac-pref-option:hover,
html[data-theme="light"] .ac-pref-option:focus-visible{
  border-color:rgba(14,165,233,.32)!important;
  background:rgba(224,242,254,.74)!important;
  color:#075985!important;
}
html[data-theme="light"] .ac-pref-option.is-active,
html[data-theme="light"] .ac-theme-choice.is-active{
  border-color:rgba(14,165,233,.42)!important;
  background:linear-gradient(135deg,rgba(207,250,254,.86),rgba(237,233,254,.72))!important;
  color:#075985!important;
}

/* v11 — extra light-mode contrast for hero copy after combining controls */
html[data-theme="light"] .hero-title,
html[data-theme="light"] main h1.bg-clip-text,
html[data-theme="light"] main h1.text-transparent{
  background-image:linear-gradient(135deg,#0f172a 0%,#0e7490 45%,#86198f 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  opacity:1!important;
  filter:none!important;
}
html[data-theme="light"] main h1:not(.text-transparent):not(.bg-clip-text),
html[data-theme="light"] main h2,
html[data-theme="light"] main h3{
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
html[data-theme="light"] .hero-title + p,
html[data-theme="light"] main section p,
html[data-theme="light"] .page-intro p{
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}
html[data-theme="light"] header{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(15,23,42,.08)!important;
}
html[data-theme="light"] header nav a{
  color:#1e293b!important;
  -webkit-text-fill-color:#1e293b!important;
}
html[data-theme="light"] header nav a:hover,
html[data-theme="light"] header nav a.bg-white\/10{
  color:#0284c7!important;
  -webkit-text-fill-color:#0284c7!important;
}
html[data-theme="light"] header nav a[class*="bg-cyan-300"]{
  color:#06202a!important;
  -webkit-text-fill-color:#06202a!important;
}

@media (max-width:767px){
  .ac-pref-text{display:inline;}
  .ac-pref-mini{font-size:.82rem;}
  .ac-pref-menu{width:100%;}
}
@media (max-width:1100px) and (min-width:768px){
  .ac-pref-text{display:none;}
  .ac-pref-trigger{padding-inline:.65rem;}
}


/* v12 — clearer floating WhatsApp + mirrored action positions */
.ac-floating-actions{
  position:static!important;
  display:block!important;
  pointer-events:none;
}
.ac-floating-actions .ac-whatsapp,
.ac-floating-actions .ac-back-top{
  position:fixed!important;
  z-index:80;
  pointer-events:auto;
}
.ac-floating-actions .ac-whatsapp{
  inset-block-end:1.1rem!important;
  min-height:3.25rem;
  max-width:min(18rem,calc(100vw - 2rem));
  padding:.85rem 1.15rem;
  border:1px solid rgba(37,211,102,.50)!important;
  color:#ffffff!important;
  background:linear-gradient(135deg,#25D366 0%,#18b65a 48%,#128C7E 100%)!important;
  box-shadow:0 20px 55px rgba(37,211,102,.24),0 0 0 1px rgba(255,255,255,.08) inset!important;
}
.ac-floating-actions .ac-whatsapp svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 auto;
}
.ac-floating-actions .ac-whatsapp span{
  font-weight:950;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.ac-floating-actions .ac-back-top{
  inset-block-end:1.18rem!important;
  border-color:rgba(255,255,255,.16)!important;
}
.ac-floating-actions[data-lang="ar"] .ac-whatsapp{right:1rem!important;left:auto!important;inset-inline:auto!important;}
.ac-floating-actions[data-lang="ar"] .ac-back-top{left:1rem!important;right:auto!important;inset-inline:auto!important;}
.ac-floating-actions[data-lang="en"] .ac-whatsapp{left:1rem!important;right:auto!important;inset-inline:auto!important;}
.ac-floating-actions[data-lang="en"] .ac-back-top{right:1rem!important;left:auto!important;inset-inline:auto!important;}

@media (max-width:767px){
  .ac-floating-actions .ac-whatsapp{display:none!important;}
  .ac-floating-actions .ac-back-top{inset-block-end:5.9rem!important;}
  .mobile-sticky-cta .secondary{
    color:#fff!important;
    border-color:rgba(37,211,102,.45)!important;
    background:linear-gradient(135deg,#25D366,#128C7E)!important;
    box-shadow:0 0 24px rgba(37,211,102,.20);
  }
}
html[data-theme="light"] .ac-floating-actions .ac-back-top{
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.12)!important;
}

/* v12 — preferences menu refinement */
.ac-pref-option small{
  min-height:1.15em;
  color:#9fb0c8;
}
.ac-pref-option span{
  display:flex;
  align-items:center;
  gap:.35rem;
}
.ac-pref-option.is-active small,
.ac-theme-choice.is-active small{
  color:#c7f9ff;
}
html[data-theme="light"] .ac-pref-option.is-active small,
html[data-theme="light"] .ac-theme-choice.is-active small{
  color:#0e7490!important;
}

/* v12 — richer footer system */
.ac-site-footer{
  position:relative;
  overflow:hidden;
}
.ac-site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 12%,rgba(34,211,238,.10),transparent 22rem),
    radial-gradient(circle at 86% 0%,rgba(168,85,247,.12),transparent 26rem);
}
.ac-site-footer > *{position:relative;}
.ac-site-footer h2{
  letter-spacing:.12em;
}
[dir="rtl"] .ac-site-footer h2{
  letter-spacing:0;
}
.ac-site-footer a{
  text-decoration:none;
}
.ac-social-link{
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.ac-social-link:hover{
  background:rgba(34,211,238,.10);
}
.ac-social-link.is-empty{
  display:none!important;
}
html[data-theme="light"] .ac-site-footer{
  background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(239,246,255,.86))!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] .ac-site-footer .text-white{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;}
html[data-theme="light"] .ac-site-footer .text-slate-400{color:#475569!important;-webkit-text-fill-color:#475569!important;}
html[data-theme="light"] .ac-site-footer .text-slate-500{color:#64748b!important;-webkit-text-fill-color:#64748b!important;}
html[data-theme="light"] .ac-site-footer .text-cyan-200{color:#0369a1!important;-webkit-text-fill-color:#0369a1!important;}
html[data-theme="light"] .ac-social-link{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(15,23,42,.10)!important;
  color:#334155!important;
}
html[data-theme="light"] .ac-social-link:hover{
  background:rgba(224,242,254,.86)!important;
  color:#0284c7!important;
}

@media (max-width:767px){
  .ac-site-footer{
    padding-bottom:4.5rem;
  }
}


/* v14 — footer cleanup */
.ac-footer-contact-list li{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.ac-footer-contact-list a,
.ac-footer-contact-list span{
  line-height:1.65;
}
html[data-theme="light"] .ac-footer-contact-list li{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(15,23,42,.10)!important;
}


/* v15: Actual public footer cleanup for both static and CMS-rendered pages */
.ac-site-footer{
  border-top:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 15% 0%,rgba(34,211,238,.10),transparent 30rem),
    radial-gradient(circle at 85% 0%,rgba(168,85,247,.10),transparent 32rem),
    rgba(5,1,15,.86);
  color:#e5eefb;
}
html[data-theme="light"] .ac-site-footer{
  border-top-color:rgba(15,23,42,.10);
  background:
    radial-gradient(circle at 12% 0%,rgba(34,211,238,.14),transparent 32rem),
    radial-gradient(circle at 88% 0%,rgba(168,85,247,.10),transparent 34rem),
    rgba(248,252,255,.92);
  color:#0f172a;
}
.ac-footer-wrap{
  max-width:80rem;
  margin-inline:auto;
  padding:3.5rem 1.5rem 1.5rem;
}
.ac-footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(11rem,.72fr) minmax(12rem,.85fr) minmax(0,1.1fr);
  gap:3rem;
  align-items:start;
}
.ac-footer-logo{
  display:inline-flex;
  align-items:center;
  gap:.8rem;
  font-size:1.65rem;
  line-height:1.1;
  font-weight:900;
  color:#fff;
  text-decoration:none;
}
html[data-theme="light"] .ac-footer-logo{color:#0f172a}
.ac-footer-logo-icon{
  display:grid;
  width:2.85rem;
  height:2.85rem;
  place-items:center;
  border-radius:1.15rem;
  border:1px solid rgba(103,232,249,.45);
  background:rgba(34,211,238,.10);
  color:#cffafe;
  box-shadow:0 0 34px rgba(34,211,238,.13);
}
html[data-theme="light"] .ac-footer-logo-icon{
  color:#0891b2;
  background:rgba(34,211,238,.14);
  border-color:rgba(8,145,178,.26);
}
.ac-footer-about{
  margin-top:1.25rem;
  max-width:27rem;
  color:#aab7cc;
  font-size:.96rem;
  line-height:2;
}
html[data-theme="light"] .ac-footer-about{color:#475569}
.ac-footer-social{
  margin-top:1.35rem;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
.ac-social-link{
  display:grid;
  width:2.65rem;
  height:2.65rem;
  place-items:center;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  color:#dbeafe;
  font-size:.88rem;
  font-weight:900;
  text-decoration:none;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease;
}
.ac-social-link:hover{
  transform:translateY(-3px);
  border-color:rgba(34,211,238,.44);
  background:rgba(34,211,238,.11);
  color:#a5f3fc;
}
.ac-social-link.is-empty{display:none!important}
html[data-theme="light"] .ac-social-link{
  color:#334155;
  border-color:rgba(15,23,42,.10);
  background:rgba(255,255,255,.72);
}
html[data-theme="light"] .ac-social-link:hover{
  color:#0891b2;
  border-color:rgba(8,145,178,.25);
}
.ac-footer-col h2,.ac-footer-contact h2{
  margin:0;
  color:#a5f3fc;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.06em;
}
html[dir="ltr"] .ac-footer-col h2,
html[dir="ltr"] .ac-footer-contact h2{text-transform:uppercase;letter-spacing:.12em}
html[data-theme="light"] .ac-footer-col h2,
html[data-theme="light"] .ac-footer-contact h2{color:#0e7490}
.ac-footer-col ul{
  margin:1.1rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.8rem;
}
.ac-footer-link{
  color:#aab7cc;
  font-size:.95rem;
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}
.ac-footer-link:hover{color:#a5f3fc}
html[data-theme="light"] .ac-footer-link{color:#475569}
html[data-theme="light"] .ac-footer-link:hover{color:#0e7490}
.ac-footer-contact ul{
  margin:1.1rem 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.72rem;
}
.ac-footer-contact li{
  display:grid;
  gap:.22rem;
  padding:.82rem .95rem;
  border:1px solid rgba(255,255,255,.10);
  border-radius:1rem;
  background:rgba(255,255,255,.035);
}
html[data-theme="light"] .ac-footer-contact li{
  border-color:rgba(15,23,42,.08);
  background:rgba(255,255,255,.68);
}
.ac-footer-contact span{
  color:#a5f3fc;
  font-size:.76rem;
  font-weight:900;
}
html[data-theme="light"] .ac-footer-contact span{color:#0e7490}
.ac-footer-contact a,.ac-footer-contact strong{
  color:#aab7cc;
  font-size:.93rem;
  font-weight:700;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.ac-footer-contact a:hover{color:#fff}
html[data-theme="light"] .ac-footer-contact a,
html[data-theme="light"] .ac-footer-contact strong{color:#334155}
html[data-theme="light"] .ac-footer-contact a:hover{color:#0e7490}
.ac-footer-bottom{
  margin-top:3.1rem;
  padding-top:1.4rem;
  border-top:1px solid rgba(255,255,255,.10);
  display:grid;
  justify-items:center;
  gap:.85rem;
  text-align:center;
  color:#718096;
  font-size:.82rem;
}
html[data-theme="light"] .ac-footer-bottom{
  border-top-color:rgba(15,23,42,.10);
  color:#64748b;
}
.ac-footer-bottom nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:1rem 1.5rem;
}
.ac-footer-bottom a{
  color:inherit;
  text-decoration:none;
  transition:color .2s ease;
}
.ac-footer-bottom a:hover{color:#a5f3fc}
html[data-theme="light"] .ac-footer-bottom a:hover{color:#0e7490}

/* Make the CMS-rendered v14 footer follow the same cleanup rules. */
.ac-site-footer .ac-footer-contact-list li{
  display:grid;
  gap:.22rem;
}
.ac-site-footer [data-social="whatsapp"]{display:none!important}

@media (max-width: 1024px){
  .ac-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}
}
@media (max-width: 640px){
  .ac-footer-wrap{padding:3rem 1rem 6.25rem}
  .ac-footer-grid{grid-template-columns:1fr;gap:2rem}
  .ac-footer-logo{font-size:1.45rem}
  .ac-footer-about{line-height:1.9}
}



/* v16: footer refinement — visible WhatsApp social, compact contact, horizontal legal row */
.ac-site-footer .ac-social-link[data-social="whatsapp"]:not(.is-empty){
  display:grid!important;
  color:#86efac!important;
  border-color:rgba(37,211,102,.34)!important;
  background:rgba(37,211,102,.11)!important;
  box-shadow:0 0 22px rgba(37,211,102,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
.ac-site-footer .ac-social-link[data-social="whatsapp"]:not(.is-empty):hover{
  color:#dcfce7!important;
  border-color:rgba(37,211,102,.62)!important;
  background:rgba(37,211,102,.18)!important;
  box-shadow:0 0 28px rgba(37,211,102,.18), inset 0 1px 0 rgba(255,255,255,.1);
}
html[data-theme="light"] .ac-site-footer .ac-social-link[data-social="whatsapp"]:not(.is-empty){
  color:#15803d!important;
  border-color:rgba(22,163,74,.22)!important;
  background:rgba(34,197,94,.12)!important;
}
html[data-theme="light"] .ac-site-footer .ac-social-link[data-social="whatsapp"]:not(.is-empty):hover{
  color:#166534!important;
  border-color:rgba(22,163,74,.34)!important;
  background:rgba(34,197,94,.18)!important;
}

.ac-footer-contact ul.is-compact,
.ac-footer-contact-list.is-compact{
  display:grid;
  gap:.65rem!important;
  margin-top:1rem!important;
}
.ac-footer-contact ul.is-compact li,
.ac-footer-contact-list.is-compact li{
  padding:0 0 .72rem!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  gap:.38rem!important;
}
.ac-footer-contact ul.is-compact li:last-child,
.ac-footer-contact-list.is-compact li:last-child{
  border-bottom:0!important;
  padding-bottom:0!important;
}
.ac-footer-contact ul.is-compact span,
.ac-footer-contact-list.is-compact span{
  display:block;
  font-size:.74rem;
  line-height:1.45;
  color:#a5f3fc;
}
.ac-footer-contact-values{
  display:flex;
  flex-direction:column;
  gap:.28rem;
  min-width:0;
}
.ac-footer-contact-values a,
.ac-footer-contact ul.is-compact strong,
.ac-footer-contact-list.is-compact strong{
  font-size:.88rem!important;
  line-height:1.55!important;
  color:#aab7cc;
  font-weight:700;
  overflow-wrap:anywhere;
}
.ac-footer-contact-values b{
  color:#dbeafe;
  font-weight:900;
}
html[data-theme="light"] .ac-footer-contact ul.is-compact li,
html[data-theme="light"] .ac-footer-contact-list.is-compact li{
  border-bottom-color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] .ac-footer-contact-values a,
html[data-theme="light"] .ac-footer-contact ul.is-compact strong,
html[data-theme="light"] .ac-footer-contact-list.is-compact strong{
  color:#334155;
}
html[data-theme="light"] .ac-footer-contact-values b{
  color:#0f172a;
}

.ac-footer-bottom{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.25rem!important;
  text-align:initial!important;
  margin-top:3rem!important;
}
.ac-footer-bottom nav{
  justify-content:flex-start!important;
  margin:0!important;
}
.ac-footer-bottom p{
  margin:0!important;
}
@media (max-width:640px){
  .ac-footer-bottom{
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
    gap:.9rem!important;
  }
  .ac-footer-bottom nav{
    justify-content:center!important;
  }
}


/* v17: compact footer contact rows + cleaner bottom alignment */
.ac-footer-contact{
  max-width:22rem;
}
.ac-footer-contact-clean,
.ac-footer-contact ul.is-compact,
.ac-footer-contact-list.is-compact{
  margin:1.05rem 0 0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.085);
  border-radius:1.25rem;
  background:linear-gradient(135deg,rgba(255,255,255,.052),rgba(255,255,255,.022));
  overflow:hidden;
}
.ac-footer-contact-clean li,
.ac-footer-contact ul.is-compact li,
.ac-footer-contact-list.is-compact li{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
  padding:.82rem .95rem!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:3.05rem;
}
.ac-footer-contact-clean li:last-child,
.ac-footer-contact ul.is-compact li:last-child,
.ac-footer-contact-list.is-compact li:last-child{
  border-bottom:0!important;
}
.ac-footer-contact-clean span,
.ac-footer-contact ul.is-compact span,
.ac-footer-contact-list.is-compact span{
  flex:0 0 auto;
  display:block;
  color:#a5f3fc;
  font-size:.77rem!important;
  line-height:1.35!important;
  font-weight:900;
}
.ac-footer-contact-clean a,
.ac-footer-contact-clean strong,
.ac-footer-contact ul.is-compact a,
.ac-footer-contact ul.is-compact strong,
.ac-footer-contact-list.is-compact a,
.ac-footer-contact-list.is-compact strong{
  display:block;
  min-width:0;
  color:#aab7cc;
  font-size:.88rem!important;
  line-height:1.45!important;
  font-weight:800;
  text-decoration:none;
  overflow-wrap:anywhere;
  text-align:end;
}
.ac-footer-contact-clean a[dir="ltr"],
.ac-footer-contact ul.is-compact a[dir="ltr"],
.ac-footer-contact-list.is-compact a[dir="ltr"]{
  direction:ltr;
  unicode-bidi:isolate;
}
[dir="rtl"] .ac-footer-contact-clean a[dir="ltr"],
[dir="rtl"] .ac-footer-contact ul.is-compact a[dir="ltr"],
[dir="rtl"] .ac-footer-contact-list.is-compact a[dir="ltr"]{
  text-align:left;
}
.ac-footer-contact-clean a:hover,
.ac-footer-contact ul.is-compact a:hover,
.ac-footer-contact-list.is-compact a:hover{
  color:#e0faff;
}
html[data-theme="light"] .ac-footer-contact-clean,
html[data-theme="light"] .ac-footer-contact ul.is-compact,
html[data-theme="light"] .ac-footer-contact-list.is-compact{
  border-color:rgba(15,23,42,.10);
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(239,246,255,.66));
}
html[data-theme="light"] .ac-footer-contact-clean li,
html[data-theme="light"] .ac-footer-contact ul.is-compact li,
html[data-theme="light"] .ac-footer-contact-list.is-compact li{
  border-bottom-color:rgba(15,23,42,.08)!important;
}
html[data-theme="light"] .ac-footer-contact-clean span,
html[data-theme="light"] .ac-footer-contact ul.is-compact span,
html[data-theme="light"] .ac-footer-contact-list.is-compact span{
  color:#0e7490;
}
html[data-theme="light"] .ac-footer-contact-clean a,
html[data-theme="light"] .ac-footer-contact-clean strong,
html[data-theme="light"] .ac-footer-contact ul.is-compact a,
html[data-theme="light"] .ac-footer-contact ul.is-compact strong,
html[data-theme="light"] .ac-footer-contact-list.is-compact a,
html[data-theme="light"] .ac-footer-contact-list.is-compact strong{
  color:#334155;
}
html[data-theme="light"] .ac-footer-contact-clean a:hover,
html[data-theme="light"] .ac-footer-contact ul.is-compact a:hover,
html[data-theme="light"] .ac-footer-contact-list.is-compact a:hover{
  color:#0e7490;
}
.ac-footer-bottom{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.25rem!important;
  text-align:initial!important;
}
.ac-footer-bottom nav{
  margin:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:1rem 1.5rem!important;
}
.ac-footer-bottom p{
  margin:0!important;
}
@media (max-width:640px){
  .ac-footer-contact{max-width:none}
  .ac-footer-contact-clean li,
  .ac-footer-contact ul.is-compact li,
  .ac-footer-contact-list.is-compact li{
    padding:.75rem .85rem!important;
  }
  .ac-footer-bottom{
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .ac-footer-bottom nav{
    justify-content:center!important;
  }
}


/* v18: integrated footer contact styling — no boxed/table card, consistent with footer columns */
.ac-footer-contact{
  max-width:20rem!important;
}
.ac-footer-contact h2{
  margin:0!important;
}
.ac-footer-contact-clean,
.ac-footer-contact ul.is-compact,
.ac-footer-contact-list.is-compact{
  margin:1.05rem 0 0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:.15rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.ac-footer-contact-group,
.ac-footer-contact-clean li,
.ac-footer-contact ul.is-compact li,
.ac-footer-contact-list.is-compact li{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:start!important;
  gap:.35rem 1.05rem!important;
  padding:.42rem 0 .72rem!important;
  min-height:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ac-footer-contact-group:last-child,
.ac-footer-contact-clean li:last-child,
.ac-footer-contact ul.is-compact li:last-child,
.ac-footer-contact-list.is-compact li:last-child{
  border-bottom:0!important;
  padding-bottom:0!important;
}
.ac-footer-contact-label,
.ac-footer-contact-clean span,
.ac-footer-contact ul.is-compact span,
.ac-footer-contact-list.is-compact span{
  color:#a5f3fc!important;
  font-size:.78rem!important;
  line-height:1.55!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.ac-footer-contact-values{
  display:grid!important;
  gap:.18rem!important;
  min-width:0!important;
}
.ac-footer-contact-values a,
.ac-footer-contact-values strong,
.ac-footer-contact-clean a,
.ac-footer-contact-clean strong,
.ac-footer-contact ul.is-compact a,
.ac-footer-contact ul.is-compact strong,
.ac-footer-contact-list.is-compact a,
.ac-footer-contact-list.is-compact strong{
  color:#aab7cc!important;
  font-size:.9rem!important;
  line-height:1.65!important;
  font-weight:800!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}
html[dir="rtl"] .ac-footer-contact-values,
html[dir="rtl"] .ac-footer-contact-clean a,
html[dir="rtl"] .ac-footer-contact-clean strong{
  text-align:left!important;
}
html[dir="ltr"] .ac-footer-contact-values,
html[dir="ltr"] .ac-footer-contact-clean a,
html[dir="ltr"] .ac-footer-contact-clean strong{
  text-align:right!important;
}
.ac-footer-contact-values a[dir="ltr"],
.ac-footer-contact-clean a[dir="ltr"]{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
.ac-footer-phone-values{
  font-variant-numeric:tabular-nums;
}
.ac-footer-contact-values a:hover,
.ac-footer-contact-clean a:hover{
  color:#e0faff!important;
}
html[data-theme="light"] .ac-footer-contact-group,
html[data-theme="light"] .ac-footer-contact-clean li,
html[data-theme="light"] .ac-footer-contact ul.is-compact li,
html[data-theme="light"] .ac-footer-contact-list.is-compact li{
  border-bottom-color:rgba(15,23,42,.10)!important;
}
html[data-theme="light"] .ac-footer-contact-label,
html[data-theme="light"] .ac-footer-contact-clean span,
html[data-theme="light"] .ac-footer-contact ul.is-compact span,
html[data-theme="light"] .ac-footer-contact-list.is-compact span{
  color:#0e7490!important;
}
html[data-theme="light"] .ac-footer-contact-values a,
html[data-theme="light"] .ac-footer-contact-values strong,
html[data-theme="light"] .ac-footer-contact-clean a,
html[data-theme="light"] .ac-footer-contact-clean strong,
html[data-theme="light"] .ac-footer-contact ul.is-compact a,
html[data-theme="light"] .ac-footer-contact ul.is-compact strong,
html[data-theme="light"] .ac-footer-contact-list.is-compact a,
html[data-theme="light"] .ac-footer-contact-list.is-compact strong{
  color:#334155!important;
}
html[data-theme="light"] .ac-footer-contact-values a:hover,
html[data-theme="light"] .ac-footer-contact-clean a:hover{
  color:#0e7490!important;
}
.ac-footer-bottom{
  margin-top:3rem!important;
  padding-top:1.35rem!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem 1.5rem!important;
  text-align:initial!important;
}
.ac-footer-bottom nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.85rem 1.35rem!important;
  margin:0!important;
}
.ac-footer-bottom p{
  margin:0!important;
}
@media (max-width:767px){
  .ac-footer-contact{
    max-width:none!important;
  }
  .ac-footer-contact-group,
  .ac-footer-contact-clean li,
  .ac-footer-contact ul.is-compact li,
  .ac-footer-contact-list.is-compact li{
    grid-template-columns:1fr!important;
    gap:.18rem!important;
    padding:.55rem 0 .78rem!important;
  }
  html[dir="rtl"] .ac-footer-contact-values,
  html[dir="rtl"] .ac-footer-contact-clean a,
  html[dir="rtl"] .ac-footer-contact-clean strong{
    text-align:right!important;
  }
  html[dir="ltr"] .ac-footer-contact-values,
  html[dir="ltr"] .ac-footer-contact-clean a,
  html[dir="ltr"] .ac-footer-contact-clean strong{
    text-align:left!important;
  }
  .ac-footer-bottom{
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .ac-footer-bottom nav{
    justify-content:center!important;
  }
}


/* v19 — compact Preferences control: one clear label + stronger caret */
.ac-pref-trigger{
  gap:.5rem!important;
  padding:.52rem .68rem .52rem .78rem!important;
}
[dir="rtl"] .ac-pref-trigger{padding:.52rem .78rem .52rem .68rem!important;}
.ac-pref-text{
  display:inline!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
html[lang="en"] .ac-pref-text{
  font-size:.84rem!important;
}
html[lang="ar"] .ac-pref-text{
  font-size:.86rem!important;
}
.ac-pref-mini{
  display:none!important;
}
.ac-pref-caret{
  width:1.45rem!important;
  height:1.45rem!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;
  color:#a5f3fc!important;
  transform:none!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease!important;
}
.ac-pref-caret svg{
  width:.92rem!important;
  height:.92rem!important;
  display:block!important;
}
.ac-pref.is-open .ac-pref-caret{
  transform:rotate(180deg)!important;
  border-color:rgba(34,211,238,.42)!important;
  background:rgba(34,211,238,.14)!important;
  color:#67e8f9!important;
}
html[data-theme="light"] .ac-pref-caret{
  border-color:rgba(15,23,42,.10)!important;
  background:rgba(14,165,233,.10)!important;
  color:#0369a1!important;
}
html[data-theme="light"] .ac-pref.is-open .ac-pref-caret{
  border-color:rgba(14,165,233,.34)!important;
  background:rgba(14,165,233,.16)!important;
  color:#075985!important;
}
@media (max-width:1100px) and (min-width:768px){
  .ac-pref-text{display:inline!important;}
  .ac-pref-trigger{padding-inline:.62rem!important;}
}
@media (max-width:420px){
  .ac-pref-text{font-size:.78rem!important;}
  .ac-pref-globe{display:none!important;}
}


/* ================================================================
   Aclicky v20 — Global Background + Intro System Reset
   - Modern layered background (dark/light)
   - Removes random intro illustration from inner pages
   - Prevents horizontal overflow / right-side empty gap
   - Keeps inner page intros centered and consistent
   ================================================================ */

html,
body{
  width:100%;
  max-width:100%;
  margin:0;
  overflow-x:clip!important;
}
@supports not (overflow:clip){
  html,body{overflow-x:hidden!important;}
}
body > header,
body > main,
body > footer{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
@supports not (overflow:clip){
  body > header,
  body > main,
  body > footer{overflow-x:hidden;}
}

/* Light mode: clean premium background, not washed out */
html[data-theme="light"] body{
  color:#0f172a!important;
  background:
    radial-gradient(circle at 12% 14%,rgba(34,211,238,.24),transparent 34rem),
    radial-gradient(circle at 86% 12%,rgba(168,85,247,.18),transparent 32rem),
    radial-gradient(circle at 50% 84%,rgba(14,165,233,.10),transparent 42rem),
    linear-gradient(135deg,#f8fbff 0%,#eef7ff 45%,#f8f2ff 78%,#ffffff 100%)!important;
}

/* Remove the random side illustration from inner intro backgrounds */
main > section:first-child::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Unified inner-page hero alignment */
main > section.page-intro,
main > section:first-child:has(> div.text-center){
  width:100%!important;
  max-width:100%!important;
  min-height:clamp(22rem,48svh,34rem)!important;
  display:grid!important;
  place-items:center!important;
  padding-block:clamp(4.5rem,8vw,7rem)!important;
  padding-inline:clamp(1rem,4vw,2rem)!important;
  margin:0!important;
  text-align:center!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:clip!important;
}
main > section.page-intro > div,
main > section:first-child:has(> div.text-center) > div.text-center{
  width:min(100%,58rem)!important;
  max-width:58rem!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  text-align:center!important;
  transform:none!important;
}
main > section.page-intro .hero-title,
main > section:first-child:has(> div.text-center) .hero-title{
  width:min(100%,48rem)!important;
  max-width:48rem!important;
  margin-inline:auto!important;
  text-align:center!important;
}
main > section.page-intro p,
main > section:first-child:has(> div.text-center) p{
  margin-inline:auto!important;
  text-align:center!important;
}

/* Subtle, page-specific hero glow without decorative images */
main > section.page-intro:before,
main > section:first-child:has(> div.text-center):before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 50% 44%,rgba(34,211,238,.10),transparent 24rem),
    radial-gradient(ellipse at 60% 20%,rgba(168,85,247,.12),transparent 30rem)!important;
  opacity:.95!important;
}
html[data-theme="light"] main > section.page-intro:before,
html[data-theme="light"] main > section:first-child:has(> div.text-center):before{
  background:
    radial-gradient(ellipse at 50% 44%,rgba(14,165,233,.14),transparent 24rem),
    radial-gradient(ellipse at 60% 20%,rgba(168,85,247,.10),transparent 30rem)!important;
}

/* Keep big gradient text readable in light mode */
html[data-theme="light"] .hero-title .text-transparent,
html[data-theme="light"] .hero-title [class*="text-transparent"]{
  background-image:linear-gradient(90deg,#0f172a 0%,#0891b2 48%,#a21caf 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Avoid oversized inner titles after centering */
main > section.page-intro .hero-title,
main > section:first-child:has(> div.text-center) .hero-title{
  font-size:clamp(2.25rem,4.6vw,4.35rem)!important;
  line-height:1.14!important;
}
html[lang="ar"] main > section.page-intro .hero-title,
html[lang="ar"] main > section:first-child:has(> div.text-center) .hero-title{
  font-size:clamp(2.05rem,4vw,3.85rem)!important;
  line-height:1.30!important;
}

@media (max-width:767px){
  main > section.page-intro,
  main > section:first-child:has(> div.text-center){
    min-height:auto!important;
    padding-block:clamp(3.75rem,16vw,5rem)!important;
  }
  main > section.page-intro .hero-title,
  main > section:first-child:has(> div.text-center) .hero-title{
    font-size:clamp(2rem,10vw,3rem)!important;
  }
  html[lang="ar"] main > section.page-intro .hero-title,
  html[lang="ar"] main > section:first-child:has(> div.text-center) .hero-title{
    font-size:clamp(1.9rem,8.6vw,2.7rem)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .space-field:before,
  .space-field:after{
    animation:none!important;
  }
}


/* ================================================================
   Aclicky v21 — Horizontal Overflow + Animated Background Lock
   Fixes the delayed right-side empty gap caused by moving background
   layers / horizontal scroll accumulation.
   ================================================================ */

/* Hard lock the document to the viewport width */
html,
body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
*,
*::before,
*::after{
  box-sizing:border-box;
}
body > header,
body > main,
body > footer,
main,
section{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Redefine old keyframes to avoid any transform-based drift from cached CSS */
@keyframes ac-bg-orbit{
  0%{opacity:.64;filter:blur(54px)}
  50%{opacity:.76;filter:blur(58px)}
  100%{opacity:.68;filter:blur(56px)}
}

/* Fixed CTAs must never expand the page width */
.ac-floating-actions,
.ac-whatsapp,
.ac-back-top,
.mobile-sticky-cta{
  max-width:calc(100vw - 2rem)!important;
}
[dir="rtl"] .ac-floating-actions{
  right:1rem!important;
  left:auto!important;
}
[dir="ltr"] .ac-floating-actions{
  left:1rem!important;
  right:auto!important;
}

/* Avoid inner hero or form wrappers spilling outside viewport */
main > section:first-child,
main > section.page-intro,
form,
article,
.ac-card,
.glass,
[class*="rounded-"]{
  max-width:100%!important;
}

/* Safer mobile handling */
@media (max-width:767px){
  .space-field{
    height:100dvh!important;
    min-height:100dvh!important;
  }
  .ac-whatsapp{
    max-width:calc(100vw - 1.25rem)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .space-field::before,
  .space-field::after{
    animation:none!important;
  }
}
/* ================================================================
   Aclicky v25 — Lightweight Animated Hybrid Background
   Purpose: restore original layout styles and add visible, safe background animation.
   Style: Aurora Nebula + Holographic Grid + very few stars.
   Orbital rings are limited to the homepage hero visual only.
   ================================================================ */

/* Keep the animated layer visible behind content without covering text */
html{
  background:#05010f;
}

/* Orbital rings: hero decorative object only, not global background */
main > section:first-of-type .float-slow.aspect-square.max-w-lg{
  position:relative;
  isolation:isolate;
}

main > section:first-of-type .float-slow.aspect-square.max-w-lg::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(34rem,92vw)!important;
  height:min(34rem,92vw)!important;
  border:1px solid rgba(34,211,238,.20)!important;
  border-radius:9999px!important;
  transform:translate(-50%,-50%) rotate(-17deg) scaleY(.34)!important;
  box-shadow:
    0 0 34px rgba(34,211,238,.13),
    inset 0 0 28px rgba(168,85,247,.09)!important;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.10),rgba(236,72,153,.08),transparent)!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:.58!important;
  animation:ac-v25-orbit-pulse 12s ease-in-out infinite alternate!important;
}

main > section:first-of-type .float-slow.aspect-square.max-w-lg::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(27rem,78vw)!important;
  height:min(27rem,78vw)!important;
  border:1px solid rgba(236,72,153,.16)!important;
  border-radius:9999px!important;
  transform:translate(-50%,-50%) rotate(21deg) scaleY(.30)!important;
  box-shadow:0 0 28px rgba(236,72,153,.10)!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:.44!important;
  animation:ac-v25-orbit-pulse 15s ease-in-out infinite alternate-reverse!important;
}

/* Mobile: lighter effects and fewer repaint costs */
@media (max-width:767px){
  .space-field{
    height:100svh!important;
  }

  .space-field::before{
    inset:-18%!important;
    filter:blur(34px) saturate(116%)!important;
    opacity:.56!important;
    animation-duration:36s!important;
  }

  .space-field::after{
    background-size:112px 112px,112px 112px,520px 520px!important;
    opacity:.27!important;
    transform:perspective(780px) rotateX(60deg) translateY(16vh) scale(1.20)!important;
  }

  main > section:first-of-type .float-slow.aspect-square.max-w-lg::before{
    width:20rem!important;
    height:20rem!important;
    opacity:.34!important;
  }

  main > section:first-of-type .float-slow.aspect-square.max-w-lg::after{
    width:16rem!important;
    height:16rem!important;
    opacity:.25!important;
  }
}

/* Respect accessibility and keep SEO/CWV performance safer */
@media (prefers-reduced-motion:reduce){
  .space-field::before,
  .space-field::after,
  main > section:first-of-type .float-slow.aspect-square.max-w-lg::before,
  main > section:first-of-type .float-slow.aspect-square.max-w-lg::after{
    animation:none!important;
  }
}

/* ================================================================
   Aclicky v26 — Emergency Layout Restore + Safe Lightweight Background
   Fixes: prevents full-width layout by restoring Tailwind max-width utilities.
   Background: visible lightweight Aurora + Holographic Grid without changing layout.
   ================================================================ */

/* Restore Tailwind max-width utilities after the old broad max-width rule */
.max-w-xs{max-width:20rem!important;}
.max-w-sm{max-width:24rem!important;}
.max-w-md{max-width:28rem!important;}
.max-w-lg{max-width:32rem!important;}
.max-w-xl{max-width:36rem!important;}
.max-w-2xl{max-width:42rem!important;}
.max-w-3xl{max-width:48rem!important;}
.max-w-4xl{max-width:56rem!important;}
.max-w-5xl{max-width:64rem!important;}
.max-w-6xl{max-width:72rem!important;}
.max-w-7xl{max-width:80rem!important;}
.mx-auto{margin-left:auto!important;margin-right:auto!important;}

/* Tailwind-like container restore, only if .container is used */
.container{width:100%!important;}
@media (min-width:640px){.container{max-width:640px!important;}}
@media (min-width:768px){.container{max-width:768px!important;}}
@media (min-width:1024px){.container{max-width:1024px!important;}}
@media (min-width:1280px){.container{max-width:1280px!important;}}
@media (min-width:1536px){.container{max-width:1536px!important;}}

/* Background layer must not affect document width */
html,
body{
  max-width:none!important;
  overflow-x:clip;
}
@supports not (overflow:clip){
  html,
  body{overflow-x:hidden;}
}

/* Keep real content above the fixed visual layer */
body > header,
body > main,
body > footer{
  position:relative;
  z-index:1;
}

/* Orbital rings only for the homepage hero visual */
main > section:first-of-type .float-slow.aspect-square.max-w-lg,
main > section:first-of-type .float-slow.aspect-square.max-w-md{
  position:relative;
  isolation:isolate;
}
main > section:first-of-type .float-slow.aspect-square.max-w-lg::before,
main > section:first-of-type .float-slow.aspect-square.max-w-md::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(34rem,92vw)!important;
  height:min(34rem,92vw)!important;
  border:1px solid rgba(34,211,238,.18)!important;
  border-radius:9999px!important;
  transform:translate(-50%,-50%) rotate(-17deg) scaleY(.34)!important;
  box-shadow:0 0 30px rgba(34,211,238,.11), inset 0 0 24px rgba(168,85,247,.08)!important;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.08),rgba(236,72,153,.07),transparent)!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:.48!important;
  animation:ac-v26-orbit-pulse 14s ease-in-out infinite alternate!important;
}

@media (max-width:767px){
  .space-field{
    min-height:100svh!important;
  }
  .space-field::before{
    inset:-14%!important;
    filter:blur(32px) saturate(114%)!important;
    opacity:.50!important;
    animation-duration:40s!important;
  }
  .space-field::after{
    background-size:116px 116px,116px 116px,560px 560px!important;
    opacity:.24!important;
    transform:perspective(760px) rotateX(60deg) translateY(16vh) scale(1.14)!important;
  }
  main > section:first-of-type .float-slow.aspect-square.max-w-lg::before,
  main > section:first-of-type .float-slow.aspect-square.max-w-md::before{
    width:20rem!important;
    height:20rem!important;
    opacity:.26!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .space-field::before,
  .space-field::after,
  main > section:first-of-type .float-slow.aspect-square.max-w-lg::before,
  main > section:first-of-type .float-slow.aspect-square.max-w-md::before{
    animation:none!important;
  }
}


/* ================================================================
   v27 — Unified animated background (replaces v6/v6.1/v8/v10/v20/
   v21/v25/v26 background patches, which had accumulated into 27
   competing/duplicated `.space-field` rule blocks fighting each
   other with !important across the file). Single source of truth:
     .space-field        -> fixed full-viewport container (in markup)
     .ac-nebula-glow      -> soft CSS gradient glow (no JS required,
                             also the reduced-motion / no-canvas base)
     .ac-starfield-canvas -> JS-driven parallax starfield (site.js)
   ================================================================ */
.space-field{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
}
.ac-nebula-glow{
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(circle at 14% 18%, rgba(34,211,238,.14), transparent 30rem),
    radial-gradient(circle at 86% 12%, rgba(236,72,153,.11), transparent 28rem),
    radial-gradient(circle at 50% 90%, rgba(109,40,217,.15), transparent 40rem);
  animation:ac-nebula-breathe 20s ease-in-out infinite alternate;
  will-change:opacity, transform;
}
.ac-starfield-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  opacity:0;
  transition:opacity 1.2s ease;
}
.ac-starfield-canvas.is-ready{ opacity:1; }

@keyframes ac-nebula-breathe{
  0%{ opacity:.7; transform:scale(1); }
  100%{ opacity:1; transform:scale(1.06); }
}

html[data-theme="light"] .ac-nebula-glow{
  background:
    radial-gradient(circle at 14% 18%, rgba(34,211,238,.10), transparent 26rem),
    radial-gradient(circle at 86% 12%, rgba(236,72,153,.08), transparent 24rem),
    radial-gradient(circle at 50% 90%, rgba(109,40,217,.09), transparent 34rem);
}

@media (prefers-reduced-motion: reduce){
  .ac-nebula-glow{ animation:none; opacity:.85; }
}

@media (max-width:767px){
  .space-field{ height:100svh; }
}

/* ================================================================
   Hero visual — CSS-only "command dashboard" card + orbital rings
   (kept from the v30 hero fix; only the background-layer parts of
   that file were retired, this part is real page content styling
   for the home hero and still applies).
   ================================================================ */
:root{
  --ac-hero-cyan:34,211,238;
  --ac-hero-violet:168,85,247;
  --ac-hero-pink:236,72,153;
}
/* Home hero scope only */
main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"]){
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

/* Hero-only orbital rings: decorative background, not a site-wide element */
main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"])::after{
  content:"" !important;
  position:absolute !important;
  width:clamp(18rem,30vw,32rem) !important;
  height:clamp(18rem,30vw,32rem) !important;
  inset-block-start:clamp(2rem,10vh,6.5rem) !important;
  inset-inline-start:clamp(1rem,8vw,7rem) !important;
  inset-inline-end:auto !important;
  border-radius:999px !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.32 !important;
  background:
    radial-gradient(circle, transparent 41.7%, rgba(var(--ac-hero-cyan),.32) 42.2% 42.8%, transparent 43.4%),
    radial-gradient(circle, transparent 57.7%, rgba(var(--ac-hero-violet),.26) 58.2% 58.8%, transparent 59.4%),
    radial-gradient(circle, transparent 71.7%, rgba(var(--ac-hero-pink),.18) 72.2% 72.8%, transparent 73.4%),
    conic-gradient(from 130deg, transparent 0 12%, rgba(var(--ac-hero-cyan),.25) 16%, transparent 24% 47%, rgba(var(--ac-hero-violet),.22) 52%, transparent 60% 100%) !important;
  filter:drop-shadow(0 0 34px rgba(var(--ac-hero-cyan),.16)) !important;
  transform:rotate(-14deg) !important;
  mask-image:linear-gradient(90deg, transparent 0%, black 18%, black 82%, transparent 100%) !important;
  will-change:transform,opacity;
  animation:ac-v30-orbital-breathe 18s ease-in-out infinite alternate !important;
}

[dir="rtl"] main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"])::after{
  inset-inline-start:auto !important;
  inset-inline-end:clamp(1rem,8vw,7rem) !important;
  transform:rotate(14deg) !important;
}

main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"]) > .mx-auto{
  position:relative;
  z-index:1;
}

/* Replace the weak empty side orb with a balanced CSS dashboard card */
main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]{
  position:relative !important;
  width:min(29rem,100%) !important;
  max-width:min(29rem,42vw) !important;
  aspect-ratio:1 / .86 !important;
  min-height:21rem !important;
  margin-inline:auto !important;
  overflow:hidden !important;
  border-radius:2.25rem !important;
  border:1px solid rgba(var(--ac-hero-cyan),.30) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.135), rgba(255,255,255,.04) 42%, rgba(var(--ac-hero-pink),.075)),
    radial-gradient(circle at 18% 12%, rgba(var(--ac-hero-cyan),.23), transparent 38%),
    radial-gradient(circle at 82% 88%, rgba(var(--ac-hero-pink),.18), transparent 43%),
    rgba(7,12,30,.46) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 30px 90px rgba(var(--ac-hero-violet),.17),
    0 0 88px rgba(var(--ac-hero-cyan),.10) !important;
  backdrop-filter:blur(18px) saturate(124%) !important;
  transform:perspective(950px) rotateY(6deg) rotateX(2deg) translate3d(0,0,0) !important;
  animation:ac-v30-hero-card-motion-rtl 10s ease-in-out infinite !important;
}

/* Keep the original rocket/orb children from fighting the new visual */
main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"] > *{
  display:none !important;
}

html[dir="ltr"] main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]{
  transform:perspective(950px) rotateY(-6deg) rotateX(2deg) translate3d(0,0,0) !important;
  animation:ac-v30-hero-card-motion 10s ease-in-out infinite !important;
}

/* CSS-only command dashboard; safer than an oversized image background */
main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]::before{
  content:"" !important;
  position:absolute !important;
  left:10% !important;
  top:19% !important;
  width:80% !important;
  height:58% !important;
  border-radius:1.35rem !important;
  z-index:2 !important;
  pointer-events:none !important;
  background-color:rgba(3,10,26,.72) !important;
  background-image:
    radial-gradient(circle at 13% 20%, rgba(var(--ac-hero-cyan),.95) 0 .34rem, transparent .38rem),
    radial-gradient(circle at 78% 28%, rgba(var(--ac-hero-pink),.70) 0 .42rem, transparent .47rem),
    radial-gradient(circle at 78% 28%, transparent 0 1.45rem, rgba(var(--ac-hero-pink),.36) 1.49rem 1.68rem, transparent 1.72rem),
    linear-gradient(90deg, rgba(226,232,240,.76) 0 38%, transparent 38%),
    linear-gradient(90deg, rgba(var(--ac-hero-cyan),.66) 0 30%, transparent 30%),
    linear-gradient(90deg, rgba(226,232,240,.42) 0 62%, transparent 62%),
    linear-gradient(90deg, rgba(var(--ac-hero-cyan),.40) 0 64%, transparent 64%),
    linear-gradient(90deg, rgba(var(--ac-hero-violet),.45) 0 48%, transparent 48%),
    linear-gradient(90deg, rgba(var(--ac-hero-pink),.36) 0 35%, transparent 35%),
    linear-gradient(180deg, rgba(var(--ac-hero-cyan),.44) 0 100%),
    linear-gradient(180deg, rgba(var(--ac-hero-violet),.45) 0 100%),
    linear-gradient(180deg, rgba(var(--ac-hero-pink),.38) 0 100%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(var(--ac-hero-violet),.12)) !important;
  background-size:
    1rem 1rem,
    1rem 1rem,
    4rem 4rem,
    42% .72rem,
    31% .52rem,
    34% .5rem,
    42% .62rem,
    34% .62rem,
    28% .62rem,
    2.15rem 31%,
    2.15rem 42%,
    2.15rem 24%,
    100% 100%;
  background-position:
    7% 14%,
    82% 22%,
    75% 11%,
    18% 15%,
    18% 27%,
    18% 37%,
    15% 76%,
    15% 86%,
    15% 96%,
    58% 69%,
    70% 58%,
    82% 76%,
    center;
  background-repeat:no-repeat;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 24px 48px rgba(0,0,0,.30),
    0 0 34px rgba(var(--ac-hero-cyan),.14),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform:rotate(5deg) translate3d(0,0,0) !important;
  animation:ac-v30-dashboard-float-rtl 9s ease-in-out infinite !important;
}

html[dir="ltr"] main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]::before{
  transform:rotate(-5deg) translate3d(0,0,0) !important;
  animation:ac-v30-dashboard-float 9s ease-in-out infinite !important;
}

/* Inner orbit / sheen, kept inside the hero card */
main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]::after{
  content:"" !important;
  position:absolute !important;
  inset:9% !important;
  border-radius:999px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle, transparent 44%, rgba(var(--ac-hero-cyan),.19) 44.5% 45.1%, transparent 45.7%),
    radial-gradient(circle, transparent 62%, rgba(var(--ac-hero-violet),.17) 62.5% 63.1%, transparent 63.7%),
    conic-gradient(from 120deg, transparent 0 18%, rgba(var(--ac-hero-cyan),.18) 22%, transparent 30% 54%, rgba(var(--ac-hero-pink),.15) 59%, transparent 68% 100%) !important;
  opacity:.64 !important;
  transform:rotate(-12deg) !important;
  animation:ac-v30-inner-orbit 14s ease-in-out infinite alternate !important;
}

/* Distinguish badge/chips from real buttons */
main > section:first-child .reveal-up > .mb-6.inline-flex{
  border-radius:1.05rem !important;
  border-color:rgba(var(--ac-hero-cyan),.26) !important;
  background:linear-gradient(135deg, rgba(var(--ac-hero-cyan),.12), rgba(var(--ac-hero-violet),.08)) !important;
  color:rgb(207,250,254) !important;
  box-shadow:0 0 28px rgba(var(--ac-hero-cyan),.08) !important;
}

main > section:first-child .hero-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.55rem;
}

main > section:first-child .hero-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border-radius:.9rem !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.032) !important;
  color:rgba(203,213,225,.82) !important;
  padding:.42rem .72rem !important;
  font-size:.74rem !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

main > section:first-child .hero-trust-row span:first-child{
  border-color:rgba(var(--ac-hero-cyan),.20) !important;
  background:rgba(var(--ac-hero-cyan),.055) !important;
  color:rgb(207,250,254) !important;
}

/* CTA buttons: more clearly different from trust chips */
main > section:first-child .mt-9.flex a:first-child{
  min-height:3.28rem !important;
  padding-inline:1.7rem !important;
  border-radius:1.15rem !important;
  border:1px solid rgba(var(--ac-hero-cyan),.68) !important;
  background:linear-gradient(135deg, rgb(103,232,249), rgb(34,211,238) 52%, rgb(216,180,254)) !important;
  color:#06111f !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 0 36px rgba(var(--ac-hero-cyan),.35), 0 14px 40px rgba(var(--ac-hero-cyan),.13) !important;
}

main > section:first-child .mt-9.flex a:last-child{
  min-height:3.28rem !important;
  padding-inline:1.7rem !important;
  border-radius:1.15rem !important;
  border-color:rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.032) !important;
  color:rgba(255,255,255,.90) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

main > section:first-child .mt-9.flex a:hover{
  transform:translateY(-1px);
}

/* Desktop balance */
@media (min-width:1024px){
  main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"]) .mx-auto.grid{
    gap:clamp(3rem,5vw,5.5rem);
  }
}

/* Tablet and mobile: keep reading first; reduce visual weight */
@media (max-width:1023px){
  main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"])::after{
    width:17rem !important;
    height:17rem !important;
    opacity:.24 !important;
    inset-block-start:1.25rem !important;
    inset-inline-start:-5rem !important;
  }

  [dir="rtl"] main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"])::after{
    inset-inline-start:auto !important;
    inset-inline-end:-5rem !important;
  }

  main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]{
    width:min(23rem,92vw) !important;
    max-width:min(23rem,92vw) !important;
    min-height:18.5rem !important;
    transform:none !important;
  }
}

@media (max-width:640px){
  main > section:first-child .hero-trust-row span{
    font-size:.72rem !important;
  }

  main > section:first-child .mt-9.flex a:first-child,
  main > section:first-child .mt-9.flex a:last-child{
    width:100% !important;
  }
}


/* Motion (hero visual only) */
@keyframes ac-v30-orbital-breathe{
  0%{opacity:.25; filter:drop-shadow(0 0 24px rgba(var(--ac-hero-cyan),.11))}
  100%{opacity:.38; filter:drop-shadow(0 0 40px rgba(var(--ac-hero-violet),.15))}
}
@keyframes ac-v30-hero-card-motion{
  0%,100%{transform:perspective(950px) rotateY(-6deg) rotateX(2deg) translate3d(0,0,0)}
  50%{transform:perspective(950px) rotateY(-3deg) rotateX(3deg) translate3d(0,-8px,0)}
}
@keyframes ac-v30-hero-card-motion-rtl{
  0%,100%{transform:perspective(950px) rotateY(6deg) rotateX(2deg) translate3d(0,0,0)}
  50%{transform:perspective(950px) rotateY(3deg) rotateX(3deg) translate3d(0,-8px,0)}
}
@keyframes ac-v30-dashboard-float{
  0%,100%{transform:rotate(-5deg) translate3d(0,0,0)}
  50%{transform:rotate(-3deg) translate3d(0,-7px,0)}
}
@keyframes ac-v30-dashboard-float-rtl{
  0%,100%{transform:rotate(5deg) translate3d(0,0,0)}
  50%{transform:rotate(3deg) translate3d(0,-7px,0)}
}
@keyframes ac-v30-inner-orbit{
  0%{opacity:.50; transform:rotate(-12deg) scale(1)}
  100%{opacity:.70; transform:rotate(4deg) scale(1.02)}
}
@media (prefers-reduced-motion:reduce){
  main > section:first-child:has(.float-slow[class*="aspect-square"][class*="max-w-lg"])::after,
  main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"],
  main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]::before,
  main > section:first-child .float-slow[class*="aspect-square"][class*="max-w-lg"]::after{
    animation:none !important;
  }
}


/* v31 — Header preferences dropdown overlay fix
   Fixes the display/language menu being clipped by the sticky header and
   appearing under the first page section. Earlier global overflow locks were
   added to prevent horizontal drift, but applying them to the header creates
   an internal scroll container when an absolute dropdown opens. */
body > header{
  overflow:visible !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  z-index:999 !important;
  isolation:isolate;
}

body > header > nav{
  position:relative;
  overflow:visible !important;
  z-index:1000;
}

body > header .ac-pref,
body > header details{
  position:relative;
  z-index:1001;
}

body > header .ac-pref.is-open,
body > header details[open]{
  z-index:1005;
}

body > header .ac-pref-menu,
body > header details[open] > div{
  z-index:1006 !important;
}

body > main,
body > footer{
  z-index:1;
}