:root{--ink: #080d18;--ink-2: #0e1626;--cream: #fff6e9;--coral: #ff6b5f;--coral-d: #e64b3f;--teal: #4ad9c8;--muted: #7f8ca9;--line: rgba(255, 255, 255, .1);--field-size: clamp(70px, 15vw, 170px);--font: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--ink);color:var(--cream);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100%}button{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.field span{position:absolute;font-weight:700;font-size:var(--field-size);line-height:1;color:#ffffff07;animation:drift 11s ease-in-out infinite;will-change:transform}@keyframes drift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-26px,0) rotate(3deg)}}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0}.topbar__agency{font-size:13px;font-weight:500;letter-spacing:.4px;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.brand__mark{width:30px;height:30px;border-radius:9px;object-fit:cover}.stage__body{position:relative;z-index:4;flex:1;display:flex;min-height:0}.page{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:12px 20px 118px;animation:pageIn .5s cubic-bezier(.2,.7,.2,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.center{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.reveal{animation:riseIn .62s cubic-bezier(.2,.7,.2,1) both}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.tile{--tile: 150px;width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .24);background:var(--cream);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:calc(var(--tile) * .6);line-height:1;box-shadow:calc(var(--tile) * .07) calc(var(--tile) * .07) 0 #ff6b5fe6,0 26px 50px #0006}.tile--hero{--tile: clamp(112px, min(40vw, 30vh), 210px);animation:tileIn .7s cubic-bezier(.2,.9,.3,1) both,float 7s ease-in-out .7s infinite}@keyframes tileIn{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.home{justify-content:space-between}.home__title{margin:26px 0 0;font-size:clamp(34px,9vw,56px);font-weight:700;letter-spacing:-.5px}.home__line{margin:10px 0 0;color:var(--muted);font-size:15px;font-weight:500}.home__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border:0;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn--primary{background:var(--coral);color:#fff;box-shadow:0 6px 0 var(--coral-d),0 16px 30px #ff6b5f47}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--coral-d),0 20px 34px #ff6b5f57}.btn--primary:active{transform:translateY(3px);box-shadow:0 3px 0 var(--coral-d)}.btn--quiet{background:transparent;color:var(--cream);border:1px solid var(--line)}.btn--quiet:hover{border-color:#ffffff59;transform:translateY(-2px)}.btn--wide{width:min(340px,100%);padding:16px 26px}.ticker{align-self:stretch;margin-top:22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ticker__track{display:flex;gap:30px;width:max-content;animation:slide 24s linear infinite}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker__item{display:inline-flex;align-items:center;gap:30px;white-space:nowrap;color:var(--muted);font-size:14px;font-weight:500}.ticker__item:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);opacity:.7}.shots{justify-content:center;gap:22px}.shots__stage{display:flex;align-items:center}.phone{background:#05080f;border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:9px;box-shadow:0 26px 60px #00000080}.shots__phone{height:clamp(300px,52vh,440px);aspect-ratio:9 / 19}.shots__img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:22px;animation:shotIn .45s cubic-bezier(.2,.7,.2,1) both}.shots__img--pan{animation:shotIn .45s cubic-bezier(.2,.7,.2,1) both,shotPan 16s ease-in-out .6s infinite alternate}@keyframes shotPan{0%,8%{object-position:center 0%}92%,to{object-position:center 100%}}@keyframes shotIn{0%{opacity:0;transform:translate(calc(var(--dir, 1) * 26px)) scale(.95)}to{opacity:1;transform:none}}.shots__meta{display:flex;flex-direction:column;align-items:center;gap:14px}.shots__label{margin:0;font-size:17px;font-weight:700}.dots{display:flex;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:width .25s ease,background .25s ease}.dot.is-active{width:22px;border-radius:999px;background:var(--cream)}.shots__controls{display:flex;gap:10px}.nav-btn{padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--cream);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.nav-btn:hover{background:#ffffff14;border-color:#ffffff4d}.dl__logo{width:clamp(84px,20vw,120px);height:clamp(84px,20vw,120px);border-radius:28px;object-fit:cover;box-shadow:0 20px 44px #00000080}.dl__title{margin:24px 0 0;font-size:clamp(30px,8vw,46px);font-weight:700}.dl__meta{margin:10px 0 26px;color:var(--muted);font-size:15px;font-weight:500}.dl__hint{margin:20px 0 0;max-width:340px;color:var(--muted);font-size:13px}.dl__credit{margin:8px 0 0;color:#ffffff59;font-size:12px}.dock{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:60;display:flex;gap:4px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#0e1626db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 34px #00000080}.dock__item{padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);transition:background .25s ease,color .25s ease}.dock__item.is-active{background:var(--cream);color:var(--ink)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--ink);display:grid;place-items:center;transition:transform .62s cubic-bezier(.76,0,.24,1)}.intro.is-leaving{transform:translateY(-101%)}.intro__inner{display:flex;flex-direction:column;align-items:center;gap:22px}.intro .tile{--tile: clamp(104px, 28vw, 160px);animation:pop .9s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{opacity:0;transform:scale(.3) rotate(-22deg)}to{opacity:1;transform:scale(1) rotate(0)}}.intro__title{margin:0;display:flex;gap:14px;font-size:clamp(22px,6vw,34px);font-weight:700}.intro__title span{animation:riseIn .6s cubic-bezier(.2,.7,.2,1) both}.intro__title span:nth-child(2){animation-delay:.14s}@media(min-width:900px){.topbar{padding:26px 40px 0}.home__title{font-size:64px}}@media(max-height:700px){.tile--hero{--tile: clamp(96px, 26vh, 150px)}.shots__phone{height:clamp(240px,46vh,340px)}.home__title{font-size:clamp(28px,7vw,42px);margin-top:18px}.home__actions{margin-top:20px}.dl__logo{width:84px;height:84px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}