/* Hilive custom homepage — isolated from Elementor */
:root{
  --hl-teal:#40bab7;
  --hl-teal-deep:#339694;
  --hl-teal-dark:#123f40;
  --hl-yellow:#f2c84b;
  --hl-ink:#0b1112;
  --hl-off:#f3f1ea;
  --hl-white:#ffffff;
  --hl-line:rgba(255,255,255,.14);
  --hl-muted:#9fa8a8;
  --hl-radius:28px;
  --hl-shell:min(1180px,calc(100vw - 40px));
}

body.home{
  background:var(--hl-off);
}
body.home #site-header,
body.home #footer,
body.home .page-header,
body.home #scroll-top{
  display:none!important;
}
body.home #main{
  padding:0!important;
  margin:0!important;
}
body.home #wrap,
body.home #outer-wrap{
  overflow:visible;
}
.hilive-home,
.hilive-home *{
  box-sizing:border-box;
}
.hilive-home{
  font-family:"Cairo",sans-serif;
  background:var(--hl-off);
  color:var(--hl-ink);
  direction:rtl;
}
.hl-shell{
  width:var(--hl-shell);
  margin-inline:auto;
}
.hl-main{
  overflow:hidden;
}
.hl-eyebrow,
.hl-section-kicker{
  font-size:12px;
  line-height:1.5;
  letter-spacing:.13em;
  font-weight:800;
  color:var(--hl-teal);
  text-transform:uppercase;
}
.hl-home-header{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(243,241,234,.9);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(6,31,34,.08);
}
.hl-home-header__inner{
  height:78px;
  display:flex;
  align-items:center;
  gap:28px;
}
​.hl-brand{
  margin-right:auto;
  margin-left:0;
  display:inline-flex;
  align-items:center;
}
.hl-brand__logo{
  width:116px;
  height:auto;
  object-fit:contain;
  display:block;
}
.hl-nav{
  display:flex;
  align-items:center;
  gap:28px;
  direction:ltr;
}
.hl-nav a,
.hl-login-link{
  color:var(--hl-ink);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  transition:.2s ease;
}
.hl-nav a:hover,
.hl-login-link:hover{
  color:var(--hl-teal);
}
.hl-home-header__actions{
  display:flex;
  align-items:center;
  gap:16px;
}
.hl-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  text-decoration:none!important;
  font-size:14px;
  font-weight:800;
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
  border:1px solid transparent;
}
.hl-btn:hover{transform:translateY(-2px)}
.hl-btn--small{
  min-height:42px;
  padding-inline:18px;
  font-size:13px;
}
.hl-btn--yellow{
  background:var(--hl-yellow);
  color:var(--hl-ink)!important;
}
.hl-btn--ghost{
  border-color:rgba(11,17,18,.18);
  color:var(--hl-ink)!important;
  background:transparent;
}
.hl-btn--dark{
  background:var(--hl-ink);
  color:var(--hl-white)!important;
}
.hl-btn--ghost-light{
  border-color:rgba(255,255,255,.3);
  color:var(--hl-white)!important;
  background:transparent;
}
.hl-menu-toggle,
.hl-mobile-menu{display:none}

.hl-hero{
  position:relative;
  background:
    radial-gradient(circle at 84% 18%, rgba(11,111,115,.28), transparent 32%),
    linear-gradient(135deg,var(--hl-teal-dark),#081416 58%,#030809);
  color:var(--hl-white);
  padding:72px 0 86px;
}
.hl-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,200,75,.6),transparent);
}
.hl-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);
  gap:64px;
  align-items:center;
}
.hl-hero .hl-eyebrow{color:var(--hl-yellow)}
.hl-hero h1{
  margin:15px 0 20px;
  font-size:clamp(48px,6vw,86px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
}
.hl-hero h1 span{color:var(--hl-yellow)}
.hl-hero__lead{
  max-width:700px;
  margin:0;
  color:#d7dddd;
  font-size:18px;
  line-height:1.95;
}
.hl-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.hl-hero .hl-btn--ghost{
  color:#fff!important;
  border-color:rgba(255,255,255,.24);
}
.hl-hero__meta{
  margin-top:44px;
  padding-top:24px;
  border-top:1px solid var(--hl-line);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.hl-hero__meta div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.hl-hero__meta strong{
  color:#fff;
  font-size:18px;
}
.hl-hero__meta span{
  color:#9fafb0;
  font-size:12px;
  line-height:1.5;
}
.hl-hero__image-wrap{
  position:relative;
  border-radius:var(--hl-radius);
  overflow:hidden;
  aspect-ratio:4/5;
  background:#102629;
  box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.hl-hero__image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hl-hero__image-wrap:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(2,8,9,.68));
}
.hl-hero__badge{
  position:absolute;
  z-index:2;
  right:22px;
  left:22px;
  bottom:22px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  padding:16px 18px;
  background:rgba(5,15,16,.7);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px);
  border-radius:18px;
}
.hl-hero__badge span{
  font-size:10px;
  color:var(--hl-yellow);
  letter-spacing:.12em;
  font-weight:800;
}
.hl-hero__badge strong{
  font-size:14px;
  color:#fff;
}

