@font-face{font-family:Alexandria;src:url('/web-fonts/optimized/Alexandria-Regular-Core.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Alexandria;src:url('/web-fonts/optimized/Alexandria-SemiBold-Core.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Alexandria;src:url('/web-fonts/optimized/Alexandria-Bold-Core.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url('/branding/fonts/Satoshi/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/branding/fonts/Satoshi/Satoshi-Black.woff2') format('woff2');font-weight:900;font-display:swap}
:root{--ink:#161616;--paper:#f1f0ea;--orange:#ff652f;--ease-out:cubic-bezier(.25,1,.5,1);--ease-in-out:cubic-bezier(.75,0,.25,1);color:var(--ink);background:var(--paper);font-family:Satoshi,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}html[lang=ar]{font-family:Alexandria,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{color:var(--paper);background:var(--ink)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button{color:inherit}.skip-link{position:fixed;inset:10px auto auto 10px;transform:translateY(-150%);padding:14px;background:var(--paper);z-index:20}.skip-link:focus{transform:none}
.start-page{min-height:100svh;position:relative;isolation:isolate;overflow-x:clip;background:#f3d9b4}.start-world{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}.world-background{position:absolute;inset:-16px;display:block;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.025);transition:filter 1.2s var(--ease-in-out);will-change:transform}.world-background img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;display:block}.world-tint{position:absolute;inset:0;background:linear-gradient(180deg,#fff8ec00 12%,#fff4df22 36%,#f7e6ca00 78%);transition:background 1s}.world-stars{position:absolute;inset:0;opacity:0;background-image:radial-gradient(1px 1px at 25% 15%,#fff 90%,transparent),radial-gradient(1px 1px at 55% 8%,#fff 90%,transparent),radial-gradient(1px 1px at 75% 22%,#fff 90%,transparent);transition:opacity 1s}
.start-header{position:relative;z-index:5;display:flex;direction:ltr;align-items:center;justify-content:space-between;padding:30px clamp(22px,4.5vw,76px);gap:20px}.brand{display:block;flex-shrink:0}.brand img{display:block;width:155px;height:52px;object-fit:contain}.header-tools{display:flex;direction:ltr;align-items:center;gap:20px;font-family:Satoshi,sans-serif;font-size:14px}.language{display:inline-flex;min-height:44px;align-items:center}.language[lang=ar]{font-family:Alexandria,sans-serif;font-size:12px}.tool-divider{height:22px;border-inline-start:1px solid #16161640}.scene-controls{display:flex;gap:4px}.scene-controls button{background:transparent;border:1px solid transparent;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;transition:background .3s,border-color .3s}.scene-controls button[aria-pressed=true]{border-color:currentColor}.scene-controls button:hover{background:#f1f0ea55}.scene-controls svg{width:22px;height:22px}
.start-main{position:relative;z-index:2;width:min(100% - 48px,1080px);margin:0 auto;padding-top:8px;padding-bottom:clamp(160px,23vh,280px)}.start-intro{text-align:center}.start-eyebrow{font-size:14px;line-height:1.8;margin:0 0 24px}.start-intro h1{font-size:clamp(48px,5.5vw,86px);font-weight:900;line-height:1.04;letter-spacing:-.055em;margin:0}.title-line{display:block}.orange-dot{font-style:normal;color:var(--orange)}.start-support{font-size:clamp(17px,1.65vw,24px);line-height:1.8;margin:24px auto 30px;max-width:42em}html[lang=ar] .start-intro h1{font-weight:700;letter-spacing:-.045em;line-height:1.48;font-size:clamp(44px,5.7vw,86px)}html[lang=ar] .title-line:last-child{white-space:nowrap}.start-choices{width:min(100%,820px);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;scroll-margin-top:20px}.choice{background:#faf4e9f5;border:1px solid #30291c9c;border-radius:4px;padding:19px 22px 21px;box-shadow:0 12px 32px #392f1b16;display:flex;flex-direction:column;transition:background .35s,box-shadow .35s,transform .6s var(--ease-out);min-width:0}.choice-label{font-size:12px;line-height:1.8;margin:0 0 12px}.choice h2{font-size:27px;line-height:1.4;font-weight:900;letter-spacing:-.03em;margin:0 0 9px}.choice-description{font-size:14px;line-height:1.8;margin:0 0 18px}.choice-action{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:12px 42px;border-radius:3px;margin-top:auto;transition:background .3s,transform .4s var(--ease-out),box-shadow .3s;font-size:15px;line-height:1.6}.choice-action .action-arrow{position:absolute;inset-inline-end:15px;width:20px;transition:transform .4s var(--ease-out)}.choice-action .whatsapp-icon{position:absolute;inset-inline-start:12px;width:28px;height:28px}.action-orange{background:var(--orange);color:#161616}.action-dark{background:var(--ink);color:var(--paper)}.action-orange:hover{background:#ff7b4c}.action-dark:hover{background:#34342e}.choice-action:active{transform:scale(.98)}html[lang=ar] .choice h2{font-weight:700;letter-spacing:-.03em}html[lang=ar] .choice-action{font-weight:600;font-size:14px}
.scene-foreground{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene-foreground img{position:absolute;width:100%;height:auto;inset-inline-start:0;bottom:0;transform:translate3d(var(--foreground-x,0px),var(--foreground-y,0px),0) scale(1.025);transform-origin:50% 100%;transition:filter 1.2s;will-change:transform}.scene-foliage{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.scene-foliage img{position:absolute;width:100%;height:auto;left:0;top:0;transform:translate3d(var(--foliage-x,0px),var(--foliage-y,0px),0) scale(1.025);transform-origin:50% 0;transition:filter 1.2s;will-change:transform}.start-footer{position:absolute;bottom:0;inset-inline:0;z-index:4;display:flex;direction:ltr;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(22px,4.5vw,76px);font-size:11px;color:#fff;text-shadow:0 1px 5px #16161688}.start-footer>span:first-child{font-family:Satoshi,sans-serif;letter-spacing:.3em}.footer-signature{display:flex;align-items:center;gap:6px}.footer-signature i{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.start-page[data-scene=night]{color:#f1f0ea;background:#111f31}.start-page[data-scene=night] .world-background{filter:brightness(.34) saturate(.6) hue-rotate(12deg)}.start-page[data-scene=night] .world-tint{background:linear-gradient(180deg,#112b6299,#111d3b33 65%,#090f2366)}.start-page[data-scene=night] .world-stars{opacity:.9}.start-page[data-scene=night] .scene-foreground img,.start-page[data-scene=night] .scene-foliage img{filter:brightness(.5) saturate(.6)}.start-page[data-scene=night] .choice{background:#172236f5;border-color:#f1f0ea55}.start-page[data-scene=night] .action-dark{background:var(--paper);color:var(--ink)}.start-page[data-scene=night] .tool-divider{border-color:#f1f0ea55}
.resource-library{background:var(--paper)}.resource-library .start-header{background:var(--ink);color:var(--paper)}.library-main{max-width:1200px;margin:auto;padding:50px 28px 80px}.library-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px}.library-back svg{width:18px}.library-eyebrow{font-size:13px;margin:45px 0 18px}.library-main h1{font-size:clamp(34px,5vw,70px);line-height:1.3;letter-spacing:-.04em;margin:0;max-width:1000px;font-weight:900}html[lang=ar] .library-main h1{font-weight:700;letter-spacing:-.02em;line-height:1.65}.library-description{font-size:17px;line-height:1.9;max-width:700px;margin:20px 0 46px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}.library-card{padding:30px;border-bottom:1px solid #16161633;display:flex;flex-direction:column;gap:14px;min-width:0}.library-card:nth-child(odd){border-inline-end:1px solid #16161633}.library-card>p:first-child{font-size:12px}.library-card p{font-size:14px;line-height:1.9;margin:0}.library-card h2{font-size:24px;line-height:1.6;margin:0}.library-card a{display:flex;align-items:center;gap:18px;min-height:44px;margin-top:auto;padding-top:12px;text-decoration:underline;text-underline-offset:5px}.library-footer{display:flex;justify-content:space-between;padding:30px 5vw;border-top:1px solid #16161633;font-size:13px;gap:20px}.library-footer>span{font-family:Satoshi,sans-serif;letter-spacing:.2em}
@media(hover:hover) and (pointer:fine){.choice:hover{transform:translateY(-4px);box-shadow:0 20px 40px #392f1b22}.choice-action:hover .action-arrow{transform:translateX(3px)}}
@keyframes rise{from{transform:translateY(22px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:no-preference){[data-enter]{animation:rise .85s var(--ease-out) both}.start-eyebrow{animation-delay:.04s}.title-line:nth-child(1){animation-delay:.1s}.title-line:nth-child(2){animation-delay:.16s}.start-support{animation-delay:.22s}.choice-resources{animation-delay:.28s}.choice-contact{animation-delay:.34s}}
@media(min-width:1600px){.start-main{padding-top:3vh}.start-choices{width:900px}.choice{padding:24px 28px}.choice h2{font-size:31px}}
@media(max-width:1000px){.start-header{padding-block:22px}.start-main{padding-top:22px;padding-bottom:210px}.start-intro h1{font-size:clamp(45px,6.5vw,68px)}html[lang=ar] .start-intro h1{font-size:clamp(40px,6vw,65px)}.choice{padding:18px}.choice h2{font-size:25px}.choice-action{font-size:14px;padding-inline:36px}}
@media(max-width:700px){.start-header{padding:18px 22px}.brand img{width:122px;height:42px}.header-tools{gap:10px;font-size:12px}.scene-controls{gap:0}.scene-controls button{width:38px;height:38px}.scene-controls button svg{width:20px;height:20px}.tool-divider{display:none}.start-main{width:calc(100% - 40px);padding-top:18px;padding-bottom:185px}.start-eyebrow{font-size:10px;line-height:1.9;margin-bottom:19px}.start-intro h1{font-size:clamp(40px,9.8vw,65px);line-height:1.05;letter-spacing:-.05em}html[lang=ar] .start-intro h1{font-size:clamp(34px,8.6vw,53px);line-height:1.52;letter-spacing:-.045em}html[lang=ar] .title-line:last-child{white-space:normal;max-width:10em;margin:auto}.start-support{font-size:14px;line-height:1.9;margin:17px auto 25px;max-width:26em}.start-choices{grid-template-columns:1fr;gap:12px;max-width:440px}.choice{padding:14px 17px 16px;border-color:#534735a6;background:#faf4e9f7}.choice-label{font-size:10px;margin-bottom:8px}.choice h2{font-size:24px;margin-bottom:6px;line-height:1.5}.choice-description{font-size:12px;line-height:1.8;margin-bottom:13px}.choice-action,html[lang=ar] .choice-action{min-height:48px;font-size:13px;padding-block:10px}.scene-foreground img{width:140%;max-width:760px;left:50%;inset-inline-start:auto;transform:translateX(-50%) translate3d(var(--foreground-x,0px),var(--foreground-y,0px),0);bottom:0}.scene-foliage img{width:max(100%,560px);max-width:none;left:50%;transform:translateX(-50%) translate3d(var(--foliage-x,0px),var(--foliage-y,0px),0)}.world-background img{object-position:50% 50%}.world-tint{background:linear-gradient(180deg,#fff4df22,#fff4df33 45%,transparent 80%)}.start-footer{padding:18px 22px;font-size:9px}.library-main{padding:25px 22px 60px}.library-grid{grid-template-columns:1fr}.library-card{padding:25px 0}.library-card:nth-child(odd){border-inline-end:0}.library-footer{align-items:center;font-size:11px}.library-main h1{font-size:38px}}
@media(max-width:370px){.start-main{width:calc(100% - 32px);padding-top:10px}html[lang=ar] .start-intro h1{font-size:32px}.start-eyebrow{font-size:9px}.start-header{padding-inline:16px}.brand img{width:106px}.choice h2{font-size:22px}.choice-description{font-size:11px}}
/* Arabic connected type keeps its natural spacing at every breakpoint. */
html[lang=ar] .start-intro h1,html[lang=ar] .choice h2,html[lang=ar] .library-main h1{letter-spacing:0}
.scene-controls button{min-width:44px;min-height:44px}
.brand img.brand-day{display:none}
.world-night-background{opacity:0}
.start-page[data-scene=night].night-ready .world-night-background{opacity:1;filter:none}
.start-page[data-scene=night].night-ready .world-tint{background:linear-gradient(180deg,#07132933,transparent 70%)}
.world-background{transition:filter 1.2s var(--ease-in-out),transform .65s var(--ease-out)}
.world-night-background{transition:opacity 1.2s var(--ease-in-out),transform .65s var(--ease-out)}
.scene-foreground img,.scene-foliage img{transition:filter 1.2s var(--ease-in-out),transform .8s var(--ease-out)}
@media(max-width:700px){.scene-foreground img{width:100%}.start-page .brand{background:#f1f0eae8;padding:3px 7px;border-radius:3px}.start-page .brand img{width:115px;height:38px}.start-page .brand .brand-night{display:none}.start-page .brand .brand-day{display:block}.start-page[data-scene=night] .brand{background:transparent}.start-page[data-scene=night] .brand .brand-day{display:none}.start-page[data-scene=night] .brand .brand-night{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.world-background,.scene-foliage img,.scene-foreground img{will-change:auto}}