.fx-wrap{padding:120px max(24px,50vw - 620px);scroll-margin-top:70px}.fx-dark{color:#fff;background:#07112c}.fx-soft{background:#f6f9fd}.fx-eyebrow{letter-spacing:.18em;color:#6681a8;text-transform:uppercase;font:800 10px Manrope}.fx-dark .fx-eyebrow{color:#7dbbff}.fx-h2{letter-spacing:-.05em;max-width:760px;margin:12px 0 0;font:700 clamp(38px,5vw,68px)/.98 Manrope}.fx-lead{color:#66738b;max-width:520px;margin-top:20px;line-height:1.7}.fx-dark .fx-lead{color:#a8b8d2}.fx-work{grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;display:grid}.fx-steps{gap:8px;margin-top:34px;display:grid}.fx-step{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e8f3;border-radius:18px;grid-template-columns:40px 1fr;align-items:start;gap:14px;padding:16px 18px;transition:all .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.fx-step:hover{border-color:#b8d0f7;transform:translate(4px)}.fx-step.on{color:#fff;background:#07112c;border-color:#07112c}.fx-step b{letter-spacing:.14em;color:#8ba0bd;padding-top:3px;font:800 11px Manrope}.fx-step.on b{color:#4aa8ff}.fx-step h4{letter-spacing:-.02em;margin:0;font:700 17px Manrope}.fx-step p{color:#6b798f;margin:6px 0 0;font-size:13px;line-height:1.6}.fx-step.on p{color:#a8bcda}.fx-step i.fx-bar{transform-origin:0;background:linear-gradient(90deg,#075bff,#12b7ff);width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.fx-step.on i.fx-bar{animation:6s linear forwards fxTick}@keyframes fxTick{to{transform:scaleX(1)}}.fx-console{color:#fff;background:linear-gradient(155deg,#07112c,#0a1c40);border-radius:30px;min-height:560px;padding:26px;position:relative;overflow:hidden;box-shadow:0 40px 100px #09225433}.fx-console:before{content:"";background-image:linear-gradient(#489bff14 1px,#0000 1px),linear-gradient(90deg,#489bff14 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.fx-console>*{z-index:2;position:relative}.fx-cHead{letter-spacing:.18em;color:#7fbdff;justify-content:space-between;align-items:center;font:800 10px Manrope;display:flex}.fx-dot{align-items:center;gap:7px;display:inline-flex}.fx-dot:before{content:"";background:#23d18b;border-radius:50%;width:7px;height:7px;animation:2s infinite fxPulse;box-shadow:0 0 0 5px #23d18b22}@keyframes fxPulse{50%{box-shadow:0 0 0 10px #23d18b00}}.fx-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.fx-kpi{background:#ffffff08;border:1px solid #66b9ff33;border-radius:16px;padding:14px}.fx-kpi small{letter-spacing:.16em;color:#7f98bd;font:800 9px Manrope}.fx-kpi b{letter-spacing:-.03em;color:#fff;margin-top:8px;font:700 30px Manrope;display:block}.fx-kpi span{color:#4ad8a0;font-size:11px}.fx-chart{background:#ffffff06;border:1px solid #66b9ff2b;border-radius:18px;margin-top:14px;padding:18px}.fx-chart svg{width:100%;height:150px;display:block}.fx-line{fill:none;stroke:url(#fxg);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.6s cubic-bezier(.16,1,.3,1) forwards fxDraw}@keyframes fxDraw{to{stroke-dashoffset:0}}.fx-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:90px;margin-top:14px;display:grid}.fx-bars i{transform-origin:bottom;background:linear-gradient(#35c8ff,#075bff);border-radius:6px 6px 3px 3px;animation:.9s cubic-bezier(.16,1,.3,1) both fxGrow;display:block}@keyframes fxGrow{0%{opacity:.2;transform:scaleY(.05)}}.fx-rows{gap:8px;margin-top:14px;display:grid}.fx-row{color:#c3d3ea;background:#ffffff06;border:1px solid #66b9ff22;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12.5px;animation:.6s cubic-bezier(.16,1,.3,1) both fxSlide;display:flex}@keyframes fxSlide{0%{opacity:0;transform:translateY(10px)}}.fx-row em{letter-spacing:.14em;color:#7cc4ff;background:#0e64ff29;border-radius:999px;padding:5px 9px;font:800 9px Manrope}.fx-row em.ok{color:#4ad8a0;background:#23d18b22}.fx-impact{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px;display:grid}.fx-stat{background:linear-gradient(160deg,#fff,#f6faff);border:1px solid #e5ebf3;border-radius:24px;padding:28px;transition:all .45s cubic-bezier(.16,1,.3,1)}.fx-stat:hover{border-color:#b8d0f7;transform:translateY(-8px);box-shadow:0 30px 70px #16407c14}.fx-stat b{letter-spacing:-.05em;color:#0000;background:linear-gradient(100deg,#075bff,#12b7ff);-webkit-background-clip:text;background-clip:text;font:700 clamp(38px,4.4vw,56px)/1 Manrope}.fx-stat p{color:#66738b;margin:12px 0 0;font-size:13.5px;line-height:1.65}.fx-grid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.fx-ind{background:#fff;border:1px solid #e5ebf3;border-radius:24px;padding:26px;transition:all .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.fx-ind:after{content:"";background:linear-gradient(90deg,#075bff,#12b7ff);width:0;height:3px;transition:width .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.fx-ind:hover{border-color:#b8d0f7;transform:translateY(-8px);box-shadow:0 30px 70px #16407c14}.fx-ind:hover:after{width:100%}.fx-ind small{letter-spacing:.16em;color:#97a6bd;font:800 10px Manrope}.fx-ind h4{letter-spacing:-.03em;margin:14px 0 8px;font:700 21px Manrope}.fx-ind p{color:#66738b;margin:0;font-size:13.5px;line-height:1.65}.fx-unify{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;display:grid}.fx-map{background:radial-gradient(circle,#eaf3ff,#f7fbff 60%);border:1px solid #e5ebf3;border-radius:30px;height:520px;position:relative;overflow:hidden}.fx-map svg{width:100%;height:100%;position:absolute;inset:0}.fx-map path{fill:none;stroke:#2b83ff;stroke-width:1.6px;stroke-dasharray:6 8;animation:2.4s linear infinite fxDash}@keyframes fxDash{to{stroke-dashoffset:-70px}}.fx-hub{color:#fff;text-align:center;letter-spacing:.16em;z-index:3;background:#07112c;border-radius:40px;place-items:center;width:150px;height:150px;font:800 10px/1.5 Manrope;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 70px #07112c33}.fx-hub:after{content:"";border:1px solid #2b83ff33;border-radius:52px;animation:3s ease-in-out infinite fxHalo;position:absolute;inset:-18px}@keyframes fxHalo{50%{opacity:.45;transform:scale(1.06)}}.fx-chip{z-index:2;color:#53617a;background:#fff;border:1px solid #d6e3f6;border-radius:999px;padding:11px 15px;font-size:12px;animation:4s ease-in-out infinite fxFloat;position:absolute;box-shadow:0 15px 30px #1e447d12}@keyframes fxFloat{50%{transform:translateY(-9px)}}.fx-checks{gap:12px;margin-top:26px;display:grid}.fx-check{color:#3d4a61;align-items:center;gap:12px;font-size:14.5px;display:flex}.fx-check i{color:#075bff;background:#075bff14;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font:800 11px Manrope;display:grid}.fx-cta{background:#fff;padding:80px max(24px,50vw - 620px) 110px}.fx-ctaBox{color:#fff;text-align:center;background:#07112c;border-radius:38px;padding:90px 40px;position:relative;overflow:hidden}.fx-ctaBox:before{content:"";background-image:linear-gradient(#4996ff14 1px,#0000 1px),linear-gradient(90deg,#4996ff14 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.fx-ctaGlow{filter:blur(10px);background:radial-gradient(circle,#116bff88,#116bff20 30%,#0000 66%);border-radius:50%;width:640px;height:640px;animation:5s ease-in-out infinite fxHalo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-ctaInner{z-index:3;max-width:800px;margin:auto;position:relative}.fx-ctaInner h2{letter-spacing:-.055em;margin:14px 0 0;font:700 clamp(42px,6vw,84px)/.95 Manrope}.fx-ctaInner p{color:#aab9d1;max-width:560px;margin:22px auto 0;line-height:1.7}.fx-ctaActions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.fx-wa{z-index:90;color:#fff;background:#07112c;border-radius:999px;align-items:center;gap:10px;padding:14px 20px;font:700 13px Manrope;text-decoration:none;transition:all .35s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 45px #07112c40}.fx-wa:hover{background:linear-gradient(120deg,#075bff,#12b7ff);transform:translateY(-3px)}.fx-wa i{background:#4ad8a0;border-radius:50%;width:9px;height:9px;animation:2s infinite fxPulse;box-shadow:0 0 0 5px #4ad8a022}@media (width<=950px){.fx-work,.fx-unify{grid-template-columns:1fr;gap:40px}.fx-impact{grid-template-columns:1fr 1fr}.fx-grid3{grid-template-columns:1fr}}@media (width<=620px){.fx-wrap{padding-left:18px;padding-right:18px}.fx-console{min-height:0;padding:18px}.fx-kpis{grid-template-columns:1fr}.fx-map{height:430px}.fx-ctaBox{padding:60px 22px}}.capGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.capCard{background:linear-gradient(#0c1a3a,#07112c);border:1px solid #78b4ff2e;border-radius:24px;grid-template-rows:1fr auto;min-height:210px;padding:16px 14px 18px;transition:all .45s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.capCard:hover{border-color:#3d8dff88;transform:translateY(-6px);box-shadow:0 22px 50px #075bff22}.capCard h4{text-align:center;letter-spacing:.02em;color:#d7e6ff;margin:12px 0 0;font:700 13px/1.2 Manrope}.cs{perspective:700px;height:132px;transform-style:preserve-3d;position:relative}.cs-design .cs-orbit{border:1px dashed #3d8dff55;border-radius:50%;animation:12s linear infinite capSpin;position:absolute;inset:10px 18px}.cs-board{width:78px;height:54px;transform-style:preserve-3d;background:linear-gradient(145deg,#1a3d7a,#0b1f4a);border:1px solid #5aa7ff66;border-radius:10px;position:absolute;top:50%;left:50%;box-shadow:0 16px 28px #0006}.cs-board.b1{animation:4.2s ease-in-out infinite capFloat;transform:translate(-70%,-70%)rotateX(58deg)rotate(-24deg)}.cs-board.b2{background:linear-gradient(145deg,#12b7ff,#075bff);width:64px;height:44px;animation:3.6s ease-in-out infinite reverse capFloat;transform:translate(-10%,-80%)rotateX(58deg)rotate(18deg)}.cs-board.b3{background:#f4f8ff;gap:5px;width:86px;height:60px;padding:8px;animation:5s ease-in-out infinite capFloat;display:grid;transform:translate(-50%,-42%)rotateX(58deg)rotate(-8deg)}.cs-board.b3 i{background:#c5d7f0;border-radius:6px;height:5px;display:block}.cs-board.b3 i:nth-child(2){width:70%}.cs-board.b3 em{background:linear-gradient(90deg,#075bff,#12b7ff);border-radius:5px;height:16px}.cs-web .cs-win{background:#0e2248;border:1px solid #4d94ff66;border-radius:12px;width:64%;height:68%;animation:5s ease-in-out infinite capTilt;position:absolute;top:18%;left:18%;overflow:hidden;transform:rotateX(16deg)rotateY(-22deg);box-shadow:0 18px 32px #0005}.cs-web .cs-win.back{opacity:.45;animation-delay:-1.4s;top:10%;left:28%;transform:rotateX(16deg)rotateY(-22deg)translateZ(-30px)}.cs-web .cs-win span{background:#16315f;border-bottom:1px solid #4d94ff33;height:14px;display:block}.cs-web .cs-win span:before{content:"•••";color:#7db4ff;padding-left:8px;font-size:9px}.cs-code{gap:6px;padding:10px;display:grid}.cs-code b{background:linear-gradient(90deg,#12b7ff,#075bff66);border-radius:6px;height:6px;animation:2.4s ease-in-out infinite capPulse;display:block}.cs-code b:nth-child(2){width:78%;animation-delay:.2s}.cs-code b:nth-child(3){width:54%;animation-delay:.4s}.cs-code b:nth-child(4){width:66%;animation-delay:.6s}.cs-ai .cs-core{background:radial-gradient(circle,#fff,#12b7ff 40%,#075bff);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:2.2s ease-in-out infinite capBreath;position:absolute;top:50%;left:50%;box-shadow:0 0 28px #12b7ffcc}.cs-ai .cs-ring{border:1.5px solid #4ec7ff77;border-radius:50%;animation:6s linear infinite capSpin;position:absolute;top:50%;left:50%}.cs-ai .cs-ring.a{width:58px;height:58px;margin:-29px 0 0 -29px}.cs-ai .cs-ring.b{width:88px;height:36px;margin:-18px 0 0 -44px;animation-duration:8s;transform:rotateX(66deg)}.cs-ai .cs-ring.c{border-style:dashed;width:70px;height:70px;margin:-35px 0 0 -35px;animation-duration:10s;animation-direction:reverse}.cs-ai i{background:#9ee7ff;border-radius:50%;width:6px;height:6px;animation:4.5s linear infinite capOrbit;position:absolute;box-shadow:0 0 10px #9ee7ff}.cs-ai i:nth-child(5){animation-delay:-1s;top:28%;left:22%}.cs-ai i:nth-child(6){animation-delay:-2s;top:30%;right:20%}.cs-ai i:nth-child(7){animation-delay:-3s;bottom:22%;left:26%}.cs-ai i:nth-child(8){animation-delay:-4s;bottom:20%;right:24%}.cs-data .cs-floor{background:linear-gradient(#1a3d7a00,#1a3d7a66);border:1px solid #3d8dff33;border-radius:8px;height:46px;position:absolute;bottom:18px;left:12%;right:12%;transform:rotateX(70deg)}.cs-bars{transform-style:preserve-3d;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:18px 22px 22px;transform:rotateX(18deg)rotateY(-12deg)}.cs-bars i{height:var(--h);transform-origin:bottom;background:linear-gradient(#7ad7ff,#075bff);border-radius:6px 6px 2px 2px;flex:1;animation:2.8s ease-in-out infinite capGrow;box-shadow:6px 0 #053a9d}.cs-api svg{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.cs-api path{fill:none;stroke:#3db4ff;stroke-width:1.6px;stroke-dasharray:6 8;animation:2s linear infinite capDash}.cs-api .n{color:#9fd4ff;background:#10244c;border:1px solid #5aa7ff88;border-radius:9px;place-items:center;width:28px;height:28px;font:800 10px Manrope;animation:3.2s ease-in-out infinite capFloat;display:grid;position:absolute;box-shadow:0 10px 18px #0005}.cs-api .n.a{top:18%;left:12%}.cs-api .n.b{animation-delay:.4s;top:18%;right:12%}.cs-api .n.c{animation-delay:.8s;bottom:16%;left:12%}.cs-api .n.d{animation-delay:1.2s;bottom:16%;right:12%}.cs-custom{place-items:center;display:grid}.cs-custom .cube{width:34px;height:34px;transform-style:preserve-3d;animation:6s linear infinite capCube;position:absolute}.cs-custom .cube.c2{animation-duration:7.5s;animation-direction:reverse;transform:translate(38px,10px)}.cs-custom .cube.c3{animation-duration:8.5s;transform:translate(-34px,16px)}.cs-custom .f{border:1px solid #7ec8ff88;position:absolute;inset:0}.cs-custom .ff{background:#075bffcc;transform:translateZ(17px)}.cs-custom .fr{background:#0a3fa8cc;transform:rotateY(90deg)translateZ(17px)}.cs-custom .ft{background:#12b7ffcc;transform:rotateX(90deg)translateZ(17px)}.cs-plat .layer{background:linear-gradient(90deg,#0d2b63,#1b5ad4);border:1px solid #6ab6ff66;border-radius:8px;width:64%;height:16px;animation:3.8s ease-in-out infinite capFloat;position:absolute;left:18%;transform:rotateX(64deg)rotate(-16deg);box-shadow:0 10px 16px #0004}.cs-plat .l1{top:28px}.cs-plat .l2{background:linear-gradient(90deg,#075bff,#12b7ff);animation-delay:.3s;top:52px}.cs-plat .l3{animation-delay:.6s;top:76px}.cs-plat .puck{background:radial-gradient(circle at 30% 30%,#fff,#12b7ff);border-radius:50%;width:18px;height:18px;margin-left:-9px;animation:2.4s ease-in-out infinite capBounce;position:absolute;top:18px;left:50%;box-shadow:0 0 16px #12b7ffaa}.cs-cloud .srv{background:linear-gradient(90deg,#14356e,#2b6de0);border:1px solid #6ab6ff55;border-radius:5px;width:54px;height:14px;margin-left:-27px;animation:3.4s ease-in-out infinite capFloat;position:absolute;left:50%}.cs-cloud .s1{bottom:22px}.cs-cloud .s2{width:46px;margin-left:-23px;animation-delay:.25s;bottom:38px}.cs-cloud .s3{width:38px;margin-left:-19px;animation-delay:.5s;bottom:54px}.cs-cloud .cloud{background:radial-gradient(circle at 30%,#dff6ff,#7ad4ff);border-radius:20px;width:72px;height:28px;margin-left:-36px;animation:4s ease-in-out infinite capFloat;position:absolute;top:16px;left:50%;box-shadow:18px 6px 0 -6px #9ee0ff,-16px 8px 0 -8px #c5eeff,0 0 22px #12b7ff88}@keyframes capSpin{to{transform:rotate(360deg)}}@keyframes capFloat{50%{transform:translateY(-7px)rotateX(58deg)rotate(-8deg)}}@keyframes capTilt{50%{transform:rotateX(10deg)rotateY(-12deg)translateY(-6px)}}@keyframes capPulse{50%{opacity:.45}}@keyframes capBreath{50%{transform:scale(1.18);box-shadow:0 0 40px #12b7ff}}@keyframes capOrbit{50%{opacity:.5;transform:translateY(-8px)}}@keyframes capGrow{0%,to{transform:scaleY(.86)}50%{transform:scaleY(1)}}@keyframes capDash{to{stroke-dashoffset:-40px}}@keyframes capCube{to{transform:rotateX(360deg)rotateY(360deg)}}@keyframes capBounce{0%,to{transform:translateY(0)}50%{transform:translateY(42px)}}@media (width<=950px){.capGrid{grid-template-columns:1fr 1fr}}@media (width<=620px){.capGrid{grid-template-columns:1fr}}.fx-demos-page{padding-top:78px}.fx-demos-hero{padding-bottom:20px}.fx-demos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:0;display:grid}.fx-demo-card{border:1px solid var(--line,#e5ebf3);background:linear-gradient(145deg,#fff,#f7faff);border-radius:28px;flex-direction:column;min-height:420px;padding:28px;display:flex}.fx-demo-card small{letter-spacing:.16em;color:#6681a8;text-transform:uppercase;font:800 10px Manrope}.fx-demo-card h2{letter-spacing:-.04em;margin:12px 0 6px;font:700 32px/1.05 Manrope}.fx-demo-meta{color:#075bff;margin:0 0 14px;font-size:13px;font-weight:700}.fx-demo-card p{color:#66738b;font-size:15px;line-height:1.65}.fx-demo-card ul{gap:8px;margin:16px 0 24px;padding:0;list-style:none;display:grid}.fx-demo-card li{color:#3d4a61;padding-left:14px;font-size:13px;position:relative}.fx-demo-card li:before{content:"";background:#075bff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.fx-demo-card .btn{justify-content:center;margin-top:auto}@media (width<=950px){.fx-demos-grid{grid-template-columns:1fr}.fx-demo-card{min-height:0}}@media (width<=620px){.fx-demos-page .fx-wrap{padding-left:18px;padding-right:18px}.fx-demo-card h2{font-size:26px}}