@font-face{font-family:"NotoKufi";src:local("Noto Kufi Arabic")}@font-face{font-family:"NotoArabic";src:local("Noto Sans Arabic")}
:root{--navy:#071a31;--navy2:#0b2b50;--gold:#c9972f;--gold2:#e9c465;--ink:#10243d;--muted:#657286;--line:#dfe5ec;--light:#fff;--soft:#f3f6fa;--radius:18px;--shadow:0 18px 45px rgba(7,26,49,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"NotoArabic",Tahoma,Arial,sans-serif;color:var(--ink);line-height:1.75;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 38px));margin:auto}
.topline{background:#041222;color:#fff;font-size:13px}.topline-inner{display:flex;justify-content:space-between;padding:7px 0;gap:16px}.topline a{color:#fff}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;margin-left:auto}.brand-badge{width:46px;height:46px;border-radius:13px;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-weight:900;font-size:23px}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-family:"NotoKufi";font-size:14px}.brand-copy small{font-size:10px;color:var(--muted);letter-spacing:1px}.nav nav{display:flex;gap:19px;font-size:14px;font-weight:700}.nav nav a:hover{color:#9a711c}.nav-btn{margin-right:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:900;cursor:pointer}.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#071a31;box-shadow:0 12px 28px rgba(201,151,47,.25)}.gold:hover{transform:translateY(-2px)}.outline{color:#fff;border-color:rgba(255,255,255,.5)}.text{background:transparent;color:var(--ink)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#041222,#0a2b4d);color:#fff}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(38,112,165,.34),transparent 34%),linear-gradient(90deg,rgba(4,18,34,.1),rgba(4,18,34,.75));pointer-events:none}.hero-stage{position:absolute;inset:0;overflow:hidden;opacity:.95}.screen{position:absolute;left:7%;top:10%;width:42%;height:42%;border-radius:14px;background:linear-gradient(135deg,#103f70,#0d2748);border:7px solid #19283a;box-shadow:0 25px 80px rgba(0,0,0,.5);display:grid;place-content:center;text-align:center;color:#fff}.screen span{font-family:"NotoKufi";font-size:32px;font-weight:900}.screen small{font-size:16px;color:var(--gold2);letter-spacing:1px}.audience{position:absolute;bottom:-40px;width:110px;height:180px;border-radius:55px 55px 0 0;background:linear-gradient(#152438,#050c14);filter:blur(.3px);box-shadow:0 -20px 50px rgba(0,0,0,.28)}.a1{left:2%}.a2{left:13%;height:205px}.a3{left:26%;height:190px}.a4{left:39%;height:215px}.a5{left:51%;height:185px}.a6{left:61%;height:205px}
.hero-grid{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:end;padding:58px 0 0}.hero-copy{align-self:center;padding-bottom:70px}.eyebrow,.section-title>span{color:var(--gold);font-weight:900;font-size:14px}.eyebrow.dark{color:#a47719}.hero h1{font-family:"NotoKufi";font-size:clamp(46px,6vw,72px);line-height:1.15;margin:12px 0 0}.hero h1 em{font-style:normal;color:var(--gold2)}.english{letter-spacing:2px;font-size:17px;margin:5px 0 18px}.hero h2{font-family:"NotoKufi";font-size:27px;line-height:1.5;margin:0 0 12px}.lead{font-size:18px;color:#dce5ef;max-width:720px}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.18);border-radius:14px;margin:26px 0;overflow:hidden;background:rgba(255,255,255,.045)}.hero-facts div{text-align:center;padding:15px 9px;border-left:1px solid rgba(255,255,255,.15)}.hero-facts div:last-child{border-left:0}.hero-facts b,.hero-facts span{display:block}.hero-facts b{color:var(--gold2);font-size:17px}.hero-facts span{font-size:12px;color:#d9e2ec}.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-person{position:relative;align-self:end;min-height:610px;display:flex;align-items:flex-end;justify-content:center}.hero-person img{position:relative;z-index:2;max-width:100%;height:610px;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.45))}.person-label{position:absolute;z-index:3;right:20px;bottom:25px;background:rgba(5,20,38,.92);border-right:4px solid var(--gold);padding:12px 16px;border-radius:10px}.person-label strong,.person-label span{display:block}.person-label strong{font-family:"NotoKufi";font-size:15px}.person-label span{font-size:11px;color:#cdd8e5}
.section{padding:86px 0}.light{background:#fff}.soft{background:var(--soft)}.navy{background:var(--navy);color:#fff}.section-title{text-align:center;max-width:780px;margin:0 auto 42px}.section-title h2{font-family:"NotoKufi";font-size:clamp(28px,4vw,42px);line-height:1.45;margin:5px 0 10px}.section-title p{margin:0;color:var(--muted);font-size:16px}.section-title.inverse h2{color:#fff}.disclaimer{font-size:12px!important;color:#8b6a2f!important}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 10px 28px rgba(7,26,49,.06)}.feature-grid i{font-style:normal;color:var(--gold);font-weight:900}.feature-grid h3{font-family:"NotoKufi";font-size:19px;margin:11px 0 5px}.feature-grid p{color:var(--muted);font-size:14px;margin:0}
.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.detail b{font-size:14px}.detail span{color:var(--muted);font-size:14px;text-align:left}
.modules{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.modules div{display:flex;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:13px;padding:15px}.modules b{color:var(--gold2);font-size:17px}.modules span{font-size:14px}
.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative}.timeline:before{content:"";position:absolute;top:24px;right:6%;left:6%;height:2px;background:#e7c76f}.timeline div{text-align:center;position:relative}.timeline b{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#fff;border:2px solid var(--gold);color:var(--navy)}.timeline span{display:block;margin-top:9px;font-size:12px;font-weight:800}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-grid blockquote{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 10px 28px rgba(7,26,49,.06)}.testimonial-grid p{font-size:15px}.testimonial-grid footer{color:var(--muted);font-weight:800}.stars{color:var(--gold);letter-spacing:3px}
.trainer-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;align-items:center}.trainer-photo img{width:100%;max-height:560px;object-fit:cover;object-position:top;border-radius:24px;box-shadow:var(--shadow)}.trainer-copy h2{font-family:"NotoKufi";font-size:40px;margin:4px 0 10px}.trainer-copy p{color:var(--muted);font-size:16px}.trainer-copy li{margin:8px 0}
.booking{background:linear-gradient(135deg,#041222,#0b3157);color:#fff}.booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}.booking-intro h2{font-family:"NotoKufi";font-size:36px;line-height:1.5}.booking-intro p{color:#d4deea}.price-card{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:20px}.price-card small,.price-card strong,.price-card span{display:block}.price-card strong{font-size:28px;color:var(--gold2)}.price-card span{font-size:12px;color:#c7d3e0}
.form{background:#fff;color:var(--ink);border-radius:22px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:var(--shadow)}.form label{font-size:13px;font-weight:900}.form input,.form select{width:100%;height:48px;margin-top:6px;border:1px solid #ccd5df;border-radius:10px;padding:0 12px;font:inherit;background:#fff}.form input:focus,.form select:focus{outline:3px solid rgba(201,151,47,.2);border-color:var(--gold)}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;height:auto;margin:0}.error{color:#b91c1c;margin:0}
.faq-wrap{max-width:850px}.faq-wrap details{border:1px solid var(--line);border-radius:13px;padding:17px 19px;margin:10px 0}.faq-wrap summary{cursor:pointer;font-weight:900}.faq-wrap p{color:var(--muted)}
.closing{background:#eef2f6}.closing-grid{display:grid;grid-template-columns:260px 1fr;gap:38px;align-items:center;padding:45px 0}.closing img{width:100%;max-height:280px;object-fit:contain}.closing h2{font-family:"NotoKufi";font-size:32px;margin:0}.closing p{color:var(--muted)}
.floating-wa{position:fixed;left:20px;bottom:20px;z-index:55;background:#16a34a;color:#fff;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:var(--shadow)}.footer{background:#03101f;color:#c5d0dc;text-align:center;padding:20px;font-size:13px}
.modal{position:fixed;inset:0;background:rgba(3,16,31,.8);z-index:100;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{position:relative;width:min(500px,100%);background:#fff;border-radius:22px;padding:32px;text-align:center}.close{position:absolute;left:13px;top:8px;border:0;background:transparent;font-size:32px;cursor:pointer}.tick{width:68px;height:68px;border-radius:50%;background:#dcfce7;color:#15803d;display:grid;place-items:center;font-size:36px;font-weight:900;margin:auto}.modal-card .btn{width:100%;margin-top:10px}
@media(max-width:980px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:15px}.hero-person{min-height:500px}.hero-person img{height:500px}.screen{left:5%;width:60%;opacity:.5}.feature-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(4,1fr);row-gap:25px}.timeline:before{display:none}.trainer-grid,.booking-grid{grid-template-columns:1fr}}
@media(max-width:650px){.topline-inner{display:block;text-align:center}.nav{height:68px}.brand-copy small{display:none}.nav-btn{font-size:12px;padding:0 12px}.hero-grid{padding-top:35px}.hero h1{font-size:42px}.hero h2{font-size:21px}.lead{font-size:16px}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts div:nth-child(2){border-left:0}.actions .btn{width:100%}.screen{width:90%;left:5%;height:34%;top:4%}.screen span{font-size:22px}.hero-person{min-height:420px}.hero-person img{height:420px}.person-label{right:5px;left:5px}.feature-grid,.details-grid,.modules,.testimonial-grid{grid-template-columns:1fr}.detail{display:block}.detail span{display:block;text-align:right;margin-top:4px}.timeline{grid-template-columns:repeat(2,1fr)}.section{padding:65px 0}.section-title h2,.trainer-copy h2,.booking-intro h2,.closing h2{font-size:28px}.form{grid-template-columns:1fr;padding:19px}.form>*{grid-column:1}.closing-grid{grid-template-columns:1fr;text-align:center}.closing img{max-height:220px}.floating-wa{width:56px;height:56px;font-size:12px}}

.problem-section{background:#f7f9fc}
.problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.problem-grid h2{font-family:"NotoKufi";font-size:36px;line-height:1.5;margin:7px 0 12px}
.problem-grid p{color:var(--muted)}
.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.problem-list div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:14px;font-weight:800;box-shadow:0 8px 22px rgba(7,26,49,.05)}
.transformation{background:linear-gradient(135deg,#06172a,#0d365f);color:#fff}
.before-after{display:grid;grid-template-columns:1fr 80px 1fr;gap:20px;align-items:stretch}
.before,.after{border-radius:18px;padding:25px;border:1px solid rgba(255,255,255,.16)}
.before{background:rgba(255,255,255,.05)}.after{background:rgba(201,151,47,.13);border-color:rgba(233,196,101,.42)}
.before h3,.after h3{font-family:"NotoKufi";font-size:21px;margin-top:0}
.before p,.after p{margin:8px 0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}
.arrow{display:grid;place-items:center;font-size:42px;color:var(--gold2)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-grid figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(7,26,49,.06)}
.gallery-grid img{width:100%;height:340px;object-fit:cover;object-position:top;display:block}
.gallery-grid figcaption{padding:12px 15px;font-weight:800;font-size:13px}
.privacy-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px;font-size:13px;color:#e1e8f0;margin-bottom:14px}
.mobile-cta{display:none}
@media(max-width:900px){
  .problem-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .problem-list{grid-template-columns:1fr}
  .before-after{grid-template-columns:1fr}.arrow{transform:rotate(-90deg)}
  .gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:300px}
  body{padding-bottom:64px}
  .mobile-cta{position:fixed;right:0;left:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 25px rgba(7,26,49,.12)}
  .mobile-cta a{display:grid;place-items:center;min-height:58px;font-weight:900}
  .mobile-cta a:first-child{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy)}
  .mobile-cta a:last-child{background:#16a34a;color:#fff}
}

/* V6.1 enhancements */
.hero-question{font-family:"NotoKufi";font-size:17px;color:var(--gold2);margin:0 0 8px}
.hero h1{max-width:780px}
.trust-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.trust-strip span{font-size:12px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#e1e8f0}
.quick-view{background:#fff}
.quick-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:start}
.quick-grid h2{font-family:"NotoKufi";font-size:36px;line-height:1.45;margin:8px 0 12px}
.quick-grid p{color:var(--muted)}
.quick-results{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quick-results div{display:flex;gap:13px;background:#f7f9fc;border:1px solid var(--line);border-radius:14px;padding:16px}
.quick-results b{color:var(--gold);font-size:16px}
.quick-results span{font-size:14px;font-weight:800}
.executive-value{background:linear-gradient(135deg,#071a31,#0d365f);color:#fff}
.value-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.value-grid h2{font-family:"NotoKufi";font-size:36px;line-height:1.5;margin:8px 0}
.value-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.value-points p{margin:0;padding:16px 17px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);font-size:14px}
.reveal{animation:fadeUp .8s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .quick-grid,.value-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .hero-question{font-size:14px}
  .quick-results,.value-points{grid-template-columns:1fr}
  .quick-grid h2,.value-grid h2{font-size:28px}
}

.inner-hero{background:linear-gradient(135deg,#041222,#0d365f);color:#fff;padding:70px 0}.inner-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.inner-hero h1{font-family:"NotoKufi";font-size:46px;line-height:1.4;margin:8px 0 15px}.inner-hero p{font-size:18px;color:#d7e2ed}.inner-hero img{width:100%;max-height:520px;object-fit:cover;object-position:top;border-radius:22px;box-shadow:var(--shadow)}.profile-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:38px;align-items:start}.profile-main h2{font-family:"NotoKufi";font-size:36px}.profile-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.profile-points article{border:1px solid var(--line);border-radius:14px;padding:18px}.profile-points b,.profile-points span{display:block}.profile-points span{color:var(--muted);font-size:14px}.profile-card{position:sticky;top:105px;background:var(--navy);color:#fff;border-radius:18px;padding:24px}.profile-card h3{font-family:"NotoKufi";font-size:23px;margin:0}.profile-card p{color:var(--gold2)}.form textarea{width:100%;margin-top:6px;border:1px solid #ccd5df;border-radius:10px;padding:11px 12px;font:inherit;resize:vertical}.thankyou{min-height:72vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef3f8,#fff);padding:70px 0}.thankyou-card{max-width:760px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:25px;padding:50px;box-shadow:var(--shadow)}.thankyou-card h1{font-family:"NotoKufi";font-size:38px}.thank-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.inner-outline{border-color:var(--line);color:var(--ink);background:#fff}@media(max-width:900px){.inner-hero-grid,.profile-layout{grid-template-columns:1fr}.profile-card{position:static}}@media(max-width:650px){.inner-hero h1,.thankyou-card h1{font-size:30px}.profile-points{grid-template-columns:1fr}.thank-actions .btn{width:100%}}
