*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0e1a12;--paper:#f4f1e8;--green-deep:#1a3d2b;--green-mid:#2d6a4f;--green-bright:#52b788;--green-light:#d8f3dc;--amber:#e9c46a;--amber-deep:#c77c28;--cream:#faf8f2;--border:#0e1a121f;--font-display:"Playfair Display", serif;--font-body:"DM Sans", sans-serif;--font-arabic:"Noto Naskh Arabic", serif}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:300;line-height:1.7;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f4f1e8eb;justify-content:space-between;align-items:center;padding:1.25rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--font-display);color:var(--green-deep);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.logo-dot{background:var(--green-bright);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.nav-right,.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--green-deep);opacity:.7;font-size:.875rem;font-weight:400;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:1}.nav-cta{background:var(--green-deep);color:var(--paper);font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;padding:.6rem 1.4rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--green-mid);transform:translateY(-1px)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 3rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(60% 50% at 80%,#52b7881f 0%,#0000 70%),radial-gradient(40% 40% at 20% 80%,#e9c46a14 0%,#0000 60%);position:absolute;inset:0}.hero-grid{z-index:0;opacity:.04;background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:1;max-width:900px;position:relative}.hero-tag{background:var(--green-light);color:var(--green-deep);letter-spacing:.04em;border:1px solid #2d6a4f33;border-radius:100px;align-items:center;gap:8px;margin-bottom:2rem;padding:.35rem 1rem;font-size:.8rem;font-weight:500;animation:.8s both fadeUp;display:inline-flex}.hero-tag-dot{background:var(--green-bright);border-radius:50%;width:6px;height:6px}.hero-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--green-deep);margin-bottom:1rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1.05;animation:.8s .1s both fadeUp}.hero-h1 em{color:var(--green-bright);font-style:italic}.hero-arabic{font-family:var(--font-arabic);color:var(--green-mid);opacity:.75;direction:rtl;margin-bottom:2rem;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:400;animation:.8s .2s both fadeUp}.hero-sub{color:var(--ink);opacity:.7;max-width:560px;margin-bottom:3rem;font-size:1.15rem;font-weight:300;animation:.8s .3s both fadeUp}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;animation:.8s .4s both fadeUp;display:flex}.btn-primary{background:var(--green-deep);color:var(--paper);font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;padding:.9rem 2rem;font-size:1rem;font-weight:400;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.btn-primary:hover{background:var(--green-mid);transform:translateY(-2px)}.btn-secondary{color:var(--green-deep);opacity:.75;align-items:center;gap:6px;font-size:.95rem;font-weight:400;text-decoration:none;transition:opacity .2s;display:flex}.btn-secondary:hover{opacity:1}.hero-stat-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:3rem;margin-top:5rem;padding-top:2rem;animation:.8s .5s both fadeUp;display:flex}.hero-stat-num{font-family:var(--font-display);color:var(--green-deep);font-size:2.2rem;font-weight:700;line-height:1}.hero-stat-label{color:var(--ink);opacity:.55;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.8rem;font-weight:400}.section{max-width:1200px;margin:0 auto;padding:6rem 3rem}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--green-bright);margin-bottom:1rem;font-size:.75rem;font-weight:500}.section-h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--green-deep);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}.section-h2 em{color:var(--green-bright);font-style:italic}.problem-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.problem-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.problem-card:hover{border-color:#2d6a4f4d;transform:translateY(-4px)}.problem-card-num{font-family:var(--font-display);color:var(--green-light);margin-bottom:1rem;font-size:4rem;font-weight:900;line-height:1}.problem-card h3{font-family:var(--font-display);color:var(--green-deep);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.problem-card p{opacity:.7;font-size:.9rem;line-height:1.65}.dark-section{background:var(--green-deep);color:var(--paper);padding:6rem 3rem}.dark-inner{max-width:1200px;margin:0 auto}.dark-section .section-label{color:var(--green-bright)}.dark-section .section-h2{color:var(--paper)}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:4rem;display:grid;position:relative}.step{border-left:1px solid #ffffff1a;padding:2rem;position:relative}.step:first-child{border-left:none}.step-num{font-family:var(--font-display);color:var(--green-bright);letter-spacing:.1em;margin-bottom:1.5rem;font-size:.8rem;font-weight:700}.step-icon{background:#52b78826;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1.25rem;font-size:1.25rem;display:flex}.step h3{font-family:var(--font-display);color:var(--paper);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.step p{color:#f4f1e899;font-size:.875rem;line-height:1.65}.alert-section{max-width:1200px;margin:0 auto;padding:4rem 3rem}.alert-box{border:1px solid #c77c2840;border-left:4px solid var(--amber-deep);background:linear-gradient(135deg,#fff8e8 0%,#fef3d0 100%);border-radius:16px;flex-wrap:wrap;align-items:flex-start;gap:2rem;padding:2.5rem 3rem;display:flex}.alert-icon{flex-shrink:0;font-size:2.5rem}.alert-body{flex:1;min-width:260px}.alert-body h3{font-family:var(--font-display);color:var(--amber-deep);margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.alert-body p{color:var(--ink);opacity:.8;font-size:.95rem;line-height:1.7}.alert-body .arabic{font-family:var(--font-arabic);color:var(--amber-deep);opacity:.85;direction:rtl;margin-top:.75rem;font-size:1rem}.features-section{max-width:1200px;margin:0 auto;padding:6rem 3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.feature-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#2d6a4f4d;transform:translateY(-3px)}.feature-card.featured{background:var(--green-deep);border-color:var(--green-deep);color:var(--paper)}.feature-pill{background:var(--green-light);color:var(--green-deep);letter-spacing:.04em;border-radius:100px;margin-bottom:1.25rem;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-block}.feature-card.featured .feature-pill{color:var(--green-bright);background:#52b78833}.feature-card h3{font-family:var(--font-display);color:var(--green-deep);margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.feature-card.featured h3{color:var(--paper)}.feature-card p{opacity:.7;font-size:.9rem;line-height:1.65}.feature-card.featured p{opacity:.65}.cta-section{background:var(--green-deep);text-align:center;padding:6rem 3rem;position:relative;overflow:hidden}.cta-bg{background:radial-gradient(60% 80% at 50% 100%,#52b78826 0%,#0000 70%);position:absolute;inset:0}.cta-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.cta-inner h2{font-family:var(--font-display);color:var(--paper);letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.cta-inner h2 em{color:var(--green-bright);font-style:italic}.cta-arabic{font-family:var(--font-arabic);color:#f4f1e899;direction:rtl;margin-bottom:1.5rem;font-size:1.1rem}.cta-inner p{color:#f4f1e8a6;margin-bottom:2.5rem;font-size:1rem;line-height:1.7}.cta-form{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-input{min-width:240px;font-family:var(--font-body);color:var(--paper);background:#f4f1e814;border:1px solid #f4f1e833;border-radius:100px;outline:none;flex:1;padding:.9rem 1.5rem;font-size:.95rem;transition:border-color .2s}.cta-input::placeholder{color:#f4f1e859}.cta-input:focus{border-color:var(--green-bright)}.cta-submit{background:var(--green-bright);color:var(--green-deep);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;padding:.9rem 2rem;font-size:.95rem;font-weight:500;transition:background .2s,transform .15s}.cta-submit:hover{background:#74c69d;transform:translateY(-1px)}.cta-note{color:#f4f1e859;margin-top:1rem;font-size:.8rem}footer{background:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 3rem;display:flex}.footer-logo{font-family:var(--font-display);color:var(--paper);opacity:.6;font-size:1.1rem;font-weight:700}.footer-copy{color:var(--paper);opacity:.3;font-size:.8rem}.blog-content{color:var(--ink);font-size:1.05rem;line-height:1.85}.blog-content h2{font-family:var(--font-display);color:var(--green-deep);letter-spacing:-.02em;margin:2.5rem 0 1rem;font-size:1.6rem;font-weight:700}.blog-content h3{font-family:var(--font-display);color:var(--green-deep);margin:2rem 0 .75rem;font-size:1.2rem;font-weight:700}.blog-content p{opacity:.8;margin-bottom:1.5rem}.blog-content ul,.blog-content ol{opacity:.8;margin:0 0 1.5rem 1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content strong{color:var(--green-deep);opacity:1;font-weight:600}.blog-content a{color:var(--green-bright);text-decoration:underline}.blog-content a:hover{color:var(--green-mid)}.blog-content blockquote{border-left:3px solid var(--green-bright);background:var(--green-light);border-radius:0 8px 8px 0;margin:2rem 0;padding:.5rem 1.5rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){nav{padding:.9rem 1.25rem}.nav-links{display:none}.logo{font-size:1.25rem}.nav-cta{padding:.5rem 1.1rem;font-size:.82rem}.hero{min-height:auto;padding:6rem 1.25rem 4rem}.hero-content{max-width:100%}.hero-tag{margin-bottom:1.5rem;padding:.3rem .85rem;font-size:.75rem}.hero-h1{margin-bottom:.85rem;font-size:clamp(2.4rem,9vw,3.5rem)}.hero-arabic{margin-bottom:1.25rem;font-size:clamp(1.1rem,4vw,1.5rem)}.hero-sub{margin-bottom:2rem;font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:1rem}.btn-primary{text-align:center;width:100%;padding:.85rem 1.5rem}.hero-stat-row{gap:1.5rem;margin-top:3rem;padding-top:1.5rem}.hero-stat-num{font-size:1.8rem}.section,.alert-section,.features-section,.dark-section{padding:3.5rem 1.25rem}.cta-section{padding:4rem 1.25rem}footer{padding:2rem 1.25rem}.problem-grid,.features-grid{grid-template-columns:1fr;gap:1rem}.step{border-top:1px solid #ffffff1a;border-left:none;padding:1.5rem}.step:first-child{border-top:none}.alert-box{gap:1rem;padding:1.5rem}.cta-form{flex-direction:column}.cta-input{min-width:unset;width:100%}.cta-submit{width:100%}.section-h2{font-size:clamp(1.6rem,6vw,2.2rem)}}@media (max-width:480px){.hero-h1{font-size:clamp(2rem,10vw,2.8rem)}.hero-stat-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}}