*{box-sizing:border-box}
html{min-width:320px;background:#002B30}
body{
  margin:0;
  min-height:100vh;
  background:#002B30;
  color:#fff;
  overflow-x:hidden;
}
html[lang="ar"] body{font-family:var(--font-ar)}
html[lang="en"] body{font-family:var(--font-en-body)}
a{color:inherit}
svg,img{display:block}
button{font:inherit}

.landing{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:max(22px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));
  background:
    radial-gradient(circle at 50% 18%,rgba(0,130,144,.20),transparent 34%),
    linear-gradient(155deg,#002326 0%,#002B30 52%,#00373d 100%);
}
.landing::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
.landing-background{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.landing-symbol{
  position:absolute;
  width:min(40vw,610px);
  height:auto;
  opacity:.055;
  filter:saturate(.9);
}
.landing-symbol--right{right:-12vw;top:19%;transform:rotate(13deg)}
.landing-symbol--left{left:-14vw;bottom:-15%;transform:rotate(-18deg);opacity:.035}
.landing-glow{
  position:absolute;
  left:50%;top:43%;
  width:min(64vw,880px);height:min(64vw,880px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,130,144,.13),rgba(0,130,144,.035) 48%,transparent 72%);
}
.landing-curve{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.045);
}
.landing-curve--one{width:720px;height:720px;right:-380px;top:14%}
.landing-curve--two{width:520px;height:520px;left:-320px;bottom:-180px;border-color:rgba(255,213,79,.055)}

.landing-topbar,
.landing-footer{
  position:relative;
  z-index:2;
  width:min(1320px,100%);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.landing-topbar{min-height:66px;gap:28px}
.landing-master-brand{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.landing-master-brand>img{
  width:150px;
  height:58px;
  object-fit:contain;
}
.landing-master-rule{
  width:2px;height:34px;border-radius:99px;
  background:#FFD54F;
}
.landing-master-label{
  display:grid;
  gap:2px;
  text-align:start;
  line-height:1.1;
}
.landing-master-label strong{
  color:#fff;
  font-size:.68rem;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.02em;
}
.landing-topbar-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
.landing-language-switch{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  direction:ltr;
}
.landing-language-switch button{
  appearance:none;
  border:0;
  padding:5px 7px;
  border-radius:999px;
  background:transparent;
  color:rgba(255,255,255,.48);
  cursor:pointer;
  font-size:.62rem;
  font-weight:600;
  transition:background .16s ease,color .16s ease;
}
.landing-language-switch button[aria-pressed="true"]{
  background:rgba(255,255,255,.10);
  color:#fff;
}
.landing-language-switch button:focus-visible{
  outline:2px solid #FFD54F;
  outline-offset:2px;
}
.landing-language-switch>span{
  width:1px;height:13px;
  background:rgba(255,255,255,.12);
}
.landing-market,
.landing-status{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.69);
  font-size:.7rem;
  font-weight:600;
  backdrop-filter:blur(12px);
  white-space:nowrap;
}
.landing-dot{
  width:7px;height:7px;border-radius:50%;
  background:#FFD54F;
  box-shadow:0 0 0 5px rgba(255,213,79,.075);
}
.landing-dot--soft{background:#7dcac4;box-shadow:0 0 0 5px rgba(125,202,196,.055)}

.landing-content{
  flex:1;
  width:min(900px,100%);
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:clamp(22px,3.6vh,40px) 0 clamp(26px,4.2vh,46px);
  text-align:center;
}
.landing-logo-wrap{
  position:relative;
  width:clamp(160px,14vw,208px);
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:5px;
}
.landing-logo-wrap::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:72px;
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#FFD54F,transparent);
}
.landing-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 16px 32px rgba(0,17,20,.18));
}
.landing-family{
  margin:0 0 10px;
  color:rgba(255,255,255,.58);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.015em;
}
html[lang="ar"] .landing-family{font-family:var(--font-ar)}
html[lang="en"] .landing-family{font-family:var(--font-en-body)}

