:root{--teal: #5bccd8;--teal-dark: #167684;--purple: #aa3d8e;--kufi: #3478d4;--gold: #efc44f;--coral: #ef826d;--ink: #153349;--muted: #5d7481;--cream: #fffaf0;--white: #ffffff;--shadow: 0 24px 70px rgba(14, 52, 68, .2);--sky-shift: clamp(0px, (1600px - 100vw) * 300 / 900, 300px);--boy-glow-filter: drop-shadow(0 0 13px rgba(0, 0, 0, .51)) drop-shadow(0 0 43px rgba(53, 43, 17, .33)) drop-shadow(0 0 91px rgba(203, 167, 67, .19)) drop-shadow(0 20px 18px rgba(29, 58, 72, .18));--copy-glow: 0 2px 7px rgba(0, 0, 0, 1), 0 2px 24px rgba(0, 0, 0, .65);color-scheme:light}html[dir=ltr] body{font-family:Nunito,Tajawal,Segoe UI,Tahoma,sans-serif}html[dir=ltr] .hold{justify-content:flex-start}html[dir=ltr] .boy{left:auto;right:var(--boy-end, -226px)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{scroll-behavior:smooth}html.snap-holds{scroll-snap-type:y mandatory}html.snap-holds .hold{scroll-snap-align:start;scroll-snap-stop:always}body{min-width:320px;overflow-x:hidden;background:#184b64;color:var(--ink);font-family:Tajawal,Segoe UI,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}.sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(165deg,#17334f,#236c87 55%,#f6b373)}.sky-wash{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 16% 28%,rgba(255,255,255,.15),transparent 23%),linear-gradient(90deg,transparent 0 48%,rgba(255,250,240,.08) 100%)}#sky-video{position:absolute;top:0;bottom:0;left:calc(-1 * var(--sky-shift));z-index:1;width:calc(100% + var(--sky-shift));height:100%;object-fit:cover;filter:saturate(1.05)}.topbar{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;flex-wrap:nowrap;gap:2rem;padding:1.15rem clamp(1.25rem,5vw,4.5rem);pointer-events:none}.brand{display:inline-flex;align-items:center;gap:.7rem;min-height:3.2rem;padding-block:.55rem;padding-inline:.9rem 1.15rem;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#ffffffe0;box-shadow:0 10px 34px #143b4924;color:var(--ink);font-size:1.08rem;font-weight:800;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.brand>span{white-space:nowrap}.brand-mark{width:2rem;height:2rem;flex:0 0 auto;object-fit:cover;border-radius:50%;box-shadow:inset 0 -3px #1676842e}.menu-toggle,.nav-shade,.nav-title{display:none}.site-nav{display:flex;align-items:center;gap:.28rem;padding:.38rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffc2;box-shadow:0 10px 32px #143b491f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.45rem .68rem;border-radius:999px;color:#486271;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-link:hover{color:var(--teal-dark)}.nav-link.is-active{background:var(--ink);color:var(--white);transform:translateY(-1px)}.nav-home{gap:.42rem;padding-inline:.4rem .72rem;font-weight:800}.nav-mark{width:1.45rem;height:1.45rem;flex:0 0 auto;object-fit:cover;border-radius:50%}.topbar-end{display:flex;align-items:center;gap:.65rem;margin-inline-start:auto;pointer-events:auto}@media(min-width:701px)and (not ((orientation:landscape)and (max-height:500px)and (max-width:980px))){.brand{display:none}.topbar-end{display:contents;margin-inline-start:0}.nav-slot{margin-inline-start:0}.langs{margin-inline-start:auto}}.nav-slot{display:flex;align-items:center}.langs{display:flex;align-items:center;gap:.12rem;padding:.3rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#ffffffc2;box-shadow:0 10px 32px #143b491f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.langs button{display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;min-height:2.3rem;padding:0 .55rem;border:0;border-radius:999px;background:transparent;color:#486271;font-family:Tajawal,Nunito,Segoe UI,Tahoma,sans-serif;font-size:.78rem;font-weight:800;line-height:1;cursor:pointer;transition:color .18s ease,background .18s ease}.langs button:hover{color:var(--teal-dark)}.langs button[aria-pressed=true]{background:var(--ink);color:var(--white)}.langs button[data-lang=ar]{font-size:.95rem;translate:0 .06em}.boy{position:fixed;z-index:20;left:var(--boy-end, -226px);right:auto;bottom:var(--boy-bottom, -48px);width:var(--boy-w, 1282px);height:var(--boy-h, 89dvh);margin:0;padding:0;border:0;outline-offset:-.25rem;background:transparent;opacity:1;pointer-events:none;transition:opacity .22s ease;-webkit-tap-highlight-color:transparent}.boy.is-swap{opacity:0}#boy-canvas{display:block;width:100%;height:100%;filter:var(--boy-glow-filter)}#boy-video{position:absolute;inset:0;width:2px;height:2px;visibility:hidden;opacity:0;pointer-events:none}.story{position:relative;z-index:5}.hold{--accent: var(--teal);--accent-dark: var(--teal-dark);--hold-pad-inline: clamp(1.25rem, 6vw, 5.5rem);--copy-max: min( 100%, var( --copy-w, max(0px, calc(50vw - var(--hold-pad-inline) + var(--copy-x, 0px))) ) );display:flex;min-height:100dvh;align-items:center;justify-content:flex-start;padding:7.5rem var(--hold-pad-inline) 4.5rem}.hold:nth-child(2){--accent: var(--gold);--accent-dark: #9b7410}.hold:nth-child(3){--accent: var(--kufi);--accent-dark: #235a9f}.hold:nth-child(4){--accent: var(--coral);--accent-dark: #ac4d3d}.hold:nth-child(5){--accent: var(--purple);--accent-dark: #76245f}.hold:nth-child(6){--accent: var(--teal);--accent-dark: var(--teal-dark)}.copy{position:relative;z-index:0;width:min(var(--copy-w, 54rem),100%);max-width:var(--copy-max, 100%);padding:clamp(1.6rem,3vw,2.8rem) clamp(1.5rem,3.5vw,3.3rem);overflow:visible;border:1px solid rgba(255,255,255,.86);border-radius:clamp(1.6rem,3vw,2.5rem);background:#fffaf0e8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px) saturate(1.1);backdrop-filter:blur(15px) saturate(1.1);translate:var(--copy-x, 0px) 0}.copy:before{position:absolute;inset:0 0 0 auto;width:.55rem;background:var(--accent);content:""}.copy:after{position:absolute;top:-3.8rem;left:-3.5rem;width:9rem;height:9rem;border:1.5rem solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;content:"";pointer-events:none}h1,h2{position:relative;z-index:1;max-width:100%;margin:0;color:var(--ink);font-weight:800;letter-spacing:-.035em;line-height:1.12;overflow-wrap:break-word}h1{font-size:clamp(3.6rem,7vw,6.4rem)}h2{font-size:clamp(2.7rem,5.4vw,4.8rem)}.line{position:relative;z-index:1;max-width:100%;margin:1.1rem 0 0;color:var(--muted);font-size:clamp(1.15rem,2.1vw,1.55rem);font-weight:500;line-height:1.65;overflow-wrap:break-word}.scroll-cta{display:inline-flex;align-items:center;gap:.7rem;margin:2rem 0 0;max-width:100%;padding-block:.72rem;padding-inline:1.2rem 1.05rem;border:0;border-radius:999px;background:var(--teal);box-shadow:0 10px 24px #5bccd861;color:var(--white);font-size:.95rem;font-weight:800;line-height:1;text-decoration:none;text-shadow:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.scroll-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px #5bccd875;filter:brightness(1.04)}.scroll-cta:focus-visible{outline:2px solid var(--white);outline-offset:3px}.scroll-mouse{position:relative;width:1.05rem;height:1.65rem;flex:0 0 auto;border:2px solid var(--white);border-radius:.7rem}.scroll-wheel{position:absolute;bottom:.22rem;left:50%;width:.2rem;height:.38rem;border-radius:999px;background:var(--white);transform:translate(-50%);animation:scroll-wheel 1.8s cubic-bezier(.15,.41,.69,.94) infinite}@keyframes scroll-wheel{0%{opacity:0;transform:translate(-50%) translateY(0)}18%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-.55rem)}}.stores{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1.6rem}.store{display:block;width:min(100%,10.5rem);aspect-ratio:120 / 40;max-width:100%;line-height:0;text-decoration:none;transition:transform .18s ease}.store:hover{transform:translateY(-2px)}.store[aria-disabled=true]{cursor:default;opacity:.72;pointer-events:none}.store img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.copy h1,.copy h2,.copy .line{text-shadow:var(--copy-glow)}@media(max-width:1080px){.site-nav{gap:.18rem;padding:.3rem}.nav-link{min-height:2.1rem;padding:.35rem .5rem;font-size:.74rem}.langs button{min-width:2.1rem;min-height:2.1rem;padding:0 .48rem;font-size:.74rem}}@media(max-width:980px){.copy{width:min(var(--copy-w, 48rem),var(--copy-max, 100%))}}@media(max-width:700px),(orientation:landscape)and (max-height:500px)and (max-width:980px){.topbar{justify-content:flex-start;gap:.4rem;padding:.75rem .7rem}.brand{display:inline-flex}.topbar-end{display:flex;gap:0}.nav-slot{width:0;min-width:0;height:0;overflow:visible;flex:0 0 0}.brand{min-width:0;min-height:2.75rem;padding-block:.4rem;padding-inline:.55rem .75rem;font-size:.9rem}.brand-mark{width:1.7rem;height:1.7rem}.menu-toggle{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:#ffffffe0;box-shadow:0 10px 34px #143b4924;pointer-events:auto;cursor:pointer}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{display:block;width:1.05rem;height:.12rem;border-radius:999px;background:var(--ink);transition:translate .18s ease,rotate .18s ease,opacity .18s ease}.menu-toggle-bars{position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{position:absolute;inset-inline-start:0;content:""}.menu-toggle-bars:before{translate:0 -.34rem}.menu-toggle-bars:after{translate:0 .34rem}body.nav-open .menu-toggle-bars{background:transparent}body.nav-open .menu-toggle-bars:before{translate:0 0;rotate:45deg}body.nav-open .menu-toggle-bars:after{translate:0 0;rotate:-45deg}.nav-shade{display:block;position:fixed;inset:0;z-index:31;background:#0c223075;pointer-events:auto}.nav-shade[hidden]{display:none}.site-nav{position:fixed;inset-block:0;inset-inline-start:0;z-index:32;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:min(18.5rem,calc(100vw - 4.5rem));padding:5.4rem 1.1rem 1.4rem;border:0;border-inline-end:1px solid rgba(255,255,255,.7);border-radius:0;background:#fffaf0f7;box-shadow:-18px 0 40px #0e344438;translate:110% 0;visibility:hidden;pointer-events:none;transition:translate .22s ease,visibility .22s ease}body.nav-open .site-nav{translate:0;visibility:visible;pointer-events:auto}html[dir=ltr] .site-nav{translate:-110% 0;box-shadow:18px 0 40px #0e344438}html[dir=ltr] body.nav-open .site-nav{translate:0}.nav-title{display:block;margin:0 .35rem .4rem;color:var(--muted);font-size:.78rem;font-weight:800}.nav-link{justify-content:flex-start;min-height:2.7rem;padding:.55rem .85rem;font-size:1.05rem}.nav-link.is-active{transform:none}body.nav-open{overflow:hidden}.hold{--hold-pad-inline: 1rem;--copy-max: min(100%, var(--copy-w, 100%));min-height:100dvh;align-items:flex-start;justify-content:flex-start;padding:6.3rem var(--hold-pad-inline) 4.5rem}html[dir=ltr] .hold{justify-content:flex-start}.copy{width:min(var(--copy-w, 100%),100%);max-width:100%;padding:1.4rem 1.25rem 1.55rem;border-radius:1.5rem;background:#fffaf0f0}.copy:after{top:-5rem;left:-5rem}h1{font-size:clamp(3rem,16vw,4.1rem)}h2{font-size:clamp(2.25rem,11.5vw,3.1rem)}.line{font-size:1.08rem}.stores{gap:.55rem}.langs{padding:.18rem}.langs button{min-width:2rem;min-height:2rem;padding:0 .38rem;font-size:.68rem}.langs button[data-lang=ar]{font-size:.86rem}.scroll-mouse{width:.84rem;height:1.78rem;border-radius:.16rem}}@media(max-width:550px){.scroll-cta{font-size:.86rem;gap:.5rem;padding-inline:.95rem .85rem}}@media(max-width:420px){.brand{padding-inline:.55rem .75rem;font-size:.88rem}.hold{--hold-pad-inline: .75rem;padding-inline:var(--hold-pad-inline)}.copy{padding-inline:.15rem}.langs button{min-width:1.85rem;min-height:1.85rem;padding:0 .32rem;font-size:.64rem}}@media(orientation:landscape)and (max-height:500px)and (max-width:980px){.topbar{padding:.45rem .7rem}.brand{min-height:2.35rem;padding-block:.28rem;font-size:.84rem}.brand-mark{width:1.45rem;height:1.45rem}.menu-toggle{width:2.35rem;height:2.35rem}.site-nav{padding:4rem 1rem 1rem;width:min(16.5rem,calc(100vw - 3.5rem))}.nav-link{min-height:2.3rem;padding:.4rem .75rem;font-size:.95rem}.hold{--hold-pad-inline: 1rem;--copy-max: min(100%, var(--copy-w, 100%));align-items:center;padding:4.1rem var(--hold-pad-inline) 1rem}.copy{padding:.85rem 1.05rem .95rem;border-radius:1.15rem}.copy:after{top:-3.2rem;left:-3.2rem;width:6.5rem;height:6.5rem;border-width:1.1rem}h1{font-size:clamp(1.7rem,5.2vw,2.35rem)}h2{font-size:clamp(1.4rem,4.2vw,1.95rem)}.line{margin-top:.45rem;font-size:.95rem;line-height:1.45}.scroll-cta{margin-top:.75rem;gap:.5rem;padding-block:.55rem;padding-inline:.95rem .85rem;font-size:.82rem}.stores{margin-top:.75rem;gap:.4rem}.store{width:min(100%,8.4rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.snap-holds{scroll-snap-type:none}.nav-link,.langs button,.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after,.site-nav,.boy,.store,.scroll-cta{transition:none}.scroll-wheel{animation:none;opacity:1}}html.debug-on .boy,html.debug-preview .boy{outline:1px dashed rgba(239,196,79,.72)}html.bare-cards .copy{padding:.4rem .15rem;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html.bare-cards .copy:before,html.bare-cards .copy:after{display:none}html.bare-cards h1,html.bare-cards h2,html.bare-cards .line{text-shadow:var(--copy-glow)}html.content-dark .copy{padding:.4rem .15rem;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html.content-dark .copy:before,html.content-dark .copy:after{display:none}html.content-dark h1,html.content-dark h2{color:var(--cream)}html.content-dark .line{color:#fffaf0db}html.content-dark h1,html.content-dark h2,html.content-dark .line{text-shadow:var(--copy-glow)}html.debug-on,html.debug-on body.debug-shell{height:100dvh;overflow:hidden}html.debug-on body.debug-shell{display:flex;flex-direction:row}html.debug-on body.debug-shell>.sky,html.debug-on body.debug-shell>.topbar,html.debug-on body.debug-shell>.boy,html.debug-on body.debug-shell>.story{display:none!important}.debug-stage{display:flex;flex:1;min-width:0;justify-content:center;overflow:auto;background:#0c2230}.debug-stage:has(.debug-frame.is-landscape){align-items:center}.debug-frame{width:var(--preview-width, 1280px);height:100%;flex:0 0 auto;border:0;background:#184b64;box-shadow:0 0 40px #00000059}.debug-frame.is-fluid{width:100%}.debug-frame.is-landscape{width:var(--preview-width, 844px);height:var(--preview-height, 390px)}.debug-custom{display:grid;gap:.45rem}.debug-custom[hidden]{display:none}.debug-custom button{min-height:1.7rem;padding:.2rem .55rem;border:1px solid rgba(21,51,73,.16);border-radius:.45rem;background:var(--white);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.debug-custom button:disabled{opacity:.45;cursor:default}html.debug-on .debug-panel{position:relative;top:0;right:auto;left:auto;width:22.5rem;height:100dvh;border-radius:0;flex:0 0 22.5rem}html.debug-on .debug-panel.is-float{position:fixed;top:.75rem;inset-inline-start:.75rem;right:auto;z-index:90;width:22.5rem;height:auto;max-height:calc(100dvh - 1.5rem);border-radius:1rem;flex:none}html.debug-on body.debug-shell.is-float .debug-stage{flex:1 1 auto;width:100%}html.debug-on .debug-panel-head{cursor:default}html.debug-on .debug-panel.is-float .debug-panel-head{cursor:grab}html.debug-on .debug-panel.is-float .debug-panel-head:active{cursor:grabbing}html.debug-on .debug-panel-body{max-height:calc(100dvh - 3rem)}.debug-panel{position:fixed;top:5.4rem;right:.75rem;left:auto;z-index:80;width:min(22.5rem,calc(100vw - 1.5rem));overflow:hidden;border:1px solid rgba(21,51,73,.18);border-radius:1rem;background:#fffaf0f5;box-shadow:0 16px 40px #0e344438;color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;line-height:1.35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.debug-panel.is-collapsed .debug-panel-body{display:none}.debug-panel.is-collapsed .debug-panel-head{border-bottom:0}.debug-panel-head{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem .55rem .85rem;border-bottom:1px solid rgba(21,51,73,.1);background:#ffffff73;cursor:grab;-webkit-user-select:none;user-select:none}.debug-panel-head strong{font-size:.82rem}.debug-panel-live{flex:1;color:var(--muted);font-variant-numeric:tabular-nums}.debug-unlink{min-height:1.8rem;border:1px solid rgba(21,51,73,.16);border-radius:.45rem;background:#fffc;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.debug-unlink.is-on,.debug-panel-toggle.is-on{border-color:var(--ink);background:var(--ink);color:var(--white)}.debug-panel-toggle,.debug-panel-actions button{min-height:1.7rem;padding:.2rem .55rem;border:1px solid rgba(21,51,73,.16);border-radius:.45rem;background:var(--white);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.debug-panel-body{display:grid;gap:.55rem;max-height:min(90dvh,64rem);padding:.7rem .8rem .85rem;overflow:auto}.debug-panel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.28rem}.debug-panel-tabs button{display:grid;min-height:2.4rem;padding:.25rem .12rem;border:1px solid rgba(21,51,73,.14);border-radius:.5rem;background:#ffffffb3;color:var(--ink);font:inherit;font-size:.68rem;font-weight:800;cursor:pointer}.debug-panel-tabs button small{color:var(--muted);font-size:.62rem;font-weight:600}.debug-panel-tabs button.is-edit{border-color:var(--ink);background:var(--ink);color:var(--white)}.debug-panel-tabs button.is-edit small{color:#ffffffb8}.debug-panel-tabs button.is-live:not(.is-edit){box-shadow:inset 0 0 0 1.5px var(--teal-dark)}.debug-panel-note{margin:0;color:var(--muted);font-size:.72rem}.debug-row{display:grid;grid-template-columns:4.6rem 1fr 3.4rem;gap:.4rem;align-items:center}.debug-row-wide{grid-template-columns:5.8rem 1fr 3.4rem}.debug-row span{font-weight:700}.debug-row input[type=range]{width:100%;accent-color:var(--teal-dark)}.debug-row input[type=number],.debug-row-color input[type=text]{width:100%;min-height:1.7rem;padding:.15rem .25rem;border:1px solid rgba(21,51,73,.16);border-radius:.35rem;background:var(--white);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}.debug-row-color input[type=color]{width:100%;height:1.7rem;padding:0;border:1px solid rgba(21,51,73,.16);border-radius:.35rem;background:var(--white);cursor:pointer}.debug-glow-reset,.debug-panel-body>[data-glow-reset]{min-height:1.8rem;border:1px solid rgba(21,51,73,.16);border-radius:.45rem;background:#fffc;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.debug-check{display:flex;align-items:center;gap:.45rem;font-weight:700}.debug-theme{display:grid;grid-template-columns:4.6rem 1fr 1fr;gap:.4rem;align-items:center}.debug-theme span{font-weight:700}.debug-theme button{min-height:1.7rem;padding:.2rem .4rem;border:1px solid rgba(21,51,73,.16);border-radius:.45rem;background:var(--white);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.debug-theme button.is-on{border-color:var(--ink);background:var(--ink);color:var(--white)}.debug-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.debug-panel-actions button{min-width:0}.debug-copy{grid-column:1 / -1;background:var(--ink)!important;color:var(--white)!important}.debug-json{width:100%;min-height:9.5rem;padding:.5rem .55rem;border:1px solid rgba(21,51,73,.14);border-radius:.55rem;background:#1533490f;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;line-height:1.45;resize:vertical}.legal-links{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;justify-content:center;margin-top:1rem}.legal-links a,a.privacy{color:inherit;opacity:.85;font-weight:700;text-decoration:underline;text-underline-offset:.2em}.foot{margin-top:1.1rem;text-align:center;opacity:.65;font-size:.9rem}