.service-reel{width:100%;height:13.5rem;box-shadow:inset 0 1px 0 #ffffff14, 0 12px 28px #00000052, 0 0 0 1px color-mix(in srgb, var(--blue-bright) 18%, transparent);background:linear-gradient(#ffffff0f,#0c0d14eb);border:1px solid #ffffff24;border-radius:1rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.service-reel__chrome{flex-shrink:0;align-items:center;gap:.32rem;padding:.42rem .65rem .32rem;display:flex}.service-reel__chrome i{background:#ffffff2e;border-radius:999px;width:.42rem;height:.42rem}.service-reel__chrome i:first-child{background:#ff5f57}.service-reel__chrome i:nth-child(2){background:#febc2e}.service-reel__chrome i:nth-child(3){background:#28c840}.service-reel__viewport{background:#07080d;border-radius:.55rem;flex:1;margin:0 .42rem .42rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.service-drawer{grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1);display:grid}.service-drawer.is-open{grid-template-rows:1fr}.service-drawer__clip{min-height:0;overflow:hidden}.service-drawer__inner{opacity:0;padding:0 1.5rem 1.1rem;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .32s;transform:translateY(8px)}.service-drawer.is-open .service-drawer__inner{opacity:1;transform:translate(0,0)}.service-drawer:not(.is-open) .service-reel,.service-drawer:not(.is-open) .service-reel *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.service-drawer,.service-drawer__inner{transition:none}}.service-reel__still{z-index:0;object-fit:cover;object-position:center;animation:9s ease-in-out infinite alternate reel-ken;position:absolute;inset:0}.service-reel--has-still .service-reel__grid{opacity:.12}.service-reel--has-still .service-reel__stage{z-index:1;opacity:.38;mix-blend-mode:screen}.service-reel--has-still .service-reel__vignette{background:linear-gradient(#08090e1f,#0000 28% 58%,#08090e6b),repeating-linear-gradient(#0000 0 2px,#0000001a 2px 3px)}.service-reel__grid{opacity:.28;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.service-reel__vignette{z-index:2;pointer-events:none;background:linear-gradient(#08090e26,#0000 28% 62%,#08090e8c),repeating-linear-gradient(#0000 0 2px,#00000029 2px 3px);position:absolute;inset:0}.service-reel__sweep{z-index:2;pointer-events:none;background:linear-gradient(105deg, transparent 36%, color-mix(in srgb, var(--blue-bright) 22%, transparent) 50%, transparent 64%);background-size:220% 100%;animation:2.6s ease-in-out infinite reel-sweep;position:absolute;inset:0}.service-reel__stage{z-index:1;position:absolute;inset:0}.service-reel__stage>*{box-sizing:border-box;width:100%;height:100%}.service-reel__live{z-index:3;letter-spacing:.12em;text-transform:uppercase;color:#f8fafccc;background:#00000073;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .45rem;font-size:9px;font-weight:600;display:flex;position:absolute;top:.55rem;left:.55rem}.service-reel__live-dot{background:var(--blue-bright);width:.38rem;height:.38rem;box-shadow:0 0 8px var(--blue-bright);border-radius:999px;animation:1.2s ease-in-out infinite reel-pulse}@keyframes reel-ken{0%{transform:scale(1.04)translate(-1%)}to{transform:scale(1.12)translate(1.5%,-1%)}}@keyframes reel-sweep{0%{background-position:120% 0}to{background-position:-40% 0}}@keyframes reel-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}@keyframes reel-rise{0%{opacity:.4;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes reel-slide-y{0%,to{transform:translate(0,0)}50%{transform:translateY(-28%)}}@keyframes reel-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}@keyframes reel-type{0%{width:18%}40%{width:82%}70%{width:82%}to{width:18%}}@keyframes reel-chat{0%,12%{opacity:0;transform:translate(-8px,6px)}18%,to{opacity:1;transform:translate(0,0)}}@keyframes reel-dash{0%{stroke-dashoffset:48px}to{stroke-dashoffset:0}}@keyframes reel-spin-slow{to{transform:rotate(360deg)}}.reel-code{flex-direction:column;justify-content:center;gap:.55rem;padding:1.2rem 1.6rem .9rem;display:flex}.reel-code span{background:#2dd4bfd9;border-radius:999px;height:.55rem;animation:3.2s ease-in-out infinite reel-type;display:block}.reel-code span:nth-child(2){background:#ffffff47;width:64%;animation-delay:.35s}.reel-code span:nth-child(3){width:48%;animation-delay:.7s}.reel-code span:nth-child(4){background:#60a5fa8c;animation-delay:1s}.reel-flow{justify-content:space-between;align-items:center;padding:1.2rem 2.2rem;display:flex}.reel-flow i{background:#2dd4bf2e;border:1px solid #2dd4bf73;border-radius:.45rem;width:2.4rem;height:2.4rem;animation:1.6s ease-in-out infinite reel-pulse}.reel-flow i:nth-child(2){animation-delay:.25s}.reel-flow i:nth-child(3){animation-delay:.5s}.reel-flow b{background:linear-gradient(90deg,#0000,#2dd4bf,#0000) 0 0/200% 100%;flex:1;height:2px;margin:0 .25rem;animation:1.4s linear infinite reel-ken}.reel-chat{flex-direction:column;justify-content:center;gap:.6rem;padding:1.1rem 1.8rem .9rem;display:flex}.reel-chat span{background:#ffffff1a;border-radius:.7rem;max-width:56%;height:1.55rem;animation:2.8s ease-out infinite reel-chat}.reel-chat span:nth-child(2){background:#2dd4bf59;align-self:flex-end;animation-delay:.45s}.reel-chat span:nth-child(3){width:54%;animation-delay:.9s}.reel-checkout{place-items:center;padding-top:.6rem;display:grid}.reel-checkout .card{background:linear-gradient(135deg,#2dd4bf38,#ffffff0a);border:1px solid #ffffff29;border-radius:.9rem;width:14rem;height:8.2rem;animation:2.4s ease-in-out infinite reel-float}.reel-checkout .chip{background:#facc15b3;border-radius:.2rem;width:1.1rem;height:.8rem;margin:.7rem 0 0 .7rem}.reel-chart{align-items:flex-end;gap:.35rem;height:100%;padding:1.35rem .9rem .55rem;display:flex}.reel-chart i{transform-origin:bottom;background:linear-gradient(#2dd4bf,#2dd4bf26);border-radius:.2rem .2rem 0 0;flex:1;animation:1.8s ease-in-out infinite alternate reel-rise}.reel-chart i:first-child{height:38%}.reel-chart i:nth-child(2){height:62%;animation-delay:.12s}.reel-chart i:nth-child(3){height:48%;animation-delay:.24s}.reel-chart i:nth-child(4){height:78%;animation-delay:.36s}.reel-chart i:nth-child(5){height:55%;animation-delay:.48s}.reel-shield{place-items:center;display:grid}.reel-shield i{border:2px solid #2dd4bfb3;border-radius:1rem;width:5.2rem;height:5.2rem;animation:1.6s ease-out infinite reel-pulse;box-shadow:0 0 #2dd4bf66}.reel-wrench{justify-content:center;align-items:center;gap:.45rem;height:100%;padding-top:.8rem;display:flex}.reel-wrench i{background:#2dd4bf;border-radius:999px;width:.7rem;height:.7rem;animation:1.1s ease-in-out infinite reel-pulse}.reel-wrench i:nth-child(2){background:#60a5fa;animation-delay:.2s}.reel-wrench i:nth-child(3){background:#fbbf24;animation-delay:.4s}.reel-landing{background:#ffffff0a;border:1px solid #ffffff24;border-radius:.55rem;width:min(42rem,86%);height:82%;margin:.7rem auto 0;overflow:hidden}.reel-landing .page{flex-direction:column;gap:.28rem;padding:.45rem;animation:4.2s ease-in-out infinite reel-slide-y;display:flex}.reel-landing b,.reel-landing i,.reel-landing em{border-radius:.2rem;display:block}.reel-landing b{background:#2dd4bf47;height:2.4rem}.reel-landing i{background:#ffffff2e;height:.45rem}.reel-landing em{background:#ffffff14;height:3.4rem}.reel-pages{height:100%;position:relative}.reel-pages i{background:#ffffff0d;border:1px solid #ffffff24;border-radius:.5rem;width:min(28rem,52%);height:7.2rem;margin-left:calc(min(28rem,52%)/-2);animation:2.6s ease-in-out infinite reel-float;position:absolute;top:1.6rem;left:50%}.reel-pages i:first-child{transform:translate(-18px,10px)rotate(-8deg)}.reel-pages i:nth-child(2){animation-delay:.2s}.reel-pages i:nth-child(3){animation-delay:.4s;transform:translate(18px,-6px)rotate(7deg)}.reel-shop{grid-template-columns:1fr 1fr 1fr;gap:.7rem;padding:1.1rem 1.6rem .9rem;display:grid}.reel-shop i{aspect-ratio:1;background:#2dd4bf29;border:1px solid #ffffff1a;border-radius:.4rem;animation:1.8s ease-in-out infinite reel-pulse}.reel-shop i:nth-child(2){animation-delay:.2s}.reel-shop i:nth-child(3){animation-delay:.4s}.reel-shop i:nth-child(4){animation-delay:.15s}.reel-shop i:nth-child(5){animation-delay:.35s}.reel-shop i:nth-child(6){animation-delay:.55s}.reel-dash{grid-template-columns:1.2fr .8fr;gap:.55rem;padding:1.1rem 1.4rem .85rem;display:grid}.reel-dash i{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.45rem}.reel-dash i:first-child{background:linear-gradient(#2dd4bf33,#0000);grid-row:span 2}.reel-dash i:nth-child(2){animation:2s ease-in-out infinite reel-pulse}.reel-palette{justify-content:center;align-items:flex-end;gap:.45rem;height:100%;padding:1.3rem .85rem .55rem;display:flex}.reel-palette i{border-radius:999px;width:1.35rem;height:1.35rem;animation:2s ease-in-out infinite reel-float}.reel-palette i:first-child{background:#2dd4bf}.reel-palette i:nth-child(2){background:#60a5fa;width:1.7rem;height:1.7rem;animation-delay:.15s}.reel-palette i:nth-child(3){background:#c084fc;animation-delay:.3s}.reel-palette i:nth-child(4){background:#f8fafc;animation-delay:.45s}.reel-gauge{place-items:center;padding-top:.5rem;display:grid}.reel-gauge svg{width:11rem;overflow:visible}.reel-gauge .arc{fill:none;stroke:#2dd4bf;stroke-width:8px;stroke-linecap:round;stroke-dasharray:120;animation:2.4s ease-in-out infinite alternate reel-dash}.reel-search{padding:1.2rem 1.8rem .9rem}.reel-search .bar{background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;height:1.35rem}.reel-search .hit{background:#ffffff29;border-radius:999px;height:.45rem;margin-top:.45rem;animation:2.6s ease-in-out infinite reel-type}.reel-flask{flex-direction:column;gap:.4rem;padding:1.4rem .95rem .55rem;display:flex}.reel-flask span{color:#2dd4bf;align-items:center;gap:.4rem;height:.85rem;font-size:10px;animation:2.4s ease-out infinite reel-chat;display:flex}.reel-flask span:nth-child(2){animation-delay:.35s}.reel-flask span:nth-child(3){animation-delay:.7s}.reel-globe{flex-wrap:wrap;justify-content:center;gap:.35rem;padding:1.45rem .85rem .55rem;display:flex}.reel-globe i{letter-spacing:.08em;color:#f8fafcb3;border:1px solid #ffffff24;border-radius:999px;padding:.2rem .45rem;font-size:9px;animation:1.8s ease-in-out infinite reel-pulse}.reel-globe i:nth-child(2){animation-delay:.2s}.reel-globe i:nth-child(3){animation-delay:.4s}.reel-target{flex-direction:column;justify-content:flex-end;align-items:center;gap:.28rem;height:100%;padding:1.3rem 1rem .55rem;display:flex}.reel-target i{background:#2dd4bf59;border-radius:.15rem;height:.7rem;animation:2.8s ease-in-out infinite reel-type}.reel-target i:first-child{width:88%}.reel-target i:nth-child(2){width:64%;animation-delay:.15s}.reel-target i:nth-child(3){width:42%;animation-delay:.3s}.reel-scan{height:100%;position:relative}.reel-scan .line{background:linear-gradient(90deg,#0000,#2dd4bf,#0000);height:2px;animation:2.2s linear infinite reel-slide-y;position:absolute;top:22%;left:8%;right:8%}.reel-desktop{border:1px solid #ffffff24;border-radius:.5rem;width:min(36rem,72%);height:82%;margin:.8rem auto 0;overflow:hidden}.reel-desktop .bar{background:#ffffff14;height:.7rem}.reel-desktop .body{background:linear-gradient(#2dd4bf1f,#0000);height:calc(100% - .7rem);animation:3.5s ease-in-out infinite alternate reel-ken}.reel-phone{border:2px solid #fff3;border-radius:.7rem;width:3.4rem;height:5.8rem;margin:1.7rem auto 0;overflow:hidden}.reel-phone .screen{background:linear-gradient(#2dd4bf47,#08090e33);height:100%;animation:3s ease-in-out infinite reel-slide-y}.reel-cloud{justify-content:center;align-items:center;gap:.7rem;height:100%;padding-top:.6rem;display:flex}.reel-cloud i{background:#60a5fa;border-radius:999px;width:.55rem;height:.55rem;animation:1.2s ease-in-out infinite reel-float}.reel-cloud i:nth-child(2){animation-delay:.15s}.reel-cloud i:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.service-reel__sweep,.service-reel__still,.service-reel__live-dot,.reel-code span,.reel-flow i,.reel-flow b,.reel-chat span,.reel-checkout .card,.reel-chart i,.reel-shield i,.reel-wrench i,.reel-landing .page,.reel-pages i,.reel-shop i,.reel-dash i,.reel-palette i,.reel-gauge .arc,.reel-search .hit,.reel-flask span,.reel-globe i,.reel-target i,.reel-scan .line,.reel-desktop .body,.reel-phone .screen,.reel-cloud i{animation:none!important}}