*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Tajawal,sans-serif;background:#fafafa;color:#242424;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}:root{--charcoal: #242424;--gold: #C9A84C;--gold-hover: #b8963f;--mid-gray: #4A4A4A;--warm-gray: #E8E4DC;--off-white: #FAFAFA;--white: #FFFFFF;--dark-bg: #1a1a1a;--font-heading-ar: "El Messiri", serif;--font-body-ar: "Tajawal", sans-serif;--font-heading-en: "Montserrat", sans-serif;--font-body-en: "Inter", sans-serif;--max-width: 1200px;--section-padding: 100px 0;--section-padding-mobile: 60px 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 30px}.section-label{font-family:var(--font-body-ar);font-size:14px;font-weight:700;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.section-title{font-family:var(--font-heading-ar);font-size:36px;font-weight:700;color:var(--charcoal);line-height:1.3;margin-bottom:20px}.section-title.light{color:var(--gold)}.section-subtitle{font-size:17px;color:var(--mid-gray);max-width:700px;line-height:1.8}.navbar{position:fixed;top:0;right:0;left:0;z-index:1000;background:#242424f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s ease}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#242424eb,#242424d9),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect fill="%23242424" width="1200" height="800"/></svg>');background-size:cover;background-position:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--off-white),transparent)}.hero .container{position:relative;z-index:1;padding-top:72px}.hero-content{max-width:750px}.hero-title{font-family:var(--font-heading-ar);font-size:48px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:16px}.hero-tagline{font-family:var(--font-heading-ar);font-size:24px;font-weight:500;color:var(--gold);margin-bottom:24px}.hero-desc{font-size:18px;color:#ffffffbf;line-height:1.8;max-width:600px;margin-bottom:36px}.btn-primary{display:inline-block;background:var(--gold);color:var(--charcoal);padding:16px 40px;font-family:var(--font-body-ar);font-size:16px;font-weight:700;border-radius:4px;border:none;cursor:pointer;transition:background .2s,transform .2s}.btn-primary:hover{background:var(--gold-hover);transform:translateY(-1px)}.btn-secondary{display:inline-block;border:2px solid var(--gold);color:var(--gold);padding:14px 36px;font-family:var(--font-body-ar);font-size:16px;font-weight:700;border-radius:4px;transition:background .2s,color .2s}.btn-secondary:hover{background:var(--gold);color:var(--charcoal)}.problem{padding:var(--section-padding);background:var(--off-white)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.problem-card{background:var(--white);padding:32px 28px;border-radius:4px;border-right:3px solid var(--gold);transition:transform .2s,box-shadow .2s}.problem-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.problem-card h3{font-family:var(--font-heading-ar);font-size:20px;font-weight:700;color:var(--charcoal);margin-bottom:12px}.problem-card p{font-size:15px;color:var(--mid-gray);line-height:1.7}.value{padding:var(--section-padding);background:var(--warm-gray)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.value-card{background:var(--white);padding:36px 28px;border-radius:4px;position:relative;transition:transform .2s,box-shadow .2s}.value-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.value-num{font-family:var(--font-heading-en);font-size:48px;font-weight:700;color:var(--warm-gray);line-height:1;margin-bottom:16px}.value-card h3{font-family:var(--font-heading-ar);font-size:20px;font-weight:700;color:var(--charcoal);margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--gold)}.value-card p{font-size:15px;color:var(--mid-gray);line-height:1.7}.guide{padding:var(--section-padding);background:var(--charcoal);color:var(--white)}.guide-content{max-width:700px}.guide-desc{font-size:17px;color:#ffffffbf;line-height:1.8;margin-bottom:36px}.guide-points{display:flex;flex-direction:column;gap:16px}.guide-point{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;background:#ffffff0d;border-radius:4px;border-right:3px solid var(--gold)}.guide-point .icon{color:var(--gold);font-size:18px;margin-top:2px;flex-shrink:0}.guide-point p{font-size:20px;font-weight:500;color:#ffffffe6;line-height:1.7}.plan{padding:var(--section-padding);background:var(--white)}.plan-steps{max-width:650px;margin:48px auto 0;position:relative}.plan-steps:before{content:"";position:absolute;right:22px;top:44px;bottom:44px;width:2px;background:var(--warm-gray)}.plan-step{display:flex;align-items:flex-start;gap:24px;margin-bottom:40px;position:relative}.plan-step:last-child{margin-bottom:0}.step-num{width:46px;height:46px;min-width:46px;background:var(--charcoal);color:var(--gold);font-family:var(--font-heading-en);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:1}.step-content h3{font-family:var(--font-heading-ar);font-size:22px;font-weight:700;color:var(--charcoal);margin-bottom:6px}.step-content p{font-size:15px;color:var(--mid-gray);line-height:1.7}.segments{padding:var(--section-padding);background:var(--off-white)}.segments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:48px}.segment-card{background:var(--white);padding:40px 32px;border-radius:4px;border-top:4px solid var(--gold);transition:transform .2s,box-shadow .2s}.segment-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.segment-card h3{font-family:var(--font-heading-ar);font-size:24px;font-weight:700;color:var(--charcoal);margin-bottom:14px}.segment-card p{font-size:15px;color:var(--mid-gray);line-height:1.7;margin-bottom:20px}.segment-link{display:inline-block;color:var(--gold);font-weight:700;font-size:15px;transition:color .2s}.segment-link:hover{color:var(--gold-hover)}.segment-link:before{content:"←";margin-left:8px}.proof{padding:var(--section-padding);background:var(--white)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px}.proof-stat{text-align:center;padding:32px 20px;border-top:3px solid var(--gold);background:var(--off-white);border-radius:4px}.proof-num{font-family:var(--font-heading-en);font-size:52px;font-weight:700;color:var(--charcoal);line-height:1;margin-bottom:8px}.proof-label{font-size:15px;color:var(--mid-gray);font-weight:500}.insights{padding:var(--section-padding);background:var(--white)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.insight-card{background:var(--off-white);border-radius:6px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.insight-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.insight-visual{height:140px;display:flex;align-items:center;justify-content:center;position:relative}.insight-visual.v-econ{background:linear-gradient(135deg,#1a2a3a,#2c4a5a)}.insight-visual.v-tool{background:linear-gradient(135deg,#242424,#3a3a3a)}.insight-visual.v-market{background:linear-gradient(135deg,#1a2a1a,#2a4a3a)}.insight-visual-label{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;padding:4px 12px;border-radius:3px;color:var(--white)}.lbl-econ{background:#c9a84cd9;color:var(--charcoal)}.lbl-tool{background:#505050d9}.lbl-market{background:#4c8264d9}.insight-visual-title{font-family:var(--font-heading-ar);font-size:18px;font-weight:700;color:var(--white);text-align:center;padding:0 16px}.insight-body{padding:22px 24px;flex:1;display:flex;flex-direction:column}.insight-body h3{font-family:var(--font-heading-ar);font-size:16px;font-weight:700;color:var(--charcoal);line-height:1.5;margin-bottom:10px}.insight-body p{font-size:13px;color:var(--mid-gray);line-height:1.7;margin-bottom:16px;flex:1}.insight-link{font-size:13px;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:6px;transition:color .2s}.insight-link:hover{color:var(--gold-hover)}.insights-all{text-align:center;margin-top:40px}.btn-outline{display:inline-block;border:2px solid var(--gold);color:var(--gold);padding:14px 36px;font-family:var(--font-body-ar);font-size:15px;font-weight:700;border-radius:4px;transition:background .2s,color .2s}.btn-outline:hover{background:var(--gold);color:var(--charcoal)}.stakes{padding:var(--section-padding);background:var(--charcoal);text-align:center}.stakes-content{max-width:650px;margin:0 auto}.stakes-title{font-family:var(--font-heading-ar);font-size:36px;font-weight:700;color:var(--gold);margin-bottom:20px}.stakes-desc{font-size:17px;color:#ffffffb3;line-height:1.8;margin-bottom:36px}.footer{background:var(--dark-bg);padding:60px 0 0;color:#ffffffb3}@media(max-width:968px){.nav-links{display:none}.nav-hamburger{display:flex}.hero-title{font-size:36px}.hero-tagline{font-size:20px}.hero-desc{font-size:16px}.section-title{font-size:30px}.problem-grid,.value-grid,.proof-grid,.insights-grid,.segments-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}:root{--section-padding: 60px 0}}@media(max-width:600px){.container{padding:0 20px}.hero-title{font-size:30px}.hero-tagline{font-size:18px}.section-title{font-size:26px}.stakes-title{font-size:28px}.proof-num{font-size:40px}.btn-primary{padding:14px 32px;font-size:15px}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}