:root{
  --navy:#132038;
  --navy-2:#1c2f52;
  --ivory:#FAF6EE;
  --card:#FFFFFF;
  --gold:#C9973B;
  --gold-light:#E4B968;
  --emerald:#1F6F5C;
  --emerald-light:#2C8F76;
  --slate:#4A5568;
  --slate-light:#7C879A;
  --line:#E4DDCB;
  --radius:18px;
  --font-display:'Cairo', sans-serif;
  --font-body:'IBM Plex Sans Arabic', sans-serif;
}

#adflex-lp, #adflex-lp *{box-sizing:border-box;}
#adflex-lp{
  font-family:var(--font-body);
  background:var(--ivory);
  color:var(--navy);
  line-height:1.9;
  overflow-x:hidden;
}
#adflex-lp img, #adflex-lp svg{display:block; max-width:100%;}
#adflex-lp a{color:inherit; text-decoration:none;}
#adflex-lp button{font-family:inherit; cursor:pointer; border:none;}

@media (prefers-reduced-motion: reduce){
  #adflex-lp *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}
}

#adflex-lp .wrap{max-width:1080px; margin:0 auto; padding:0 28px;}

#adflex-lp header{
  position:sticky; top:0; z-index:50;
  background:rgba(19,32,56,0.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(201,151,59,0.25);
}
#adflex-lp .header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 28px; max-width:1080px; margin:0 auto;
}
#adflex-lp .brand{
  display:flex; align-items:center; gap:10px;
  font-family:var(--font-display);
  color:var(--ivory); font-size:1.15rem; letter-spacing:0.3px; font-weight:700;
}
#adflex-lp .brand-mark{
  width:34px; height:34px; border-radius:9px;
  background:linear-gradient(135deg, var(--gold), var(--emerald));
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
#adflex-lp .brand-mark svg{width:18px; height:18px;}
#adflex-lp .btn-nav{
  background:var(--gold);
  color:var(--navy);
  font-weight:700;
  font-size:0.9rem;
  padding:10px 22px;
  border-radius:999px;
  transition:transform .2s ease, box-shadow .2s ease;
  white-space:nowrap;
}
#adflex-lp .btn-nav:hover{transform:translateY(-2px); box-shadow:0 8px 20px rgba(201,151,59,0.35);}
#adflex-lp .btn-nav:focus-visible, #adflex-lp .btn-cta:focus-visible, #adflex-lp .faq-q:focus-visible{
  outline:3px solid var(--emerald-light); outline-offset:3px;
}

#adflex-lp .hero{
  position:relative;
  background:radial-gradient(120% 140% at 15% -10%, #22385f 0%, var(--navy) 55%, #0d1729 100%);
  color:var(--ivory);
  padding:88px 0 110px;
  overflow:hidden;
}
#adflex-lp .hero-grid{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:48px;
  align-items:center;
}
#adflex-lp .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:0.95rem; font-weight:600;
  color:var(--gold-light);
  background:rgba(201,151,59,0.12);
  border:1px solid rgba(201,151,59,0.35);
  padding:9px 18px; border-radius:999px;
  margin-bottom:26px;
}
#adflex-lp .eyebrow::before{
  content:""; width:7px; height:7px; border-radius:50%;
  background:var(--gold-light); flex-shrink:0;
}
#adflex-lp h1{
  font-family:var(--font-display);
  font-size:clamp(1.9rem, 3.4vw, 2.7rem);
  line-height:1.55;
  font-weight:700;
  color:#fff;
  margin-bottom:24px;
}
#adflex-lp .hero-body{
  font-size:1.15rem;
  color:#C9D3E4;
  max-width:52ch;
  margin-bottom:36px;
}
#adflex-lp .btn-cta{
  display:inline-block;
  background:linear-gradient(135deg, var(--gold-light), var(--gold));
  color:var(--navy);
  font-weight:700;
  font-size:1.05rem;
  padding:17px 40px;
  border-radius:999px;
  box-shadow:0 12px 30px rgba(201,151,59,0.28);
  transition:transform .2s ease, box-shadow .2s ease;
}
#adflex-lp .btn-cta:hover{transform:translateY(-3px); box-shadow:0 16px 36px rgba(201,151,59,0.4);}

#adflex-lp .hero-art{position:relative; height:360px;}
#adflex-lp .hero-art svg{width:100%; height:100%;}
#adflex-lp .dot{animation:adflexDrift 6s ease-in-out infinite;}
#adflex-lp .dot:nth-child(2n){animation-delay:-1.5s;}
#adflex-lp .dot:nth-child(3n){animation-delay:-3s;}
@keyframes adflexDrift{
  0%,100%{transform:translateY(0px);}
  50%{transform:translateY(-6px);}
}

