@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,600&family=Geist:wght@400;500;600&family=DM+Sans:wght@400;500;600&family=Tajawal:wght@400;500;700;800&display=swap";:root{--navy: #111D4A;--coral: #DE7C5A;--off-white: #FBFEF9;--cream: #F5F2EB;--near-black: #0A0A0A;--muted: rgba(245, 242, 235, .7);--font-display: "Fraunces";--font-body: "Fraunces";--font-arabic: "Tajawal", sans-serif;--max-width: 1200px;--pad-desktop: 48px;--pad-mobile: 24px;--transition-fast: .2s ease;--transition-med: .3s ease;--transition-slow: .4s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--near-black);color:var(--off-white)}body{font-family:var(--font-body);font-size:18px;line-height:1.5;background-color:var(--near-black);color:var(--off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}[lang=ar] body,body[lang=ar],html[lang=ar] body{font-family:var(--font-arabic)}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{font-family:var(--font-arabic);font-weight:800}html[lang=ar] p,html[lang=ar] span,html[lang=ar] a,html[lang=ar] li,html[lang=ar] button{font-family:var(--font-arabic);font-weight:400}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none;font-family:inherit;color:inherit}.container{max-width:var(--max-width);margin:0 auto;padding-left:var(--pad-desktop);padding-right:var(--pad-desktop)}.section-pad{padding-top:112px;padding-bottom:112px}.section-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;color:var(--off-white);margin-bottom:56px}html[lang=ar] .section-heading{font-family:var(--font-arabic)}.muted{color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:#ffffff0f;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:9999px;box-shadow:inset 0 1px #ffffff2e,0 4px 24px #de7c5a1f;color:var(--off-white);font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:.01em;text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;white-space:nowrap}html[lang=ar] .btn-glass{font-family:var(--font-arabic)}.btn-glass:hover{background:#ffffff1a;box-shadow:inset 0 1px #ffffff2e,0 8px 32px #de7c5a33;transform:translateY(-1px)}.btn-glass:active{transform:scale(.98)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px var(--pad-desktop);display:flex;align-items:center;justify-content:space-between;background:#0a0a0acc;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.06);transition:background var(--transition-med)}.nav-wordmark{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--off-white);letter-spacing:-.01em;text-decoration:none;flex-shrink:0;display:inline-flex;align-items:center;line-height:1}.nav-logo{height:40px;width:auto;display:block}@media (max-width: 767px){.nav-logo{height:34px}}.nav-right{display:flex;align-items:center;gap:16px}.lang-toggle{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:3px;gap:2px;direction:ltr;flex-shrink:0}.lang-btn{padding:5px 11px;border-radius:9999px;font-size:11px;font-weight:500;font-family:var(--font-body);color:var(--muted);transition:background var(--transition-fast),color var(--transition-fast);line-height:1;letter-spacing:.02em}.lang-btn[lang=ar]{font-family:var(--font-body-ar, var(--font-body));font-size:12px}.lang-btn.active{background:var(--coral);color:var(--off-white)}.lang-btn:hover:not(.active){color:var(--off-white)}.burger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;gap:0;position:relative;flex-shrink:0}.burger-line{width:24px;height:2px;background:var(--off-white);border-radius:2px;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.burger-line:nth-child(1){transform:translateY(-7px)}.burger-line:nth-child(2){transform:translateY(0)}.burger-line:nth-child(3){transform:translateY(7px)}.burger-btn.open .burger-line:nth-child(1){transform:translateY(0) rotate(45deg)}.burger-btn.open .burger-line:nth-child(2){opacity:0}.burger-btn.open .burger-line:nth-child(3){transform:translateY(0) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:65px;left:0;right:0;z-index:999;background:#0a0a0af2;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.08);padding:24px var(--pad-mobile);transform:translateY(-8px);opacity:0;transition:transform var(--transition-med),opacity var(--transition-med)}.mobile-menu.open{transform:translateY(0);opacity:1}.mobile-menu a{display:block;padding:12px 0;font-size:17px;font-weight:500;color:var(--off-white);border-bottom:1px solid rgba(255,255,255,.06)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center right;object-position:center right;opacity:.45}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0a0a0aeb 40%,#0a0a0a80,#0a0a0a33)}.hero-content{position:relative;z-index:1;max-width:700px}.hero h1{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,5rem);font-weight:800;line-height:1.1;color:var(--off-white);margin-bottom:40px;letter-spacing:-.02em}html[lang=ar] .hero h1{font-family:var(--font-arabic);letter-spacing:0}.hero h1 .brand-coral{color:var(--coral)}.problem{background:#111d4a2e;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.problem-block{display:flex;flex-direction:column;gap:12px}.problem-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}html[lang=ar] .problem-label{letter-spacing:0;font-size:13px}.problem-block p{font-size:17px;color:var(--muted);line-height:1.6}.section-closing{margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08);font-size:16px;color:var(--muted);font-style:italic}.outcome-intro{max-width:640px;font-size:18px;color:var(--muted);margin-bottom:64px;line-height:1.6}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}.outcome-card{background:#111d4a40;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.outcome-card:hover{border-color:#ffffff29;box-shadow:0 8px 40px #0000004d}.outcome-card-img{width:100%;aspect-ratio:4/5;overflow:hidden;position:relative}.outcome-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.outcome-card:hover .outcome-card-img img{transform:scale(1.03)}.outcome-card-body{padding:24px 28px 28px}.outcome-card-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:10px}html[lang=ar] .outcome-card-label{letter-spacing:0;font-size:13px}.outcome-card-body p{font-size:16px;color:var(--muted);line-height:1.6}.outcome-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.faq{background:#111d4a1f;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.faq-list{max-width:800px;display:flex;flex-direction:column;gap:0}.faq-item{border-bottom:1px solid rgba(255,255,255,.08)}.faq-item:first-child{border-top:1px solid rgba(255,255,255,.08)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--off-white);text-align:left;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}html[lang=ar] .faq-question{font-family:var(--font-arabic);text-align:right}.faq-question:hover{color:var(--coral)}.faq-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color var(--transition-fast);position:relative}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:var(--off-white);border-radius:1px;transition:opacity .3s ease,transform .3s ease}.faq-icon:before{width:10px;height:1.5px}.faq-icon:after{width:1.5px;height:10px}.faq-item.open .faq-icon{transform:rotate(45deg);border-color:var(--coral)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.faq-answer-inner{padding-bottom:20px}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{font-size:16px;color:var(--muted);line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.contact-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;text-decoration:none;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px #ffffff2e,0 4px 24px #de7c5a0f}.contact-tile:hover{border-color:#ffffff3d;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,0 8px 40px #de7c5a1f;background:#ffffff12}.contact-tile:hover .contact-value{color:var(--coral)}.contact-tile-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#de7c5a1f;border-radius:10px;color:var(--coral)}.contact-tile-icon svg{width:20px;height:20px}.contact-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}html[lang=ar] .contact-label{letter-spacing:0;font-size:12px}.contact-value{font-size:15px;font-weight:500;color:var(--off-white);transition:color var(--transition-fast);line-height:1.3}.contact-login-line{font-size:16px;color:var(--muted)}.contact-login-line a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}.contact-login-line a:hover{color:var(--off-white)}.footer{padding:48px var(--pad-desktop);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.footer-wordmark{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--off-white);letter-spacing:-.01em}.footer-copy{font-size:13px;color:var(--muted)}.footer-powered{font-size:13px;color:var(--muted);margin:0}.footer a.footer-powered-name,.footer-powered .footer-powered-name{color:var(--coral)!important;text-decoration:none!important;transition:opacity var(--transition-fast)}.footer a.footer-powered-name:hover,.footer-powered .footer-powered-name:hover{opacity:.85;color:var(--coral)!important}@media (max-width: 1023px){.outcome-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){:root{--pad-desktop: var(--pad-mobile)}body{font-size:16px}.container{padding-left:var(--pad-mobile);padding-right:var(--pad-mobile)}.section-pad{padding-top:72px;padding-bottom:72px}.section-heading{font-size:clamp(1.75rem,7vw,2.25rem);margin-bottom:40px;line-height:1.2}.section-closing{margin-top:40px;padding-top:28px;font-size:15px}.nav{padding:14px var(--pad-mobile)}.nav-login-desktop{display:none}.burger-btn{display:flex}.mobile-menu{display:block;top:62px}.lang-toggle{padding:2px}.lang-btn{padding:5px 11px;font-size:12px}.hero{min-height:100svh;align-items:center;padding-bottom:48px;padding-top:96px}.hero-bg img{-o-object-position:center;object-position:center}.hero-bg:after{background:linear-gradient(180deg,#0a0a0a8c,#0a0a0ad9 55%,#0a0a0af5)}.hero h1{font-size:clamp(2.1rem,8.5vw,3rem);line-height:1.12;margin-bottom:28px;letter-spacing:-.015em}.problem-grid{grid-template-columns:1fr;gap:28px}.problem-block p{font-size:16px}.outcome-intro{font-size:16px;margin-bottom:40px}.outcome-grid{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.outcome-card-img{aspect-ratio:16/10}.outcome-card-body{padding:20px 22px 24px}.faq-question{padding:20px 0;font-size:16px;gap:14px}.faq-answer p{font-size:15px}.contact-grid{grid-template-columns:repeat(2,1fr);gap:14px}.contact-tile{padding:20px 18px;gap:10px;border-radius:14px}.contact-tile-icon{width:36px;height:36px;border-radius:9px}.contact-tile-icon svg{width:18px;height:18px}.contact-value{font-size:13px;word-break:break-word}.footer{padding:40px var(--pad-mobile);gap:10px}.footer-powered{font-size:12px}.btn-glass{padding:12px 22px;font-size:14px}}@media (max-width: 380px){:root{--pad-mobile: 18px}.nav{padding:12px var(--pad-mobile)}.nav-right{gap:10px}.nav-logo{height:30px}.lang-btn{padding:5px 9px;font-size:11px}.hero h1{font-size:clamp(1.9rem,9vw,2.4rem)}.section-heading{font-size:1.6rem}.contact-tile{padding:16px 14px}.contact-value{font-size:12px}.btn-glass{padding:11px 20px;font-size:13px}}body.menu-open{overflow:hidden}body[dir=rtl] .faq-question,body[dir=rtl] .faq-answer p{text-align:right}body[dir=rtl] .contact-tile{align-items:flex-start}body[dir=rtl] .footer{text-align:center}body[dir=rtl] .hero-bg:after{background:linear-gradient(-100deg,#0a0a0aeb 40%,#0a0a0a80,#0a0a0a33)}@media (max-width: 767px){body[dir=rtl] .hero-bg:after{background:linear-gradient(180deg,#0a0a0a66,#0a0a0ae0 60%,#0a0a0af5)}}