.hl-intro,
.hl-programs,
.hl-principles,
.hl-hisham,
.hl-voices,
.hl-companies{
  padding:96px 0;
}
.hl-intro__grid{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:64px;
}
.hl-intro__copy{
  max-width:860px;
}
.hl-intro__copy h2,
.hl-section-head h2,
.hl-hisham h2,
.hl-companies h2,
.hl-final h2{
  margin:0;
  font-size:clamp(38px,5vw,66px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.hl-intro__copy p,
.hl-section-head>p,
.hl-hisham__copy>p,
.hl-companies p{
  font-size:17px;
  line-height:1.9;
  color:#4d5959;
}
.hl-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:44px;
  margin-bottom:36px;
}
.hl-section-head>p{
  max-width:440px;
  margin:0;
}
.hl-program-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.hl-program{
  position:relative;
  min-height:430px;
  padding:32px;
  border-radius:var(--hl-radius);
  overflow:hidden;
  border:1px solid rgba(6,31,34,.08);
  display:flex;
  flex-direction:column;
}
.hl-program--max{
  background:linear-gradient(145deg,#fff,#e9f0ef);
}
.hl-program--ai{
  background:linear-gradient(145deg,#f5d866,#edbd2f);
}
.hl-program__top{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}
.hl-program__number{
  font-size:48px;
  font-weight:800;
  opacity:.16;
  line-height:1;
}
.hl-program__label{
  font-size:10px;
  letter-spacing:.1em;
  font-weight:800;
}
.hl-program h3{
  margin:56px 0 10px;
  font-size:48px;
  letter-spacing:-.03em;
}
.hl-program p{
  margin:0;
  max-width:560px;
  font-size:16px;
  line-height:1.8;
}
.hl-flowline{
  margin-top:34px;
  padding:16px 0;
  border-top:1px solid rgba(11,17,18,.14);
  border-bottom:1px solid rgba(11,17,18,.14);
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  direction:ltr;
}
.hl-flowline span{
  font-size:13px;
  font-weight:800;
}
.hl-flowline i{
  width:22px;
  height:1px;
  background:currentColor;
  opacity:.35;
}
.hl-text-link{
  margin-top:auto;
  padding-top:24px;
  color:var(--hl-ink);
  text-decoration:none!important;
  font-weight:800;
  display:inline-flex;
  gap:8px;
  align-items:center;
  width:max-content;
}
.hl-text-link b{color:var(--hl-teal)}
.hl-path-help{
  margin-top:18px;
  padding:20px 24px;
  border:1px solid rgba(6,31,34,.12);
  border-radius:18px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  background:rgba(255,255,255,.5);
}
.hl-path-help span{font-weight:700}
.hl-path-help a{
  color:var(--hl-teal);
  text-decoration:none;
  font-weight:800;
}

.hl-work{
  padding:96px 0;
  background:var(--hl-ink);
  color:#fff;
}
.hl-section-head--light h2{color:#fff}
.hl-section-head--light .hl-eyebrow{color:var(--hl-yellow)}
.hl-text-link--light{color:#fff}
.hl-work-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  grid-auto-rows:270px;
  gap:10px;
}
.hl-work-item{
  margin:0;
  overflow:hidden;
  border-radius:18px;
  background:#152020;
}
.hl-work-item--wide{grid-column:span 2}
.hl-work-item--tall{grid-row:span 2}
.hl-work-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.hl-work-item:hover img{transform:scale(1.025)}

.hl-principles__rows{
  margin-top:22px;
  border-top:1px solid rgba(6,31,34,.14);
}
.hl-principle{
  display:grid;
  grid-template-columns:80px minmax(280px,.8fr) 1fr;
  gap:34px;
  align-items:center;
  min-height:160px;
  border-bottom:1px solid rgba(6,31,34,.14);
}
.hl-principle>span{
  font-size:16px;
  color:var(--hl-teal);
  font-weight:800;
}
.hl-principle h3{
  margin:0;
  font-size:30px;
  letter-spacing:-.02em;
}
.hl-principle p{
  margin:0;
  color:#566161;
  line-height:1.8;
}

.hl-hisham{
  background:#e8e6df;
}
.hl-hisham__grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:72px;
  align-items:center;
}
.hl-hisham__portrait{
  overflow:hidden;
  border-radius:var(--hl-radius);
  background:#d8d4ca;
}
.hl-hisham__portrait img{
  width:100%;
  height:auto;
  display:block;
}
.hl-hisham__role{
  color:var(--hl-teal)!important;
  font-weight:800;
}
.hl-hisham blockquote{
  margin:32px 0;
  padding:26px 28px;
  border-right:4px solid var(--hl-yellow);
  background:rgba(255,255,255,.62);
  border-radius:0 18px 18px 0;
  font-size:21px;
  line-height:1.9;
  font-weight:700;
}

.hl-voice-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.hl-voice{
  min-height:220px;
  padding:24px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(6,31,34,.1);
  text-decoration:none!important;
  color:var(--hl-ink)!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .2s ease,border-color .2s ease;
}
.hl-voice:hover{
  transform:translateY(-4px);
  border-color:var(--hl-teal);
}
.hl-voice__play{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--hl-yellow);
  font-size:18px;
}
.hl-voice strong{display:block;font-size:18px}
.hl-voice span{display:block;color:#6e7777;font-size:13px;margin-top:3px}

.hl-companies__panel{
  background:var(--hl-teal);
  color:#fff;
  border-radius:32px;
  padding:48px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:44px;
  align-items:center;
}
.hl-companies .hl-eyebrow{color:var(--hl-yellow)}
.hl-companies p{
  color:#d9eceb;
  max-width:760px;
  margin-bottom:0;
}

.hl-final{
  padding:110px 0;
  background:
    radial-gradient(circle at 20% 20%,rgba(11,111,115,.24),transparent 36%),
    var(--hl-teal-dark);
  color:#fff;
  text-align:center;
}
.hl-final .hl-eyebrow{color:var(--hl-yellow)}
.hl-final__inner{max-width:900px}
.hl-final h2{margin-top:12px}
.hl-final__actions{
  margin-top:30px;
  display:flex;
  justify-content:center;
  gap:12px;
}
.hl-final__login{
  display:inline-block;
  margin-top:24px;
  color:#aebbbb;
  text-decoration:none;
}
.hl-final__login strong{color:#fff}

.hl-home-footer{
  background:#040a0b;
  color:#fff;
  padding:54px 0 26px;
}
.hl-home-footer__inner{
  display:grid;
  grid-template-columns:1.3fr 1fr .7fr;
  gap:40px;
  align-items:start;
}
.hl-home-footer__logo{
  width:120px;
  height:auto;
}
.hl-home-footer__brand p{
  color:#98a4a5;
  max-width:310px;
  margin:14px 0 0;
}
.hl-home-footer__links,
.hl-home-footer__social{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.hl-home-footer a{
  color:#c7d0d0;
  text-decoration:none;
}
.hl-home-footer__bottom{
  margin-top:38px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#6f7d7e;
  font-size:12px;
}

.hl-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease,transform .65s ease;
}
.hl-reveal.is-visible{
  opacity:1;
  transform:none;
}
.hl-reveal[data-delay="1"]{transition-delay:.08s}
.hl-reveal[data-delay="2"]{transition-delay:.16s}

@media(max-width:1024px){
  .hl-nav{display:none}
  .hl-home-header__actions .hl-btn{display:none}
  .hl-menu-toggle{
    width:42px;height:42px;border:1px solid rgba(6,31,34,.12);border-radius:50%;
    background:transparent;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;
  }
  .hl-menu-toggle span:not(.screen-reader-text){width:16px;height:1px;background:var(--hl-ink)}
  .hl-mobile-menu{
    display:none;
    padding:12px 20px 20px;
    background:var(--hl-off);
    border-top:1px solid rgba(6,31,34,.08);
  }
  .hl-mobile-menu.is-open{display:flex;flex-direction:column;gap:4px}
  .hl-mobile-menu a{
    color:var(--hl-ink);text-decoration:none;padding:12px 0;font-weight:800;
  }
  .hl-hero__grid{grid-template-columns:1fr 420px;gap:36px}
  .hl-hisham__grid{gap:44px}
}
@media(max-width:820px){
  :root{--hl-shell:min(100% - 30px,720px)}
  .hl-home-header__inner{height:68px}
  .hl-brand__logo{width:102px}
  .hl-login-link{display:none}
  .hl-hero{padding:48px 0 64px}
  .hl-hero__grid,
  .hl-intro__grid,
  .hl-hisham__grid{
    grid-template-columns:1fr;
  }
  .hl-hero__copy{text-align:right}
  .hl-hero h1{font-size:clamp(42px,12vw,62px)}
  .hl-hero__lead{font-size:16px}
  .hl-hero__image-wrap{aspect-ratio:16/12}
  .hl-hero__meta{grid-template-columns:1fr 1fr}
  .hl-intro,
  .hl-programs,
  .hl-principles,
  .hl-hisham,
  .hl-voices,
  .hl-companies{padding:72px 0}
  .hl-intro__grid{gap:22px}
  .hl-section-head{align-items:start;flex-direction:column;gap:18px}
  .hl-program-grid{grid-template-columns:1fr}
  .hl-program{min-height:390px}
  .hl-work{padding:72px 0}
  .hl-work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .hl-work-item--wide{grid-column:span 2}
  .hl-principle{grid-template-columns:54px 1fr;gap:20px;padding:24px 0}
  .hl-principle p{grid-column:2}
  .hl-hisham__portrait{max-width:520px;margin-inline:auto}
  .hl-voice-grid{grid-template-columns:1fr}
  .hl-voice{min-height:170px}
  .hl-companies__panel{grid-template-columns:1fr;padding:34px}
  .hl-home-footer__inner{grid-template-columns:1fr 1fr}
  .hl-home-footer__brand{grid-column:1/-1}
}
@media(max-width:560px){
  :root{--hl-shell:calc(100vw - 24px)}
  .hl-home-header__inner{gap:10px}
  .hl-btn{width:100%}
  .hl-hero__actions{flex-direction:column}
  .hl-hero__meta{grid-template-columns:1fr;border-top-color:rgba(255,255,255,.1)}
  .hl-hero__image-wrap{aspect-ratio:4/5}
  .hl-hero__badge{right:14px;left:14px;bottom:14px;flex-direction:column;align-items:flex-start}
  .hl-intro__copy h2,
  .hl-section-head h2,
  .hl-hisham h2,
  .hl-companies h2,
  .hl-final h2{font-size:36px}
  .hl-program{padding:24px}
  .hl-program h3{font-size:42px;margin-top:44px}
  .hl-flowline{gap:7px}
  .hl-flowline i{width:12px}
  .hl-path-help{align-items:flex-start;flex-direction:column}
  .hl-work-grid{grid-template-columns:1fr;grid-auto-rows:260px}
  .hl-work-item--wide{grid-column:auto}
  .hl-work-item--tall{grid-row:auto}
  .hl-principle{grid-template-columns:42px 1fr}
  .hl-principle h3{font-size:24px}
  .hl-hisham blockquote{font-size:18px;padding:20px}
  .hl-companies__panel{padding:26px}
  .hl-final__actions{flex-direction:column}
  .hl-home-footer__inner{grid-template-columns:1fr}
  .hl-home-footer__brand{grid-column:auto}
  .hl-home-footer__bottom{flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .hl-reveal{opacity:1;transform:none;transition:none}
  .hl-btn,.hl-work-item img,.hl-voice{transition:none}
}