#adflex-lp section{padding:84px 0;}
#adflex-lp .section-head{max-width:640px; margin-bottom:48px;}
#adflex-lp .section-head.center{margin-inline:auto; text-align:center;}
#adflex-lp h2{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.5rem, 2.6vw, 2.1rem);
  color:var(--navy);
  line-height:1.6;
}

#adflex-lp .sec-fit{background:var(--ivory);}
#adflex-lp .fit-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
  margin-bottom:36px;
}
#adflex-lp .fit-item{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px 24px;
  display:flex; align-items:flex-start; gap:14px;
  font-size:1.02rem;
  color:var(--slate);
  transition:border-color .2s ease, transform .2s ease;
}
#adflex-lp .fit-item:hover{border-color:var(--gold); transform:translateY(-2px);}
#adflex-lp .fit-item .mark{
  flex-shrink:0; width:26px; height:26px; border-radius:8px;
  background:rgba(31,111,92,0.1);
  color:var(--emerald);
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:0.95rem;
  margin-top:2px;
}
#adflex-lp .fit-note{
  background:linear-gradient(120deg, #F0EAD8, #F7F2E5);
  border-inline-start:4px solid var(--gold);
  border-radius:12px;
  padding:22px 26px;
  color:var(--navy);
  font-size:1.05rem;
  max-width:760px;
}

#adflex-lp .sec-truth{
  background:linear-gradient(160deg, var(--emerald), #17564a);
  color:#EAF3EF;
  text-align:center;
  padding:96px 0;
}
#adflex-lp .sec-truth h2{color:#fff; max-width:760px; margin:0 auto 26px;}
#adflex-lp .sec-truth p{
  max-width:680px; margin:0 auto 40px;
  font-size:1.1rem; color:#D7E8E1;
}
#adflex-lp .sec-truth .btn-cta{
  background:linear-gradient(135deg, #fff, #F3EEE0);
  color:var(--navy);
}

#adflex-lp .sec-process{background:var(--navy); color:var(--ivory);}
#adflex-lp .sec-process .section-head h2{color:#fff;}
#adflex-lp .sec-process .section-head p{color:#B9C4D8; margin-top:14px; font-size:1.08rem;}
#adflex-lp .process-list{
  display:flex; flex-direction:column; gap:0;
  border-top:1px solid rgba(255,255,255,0.12);
}
#adflex-lp .process-item{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:28px;
  padding:34px 0;
  border-bottom:1px solid rgba(255,255,255,0.12);
  align-items:start;
}
#adflex-lp .process-num{
  font-family:var(--font-display);
  font-weight:800;
  font-size:2.4rem;
  color:var(--gold-light);
  line-height:1;
}
#adflex-lp .process-item h3{
  font-family:var(--font-display);
  font-weight:600;
  font-size:1.25rem;
  color:#fff;
  margin-bottom:10px;
}
#adflex-lp .process-item p{color:#B9C4D8; font-size:1.02rem; max-width:60ch;}

#adflex-lp .sec-faq{background:var(--ivory);}
#adflex-lp .faq-list{display:flex; flex-direction:column; gap:14px; margin-bottom:48px;}
#adflex-lp .faq-item{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
}
#adflex-lp .faq-q{
  width:100%;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px;
  background:none;
  padding:22px 26px;
  font-size:1.08rem;
  font-weight:600;
  color:var(--navy);
  text-align:right;
}
#adflex-lp .faq-q > span:not(.plus){
  flex:1 1 auto;
  min-width:0;
  white-space:normal;
  word-break:break-word;
  line-height:1.6;
}
#adflex-lp .faq-q .plus{
  flex-shrink:0;
  width:30px; height:30px; border-radius:50%;
  background:rgba(201,151,59,0.12);
  color:var(--gold);
  display:flex; align-items:center; justify-content:center;
  font-size:1.2rem;
  transition:transform .25s ease, background .25s ease;
}
#adflex-lp .faq-item.open .faq-q .plus{transform:rotate(45deg); background:var(--gold); color:#fff;}
#adflex-lp .faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}
#adflex-lp .faq-a-inner{
  padding:0 26px 24px;
  color:var(--slate);
  font-size:1rem;
  max-width:70ch;
}
#adflex-lp .faq-item.open .faq-a{max-height:520px;}

