:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#102033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f6f2ea;--surface:#fff;--surface-soft:#fff8ed;--navy:#102033;--navy-muted:#4c5d70;--line:#1020331f;--line-strong:#1020332e;--green:#25d366;--green-dark:#128c4a;--orange:#ff8a1f;--cream:#fffaf2;--shadow:0 24px 70px #1020331f;--shadow-soft:0 16px 42px #10203317;--radius:8px;--section:96px;background:#f6f2ea;font-family:Tajawal,IBM Plex Sans Arabic,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%,#ff8a1f24,#0000 28%),linear-gradient(#fffaf2 0%,#f6f2ea 42%,#eef5f1 100%);min-width:320px;min-height:100svh;margin:0}body,button,input,textarea{letter-spacing:0}img{max-width:100%;display:block}a{color:inherit}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2e0;border-bottom:1px solid #1020331a;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;min-height:76px;padding:10px 40px;display:grid;position:sticky;top:0;box-shadow:0 10px 28px #10203312}.brand,.footer-brand{color:var(--navy);align-items:center;gap:10px;font-weight:950;line-height:1;text-decoration:none;display:inline-flex}.brand{min-width:154px}.brand img,.footer-brand img{object-fit:contain;width:42px;height:42px}.brand span,.footer-brand span{white-space:nowrap;font-size:1.02rem}.main-nav,.site-footer nav{justify-content:center;align-items:center;gap:22px;display:flex}.main-nav a,.site-footer a{color:var(--navy-muted);font-size:.94rem;font-weight:850;text-decoration:none;transition:color .16s,transform .16s}.main-nav a:hover,.site-footer a:hover{color:var(--navy);transform:translateY(-1px)}.button{border:1px solid var(--green);background:var(--green);color:#062013;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:.96rem;font-weight:950;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 28px #25d3663d}.button:hover,.button:focus-visible{background:#35e57b;border-color:#35e57b;transform:translateY(-2px);box-shadow:0 16px 34px #25d3664d}.button.secondary{box-shadow:none;color:var(--navy);background:#fff}.button.secondary:hover,.button.secondary:focus-visible{background:var(--cream);border-color:var(--orange)}.hero{border-bottom:1px solid var(--line);background:#dce8e6;align-items:center;min-height:calc(86svh - 76px);padding:86px 40px 104px;display:grid;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";background:linear-gradient(90deg,#f6f2ea2e 0%,#f6f2ea6b 36%,#fffaf2e6 68%,#fffaf2fa 100%),linear-gradient(#fffaf21a 0%,#f6f2ead1 100%);position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%}.hero-copy{z-index:1;justify-self:end;gap:22px;width:min(680px,100%);display:grid;position:relative}.reveal{animation:.62s both reveal-up}.eyebrow{width:fit-content;color:var(--green-dark);letter-spacing:0;text-transform:uppercase;background:#25d3661c;border:1px solid #25d36647;border-radius:999px;margin:0;padding:7px 12px;font-size:.82rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;color:var(--navy);letter-spacing:0;margin-bottom:0;font-size:4.6rem;line-height:.98}h2{color:var(--navy);letter-spacing:0;margin-bottom:0;font-size:2.35rem;line-height:1.12}h3{color:var(--navy);letter-spacing:0;margin-bottom:0;font-size:1.22rem;line-height:1.35}p,li{color:var(--navy-muted);font-size:1rem;line-height:1.82}.hero-summary{color:#31465c;max-width:58ch;margin-bottom:0;font-size:1.18rem;font-weight:650;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.section{max-width:1180px;padding:var(--section) 40px;margin:0 auto}.section-header{gap:12px;max-width:760px;margin-bottom:34px;display:grid}.section-header p:last-child{margin-bottom:0}.feature-grid,.plan-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-item,.plan-card,.step-list article,.faq-list details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.feature-item,.plan-card,.step-list article{align-content:start;gap:14px;min-width:0;padding:28px;display:grid}.feature-item{border-top:4px solid #ff8a1fb8}.feature-item p,.plan-card p,.step-list p,.article-flow p,.text-list p{margin-bottom:0}.plan-card.featured{background:linear-gradient(180deg, #25d3661a 0%, #fff 42%), var(--surface);border-color:#25d36670;transform:translateY(-8px);box-shadow:0 22px 56px #128c4a2e}.plan-duration,.plan-card strong{color:var(--green-dark);margin:0;font-weight:950}.plan-card strong{font-size:1.1rem}.plan-card ul,.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-card li,.check-list li{padding-inline-start:24px;position:relative}.plan-card li:before,.check-list li:before{color:var(--green-dark);content:"✓";font-weight:950;position:absolute;inset-inline-start:0}.image-band{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:44px;max-width:1180px;margin:0 auto;padding:40px 40px 96px;display:grid}.image-band img{aspect-ratio:16/10;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);object-fit:cover;border:1px solid #ffffffbd}.image-band div{gap:14px;display:grid}.split-section{grid-template-columns:1fr 1fr;gap:48px;display:grid}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.tag-list span{color:#24384f;background:#fff;border:1px solid #1020331c;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:.92rem;font-weight:850;display:inline-flex}.faq-list{gap:12px;display:grid}.faq-list details{overflow:hidden}.faq-list summary{cursor:pointer;color:var(--navy);padding:20px 22px;font-weight:950}.faq-list p{margin:0;padding:0 22px 20px}.step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step-list span{color:var(--orange);font-size:1.65rem;font-weight:950}.article-flow{gap:18px;display:grid}.article-flow article,.text-list{border-bottom:1px solid var(--line);max-width:820px;padding-block:24px}.narrow-section{max-width:940px}.final-cta{border-radius:var(--radius);max-width:1180px;box-shadow:var(--shadow);background:radial-gradient(circle at 12% 10%,#ff8a1f29,#0000 34%),linear-gradient(135deg,#fff 0%,#ecfff4 100%);border:1px solid #25d3663d;justify-items:start;gap:14px;margin:0 auto 86px;padding:58px 40px;display:grid}.final-cta p{max-width:620px}.site-footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:38px 40px;display:grid}.site-footer p{max-width:420px;margin:10px 0 0;font-size:.92rem}.footer-note{color:var(--navy-muted);white-space:nowrap;justify-self:end}.not-found{align-content:center;gap:18px;min-height:70svh;padding:60px 40px;display:grid}.not-found h1{max-width:none;font-size:3rem}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){:root{--section:76px}.site-header{grid-template-columns:1fr auto;gap:18px;padding:10px 22px 0}.main-nav{grid-column:1/-1;justify-content:flex-start;padding-bottom:14px;overflow-x:auto}.header-cta{justify-self:end}h1{font-size:3.35rem}h2{font-size:2rem}.hero{min-height:76svh;padding:64px 22px 78px}.hero-media:after{background:linear-gradient(#fffaf2eb 0%,#fffaf2d6 46%,#f6f2eac2 100%),linear-gradient(90deg,#fffaf24d 0%,#fffaf2d1 100%)}.section,.image-band,.final-cta{padding-left:22px;padding-right:22px}.feature-grid,.plan-list,.step-list,.split-section,.image-band,.site-footer{grid-template-columns:1fr}.plan-card.featured{transform:none}.site-footer{align-items:start}.footer-note{justify-self:start}}@media (width<=620px){.site-header{grid-template-columns:auto auto;grid-template-areas:"brand cta""nav nav";gap:10px;min-height:auto}.brand{grid-area:brand;min-width:0}.brand img{width:36px;height:36px}.brand span{font-size:.9rem}.main-nav{grid-area:nav;gap:13px;padding-bottom:10px}.main-nav a{white-space:nowrap;font-size:.78rem}.header-cta{grid-area:cta;width:auto;min-height:38px;padding:0 10px;font-size:.78rem}h1{max-width:11ch;font-size:2.35rem}h2{font-size:1.58rem}.hero-summary{font-size:1rem}.hero{align-items:start;min-height:auto;padding-top:46px;padding-bottom:72px}.hero-copy{gap:18px}.hero-actions,.final-cta .hero-actions,.hero-actions .button,.final-cta .button{width:100%}.feature-item,.plan-card,.step-list article{padding:22px}.final-cta{margin-bottom:56px}}
