:root{color-scheme:dark;--surface-app: oklch(30% .045 245);--surface-veil: oklch(30% .045 245 / .88);--surface-card: oklch(36% .04 242);--surface-raised: oklch(40% .038 240);--border-subtle: oklch(100% 0 0 / .14);--border-strong: oklch(100% 0 0 / .28);--text-primary: oklch(98% .01 90);--text-secondary: oklch(90% .015 95);--text-muted: oklch(78% .02 100);--accent-100: oklch(28% .06 35);--accent-200: oklch(40% .1 35);--accent-400: oklch(78% .14 40);--accent-500: oklch(74% .155 38);--accent-600: oklch(66% .145 36);--accent-700: oklch(56% .12 34);--heading: oklch(99% .008 90);--icon-bg: oklch(74% .155 38 / .14);--icon-border: oklch(74% .155 38 / .36);--glow-accent: 0 0 0 1px oklch(74% .155 38 / .3), 0 10px 32px -10px oklch(74% .155 38 / .4);--nav-bg: oklch(30% .045 245 / .82);--nav-bg-scrolled: oklch(26% .04 245 / .96);--cta-bg: oklch(74% .155 38);--cta-fg: oklch(22% .04 245);--cta-shadow: oklch(10% .03 245 / .45);--cta-shadow-hover: oklch(8% .025 245 / .6);--plan-featured-bg: oklch(36% .04 242);--font-body: "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "El Messiri", "Tajawal", sans-serif;--wrap: min(1120px, calc(100% - 2.5rem) );--radius: 16px;--radius-sm: 10px;--header-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%}body{background:radial-gradient(1200px 600px at 85% -10%,oklch(45% .08 245deg / .35),transparent 60%),radial-gradient(900px 500px at 10% 20%,oklch(40% .07 38deg / .12),transparent 55%),var(--surface-app);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul{list-style:none}*:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:6px}.wrap{width:var(--wrap);margin-inline:auto}.font-display{font-family:var(--font-display)}.accent{color:var(--accent-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.35rem;border-radius:12px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--cta-bg);color:var(--cta-fg);box-shadow:0 10px 28px -12px var(--cta-shadow)}.btn-primary:hover{box-shadow:0 14px 32px -10px var(--cta-shadow-hover)}.btn-ghost{border:1px solid var(--border-strong);background:#ffffff0a}.btn-ghost:hover{border-color:var(--accent-500);background:#fc845f14}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.92rem}.chip svg{width:14px;height:14px;color:var(--accent-500)}.section{padding:4.5rem 0}.section-head{text-align:center;max-width:680px;margin:0 auto 2.75rem}.section-head h2{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:700;line-height:1.35;color:var(--heading);margin-bottom:.75rem}.section-head p{color:var(--text-muted);font-size:1.05rem}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem}.icon-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--icon-bg);border:1px solid var(--icon-border);color:var(--accent-500);margin-bottom:1rem}.icon-badge svg{width:22px;height:22px}.reveal{animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){:root{--wrap: min(1120px, calc(100% - 1.5rem) );--header-h: 64px}.section{padding:3.25rem 0}}