#adflex-lp .final-cta{text-align:center;}
#adflex-lp .final-cta .btn-cta{background:linear-gradient(135deg, var(--emerald-light), var(--emerald)); color:#fff; box-shadow:0 12px 30px rgba(31,111,92,0.3);}
#adflex-lp .final-cta .btn-cta:hover{box-shadow:0 16px 36px rgba(31,111,92,0.42);}

#adflex-lp .cta-form-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:40px 36px;
  max-width:560px;
  margin:0 auto;
  text-align:right;
  box-shadow:0 20px 45px rgba(19,32,56,0.08);
}
#adflex-lp .cta-form-card h3{
  font-family:var(--font-display);
  font-size:1.4rem;
  color:var(--navy);
  margin-bottom:10px;
  font-weight:700;
}
#adflex-lp .cta-form-card > p{
  color:var(--slate);
  margin-bottom:26px;
  font-size:1rem;
}
#adflex-lp .cta-form-card label{
  font-family:var(--font-body);
  color:var(--navy);
  font-weight:600;
}
#adflex-lp .cta-form-card input[type="text"],
#adflex-lp .cta-form-card input[type="email"],
#adflex-lp .cta-form-card input[type="tel"],
#adflex-lp .cta-form-card input[type="number"],
#adflex-lp .cta-form-card textarea,
#adflex-lp .cta-form-card select{
  font-family:var(--font-body) !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
}
#adflex-lp .cta-form-card input:focus,
#adflex-lp .cta-form-card textarea:focus,
#adflex-lp .cta-form-card select:focus{
  border-color:var(--emerald) !important;
  outline:none;
  box-shadow:0 0 0 3px rgba(31,111,92,0.12);
}
#adflex-lp .cta-form-card button[type="submit"],
#adflex-lp .cta-form-card .forminator-button-submit{
  background:linear-gradient(135deg, var(--gold-light), var(--gold)) !important;
  color:var(--navy) !important;
  font-weight:700 !important;
  border-radius:999px !important;
  padding:14px 34px !important;
  border:none !important;
}

#adflex-lp footer{
  background:var(--navy);
  color:#8291A9;
  text-align:center;
  padding:30px 0;
  font-size:0.9rem;
}

@media (max-width:860px){
  #adflex-lp .hero-grid{grid-template-columns:1fr;}
  #adflex-lp .hero-art{height:220px; order:-1;}
  #adflex-lp .fit-list{grid-template-columns:1fr;}
  #adflex-lp .process-item{grid-template-columns:60px 1fr; gap:16px;}
  #adflex-lp .process-num{font-size:1.6rem;}
  #adflex-lp .cta-form-card{padding:28px 22px;}
}
/* ===== Thank-you page ===== */
#adflex-lp .thankyou-shell{
  min-height:calc(100vh - 68px);
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(120% 140% at 15% -10%, #22385f 0%, var(--navy) 55%, #0d1729 100%);
  padding:70px 20px;
}
#adflex-lp .thankyou-card{
  background:var(--card);
  border-radius:24px;
  padding:56px 44px;
  max-width:560px;
  width:100%;
  text-align:center;
  box-shadow:0 30px 70px rgba(0,0,0,0.35);
}
#adflex-lp .thankyou-icon{
  width:74px; height:74px;
  margin:0 auto 28px;
  border-radius:50%;
  background:rgba(31,111,92,0.1);
  display:flex; align-items:center; justify-content:center;
}
#adflex-lp .thankyou-icon svg{width:36px; height:36px;}
#adflex-lp .thankyou-card h1{
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.5rem, 3vw, 1.9rem);
  color:var(--navy);
  margin-bottom:16px;
  line-height:1.6;
}
#adflex-lp .thankyou-card p{
  color:var(--slate);
  font-size:1.08rem;
  line-height:1.9;
  max-width:44ch;
  margin:0 auto 34px;
}
#adflex-lp .thankyou-card .btn-cta{
  background:linear-gradient(135deg, var(--emerald-light), var(--emerald));
  color:#fff;
  box-shadow:0 12px 30px rgba(31,111,92,0.3);
}
#adflex-lp .thankyou-card .btn-cta:hover{box-shadow:0 16px 36px rgba(31,111,92,0.42);}
#adflex-lp .thankyou-card .btn-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(135deg, #2FCE6A, #1FA855);
  box-shadow:0 12px 30px rgba(31,168,85,0.32);
}
#adflex-lp .thankyou-card .btn-whatsapp:hover{box-shadow:0 16px 36px rgba(31,168,85,0.44);}
#adflex-lp .thankyou-note{
  margin-top:22px;
  font-size:0.9rem;
  color:var(--slate-light);
}
@media (max-width:480px){
  #adflex-lp .thankyou-card{padding:40px 26px;}
}