:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#07080c;--surface:#0f1118;--surface2:#151824;--line:#222636;--text:#eef0f6;--muted:#8b91a7;--blue:#3d6bff;--blue-2:#2a52e0;--lime:#d6f45b;--display:"Bricolage Grotesque","Alexandria",system-ui,sans-serif;--body:"Manrope","Alexandria",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r:22px;--wrap:1180px}html[lang=ar]{--display:"Alexandria",system-ui,sans-serif;--body:"Alexandria",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.02em;margin:0;line-height:1.02}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.25}p{margin:0}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);align-items:center;gap:8px;display:inline-flex}html[lang=ar] .eyebrow{font-family:var(--body);letter-spacing:0;font-size:13px}.eyebrow:before{content:"";background:var(--lime);width:6px;height:6px;box-shadow:0 0 12px var(--lime);border-radius:50%}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}.nav{top:env(safe-area-inset-top,0px);z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#07080cb8;position:sticky}.nav .wrap{align-items:center;gap:24px;height:68px;display:flex}.logo{font:800 18px var(--display);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.logo b{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;display:grid;transform:skew(-8deg)}.nav ul{color:var(--muted);gap:26px;margin:0 auto;padding:0;font-size:14px;list-style:none;display:flex}.nav ul a:hover{color:var(--text)}.nav-actions{align-items:center;gap:10px;display:flex}.lang{border:1px solid var(--line);color:var(--text);font:600 13px var(--body);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px}.lang:hover{border-color:var(--muted)}.btn{font:700 15px var(--body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-2)}.btn-lime{background:var(--lime);color:#0b0c10}.btn-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--text)}.btn-sm{padding:10px 16px;font-size:13px}.btn svg{flex:none;width:18px;height:18px}.hero{padding-block:72px 56px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#3d6bff59,#0000);width:720px;height:720px;position:absolute;inset:-20% -10% auto auto}html[dir=rtl] .hero:before{inset:-20% auto auto -10%}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid;position:relative}.hero h1{margin-top:20px;font-size:clamp(44px,6.6vw,92px);font-weight:800}.hero h1 .swap{color:var(--blue);min-width:4ch;display:inline-block}.hero h1 .hl{color:var(--lime)}.hero .sub{color:var(--muted);max-width:52ch;margin-top:22px;font-size:clamp(16px,1.6vw,19px)}.hero .ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.proof{border-top:1px solid var(--line);flex-wrap:wrap;gap:28px;margin-top:40px;padding-top:24px;display:flex}.proof div{flex-direction:column;display:flex}.proof strong{font:800 28px var(--display);font-variant-numeric:tabular-nums}.proof span{color:var(--muted);font-size:13px}.stars{color:var(--lime);letter-spacing:1px;vertical-align:middle;font-size:16px}.phones{height:540px;position:relative}.phone{aspect-ratio:9/19;background:#000;border:6px solid #1b1e2a;border-radius:34px;width:230px;position:absolute;overflow:hidden;box-shadow:0 30px 80px #0009}.phone .screen{background-size:220% 220%;animation:9s ease-in-out infinite flow;position:absolute;inset:0}.phone:first-child{z-index:1;top:60px;left:4%;transform:rotate(-9deg)}.phone:nth-child(2){z-index:3;top:0;left:30%}.phone:nth-child(3){z-index:2;top:80px;left:56%;transform:rotate(8deg)}.phone:first-child .screen{background-image:linear-gradient(160deg,#1d2b64,#3d6bff,#0c1030,#6b3dff)}.phone:nth-child(2) .screen{background-image:linear-gradient(200deg,#111,#3a3f1a,#d6f45b,#1a1c10);animation-delay:-3s}.phone:nth-child(3) .screen{background-image:linear-gradient(140deg,#2b1020,#ff5b7a,#1a0c14,#ffb35b);animation-delay:-6s}@keyframes flow{0%,to{background-position:0 0}50%{background-position:100% 100%}}.phone .ui{color:#fff;flex-direction:column;justify-content:space-between;padding:18px 14px;font-size:12px;display:flex;position:absolute;inset:0}.phone .tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;align-self:flex-start;padding:5px 10px;font-weight:700}.phone .meta{justify-content:space-between;align-items:flex-end;display:flex}.phone .meta b{font:800 22px var(--display);display:block}.phone .side{flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex}.phone .side i{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:50%;width:30px;height:30px;display:block}.play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.play:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #fff;margin-left:4px}.sticker{z-index:5;background:var(--lime);color:#0b0c10;font:800 14px/1.2 var(--display);border-radius:16px;padding:12px 16px;position:absolute;transform:rotate(-6deg);box-shadow:0 12px 30px #0006}.sticker small{font:600 11px var(--body);display:block}.sticker.s2{background:#fff;bottom:30px;left:0;transform:rotate(5deg)}html[dir=rtl] .sticker.s2{left:auto;right:0}.marquee{border-block:1px solid var(--line);background:var(--surface);padding-block:22px;overflow:hidden}.track{gap:56px;width:max-content;animation:38s linear infinite scroll;display:flex}html[dir=rtl] .track{animation-name:scroll-rtl}.track span{font:700 22px var(--display);color:#5d6378;white-space:nowrap;align-items:center;gap:56px;display:flex}.track span:after{content:"✦";color:var(--blue);font-size:14px}.track img{object-fit:contain;filter:grayscale()brightness(1.6);opacity:.75;width:auto;max-width:150px;height:44px}@keyframes scroll{to{transform:translate(-50%)}}@keyframes scroll-rtl{to{transform:translate(50%)}}section.block{padding-block:100px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.head h2{max-width:16ch;margin-top:14px;font-size:clamp(34px,4.6vw,60px);font-weight:800}.head p{color:var(--muted);max-width:40ch}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:14px;padding:30px;transition:border-color .25s;display:flex;position:relative;overflow:hidden}.svc:hover{border-color:#3a4058}.svc:first-child{background:linear-gradient(135deg,var(--blue),#1a2f99);border-color:#0000;grid-column:span 4}.svc:nth-child(2){grid-column:span 2}.svc:nth-child(3),.svc:nth-child(4){grid-column:span 3}.svc h3{font-size:28px;font-weight:700}.svc p{color:var(--muted);max-width:44ch}.svc:first-child p{color:#ffffffd1}.svc .chips{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;display:flex}.chip{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.svc:first-child .chip{border-color:#ffffff4d}.svc .k{font:500 12px var(--mono);color:var(--lime)}.nums{grid-template-columns:repeat(var(--cols,4),1fr);border:1px solid var(--line);border-radius:var(--r);display:grid;overflow:hidden}.nums div{border-inline-end:1px solid var(--line);padding:34px 28px}.nums div:last-child{border-inline-end:0}.nums strong{font:800 clamp(38px,4.4vw,58px)/1 var(--display);font-variant-numeric:tabular-nums;display:block}.nums span{color:var(--muted);margin-top:10px;font-size:14px;display:block}.work{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.case .cover{aspect-ratio:4/3;background-size:200% 200%;align-items:flex-end;padding:20px;animation:12s ease-in-out infinite flow;display:flex;position:relative}.case .cover b{z-index:1;font:800 30px/1 var(--display);color:#fff;text-shadow:0 2px 12px #00000080;position:relative}.case .cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case .cover.has-img:after{content:"";background:linear-gradient(#0000 40%,#000000b3);position:absolute;inset:0}.case .body{flex-direction:column;flex:1;gap:14px;padding:22px;display:flex}.case .type{color:var(--muted);font-size:13px}.case .result{border-top:1px solid var(--line);gap:18px;margin-top:auto;padding-top:14px;display:flex}.case .result strong{font:800 24px var(--display);color:var(--lime);display:block}.case .result span{color:var(--muted);font-size:12px}.reels{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.reel{aspect-ratio:9/16;scroll-snap-align:start;border:1px solid var(--line);background-size:220% 220%;border-radius:20px;flex:0 0 220px;animation:10s ease-in-out infinite flow;position:relative;overflow:hidden}.reel .cap{background:linear-gradient(#0000,#000000bf);padding:16px;font-size:13px;position:absolute;inset:auto 0 0}.reel .cap b{font:700 15px var(--display);display:block}.reel .views{top:12px;font:500 11px var(--mono);background:#00000080;border-radius:999px;padding:4px 10px;position:absolute;inset-inline-start:12px}.studio{border:1px solid var(--line);border-radius:28px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.studio .vis{background:radial-gradient(circle at 30% 40%,#d6f45b59,#0000 45%),radial-gradient(circle at 70% 70%,#3d6bff80,#0000 50%),#0b0c12;min-height:420px;position:relative}.mic{background:repeating-linear-gradient(0deg,#ffffff26 0 3px,#0000 3px 8px);border:3px solid #fffc;border-radius:45px;width:90px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mic:after{content:"";background:#fffc;width:3px;height:70px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.onair{top:22px;color:#fff;font:700 12px var(--mono);letter-spacing:.1em;background:#ff3b3b;border-radius:6px;padding:6px 12px;animation:1.6s infinite blink;position:absolute;inset-inline-start:22px}@keyframes blink{50%{opacity:.45}}.studio .txt{background:var(--surface);flex-direction:column;justify-content:center;gap:18px;padding:48px;display:flex}.studio h2{font-size:clamp(32px,3.6vw,48px);font-weight:800}.studio ul{color:var(--muted);gap:10px;margin:0;padding:0;list-style:none;display:grid}.studio li:before{content:"→ ";color:var(--lime)}html[dir=rtl] .studio li:before{content:"← "}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{border-top:2px solid var(--line);counter-increment:s;padding-top:24px}.step:before{content:"0" counter(s);font:500 13px var(--mono);color:var(--blue)}.step h3{margin:12px 0 10px;font-size:24px;font-weight:700}.step p{color:var(--muted)}.step:first-child{border-color:var(--blue)}.cta{background:var(--lime);color:#0b0c10;border-radius:32px;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:clamp(32px,6vw,72px);display:grid}.cta h2{font-size:clamp(36px,5vw,68px);font-weight:800}.cta p{opacity:.8;max-width:40ch;margin-top:16px;font-size:17px}.cta form{gap:12px;display:grid}.cta label{font-size:13px;font-weight:700}.cta input,.cta select{color:#0b0c10;width:100%;font:500 15px var(--body);background:#fff;border:1.5px solid #0000002e;border-radius:14px;margin-top:6px;padding:15px 16px}.cta input:focus,.cta select:focus{border-color:#0b0c10;outline:none}.cta .btn{color:#fff;background:#0b0c10;justify-content:center;margin-top:6px}.note{opacity:.65;font-size:12px}footer{color:var(--muted);padding-block:60px 40px;font-size:14px}footer .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}footer h4{color:var(--text);font:700 14px var(--body);margin:0 0 14px}footer ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}footer .copy{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:24px;display:flex}.sel{-webkit-user-select:all;user-select:all;color:var(--text)}.social{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.social a{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 12px;font-size:13px}.wa{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;background:#25d366;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;inset-inline-end:20px;box-shadow:0 10px 30px #25d36666}.wa svg{fill:#fff;width:30px;height:30px}.media{z-index:0;position:absolute;inset:0}.media video,.media iframe{object-fit:cover;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.facade{cursor:pointer;color:#fff;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.facade img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.facade .play{z-index:1}.src-badge{z-index:1;font:600 11px var(--body);white-space:nowrap;background:#0000008c;border-radius:999px;padding:4px 10px;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.phone .ui,.reel .cap,.reel .views{pointer-events:none;z-index:2}@media (max-width:980px){.nav ul{display:none}.nav-actions{margin-inline-start:auto}.hero .wrap{grid-template-columns:1fr}.phones{width:100%;max-width:460px;height:420px;margin-inline:auto}.phone{width:170px}.bento{grid-template-columns:1fr 1fr}.svc:nth-child(n){grid-column:span 2}.nums{grid-template-columns:1fr 1fr}.nums div:nth-child(2){border-inline-end:0}.nums div:nth-child(-n+2){border-bottom:1px solid var(--line)}.work,.steps,.studio,.cta{grid-template-columns:1fr}footer .wrap{grid-template-columns:1fr 1fr}}@media (max-width:520px){.nav .btn-primary{display:none}.hero{padding-block:44px 40px}.phones{height:360px}.phone{border-width:4px;border-radius:26px;width:140px}.sticker{padding:9px 12px;font-size:12px}section.block{padding-block:72px}.svc{padding:24px}.svc h3{font-size:24px}.studio .txt{padding:28px}.reel{flex-basis:180px}footer .wrap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.extra-box{background:var(--surface);border:1px solid var(--line);border-radius:28px;grid-template-columns:1fr;align-items:center;gap:32px;padding:clamp(24px,5vw,56px);display:grid;overflow:hidden}.extra-box.with-img{grid-template-columns:1fr 1fr}.extra-box.with-img.flip img{order:2}.extra-box img{object-fit:cover;border-radius:18px;width:100%;height:100%;max-height:420px}.extra-txt{flex-direction:column;gap:18px;display:flex}.extra-txt h2{font-size:clamp(30px,3.6vw,48px);font-weight:800}.extra-txt p{color:var(--muted);white-space:pre-line;max-width:60ch}@media (max-width:980px){.extra-box.with-img{grid-template-columns:1fr}.extra-box.with-img.flip img{order:0}}.faq{gap:10px;max-width:900px;display:grid}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 22px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:700 22px var(--display);color:var(--lime);flex:none}.faq details[open] summary:after{content:"–"}.faq h3{letter-spacing:0;font-size:18px;font-weight:700;line-height:1.4}.faq p{color:var(--muted);max-width:70ch;margin-top:12px}.hero h1{font-size:clamp(40px,5.4vw,78px)}.svc-link{color:inherit}.svc-link:hover{text-underline-offset:4px;text-decoration:underline}.svc-hero{padding-block:64px 48px}.svc-hero .wrap{max-width:var(--wrap);display:block}.svc-hero h1{max-width:18ch;font-size:clamp(38px,5vw,68px)}.crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.crumbs a:hover{color:var(--text)}.svc-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.svc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,4vw,40px)}.svc-card h2{margin-bottom:20px;font-size:clamp(24px,2.6vw,32px);font-weight:800}.checks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checks li{color:var(--text);gap:10px;display:flex}.checks li:before{content:"✓";color:var(--lime);flex:none;font-weight:800}.why{gap:18px;display:grid}.why h3{letter-spacing:0;font-size:18px;font-weight:700;line-height:1.3}.why p{color:var(--muted);margin-top:4px}.svc-links{flex-wrap:wrap;gap:10px;display:flex}.svc-links a{border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-weight:600}.svc-links a:hover{border-color:var(--lime);color:var(--lime)}footer ul a:hover{color:var(--text)}@media (max-width:980px){.svc-grid{grid-template-columns:1fr}}.nav .logo b,footer .logo b{color:#0000;background:url(/mark.png) 50%/contain no-repeat;border-radius:0;width:34px;height:34px;font-size:0;transform:none}.btn-primary:hover{background:var(--blue);filter:brightness(1.1)}.svc:first-child{background:linear-gradient(135deg,var(--blue),#6e2412)}.svc:first-child .k{color:#fff}.hero:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--lime) 38%,transparent),transparent);filter:blur(10px);z-index:0;animation:16s ease-in-out infinite alternate blobA}.hero:after{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--blue) 30%,transparent),transparent);filter:blur(20px);pointer-events:none;z-index:0;border-radius:50%;width:560px;height:560px;animation:20s ease-in-out infinite alternate blobB;position:absolute;bottom:-30%;left:-12%}.hero .grid-bg,.hero>.wrap:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:56px 56px;animation:30s linear infinite gridPan;position:absolute;inset:-40px -200vw;-webkit-mask-image:radial-gradient(60% 70% at 70% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 70% 45%,#000 20%,#0000 75%)}html[dir=rtl] .hero>.wrap:before{-webkit-mask-image:radial-gradient(60% 70% at 30% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 70% at 30% 45%,#000 20%,#0000 75%)}.hero .wrap{z-index:1}@keyframes blobA{0%{translate:0;scale:1}50%{translate:-80px 60px;scale:1.15}to{translate:40px 120px;scale:.95}}@keyframes blobB{0%{translate:0;scale:1}to{translate:160px -80px;scale:1.25}}@keyframes gridPan{to{background-position:56px 56px}}.hero .eyebrow,.hero h1,.hero .sub,.hero .ctas,.hero .proof{animation:.9s cubic-bezier(.2,.8,.2,1) both rise}.hero h1{animation-delay:80ms}.hero .sub{animation-delay:.18s}.hero .ctas{animation-delay:.28s}.hero .proof{animation-delay:.38s}@keyframes rise{0%{opacity:0;filter:blur(6px);translate:0 24px}to{opacity:1;filter:blur();translate:0}}.phones{perspective:1200px}.phone{will-change:translate,rotate;transition:rotate .7s cubic-bezier(.2,.8,.2,1),left .7s cubic-bezier(.2,.8,.2,1),scale .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s;transform:none!important}.phone:first-child{animation:1.1s cubic-bezier(.2,.8,.2,1) .15s both phoneIn,7s ease-in-out 1.3s infinite float;rotate:-9deg}.phone:nth-child(2){box-shadow:0 40px 100px #000000b3,0 0 0 1px #ffffff0a,0 0 80px color-mix(in srgb,var(--lime) 22%,transparent);animation:1.1s cubic-bezier(.2,.8,.2,1) .3s both phoneIn,6s ease-in-out 1.4s infinite float;rotate:none}.phone:nth-child(3){animation:1.1s cubic-bezier(.2,.8,.2,1) .45s both phoneIn,8s ease-in-out 1.6s infinite float;rotate:8deg}@keyframes phoneIn{0%{opacity:0;translate:0 120px;scale:.85}to{opacity:1;translate:0}}@keyframes float{0%,to{translate:0}50%{translate:0 -16px}}.phones:hover .phone:first-child{left:0;rotate:-15deg}.phones:hover .phone:nth-child(3){left:62%;rotate:14deg}.phones:hover .phone:nth-child(2){scale:1.04}.phone:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff24 48%,#0000 60%) 0 0/250% 100%;animation:6s ease-in-out infinite sheen;position:absolute;inset:0}.phone:first-child:after{animation-delay:1.5s}.phone:nth-child(3):after{animation-delay:3s}@keyframes sheen{0%,60%{background-position:130% 0}to{background-position:-30% 0}}.phone .tag{align-items:center;gap:6px;display:inline-flex}.phone .tag:before{content:"";background:#ff3b3b;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse;box-shadow:0 0 #ff3b3b99}@keyframes pulse{70%{box-shadow:0 0 0 7px #ff3b3b00}to{box-shadow:0 0 #ff3b3b00}}.phone:first-child .screen{background-image:linear-gradient(160deg,#2a0f06,var(--blue),#120805,#f6a57f)}.phone:nth-child(2) .screen{background-image:linear-gradient(200deg,#111,#4a2415,var(--lime),#1a0f0a)}.phone:nth-child(3) .screen{background-image:linear-gradient(140deg,#1f0d08,#ff8a5b,#140a08,#ffc59e)}.sticker.s2{animation:1s cubic-bezier(.2,.8,.2,1) .7s both phoneIn,4s ease-in-out 1.7s infinite bob}@keyframes bob{0%,to{translate:0;rotate:-6deg}50%{translate:0 -8px;rotate:-2deg}}.sticker.s2{transform:none}:root{--rv:56px}@media (max-width:640px){:root{--rv:28px}}@keyframes reveal{0%{opacity:0;translate:0 var(--rv);filter:blur(6px);scale:.96}}@keyframes revealSide{0%{opacity:0;translate:calc(var(--rv) * -1) 0}}@supports (animation-timeline:view()){.block .head,.svc,.nums>*,.case,.reels,.studio,.step,.faq details,.cta,.extra-box,.svc-card,.svc-links a,footer .wrap>div,.marquee{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 55%}.block .head .eyebrow{animation:linear both revealSide;animation-timeline:view();animation-range:entry entry 60%}.svc:nth-child(2),.case:nth-child(2),.step:nth-child(2),.nums>:nth-child(2),footer .wrap>div:nth-child(2){animation-range:entry 8% entry 63%}.svc:nth-child(3),.case:nth-child(3),.step:nth-child(3),.nums>:nth-child(3),footer .wrap>div:nth-child(3){animation-range:entry 14% entry 70%}.svc:nth-child(4),.nums>:nth-child(4),footer .wrap>div:nth-child(4){animation-range:entry 20% entry 76%}.marquee{animation-range:entry entry 40%}}.svc,.case,.step,.faq details,.svc-card,.extra-box{transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s}.chip,.svc-links a{transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .25s,color .25s,border-color .25s}.btn{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .3s;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:translate .7s;position:absolute;inset:0;translate:-120%}.svc:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at 80% 0%,color-mix(in srgb,var(--lime) 22%,transparent),transparent 60%);opacity:0;transition:opacity .45s;position:absolute;inset:-1px}.svc-link{position:relative}.svc-link:after{content:"→";opacity:0;color:var(--lime);margin-inline-start:10px;transition:opacity .3s,translate .3s;display:inline-block;translate:-10px}html[dir=rtl] .svc-link:after{content:"←";translate:10px}.svc:first-child .svc-link:after{color:#fff}.step:before{transition:transform .4s cubic-bezier(.3,1.6,.5,1),color .3s;display:inline-block}.case .cover{transition:background-size .8s}.wa{animation:2.6s ease-out infinite waPulse}@keyframes waPulse{0%{box-shadow:0 0 #25d3668c}70%,to{box-shadow:0 0 0 18px #25d36600}}.nav ul a{position:relative}.nav ul a:after{content:"";background:var(--lime);border-radius:2px;height:2px;transition:scale .35s cubic-bezier(.2,.8,.2,1);position:absolute;inset:auto 0 -6px;scale:0 1}@media (hover:hover){.svc:hover,.case:hover,.svc-card:hover,.extra-box:hover{border-color:color-mix(in srgb,var(--lime) 55%,transparent);box-shadow:0 24px 60px #00000073,0 0 0 1px color-mix(in srgb,var(--lime) 25%,transparent);transform:translateY(-8px)}.svc:hover:after{opacity:1}.svc:hover .svc-link:after{opacity:1;translate:0}.svc:hover .k{letter-spacing:.08em;transition:letter-spacing .4s}.chip:hover,.svc-links a:hover{background:var(--lime);color:#0b0c10;border-color:var(--lime);transform:translateY(-3px)scale(1.08)}.svc:first-child .chip:hover{color:#0b0c10;background:#fff;border-color:#fff}.btn:hover{box-shadow:0 14px 34px color-mix(in srgb,var(--blue) 45%,transparent);transform:translateY(-3px)}.btn:hover:after{translate:120%}.btn-ghost:hover{box-shadow:none}.step:hover{border-color:var(--lime);transform:translateY(-6px)}.step:hover:before{color:var(--lime);transform:scale(1.5)rotate(-8deg)}.faq details:hover{border-color:color-mix(in srgb,var(--lime) 45%,transparent);transform:translate(4px)}html[dir=rtl] .faq details:hover{transform:translate(-4px)}.reel:hover{transform:translateY(-6px)scale(1.03)}.reel{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.case:hover .cover{background-size:260% 260%}.nav ul a:hover:after{scale:1}.wa:hover{animation:2.6s ease-out infinite waPulse,.5s wiggle}.marquee:hover .track{animation-play-state:paused}.track span:hover{color:var(--text);transition:color .25s}}@keyframes wiggle{25%{rotate:-12deg}50%{rotate:10deg}75%{rotate:-6deg}}@media (hover:none){.svc:active,.case:active,.step:active,.svc-card:active,.reel:active{transform:scale(.97)}.chip:active,.btn:active,.svc-links a:active{transform:scale(.94)}.svc .svc-link:after{opacity:1;translate:0}}@media (max-width:640px){.track{animation-duration:26s}.track span{gap:36px;font-size:17px}.track{gap:36px}}@media (prefers-reduced-motion:reduce){.marquee .track{animation:70s linear infinite scroll!important}html[dir=rtl] .marquee .track{animation-name:scroll-rtl!important}.hero .eyebrow,.hero h1,.hero .sub,.hero .ctas,.hero .proof,.phone{animation:.8s both fadeOnly!important}@keyframes fadeOnly{0%{opacity:0}}}
body{letter-spacing:.003em;font-size:15.5px;line-height:1.72}h1,h2,h3{letter-spacing:-.025em;font-weight:700}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.35}.eyebrow{letter-spacing:.24em;font-size:11px}html[lang=ar] .eyebrow{letter-spacing:0;font-size:12.5px}.logo{font-size:16.5px;font-weight:700}.nav ul{letter-spacing:.02em;font-size:13.5px}.btn{letter-spacing:.01em;padding:13px 22px;font-size:14px;font-weight:600}.btn-sm{padding:9px 15px;font-size:12.5px}.lang{font-size:12.5px;font-weight:500}.hero h1{letter-spacing:-.035em;font-size:clamp(34px,4.3vw,62px);font-weight:700;line-height:1.04}html[lang=ar] .hero h1{font-size:clamp(30px,3.9vw,56px);line-height:1.3}.hero .sub{max-width:50ch;font-size:clamp(15px,1.25vw,17px);line-height:1.75}.proof strong{font-size:22px;font-weight:700}.proof span{letter-spacing:.02em;font-size:12px}.phone .meta b{font-size:18px;font-weight:700}.sticker{font-size:12.5px;font-weight:700}.track span{letter-spacing:.02em;font-size:17px;font-weight:600}.head h2{font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.08}html[lang=ar] .head h2{line-height:1.3}.head p{font-size:15px}.svc{padding:28px}.svc h3{letter-spacing:-.015em;font-size:clamp(20px,1.7vw,24px);font-weight:600}.svc p{font-size:14.5px;line-height:1.7}.svc .k{letter-spacing:.08em;font-size:11px}.chip{letter-spacing:.02em;font-size:11.5px;font-weight:500}.nums strong{letter-spacing:-.03em;font-size:clamp(32px,3.4vw,46px);font-weight:700}.nums span{letter-spacing:.02em;font-size:13px}.case .cover b{font-size:24px;font-weight:700}.case .result strong{font-size:20px;font-weight:700}.case p{font-size:14.5px}.reel .cap b{font-size:14px;font-weight:600}.studio h2{font-size:clamp(26px,2.8vw,38px);font-weight:700}.step h3{font-size:19px;font-weight:600}.step p{font-size:14.5px}.faq h3{font-size:16px;font-weight:600}.faq p{font-size:14.5px}.cta h2{letter-spacing:-.03em;font-size:clamp(28px,3.6vw,48px);font-weight:700}.cta p{font-size:15.5px}.cta input,.cta select{font-size:14.5px}.extra-txt h2{font-size:clamp(26px,2.8vw,38px);font-weight:700}.svc-hero h1{font-size:clamp(32px,4vw,54px)}.svc-card h2{font-size:clamp(20px,2vw,26px);font-weight:700}.why h3{font-size:16.5px;font-weight:600}footer{font-size:13.5px}footer h4{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}html[lang=ar] footer h4{text-transform:none;letter-spacing:0}@media (max-width:640px){body{font-size:15px}.hero h1{font-size:clamp(30px,8.4vw,38px)}html[lang=ar] .hero h1{font-size:clamp(28px,7.8vw,34px)}.head h2{font-size:clamp(25px,7vw,30px)}.svc{padding:22px}.svc h3{font-size:20px}.nums strong{font-size:30px}.cta h2{font-size:28px}.studio h2,.extra-txt h2{font-size:25px}.track span{font-size:14.5px}.btn{padding:12px 18px;font-size:13.5px}}@media (min-width:981px){.bento .svc:nth-child(3),.bento .svc:nth-child(4),.bento .svc:nth-child(5){grid-column:span 2}}
