 :root{--blue:#4b70ff;--cyan:#55dcff;--violet:#8d5cff;--text:#f4f5fb}
@keyframes revealText{to{transform:translateY(0)}}
@keyframes shimmer{to{background-position:250% center}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floatAura{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(45px,35px,0) scale(1.12)}}
@keyframes corePulse{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}
@keyframes floatSmall{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(117,255,172,0)}100%{box-shadow:0 0 0 0 rgba(117,255,172,0)}}
@keyframes lightSweep{0%,30%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
@keyframes whatsappPulse{0%{opacity:.65;transform:scale(.86)}75%,100%{opacity:0;transform:scale(1.35)}}
@keyframes phoneGlow{0%,100%{opacity:.65;transform:translateX(-50%) scale(.92)}50%{opacity:1;transform:translateX(-50%) scale(1.12)}}
@keyframes compareAura{0%,100%{transform:translate(-6%,-50%) scale(.9);opacity:.6}50%{transform:translate(-14%,-46%) scale(1.15);opacity:1}}
@keyframes compareShimmer{to{background-position:200% center}}
@keyframes miniPhoneFloat{0%,100%{transform:translateY(5px) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
@keyframes basicFlicker{0%,42%,100%{opacity:.25}43%,48%{opacity:.45}}
@keyframes slowBlink{0%,100%{opacity:.25}50%{opacity:.85}}
@keyframes weakRing{0%{opacity:.25;transform:scale(.65)}75%,100%{opacity:0;transform:scale(1.35)}}
@keyframes ctaFlow{to{background-position:220% 0}}
@keyframes phoneScan{0%{top:-65px;opacity:0}25%{opacity:1}70%{opacity:.75}100%{top:270px;opacity:0}}
@keyframes dotOrbit{0%,100%{transform:translate(0,0);opacity:.3}50%{transform:translate(-9px,7px);opacity:1}}
@keyframes nexoGlow{0%,100%{opacity:.14;transform:scale(.9)}50%{opacity:.28;transform:scale(1.18)}}
@keyframes orbitExpand{0%{opacity:.55;transform:translate(-50%,-50%) scale(.72)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@keyframes speedPulse{0%{box-shadow:0 0 0 0 rgba(100,228,255,.5)}75%,100%{box-shadow:0 0 0 10px rgba(100,228,255,0)}}
@keyframes checkPulse{0%{box-shadow:0 0 0 0 rgba(29,226,147,.22)}70%,100%{box-shadow:0 0 0 8px rgba(29,226,147,0)}}
.service-demo{position:relative;height:235px;margin:42px -4px 8px;display:grid;place-items:center;perspective:800px;opacity:0;transform:translateY(24px) scale(.94);transition:opacity .9s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}
.service-card.visible .service-demo{opacity:1;transform:translateY(0) scale(1)}
.service-demo:after{content:"";position:absolute;left:10%;right:10%;bottom:3px;height:25px;border-radius:50%;background:rgba(75,112,255,.2);filter:blur(18px)}
.demo-aura{position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(77,99,255,.2);filter:blur(48px);animation:demoAura 4.8s ease-in-out infinite}
.demo-phone-small{position:relative;z-index:2;width:115px;height:215px;padding:27px 12px 13px;border-radius:27px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#1c1e2e,#07080d);box-shadow:0 24px 45px rgba(0,0,0,.48),0 0 30px rgba(84,106,255,.18);display:flex;align-items:center;flex-direction:column;gap:9px;animation:demoPhone 4.2s ease-in-out infinite}
.demo-speaker{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:37px;height:7px;border-radius:99px;background:#050507}
.demo-avatar{width:41px;height:41px;border-radius:50%;border:1px solid rgba(112,229,255,.6);background:radial-gradient(circle,#7388ff,#242844);box-shadow:0 0 18px rgba(97,221,255,.28)}
.demo-name{width:52px;height:5px;border-radius:9px;background:#4a4e69}
.demo-link{position:relative;width:100%;height:26px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);overflow:hidden}
.demo-link:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(113,218,255,.17),transparent);transform:translateX(-100%);animation:linkSweep 3s ease-in-out infinite}
.link-two:after{animation-delay:.45s}
.link-three:after{animation-delay:.9s}
.demo-particle{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:#78e6ff;box-shadow:0 0 14px #78e6ff;animation:demoParticle 3.8s ease-in-out infinite}
.particle-a{left:18%;top:24%}
.particle-b{right:16%;bottom:27%;background:#9b6dff;box-shadow:0 0 14px #9b6dff;animation-delay:-1.7s}
.demo-browser{position:relative;z-index:2;width:250px;height:165px;border-radius:17px;border:1px solid rgba(255,255,255,.17);background:#0a0b11;box-shadow:0 28px 50px rgba(0,0,0,.48),0 0 42px rgba(90,107,255,.2);overflow:hidden;transform:rotateX(4deg) rotateY(-5deg);animation:demoBrowser 5s ease-in-out infinite}
.demo-browser-bar{height:23px;padding-left:10px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.07);background:#101119}
.demo-browser-bar i{width:5px;height:5px;border-radius:50%;background:#4e5060}
.demo-browser-content{position:relative;height:142px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;overflow:hidden;background:radial-gradient(circle at 82% 52%,rgba(104,80,255,.22),transparent 33%)}
.landing-tag{width:34px;height:5px;border-radius:5px;background:#6fe3ff}
.landing-title{width:105px;height:11px;border-radius:6px;background:#e5e7f4}
.landing-title.short{width:75px}
.landing-copy{width:88px;height:5px;border-radius:5px;background:#55586c}
.landing-cta{width:55px;height:16px;margin-top:5px;border-radius:99px;background:linear-gradient(90deg,#755cff,#5adfff);box-shadow:0 0 15px rgba(92,188,255,.28);animation:landingCta 2.1s ease-in-out infinite}
.landing-orb{position:absolute;right:22px;bottom:29px;width:58px;height:58px;border-radius:50%;border:1px solid rgba(111,226,255,.32);box-shadow:0 0 0 10px rgba(111,226,255,.03),0 0 28px rgba(99,96,255,.25);animation:landingOrb 4s linear infinite}
.demo-metric{position:absolute;z-index:4;right:2%;bottom:7%;padding:9px 11px;border-radius:11px;border:1px solid rgba(102,255,191,.18);background:rgba(9,17,16,.88);box-shadow:0 14px 30px rgba(0,0,0,.4);font:600 10px Manrope,sans-serif;color:#8cf4c6;animation:metricFloat 3.6s ease-in-out infinite}
.demo-metric b{font-size:14px;color:#5dffb5;margin-right:3px}
.demo-site{transform-style:preserve-3d}
.site-panel{position:absolute;z-index:2;width:210px;height:132px;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#181a28,#0a0b11);box-shadow:0 24px 48px rgba(0,0,0,.4);display:grid;grid-template-columns:1fr .55fr;grid-template-rows:12px 1fr;gap:12px;transition:.4s}
.site-panel span{grid-column:1/-1;width:42%;height:6px;border-radius:10px;background:linear-gradient(90deg,#8362ff,#5edfff)}
.site-panel i{border-radius:9px;background:rgba(255,255,255,.07)}
.panel-back{transform:translate(-28px,-34px) rotate(-8deg) scale(.85);opacity:.35;animation:panelBack 6s ease-in-out infinite}
.panel-mid{transform:translate(27px,-14px) rotate(7deg) scale(.9);opacity:.62;animation:panelMid 6s ease-in-out infinite}
.panel-front{transform:translateY(21px);animation:panelFront 6s ease-in-out infinite}
.site-cursor{position:absolute;z-index:5;right:12%;bottom:15%;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f3f5ff;color:#0a0b10;box-shadow:0 12px 25px rgba(0,0,0,.35),0 0 20px rgba(116,219,255,.25);font-weight:800;animation:cursorPath 4.5s ease-in-out infinite}
.journey-shell{position:relative;margin-top:5px;padding:30px 0 10px;overflow:hidden}
.journey-track{position:absolute;left:8%;right:8%;top:83px;height:2px;background:rgba(255,255,255,.08)}
.journey-beam{position:relative;display:block;width:0;height:100%;background:linear-gradient(90deg,#7760ff,#6c8fff,#63e3ff);box-shadow:0 0 15px #688cff,0 0 35px rgba(99,225,255,.35);transition:width 2.1s cubic-bezier(.2,.75,.2,1) .25s}
.journey-shell.visible .journey-beam{width:100%}
.journey-beam:after{content:"";position:absolute;right:-3px;top:-4px;width:10px;height:10px;border-radius:50%;background:#b7f5ff;box-shadow:0 0 16px #74e6ff}
.journey-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.journey-step{text-align:center;opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.journey-shell.visible .journey-step{opacity:1;transform:none}
.journey-shell.visible .journey-step:nth-child(1){transition-delay:.25s}
.journey-shell.visible .journey-step:nth-child(2){transition-delay:.65s}
.journey-shell.visible .journey-step:nth-child(3){transition-delay:1.05s}
.journey-shell.visible .journey-step:nth-child(4){transition-delay:1.45s}
.journey-node{position:relative;margin:0 auto 28px;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 35% 30%,#1d2037,#090a10 68%);box-shadow:0 22px 45px rgba(0,0,0,.4),0 0 0 9px #050507;transition:.4s}
.journey-node:before,.journey-node:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(110,177,255,.15);opacity:0}
.journey-shell.visible .journey-node:before{animation:journeyPulse 3s ease-out infinite}
.journey-shell.visible .journey-node:after{animation:journeyPulse 3s ease-out 1.5s infinite}
.journey-node b{font:700 19px Manrope,sans-serif;color:#e6e8f3}
.journey-node>i{position:absolute;right:5px;top:4px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#7160ff;color:#fff;box-shadow:0 0 20px rgba(114,96,255,.65);font-style:normal;font-size:11px}
.journey-step h3{font:650 22px Manrope,sans-serif;margin:0 0 11px}
.journey-step p{margin:0;color:#848796;font-size:14px;line-height:1.6}
.journey-step p i{font-style:normal;color:#5d80ff;margin:0 2px}
.journey-step:hover .journey-node{transform:translateY(-8px) scale(1.04);border-color:rgba(105,221,255,.4);box-shadow:0 28px 55px rgba(0,0,0,.45),0 0 35px rgba(89,112,255,.22),0 0 0 9px #050507}
@keyframes benefitCore{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.12);opacity:1}}
@keyframes benefitFloat{0%,100%{transform:translateY(5px)}50%{transform:translateY(-7px)}}
@keyframes benefitSpin{to{transform:rotate(360deg)}}
@keyframes chipDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes chipDriftCenter{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}
@keyframes demoAura{0%,100%{transform:scale(.82);opacity:.5}50%{transform:scale(1.16);opacity:1}}
@keyframes demoPhone{0%,100%{transform:translateY(5px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes linkSweep{0%,30%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@keyframes demoParticle{0%,100%{transform:translate(0,12px);opacity:.25}50%{transform:translate(8px,-12px);opacity:1}}
@keyframes demoBrowser{0%,100%{transform:translateY(5px) rotateX(4deg) rotateY(-5deg)}50%{transform:translateY(-7px) rotateX(1deg) rotateY(3deg)}}
@keyframes landingCta{0%,100%{transform:scale(.94);filter:brightness(.9)}50%{transform:scale(1.05);filter:brightness(1.2)}}
@keyframes landingOrb{to{transform:rotate(360deg)}}
@keyframes metricFloat{0%,100%{transform:translateY(5px)}50%{transform:translateY(-7px)}}
@keyframes panelBack{0%,100%{transform:translate(-28px,-34px) rotate(-8deg) scale(.85)}50%{transform:translate(-34px,-39px) rotate(-5deg) scale(.85)}}
@keyframes panelMid{0%,100%{transform:translate(27px,-14px) rotate(7deg) scale(.9)}50%{transform:translate(34px,-20px) rotate(4deg) scale(.9)}}
@keyframes panelFront{0%,100%{transform:translateY(21px)}50%{transform:translateY(10px)}}
@keyframes cursorPath{0%,100%{transform:translate(0,5px)}35%{transform:translate(-45px,-28px)}65%{transform:translate(-80px,7px)}}
@keyframes journeyPulse{0%{opacity:.5;transform:scale(.82)}75%,100%{opacity:0;transform:scale(1.25)}}
@media (max-width:900px){.journey-track{left:54px;right:auto;top:56px;bottom:56px;width:2px;height:auto}
.journey-beam{width:100%;height:0;transition:height 2.1s cubic-bezier(.2,.75,.2,1) .25s}
.journey-shell.visible .journey-beam{width:100%;height:100%}
.journey-beam:after{right:-4px;top:auto;bottom:-3px}
.journey-grid{grid-template-columns:1fr;gap:20px}
.journey-step{display:grid;grid-template-columns:108px 1fr;column-gap:24px;text-align:left;align-items:center}
.journey-node{grid-row:1/3;margin:0}
.journey-step h3{align-self:end}
.journey-step p{align-self:start}
.journey-shell.visible .journey-step:nth-child(2){transition-delay:.5s}
.journey-shell.visible .journey-step:nth-child(3){transition-delay:.75s}
.journey-shell.visible .journey-step:nth-child(4){transition-delay:1s}}
@media (max-width:560px){.service-demo{height:220px;margin-top:35px}
.demo-browser{width:225px}
.journey-step{grid-template-columns:82px 1fr;column-gap:18px}
.journey-node{width:82px;height:82px}
.journey-track{left:40px;top:48px;bottom:48px}
.journey-step h3{font-size:19px}
.journey-step p{font-size:12px}}
@keyframes marqueeAura{0%,100%{transform:translateX(-50%) scale(.88);opacity:.55}50%{transform:translateX(-50%) scale(1.16);opacity:1}}
@keyframes railStatus{0%{box-shadow:0 0 0 0 rgba(105,228,255,.48)}75%,100%{box-shadow:0 0 0 9px rgba(105,228,255,0)}}
@keyframes railLinkSweep{0%,28%{transform:translateX(-110%)}68%,100%{transform:translateX(110%)}}
@keyframes whatsappPulseMobile{0%{opacity:.6;transform:scale(.9)}75%,100%{opacity:0;transform:scale(1.22)}}
@keyframes projectHintPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(90,113,255,.18)}50%{transform:scale(1.06);box-shadow:0 0 0 9px rgba(90,113,255,0)}}
.services .service{display:block}.services .service-demo{margin:20px 20px 0;height:245px}.services .service-copy{padding-top:20px}.service-demo *{box-sizing:border-box}.service-demo .demo-metric{font-size:10px}.journey-shell{position:relative;margin-top:45px;padding-top:30px}.journey-step{opacity:1;transform:none}.journey-shell .journey-step p{max-width:235px;margin:auto;line-height:1.65}.journey-shell .journey-node b{font-family:Arial,sans-serif}.journey-shell .journey-step h3{font-family:Arial,sans-serif;font-size:20px}.journey-shell .journey-beam{width:100%}.journey-shell.animated .journey-beam{animation:lineReveal 2.2s ease both}.journey-beam:after{animation:beamGlow 2s ease-in-out infinite}.journey-shell.animated .journey-node:before{animation:journeyPulse 3s ease-out infinite}.journey-shell.animated .journey-node:after{animation:journeyPulse 3s ease-out 1.5s infinite}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.reason-grid article{border:1px solid #ffffff18;border-radius:22px;padding:30px;background:radial-gradient(at top right,#50568825,#11141d);transition:transform .3s,border-color .3s}.reason-grid article:hover{transform:translateY(-6px);border-color:#8d9ffb65}.reason-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#858bf51a;color:#a5b1ff;font-size:25px;animation:reasonFloat 5s ease-in-out infinite}.reason-grid article:nth-child(2) .reason-icon{animation-delay:-1.6s}.reason-grid article:nth-child(3) .reason-icon{animation-delay:-3.3s}.reason-grid h3{font-size:21px;margin:25px 0 13px}.reason-grid p{font-size:14px;line-height:1.7;color:#a3a9bc;min-height:72px}.reason-grid small{font-size:8px;letter-spacing:.1em;color:#a9b3d2;border-top:1px solid #ffffff18;padding-top:17px;display:block}.proof-link{display:inline-block;margin-top:27px;font-size:13px;color:#c3c7ff}.reasons{border-bottom:1px solid #ffffff16}.hero em{background-size:200% auto;animation:softShimmer 7s linear infinite}.hero-showcase .halo{animation:haloBreathe 6s ease-in-out infinite}
@keyframes lineReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes beamGlow{50%{opacity:.35;box-shadow:0 0 30px #74e6ff}}@keyframes reasonFloat{50%{transform:translateY(-5px)}}@keyframes softShimmer{to{background-position:200% center}}@keyframes haloBreathe{50%{opacity:.5;transform:scale(.92)}}
@media(max-width:900px){.journey-shell .journey-step p{max-width:none;margin:0}.journey-shell .journey-beam{height:100%;width:100%}.journey-shell.animated .journey-beam{animation:lineVertical 2.2s ease both}.journey-shell{padding-top:0}.journey-track{top:45px;bottom:70px}.reason-grid{gap:15px}.reason-grid article{padding:22px}.reason-grid h3{font-size:18px}}
@keyframes lineVertical{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(max-width:760px){.reason-grid{grid-template-columns:1fr}.reason-grid p{min-height:0}.reason-grid article{padding:24px}.reason-grid h3{margin-top:20px}.services .service-demo{height:220px;margin:18px 12px 0}.services .service-copy{padding:23px}.journey-shell .journey-step p{font-size:12px}.journey-shell .journey-step h3{font-size:18px}.journey-track{top:40px;bottom:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.journey-beam{clip-path:none!important}}
.services .service-demo{opacity:1;transform:none}.services .service:nth-child(2){background:linear-gradient(145deg,#202846,#11141e)}
@media(max-width:760px){.services .service-demo{margin-bottom:8px}}

.preview-promise{display:flex;align-items:flex-start;gap:12px;margin:25px 0 0;padding:16px 18px;border:1px solid #a4adff35;border-radius:16px;background:linear-gradient(110deg,#555e9a20,#11141b)}.preview-promise>span{color:#a9c8ff;font-size:20px;animation:reasonFloat 5s ease-in-out infinite}.preview-promise strong{display:block;font-size:14px;line-height:1.5;color:#eef0ff}.preview-promise p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#a8aec4}.reason-cta{margin:25px 0 0 20px}.reason-grid h3{line-height:1.25}.reason-grid p{min-height:95px}@media(max-width:760px){.preview-promise{padding:14px;gap:10px}.preview-promise strong{font-size:13px}.preview-promise p{font-size:11px}.reason-cta{display:flex;margin-left:0}.reason-grid p{min-height:0}}

.contact h2{font-size:clamp(38px,5.5vw,72px);letter-spacing:-.05em}.contact h2 em{background-size:200% auto;animation:softShimmer 7s linear infinite}.contact>p:not(.eyebrow){max-width:680px;margin:25px auto;line-height:1.65}.contact{background:radial-gradient(ellipse at center,#353c7150,#10121c 75%)}@media(max-width:760px){.contact h2{font-size:clamp(34px,8.5vw,48px)}.contact>p:not(.eyebrow){font-size:14px}}
