:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-accent:#8a1538}
html{scroll-behavior:smooth}
body{overflow-x:clip}
main .motion-reveal,.site-footer-premium .motion-reveal,.motion-lead-inner .motion-reveal{opacity:0;translate:0 34px;filter:blur(2px);transition:opacity .85s var(--motion-ease),translate .85s var(--motion-ease),filter .85s var(--motion-ease);transition-delay:var(--motion-delay,0ms)}
main .motion-reveal.motion-shown,.site-footer-premium .motion-reveal.motion-shown,.motion-lead-inner .motion-reveal.motion-shown{opacity:1;translate:0 0;filter:blur(0)}
main .motion-reveal.motion-shown[data-xp-reveal]{transform:none}
main .xp-service-card,main .xp-price-card,main .xp-work-card,main .post-card,main .platform,main .process-card,main .signature-card{will-change:auto}
main a:focus-visible,main button:focus-visible,.motion-lead-button:focus-visible,.motion-wa-float:focus-visible{outline:3px solid #d2577f;outline-offset:4px}
main .xp-service-card:hover,main .xp-price-card:hover,main .post-card:hover,main .process-card:hover{box-shadow:0 22px 56px rgba(23,39,67,.13);border-color:rgba(138,21,56,.16);transform:translateY(-5px)}
main .xp-service-card,main .xp-price-card,main .post-card,main .process-card{transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}
main .xp-work-card img,main .platform-image img,main .case-gallery-grid img{transition:transform .9s var(--motion-ease),filter .5s ease}
main .xp-work-card:hover img,main .platform:hover img,main .case-gallery-grid figure:hover img{transform:scale(1.045)}
main .xp-service-icon i,main .signature-card-icon i,main .xp-extra>i{transition:transform .5s var(--motion-ease)}
main .xp-service-card:hover .xp-service-icon i,main .signature-card:hover .signature-card-icon i,main .xp-extra:hover>i{transform:rotate(-8deg) scale(1.13)}
.hero-live-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4em;min-height:30px;margin:22px 0 2px;font-size:clamp(15px,1.5vw,20px);font-weight:750;letter-spacing:-.025em;color:#253a59}
.hero-live-prefix{opacity:.8}.hero-live-words{color:var(--motion-accent)}.hero-live-caret{display:inline-block;width:2px;height:1em;align-self:center;background:var(--motion-accent);animation:motion-caret 1s steps(1) infinite}
.hero-sky-gallery{isolation:isolate}
.hero-sky-images{position:absolute;inset:0;overflow:hidden}
.hero-sky-gallery .hero-sky-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(-70px) scale(1.05);filter:blur(7px);transition:opacity 1.15s ease,transform 1.45s var(--motion-ease),filter 1.15s ease;will-change:opacity,transform}
.hero-sky-gallery .hero-sky-image.is-active{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.hero-sky-gallery .hero-project-overlay{z-index:1;pointer-events:none}
.hero-sky-gallery .hero-project-copy{z-index:2;pointer-events:none}
.hero-sky-gallery .hero-vertex-logo{height:42px;width:auto;object-fit:contain;object-position:left center}
.hero-sky-gallery .hero-sky-caption{transition:opacity .4s ease}
.hero-sky-gallery .hero-sky-subcaption{max-width:380px}
.premium-hero .premium-copy{animation:motion-intro .9s var(--motion-ease) both}
.premium-hero .hero-project-stage{animation:motion-intro 1.2s var(--motion-ease) both;animation-delay:.14s}
.motion-lead-band{position:relative;z-index:1;background:linear-gradient(135deg,#132947,#1a2f50 58%,#581d3a);padding:35px 0;color:white;border-top:1px solid rgba(255,255,255,.08)}
.motion-lead-inner{display:flex;align-items:center;gap:22px}
.motion-lead-icon{flex:none;display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(255,255,255,.19);border-radius:22px;background:rgba(255,255,255,.08);font-size:31px;color:#7df0a9}
.motion-lead-copy{flex:1;min-width:0}.motion-lead-copy>span{display:block;margin-bottom:5px;color:#9bd5b2;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.motion-lead-copy h2{margin:0 0 5px!important;color:#fff!important;font-size:clamp(21px,2.3vw,29px)!important;line-height:1.25!important}.motion-lead-copy p{margin:0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.7}
.motion-lead-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:16px 20px;white-space:nowrap;border-radius:13px;color:#0a3d28!important;background:#80e9a8;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 12px 32px rgba(5,19,34,.2);transition:transform .3s ease,box-shadow .3s ease}
.motion-lead-button:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(5,19,34,.27)}
.motion-wa-float{display:flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:58px;padding:0 15px;border-radius:999px!important;box-shadow:0 12px 34px rgba(17,78,51,.25);animation:motion-wa-rise .8s var(--motion-ease) both}
.motion-wa-label{font-family:'Plus Jakarta Sans','IBM Plex Sans Arabic',sans-serif;font-size:12px;font-weight:800;white-space:nowrap}
[dir=rtl] .hero-live-line,[dir=rtl] .motion-lead-inner{direction:rtl}
[dir=rtl] .hero-sky-gallery .hero-vertex-logo{object-position:right center}
@keyframes motion-caret{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes motion-intro{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@keyframes motion-wa-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.motion-lead-inner{flex-wrap:wrap}.motion-lead-copy{flex:1 1 calc(100% - 110px)}.motion-lead-button{margin-inline-start:90px}}
@media(max-width:600px){.hero-live-line{min-height:52px;font-size:15px}.motion-lead-inner{gap:12px}.motion-lead-icon{width:48px;height:48px;border-radius:15px;font-size:24px}.motion-lead-copy{flex:1 1 calc(100% - 70px)}.motion-lead-copy p{font-size:12px}.motion-lead-button{width:100%;margin:7px 0 0}.motion-wa-label{display:none}.motion-wa-float{width:54px!important;height:54px!important;padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}main .motion-reveal,.site-footer-premium .motion-reveal,.motion-lead-inner .motion-reveal{opacity:1!important;translate:none!important;filter:none!important;transition:none!important}.hero-sky-gallery .hero-sky-image{transition:none!important;transform:none!important;filter:none!important}.hero-live-caret{animation:none!important}.premium-hero .premium-copy,.premium-hero .hero-project-stage,.motion-wa-float{animation:none!important}}