:root{--bg: #000;--ink: #f3f1ea;--muted: rgba(243, 241, 234, .62);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--pad: max(20px, env(safe-area-inset-left))}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Syne,Segoe UI,sans-serif}body{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}.media{position:relative;flex:0 0 auto;width:100%;padding:max(28px,env(safe-area-inset-top)) 12px 0}.stage{position:relative;width:100%;max-width:100%;aspect-ratio:2334 / 1080;overflow:hidden}.stage .poster,.stage .lottie{position:absolute;inset:0;width:100%;height:100%}.stage .poster{object-fit:contain;z-index:1;transition:opacity .4s var(--ease)}body.is-ready .stage .poster{opacity:0;pointer-events:none}.stage .lottie svg{display:block;width:100%!important;height:100%!important}.dock{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:8px var(--pad) calc(24px + env(safe-area-inset-bottom));text-align:center}.eyebrow,.line,.cta{opacity:0;transform:translateY(16px);animation:rise .38s var(--ease) forwards}.eyebrow{animation-delay:.2s;font-size:11px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--muted)}.line{animation-delay:.26s;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px 10px;font-size:16px;font-weight:500;letter-spacing:.02em;color:var(--ink)}.line span[lang=ar]{font-family:Noto Kufi Arabic,Syne,sans-serif;letter-spacing:0;font-size:15px}.dot{width:3px;height:3px;border-radius:50%;background:var(--muted);transform:translateY(-1px)}.cta{animation-delay:.32s;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-top:8px;padding:6px 6px 6px 22px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:16px;font-weight:600;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s var(--ease-out),background .3s var(--ease)}.cta-icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#00000029;font-size:18px;line-height:1}.cta:active{transform:scale(.98)}.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;left:16px;top:16px;z-index:8;width:auto;height:auto;margin:0;padding:8px 12px;clip:auto;overflow:visible;border-radius:999px;background:var(--ink);color:var(--bg);font-size:12px}.grain,.veil{display:none}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(min-width:769px){body{overflow:hidden}.media{position:fixed;inset:0;flex:none;padding:0}.stage{position:absolute;left:50%;top:42%;width:min(100vw,calc(100dvh * 2334 / 1080));transform:translate(-50%,-50%)}.veil{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0000001a,#0000 36%,#000000b8 78%,#000000f5)}.grain{display:block;position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.dock{position:fixed;left:0;right:0;bottom:0;align-items:center;max-width:none;gap:14px;padding:0 24px calc(28px + env(safe-area-inset-bottom))}.eyebrow,.line,.cta{transform:translateY(20px);animation-duration:.48s}.eyebrow{animation-delay:.36s}.line{animation-delay:.43s;font-size:15px}.cta{animation-delay:.5s;display:inline-flex;width:auto;min-height:0;margin-top:6px;font-size:14px}.cta-icon{width:34px;height:34px;font-size:16px;transition:transform .4s var(--ease)}.stage .poster{transition-duration:.52s}}@media(hover:hover)and (pointer:fine){.cta:hover{background:#fff}.cta:hover .cta-icon{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.eyebrow,.line,.cta{animation:none;opacity:1;transform:none}.cta,.cta-icon,.stage .poster{transition:none}}