@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--brand-50: #f0fdfa;--brand-200: #99f6e4;--brand-500: #0f766e;--brand-600: #115e59;--brand-700: #134e4a;--brand-900: #042f2e;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-600: #475569;--neutral-900: #0f172a;--color-primary: var(--brand-500);--color-primary-hover: var(--brand-600);--color-on-primary: #ffffff;--color-bg: #fbfcfc;--color-surface: #ffffff;--color-surface-tint: #f2f7f7;--color-fg: var(--neutral-900);--color-fg-muted: var(--neutral-600);--color-border: #e5eaef;--color-icon-bg: var(--brand-50);--color-success: #15803d;--color-success-bg: #f0fdf4;--color-warning: #b45309;--color-warning-bg: #fef3c7;--color-ring: var(--brand-500);--font-display: "Source Serif 4", Georgia, serif;--font-latin: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic: "Tajawal", "Inter", system-ui, sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .04), 0 2px 8px -2px rgb(15 23 42 / .05);--shadow-md: 0 1px 2px rgb(15 23 42 / .04), 0 6px 16px -6px rgb(15 23 42 / .07), 0 18px 36px -20px rgb(15 23 42 / .12);--shadow-lg: 0 2px 4px rgb(15 23 42 / .04), 0 12px 28px -10px rgb(15 23 42 / .1), 0 32px 64px -28px rgb(15 23 42 / .18);--shadow-brand: 0 1px 2px rgb(4 47 46 / .14), 0 8px 20px -8px rgb(15 118 110 / .55);--highlight: inset 0 1px 0 rgb(255 255 255 / .8);--space-section: clamp(3rem, 6.5vw, 5.25rem);--container: 1120px;--gutter: 16px;--header-h: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .24s;color-scheme:light}@media(min-width:768px){:root{--gutter: 32px;--header-h: 72px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-latin);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[lang=ar] body{font-family:var(--font-arabic);line-height:1.75}body.menu-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3{letter-spacing:-.02em;line-height:1.15;text-wrap:balance;font-weight:400;font-family:var(--font-display)}html[lang=ar] :is(h1,h2,h3){font-family:var(--font-arabic);font-weight:700;letter-spacing:0;line-height:1.35}h1{font-size:clamp(2.25rem,5.2vw,4.5rem)}h2{font-size:clamp(2rem,3.4vw,3rem)}h3{font-size:1.1875rem}:focus-visible{outline:3px solid var(--color-ring);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;inset-inline-start:16px;top:-100px;z-index:1000;padding:12px 18px;border-radius:var(--radius-sm);background:var(--color-fg);color:#fff;font-weight:600;text-decoration:none}.skip-link:focus{top:12px}.icon{flex-shrink:0}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,transform var(--dur-fast) ease}.btn:active{transform:scale(.98)}@media(hover:hover){.btn--primary:hover,.btn--outline:hover,.btn--light:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}}.btn--sm{padding:0 16px;font-size:.875rem}.btn--lg{min-height:54px;padding:0 28px;font-size:1rem}.btn--block{width:100%}.btn--icon{width:44px;padding:0}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--outline{background:var(--color-surface);border-color:var(--color-border);color:var(--color-fg);box-shadow:var(--shadow-sm)}.btn--outline:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-md)}.btn--outline .icon{color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-fg)}.btn--ghost:hover{background:var(--neutral-100)}.btn--light{background:#fff;color:var(--brand-700);box-shadow:0 10px 24px -10px #042f2e99}.btn--light:hover{background:var(--brand-50)}.header{position:sticky;top:0;z-index:100;background:#ffffffbf;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur-base) ease,background-color var(--dur-base) ease}.header--scrolled{border-bottom-color:var(--color-border);background:#ffffffeb;box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;gap:12px;height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:1.5rem;letter-spacing:-.02em;text-decoration:none;font-family:var(--font-latin)}.brand img{flex-shrink:0;border-radius:10px}.header__nav{display:none;gap:4px;margin-inline-start:24px}.header__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--radius-full);color:var(--color-fg-muted);font-weight:500;font-size:.9375rem;text-decoration:none;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease}.header__nav a:hover{color:var(--color-fg);background:var(--neutral-100)}.header__actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.header__cta{display:none}.lang{display:inline-flex;padding:3px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface)}.lang__option{min-width:44px;min-height:44px;padding:0 8px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-fg-muted);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}.lang__option[lang=ar]{font-family:var(--font-arabic);font-size:1rem;line-height:1}.lang__option:hover{color:var(--color-fg)}.lang__option[aria-pressed=true]{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand)}@media(max-width:399px){.header .brand{flex-shrink:0;font-size:1.25rem}}@media(max-width:359px){.header .brand span{display:none}}.mobile-menu{border-top:1px solid var(--color-border);background:var(--color-bg);max-height:calc(100dvh - var(--header-h));overflow-y:auto}.mobile-menu__inner{display:grid;gap:4px;padding-block:12px 24px}.mobile-menu__inner a:not(.btn){display:flex;align-items:center;min-height:52px;padding-inline:8px;border-bottom:1px solid var(--color-border);font-weight:600;font-size:1.0625rem;text-decoration:none}.mobile-menu__inner .btn{margin-top:16px}@media(min-width:640px){.header__cta{display:inline-flex}}@media(min-width:1000px){.header__nav{display:flex}.header__menu,.mobile-menu{display:none!important}}.section{padding-block:var(--space-section)}.section--tight{padding-block:calc(var(--space-section) * .5)}.section--tinted{background:var(--color-surface-tint)}.section__head{max-width:640px;margin:0 auto clamp(2rem,4vw,2.75rem);text-align:center}.section__head h2{margin-top:10px}.section__head>p:not(.eyebrow){margin-top:14px;color:var(--color-fg-muted);font-size:1.0625rem}.section__head--start{text-align:start;margin-inline:0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--color-fg-muted);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:3px;border-radius:2px;background:var(--color-primary)}html[lang=ar] .eyebrow{letter-spacing:0;font-size:.9375rem;text-transform:none}.eyebrow--light{color:#fffc}.eyebrow--light:before{background:var(--brand-200)}.lead{color:var(--color-fg-muted);font-size:clamp(1.0625rem,1.5vw,1.1875rem);max-width:54ch}.lead--sm{font-size:1.0625rem}.tick{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);flex-shrink:0}.device{margin:0;width:min(100%,300px);padding:7px;border:1px solid var(--color-border);border-radius:32px;background:var(--color-surface);box-shadow:var(--shadow-lg),var(--highlight)}.device img{width:100%;border-radius:24px;aspect-ratio:390 / 844}.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(2rem,4vw,4rem) clamp(3rem,6vw,5rem)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 12% 18%,rgb(153 246 228 / .32),transparent 70%),radial-gradient(32% 38% at 88% 14%,rgb(254 243 199 / .55),transparent 70%),radial-gradient(60% 50% at 50% 92%,rgb(204 251 241 / .45),transparent 72%)}.hero__grid{display:grid;gap:48px}.hero__copy{max-width:880px;margin-inline:auto;text-align:center}.hero__copy h1{margin-top:24px}.hero__copy .lead{margin:20px auto 0;max-width:64ch}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.hero__actions .btn{flex:1 1 auto}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-700);font-size:.8125rem;font-weight:500}.pill__dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--color-primary)}.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:24px;color:var(--color-fg-muted);font-size:.8125rem}.trust li{display:flex;align-items:center;gap:8px}.trust .tick{width:18px;height:18px}.hero__visual{position:relative;display:flex;justify-content:center}.desktop-preview{display:none}.device--hero{width:min(80vw,320px)}@media(min-width:560px){.hero__actions .btn{flex:0 0 auto}}@media(min-width:960px){.hero__visual{margin-inline:24px 64px;margin-bottom:32px}.desktop-preview{display:block;width:100%;margin:0;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg),var(--highlight)}.desktop-preview img{width:100%;border-radius:var(--radius-lg)}.device--hero{position:absolute;width:22%;inset-inline-end:-56px;bottom:-32px}}.section--film{padding-top:clamp(1rem,3vw,2.5rem)}.film{max-width:960px;margin-inline:auto;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg),var(--highlight)}.film__poster,.film__media{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:var(--radius-lg)}.film__poster{position:relative;padding:0;border:0;overflow:hidden;background:var(--color-surface-tint);cursor:pointer;touch-action:manipulation}.film__poster img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.film__poster:focus-visible{outline-offset:4px;border-radius:var(--radius-lg)}.film__media{background:#0b1f1d}.film__cta{position:absolute;bottom:clamp(10px,3vw,24px);inset-inline-start:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 8px 6px 6px;padding-inline:6px 8px;border-radius:var(--radius-full);background:#fffffff0;color:var(--color-fg);font-weight:600;font-size:.9375rem;white-space:nowrap;box-shadow:var(--shadow-lg);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}[dir=rtl] .film__cta{translate:50% 0}.film__play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand)}.film__play .icon{fill:currentColor;margin-left:2px}.film__time{padding:4px 10px;border-radius:var(--radius-full);background:var(--color-surface-tint);color:var(--color-fg-muted);font-size:.8125rem;font-variant-numeric:tabular-nums}@media(hover:hover){.film__poster:hover img{transform:scale(1.015)}.film__poster:hover .film__cta{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 0 6px #ffffff73}}.film__poster:active .film__cta{transform:scale(.98)}@media(min-width:768px){.film{padding:10px}.film__cta{min-height:56px;padding-inline:8px 12px;font-size:1rem}.film__play{width:42px;height:42px}}.stories{display:grid;gap:16px}.story,.step,.fact{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}@media(hover:hover){.story:hover,.step:hover,.fact:hover{box-shadow:var(--shadow-lg);border-color:var(--neutral-200)}}.story{display:flex;align-items:flex-start;gap:18px;padding:24px;border-radius:var(--radius-lg)}.story__icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-icon-bg);color:var(--color-primary);box-shadow:var(--highlight)}.story__body{display:grid;gap:6px;padding-inline-end:8px}.story__body>p:last-child{color:var(--color-fg-muted);font-size:.9375rem}.story__before{display:flex;align-items:flex-start;gap:6px;color:var(--color-fg-muted);font-size:.8125rem}.story__before .icon{margin-top:3px;color:var(--neutral-300)}.story__before>span{text-decoration:line-through;text-decoration-color:var(--neutral-300)}@media(min-width:820px){.stories{grid-template-columns:repeat(2,1fr);gap:20px}.story{padding:28px;gap:20px}}.steps{display:grid;gap:16px;counter-reset:step}.step{position:relative;display:grid;gap:8px;padding:24px;border-radius:var(--radius-lg)}.step p{color:var(--color-fg-muted);font-size:.9375rem}.step__number{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:14px;background:var(--color-primary);color:#fff;font-weight:600;font-family:var(--font-latin);box-shadow:var(--shadow-brand)}@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr);gap:20px}.step:not(:last-child):after{content:"";position:absolute;top:44px;inset-inline-start:76px;inset-inline-end:-20px;height:1px;background:var(--neutral-300)}}.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-width:680px;margin:0 auto 36px;padding:5px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border:0;border-radius:14px;background:transparent;color:var(--color-fg-muted);font-weight:600;font-size:.9375rem;cursor:pointer;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}.tab:hover{color:var(--color-fg);background:var(--neutral-100)}.tab[aria-selected=true]{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand)}@media(min-width:720px){.tabs{grid-template-columns:repeat(4,1fr);border-radius:var(--radius-full)}.tab{border-radius:var(--radius-full)}}.tour{display:grid;gap:36px;align-items:center;justify-items:center;max-width:880px;margin-inline:auto}.tour:focus-visible{outline-offset:12px;border-radius:var(--radius-lg)}.tour__copy{display:grid;gap:14px;max-width:480px}.tour__copy h3{font-size:clamp(1.75rem,2.6vw,2.5rem)}.tour__copy>p{color:var(--color-fg-muted);font-size:1.0625rem}.checks{display:grid;gap:12px;margin-top:6px}.checks li{display:flex;align-items:center;gap:12px;font-weight:500}.note{display:flex;gap:10px;margin-top:6px;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-fg-muted);font-size:.9375rem}.note .icon{margin-top:2px;color:var(--color-fg-muted)}@media(min-width:860px){.tour{grid-template-columns:1fr auto;gap:64px;justify-items:start}.tour .device{width:260px}}.fade-enter-active{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.fade-leave-active{transition:opacity .14s ease}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0}.local{display:grid;gap:48px;align-items:center}.local__visual{display:flex;justify-content:center}.local__copy h2{margin-top:10px}.local__copy .lead{margin-top:14px}.facts{display:grid;gap:12px;margin-top:28px}.fact{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-weight:600;line-height:1.4}@media(hover:hover){.fact:hover{box-shadow:var(--shadow-md)}}.fact__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--color-icon-bg);color:var(--color-primary);flex-shrink:0}@media(min-width:640px){.facts{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.local{grid-template-columns:.75fr 1.25fr;gap:72px}}.cta{position:relative;display:grid;gap:28px;overflow:hidden;padding:clamp(28px,5vw,56px);border-radius:var(--radius-xl);background:radial-gradient(45% 70% at 100% 0%,rgb(255 255 255 / .08),transparent 70%),linear-gradient(140deg,var(--brand-500),var(--brand-700));color:#fff;box-shadow:0 30px 60px -30px #0f766e99,inset 0 1px #ffffff1f}.cta__mark{position:absolute;inset-inline-end:-40px;bottom:-60px;width:280px;height:280px;color:#ffffff12;pointer-events:none}[dir=rtl] .cta__mark{transform:scaleX(-1)}.cta__copy{position:relative;display:grid;gap:12px;max-width:600px}.cta__copy>p{color:#ffffffe0;font-size:1.0625rem}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgb(255 255 255 / .2);border-radius:var(--radius-full);background:#ffffff14;font-size:.875rem;font-weight:500}.chips .icon{color:#a7dcc1}.cta__action{position:relative;display:grid;gap:14px;align-content:center}.cta__action p{color:#ffffffd1;font-size:.875rem;max-width:36ch}@media(min-width:960px){.cta{grid-template-columns:1.4fr 1fr;align-items:center;gap:48px}.cta__action{justify-items:start}}.faq{display:grid;gap:28px}.faq .section__head{margin-bottom:0}.faq__list{display:grid;gap:10px}.faq__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}@media(hover:hover){.faq__item:hover{box-shadow:var(--shadow-md)}}.faq__item[open]{border-color:var(--neutral-200);box-shadow:var(--shadow-md)}.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:14px 20px;font-weight:600;cursor:pointer;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:focus-visible{outline-offset:-3px;border-radius:var(--radius-md)}.faq__toggle{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--color-icon-bg);color:var(--color-fg);flex-shrink:0;transition:transform var(--dur-base) var(--ease-out)}.faq__item[open] .faq__toggle{transform:rotate(45deg)}.faq__item p{padding:0 20px 18px;color:var(--color-fg-muted)}@media(min-width:960px){.faq{grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}.faq .section__head{position:sticky;top:calc(var(--header-h) + 32px)}}.footer{border-top:1px solid var(--color-border);background:var(--neutral-50)}.footer__grid{display:grid;gap:28px;padding-block:40px 28px}.footer__brand p{margin-top:10px;max-width:46ch;color:var(--color-fg-muted);font-size:.9375rem}.footer__nav{display:grid;gap:2px;align-content:start}.footer__nav a,.footer__nav span{display:inline-flex;align-items:center;min-height:44px;color:var(--color-fg-muted);font-size:.9375rem;text-decoration:none}.footer__nav a:hover{color:var(--color-fg);text-decoration:underline}.footer__nav span{cursor:default}.footer__legal{padding-block:18px 28px;border-top:1px solid var(--color-border);color:var(--color-fg-muted);font-size:.875rem}@media(min-width:768px){.footer__grid{grid-template-columns:1fr auto}}.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:90;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@media(max-width:639px){.footer{padding-bottom:72px}}@media(min-width:640px){.sticky-cta{display:none}}.slide-up-enter-active{transition:transform var(--dur-base) var(--ease-out)}.slide-up-leave-active{transition:transform .16s ease-in}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}