.landing-copy{max-width:760px}
.landing-copy h1{
  margin:0;
  color:#fff;
  text-wrap:balance;
}
html[lang="ar"] .landing-copy h1{
  font:700 clamp(3.5rem,5.8vw,6rem)/.98 var(--font-ar);
  letter-spacing:-.04em;
}
html[lang="en"] .landing-copy h1{
  font:700 clamp(3.15rem,5vw,5.3rem)/.98 var(--font-en-display);
  letter-spacing:-.045em;
}
.landing-copy h1>span{display:block}
.landing-title-accent{color:#FFD54F}
.landing-tagline{
  margin:15px auto 0;
  max-width:620px;
  color:rgba(255,255,255,.91);
}
html[lang="ar"] .landing-tagline{
  font:600 clamp(1rem,1.45vw,1.28rem)/1.55 var(--font-ar);
}
html[lang="en"] .landing-tagline{
  font:600 clamp(1rem,1.4vw,1.28rem)/1.45 var(--font-en-display);
  letter-spacing:-.015em;
}
.landing-orveax{
  width:max-content;
  max-width:100%;
  margin:10px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:rgba(255,255,255,.46);
  text-decoration:none;
  font-family:var(--font-en-body);
  font-size:.64rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  direction:ltr;
}
.landing-orveax strong{
  color:#fff;
  font-family:var(--font-en-display);
  font-size:.72rem;
  letter-spacing:.11em;
}
@media(hover:hover){.landing-orveax:hover strong{color:#FFD54F}}
.landing-orveax:focus-visible{
  outline:2px solid #FFD54F;
  outline-offset:3px;
  border-radius:4px;
}
.landing-brand-values{
  margin:12px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  direction:ltr;
}
.landing-brand-values span{
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:999px;
  color:rgba(255,255,255,.49);
  font-family:var(--font-en-body);
  font-size:.55rem;
  font-weight:700;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.landing-lead{
  margin:18px auto 0;
  max-width:670px;
  color:rgba(255,255,255,.67);
}
html[lang="ar"] .landing-lead{
  font:500 .92rem/1.75 var(--font-ar);
}
html[lang="en"] .landing-lead{
  font:400 .82rem/1.65 var(--font-en-body);
  color:rgba(255,255,255,.58);
}

.landing-actions{
  margin-top:22px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.landing-action{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 18px;
  border-radius:12px;
  text-decoration:none;
  font-size:.79rem;
  font-weight:700;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.landing-action svg{
  width:18px;height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.landing-phone{direction:ltr;unicode-bidi:isolate}
.landing-action--whatsapp{
  background:#008290;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 28px rgba(0,18,20,.22);
}
.landing-action--call{
  background:rgba(255,255,255,.045);
  color:#fff;
  border:1px solid rgba(255,255,255,.17);
}
@media(hover:hover){
  .landing-action:hover{transform:translateY(-2px)}
  .landing-action--whatsapp:hover{
    background:#FFD54F;
    color:#002B30;
    border-color:#FFD54F;
    box-shadow:0 16px 34px rgba(255,213,79,.13);
  }
  .landing-action--call:hover{
    background:rgba(255,255,255,.085);
    border-color:rgba(255,255,255,.26);
  }
}
.landing-action:focus-visible{
  outline:3px solid #FFD54F;
  outline-offset:3px;
}

.landing-trust{
  margin-top:24px;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  padding:10px 17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.028);
  backdrop-filter:blur(10px);
}
.landing-trust-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:174px;
  text-align:start;
}
.landing-trust-icon{
  width:38px;height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,213,79,.18);
  border-radius:10px;
  background:rgba(255,213,79,.055);
  color:#FFD54F;
  flex:0 0 auto;
}
.landing-trust-icon svg{
  width:21px;height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.landing-trust-item small{
  display:block;
  color:rgba(255,255,255,.45);
  font-size:.57rem;
  line-height:1.25;
  letter-spacing:.025em;
}
.landing-trust-item strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font:600 .82rem/1.2 var(--font-en-display);
  direction:ltr;
  unicode-bidi:isolate;
}
.landing-trust-divider{width:1px;height:36px;background:rgba(255,255,255,.09)}

.landing-footer{
  min-height:50px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.42);
  font-size:.64rem;
}
.landing-footer-brand{
  display:flex;
  align-items:center;
  gap:8px;
}
.landing-footer-brand strong{
  color:rgba(255,255,255,.63);
  font-weight:600;
}
.landing-footer-year{direction:ltr;unicode-bidi:isolate}

@media(max-width:1120px){
  .landing-master-label{display:none}
  .landing-master-rule{height:30px}
  .landing-topbar{gap:18px}
  .landing-status{padding-inline:11px}
}
@media(max-width:980px){
  .landing-content{width:min(820px,100%)}
  .landing-logo-wrap{width:clamp(154px,22vw,190px)}
  html[lang="ar"] .landing-copy h1{font-size:clamp(3.2rem,8.6vw,5.2rem)}
  html[lang="en"] .landing-copy h1{font-size:clamp(2.8rem,7.4vw,4.5rem)}
  .landing-symbol--right{width:52vw;right:-18vw}
  .landing-topbar-meta{gap:6px}
  .landing-market{display:none}
}
@media(max-width:760px){
  .landing{
    padding:max(17px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(15px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  }
  .landing::before{background-size:46px 46px}
  .landing-topbar{
    min-height:auto;
    align-items:flex-start;
    gap:9px;
    flex-wrap:wrap;
  }
  .landing-master-brand>img{width:124px;height:48px}
  .landing-master-rule{height:26px}
  .landing-topbar-meta{
    flex:1;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;
  }
  .landing-language-switch,
  .landing-status{min-height:34px}
  .landing-status{font-size:.62rem}
  .landing-content{padding:24px 0 29px}
  .landing-logo-wrap{width:156px;margin-bottom:3px}
  .landing-family{font-size:.62rem;margin-bottom:8px}
  html[lang="ar"] .landing-copy h1{
    font-size:clamp(3rem,14vw,4.4rem);
    line-height:1;
  }
  html[lang="en"] .landing-copy h1{
    font-size:clamp(2.55rem,11.5vw,3.8rem);
    line-height:1;
  }
  .landing-tagline{margin-top:13px}
  html[lang="ar"] .landing-tagline{font-size:.96rem}
  html[lang="en"] .landing-tagline{font-size:.92rem}
  .landing-orveax{margin-top:9px}
  .landing-brand-values{margin-top:9px}
  .landing-lead{margin-top:16px}
  html[lang="ar"] .landing-lead{font-size:.87rem;line-height:1.7}
  html[lang="en"] .landing-lead{font-size:.76rem}
  .landing-actions{
    width:min(460px,100%);
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:20px;
  }
  .landing-action{width:100%;min-height:52px;padding-inline:11px;font-size:.72rem}
  .landing-trust{
    width:min(460px,100%);
    gap:11px;
    padding:9px 11px;
    margin-top:21px;
  }
  .landing-trust-item{min-width:0;flex:1}
  .landing-trust-item small{font-size:.52rem}
  .landing-trust-item strong{font-size:.74rem}
  .landing-footer{font-size:.59rem}
}
@media(max-width:520px){
  .landing-topbar{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
  }
  .landing-master-brand{justify-content:center}
  .landing-topbar-meta{
    width:100%;
    justify-content:center;
  }
  .landing-master-rule{display:none}
}
@media(max-width:430px){
  .landing-master-brand>img{width:112px;height:44px}
  .landing-status{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .landing-language-switch button{font-size:.58rem;padding-inline:6px}
  .landing-logo-wrap{width:146px}
  html[lang="ar"] .landing-copy h1{font-size:clamp(2.75rem,15.7vw,3.7rem)}
  html[lang="en"] .landing-copy h1{font-size:clamp(2.35rem,12.6vw,3.15rem)}
  .landing-brand-values span{font-size:.51rem;padding:4px 7px}
  .landing-actions{grid-template-columns:1fr}
  .landing-action{min-height:54px}
  .landing-trust{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    text-align:start;
  }
  .landing-trust-divider{display:none}
  .landing-trust-item{width:100%;padding:4px 2px}
  .landing-footer{
    min-height:66px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    text-align:center;
  }
  .landing-footer-brand{flex-direction:column;gap:2px}
}
@media(max-height:760px) and (min-width:981px){
  .landing-topbar{min-height:58px}
  .landing-content{padding:10px 0 18px}
  .landing-logo-wrap{width:152px}
  html[lang="ar"] .landing-copy h1{font-size:clamp(3.15rem,4.6vw,4.6rem)}
  html[lang="en"] .landing-copy h1{font-size:clamp(2.8rem,4.1vw,4.1rem)}
  .landing-tagline{margin-top:11px}
  .landing-orveax{margin-top:8px}
  .landing-brand-values{margin-top:8px}
  .landing-lead{margin-top:13px}
  .landing-actions{margin-top:16px}
  .landing-trust{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){
  .landing-action,
  .landing-language-switch button{transition:none}
}