:root{
  --bg:#050914;--bg2:#071226;--panel:#0a1427;--text:#f7f9ff;--muted:#a8b5c9;
  --blue:#1597ff;--cyan:#00d5ff;--purple:#a33cff;--pink:#ff35cf;--green:#00e8a1;
  --line:rgba(255,255,255,.09);--shadow:0 25px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 70%);z-index:-2}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:absolute;top:0;left:0;right:0;z-index:20}.nav{height:88px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:24px;letter-spacing:-1px;line-height:.8}.brand>span:last-child{position:relative}.brand span span{color:var(--blue)}.brand small{display:block;font-size:6px;letter-spacing:1.8px;color:#8795aa;margin-top:7px}.brand-mark{font-size:25px;color:var(--blue);font-family:monospace}
.menu{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:14px;font-weight:700;color:#d5dbea}.menu a{padding:32px 0;position:relative}.menu a.active:after,.menu a:hover:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:25px;background:linear-gradient(90deg,var(--blue),var(--purple));box-shadow:0 0 12px var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:14px 20px;font-size:12px;font-weight:900;letter-spacing:.2px;transition:.25s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg,#1b72ff,#c12cff);box-shadow:0 10px 35px rgba(61,86,255,.28)}.btn-outline{border-color:#138cff;background:rgba(10,15,30,.3);box-shadow:inset 0 0 20px rgba(0,145,255,.05)}.btn-whatsapp{border-color:#25d988;background:rgba(0,232,161,.02)}.nav-cta{margin-left:4px;white-space:nowrap}.nav-cta b{font-size:18px}.menu-toggle{display:none;background:none;border:0}

.hero{min-height:760px;padding:145px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(49,74,255,.13),transparent 30%),linear-gradient(180deg,#040713,#050a17)}
.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;gap:20px;min-height:600px}.eyebrow{display:inline-block;color:#3ab8ff;font-size:10px;font-weight:900;letter-spacing:1.2px;border:1px solid rgba(24,165,255,.55);border-radius:999px;padding:7px 11px;background:rgba(14,121,255,.06)}.hero h1{font-size:clamp(45px,5vw,68px);line-height:1.02;letter-spacing:-3.2px;margin:18px 0 22px;max-width:650px}.hero h1 span,.section-heading h2 span,.about-copy h2 span,.cta-copy h2 span{background:linear-gradient(90deg,#168eff,#aa4aff,#ff4ad7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:570px;color:#aebbd0;font-size:16px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.trust-row{display:flex;gap:28px;margin-top:35px}.trust-row div{display:flex;gap:9px;align-items:center;color:#dce5f3;font-size:11px;font-weight:700}.trust-row strong{color:#168eff;font-size:23px}.trust-row div:nth-child(2) strong{color:#8b56ff}.trust-row div:nth-child(3) strong{color:#00d6ff}
.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.glow-one{width:430px;height:430px;right:-120px;top:150px;background:rgba(25,80,255,.12)}.glow-two{width:280px;height:280px;left:-120px;bottom:-120px;background:rgba(163,60,255,.1)}

.hero-art{height:550px;position:relative;perspective:1000px}.floating-screen{position:absolute;border:1px solid rgba(90,140,255,.55);border-radius:10px;background:linear-gradient(145deg,rgba(10,22,45,.95),rgba(3,10,24,.93));box-shadow:0 25px 70px rgba(0,0,0,.5),0 0 35px rgba(25,125,255,.12);overflow:hidden;transform:rotateX(8deg) rotateY(-8deg);animation:float 5s ease-in-out infinite}.screen-top{height:20px;padding:6px 9px;display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.08)}.screen-top span{width:5px;height:5px;border-radius:50%;background:#52637d}.screen-site{width:245px;height:220px;left:20px;top:115px;z-index:3}.screen-content{padding:18px}.screen-content small{color:#35aaff;font-weight:800}.screen-content h3{font-size:15px;line-height:1.15;margin:10px 0}.screen-button{height:15px;width:65px;border-radius:4px;background:linear-gradient(90deg,#168eff,#8e45ff)}.screen-lines{margin-top:16px}.screen-lines i{display:block;height:5px;background:#1a2c47;margin:6px 0;border-radius:3px}.screen-code{width:260px;height:280px;left:170px;top:65px;z-index:4;border-color:rgba(133,75,255,.65);transform:rotateX(2deg) rotateY(-2deg);animation-delay:-1.5s}.code-lines{padding:18px 15px;font:10px/2 monospace;color:#aebbd0}.code-lines em{color:#ff63dc;font-style:normal}.code-lines b{color:#3ce3c2}.code-cursor{color:#39b8ff!important}.screen-dashboard{width:230px;height:210px;right:8px;top:140px;z-index:2;border-color:rgba(0,229,189,.4);transform:rotateX(8deg) rotateY(9deg);animation-delay:-3s}.dash-content{padding:16px}.dash-content small{font-size:8px;color:#00dfb0}.dash-value{font-size:24px;font-weight:900;color:#53f2d0;margin-top:5px}.bars{height:65px;display:flex;gap:6px;align-items:end;margin-top:12px}.bars i{width:18px;border-radius:3px 3px 0 0;background:linear-gradient(#6b42ff,#1597ff)}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:35%}.bars i:nth-child(4){height:70%}.bars i:nth-child(5){height:55%}.bars i:nth-child(6){height:88%}.dash-pie{position:absolute;right:15px;bottom:14px;width:38px;height:38px;border-radius:50%;background:conic-gradient(#00e8a1 0 35%,#8d43ff 35% 72%,#172c46 72%);border:5px solid #091326}
.art-label{position:absolute;z-index:8;text-align:center;color:white;font-size:11px}.art-label i{display:block;margin:auto auto 8px;width:28px;height:28px;border:1px solid #168eff;border-radius:50%;font-style:normal;line-height:26px;color:#39b8ff;background:#06142b}.art-label b{display:block;font-size:12px}.art-label small{display:block;color:#a8b5c9;font-size:9px;line-height:1.35;margin-top:3px}.label-site{left:78px;top:32px}.label-system{left:290px;top:22px}.label-system i{border-color:#00e8a1;color:#00e8a1}.label-auto{right:55px;top:50px}.label-auto i{border-color:#b14aff;color:#b14aff}.energy{position:absolute;height:3px;border-radius:100%;filter:blur(1px);background:linear-gradient(90deg,transparent,#1597ff,#b43fff,transparent);box-shadow:0 0 18px #1597ff;transform-origin:left center}.energy-one{width:310px;left:125px;top:385px;transform:rotate(15deg)}.energy-two{width:280px;left:190px;top:395px;transform:rotate(-17deg);background:linear-gradient(90deg,transparent,#00e8d0,#8b42ff,transparent)}.platform{position:absolute;width:390px;height:100px;left:110px;bottom:28px;transform:perspective(300px) rotateX(60deg);border:2px solid rgba(26,142,255,.8);border-radius:50%;box-shadow:0 0 35px rgba(29,110,255,.35),inset 0 0 30px rgba(30,88,255,.2);background:radial-gradient(ellipse,rgba(91,52,255,.28),transparent 55%)}.platform:before,.platform:after{content:"";position:absolute;inset:13px;border:1px solid rgba(167,65,255,.65);border-radius:50%}.platform:after{inset:27px;border-color:rgba(0,225,255,.5)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}

.section{padding:95px 0}.services-section{background:linear-gradient(180deg,#060d1d,#071123)}.section-heading.center{text-align:center}.section-heading h2{font-size:39px;letter-spacing:-1.7px;margin:12px 0 42px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:520px;border:1px solid var(--line);border-radius:16px;padding:24px;overflow:hidden;background:linear-gradient(145deg,rgba(15,29,53,.96),rgba(5,13,29,.96));box-shadow:var(--shadow);transition:.3s}.service-card:hover{transform:translateY(-7px);border-color:rgba(50,160,255,.45)}.card-green:hover{border-color:rgba(0,232,161,.45)}.card-purple:hover{border-color:rgba(163,60,255,.5)}.service-art{height:145px;margin:-24px -24px 20px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(35,120,255,.25),transparent 55%)}.website-art .mini-window{position:absolute;width:145px;height:88px;left:75px;top:28px;border:1px solid #397cff;border-radius:6px;transform:rotate(-7deg);background:linear-gradient(145deg,#132d57,#091426);box-shadow:0 0 25px rgba(32,114,255,.25)}.website-art .mini-window:after{content:"";position:absolute;left:12px;right:12px;top:25px;height:4px;background:#1f477b;box-shadow:0 12px #16335c,0 24px #16335c}.website-art .second{left:110px;top:45px;transform:rotate(8deg);opacity:.65}.maintenance-art{background:radial-gradient(circle at 50% 50%,rgba(0,232,161,.15),transparent 60%)}.maintenance-art .tool{position:absolute;font-size:70px;left:75px;top:28px;color:#00e8a1;filter:drop-shadow(0 0 12px rgba(0,232,161,.35));transform:rotate(-20deg)}.maintenance-art .gear{position:absolute;font-size:45px;right:70px;top:55px;color:#19a987}.system-art{background:radial-gradient(circle at 50% 50%,rgba(163,60,255,.22),transparent 60%)}.system-art i{position:absolute;width:34px;height:34px;border:1px solid #a33cff;background:#14204a;box-shadow:0 0 18px rgba(163,60,255,.25);transform:rotate(45deg)}.system-art i:nth-child(1){left:88px;top:45px}.system-art i:nth-child(2){left:126px;top:45px}.system-art i:nth-child(3){left:107px;top:80px}.system-art i:nth-child(4){left:145px;top:80px}.system-art i:nth-child(5){left:126px;top:115px}.service-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #268fff;color:#45b9ff;background:#06162e;font-weight:900;font-size:18px}.service-icon.green{border-color:#00e8a1;color:#00e8a1}.service-icon.purple{border-color:#a33cff;color:#b35cff}.service-card h3{font-size:18px;margin:15px 0 9px}.service-card p{color:#aab8cc;font-size:13px;min-height:62px}.service-card ul{padding:0;margin:16px 0 20px;list-style:none;color:#c6d1e0;font-size:12px;line-height:1.9}.service-card li:before{content:"✓";color:#4d9dff;margin-right:7px}.card-green li:before{color:#00e8a1}.card-purple li:before{color:#b35cff}.service-card>a{font-size:13px;font-weight:900;color:#45b9ff}.green-link{color:#00e8a1!important}.purple-link{color:#c06aff!important}

.problem-section{background:#07101f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.problem-card{min-height:135px;padding:20px 12px;text-align:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.25s}.problem-card:hover{background:rgba(38,118,255,.08);transform:translateY(-4px);border-color:rgba(37,147,255,.4)}.problem-card b{font-size:25px;color:#22a4ff;margin-bottom:10px}.problem-card:nth-child(2n) b{color:#00e8c1}.problem-card:nth-child(3n) b{color:#a852ff}.problem-card strong{font-size:12px}.problem-card span{font-size:12px;color:#7e91ab;margin-top:3px}

.about-section{background:radial-gradient(circle at 80% 50%,rgba(43,79,255,.12),transparent 35%)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.about-copy h2{font-size:39px;line-height:1.12;letter-spacing:-1.5px;margin:14px 0}.about-copy p{color:#aab8cc;max-width:600px;line-height:1.8}.about-copy .btn{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat{padding:30px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(8,20,40,.55);text-align:center}.stat b{display:block;font-size:36px;background:linear-gradient(90deg,#1b9bff,#a550ff);-webkit-background-clip:text;color:transparent}.stat span{color:#a9b8cb;font-size:12px}

.cta-section{padding:45px 0 80px}.cta-box{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:35px 40px;border:1px solid rgba(73,107,255,.45);border-radius:17px;background:linear-gradient(100deg,rgba(15,40,82,.9),rgba(35,17,73,.7));box-shadow:0 0 60px rgba(36,91,255,.12)}.cta-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#247dff,#a737ff);box-shadow:0 0 25px rgba(83,69,255,.35)}.cta-copy h2{font-size:25px;margin:0 0 7px}.cta-copy p{margin:0;color:#a9b7ca;font-size:13px}.cta-actions{display:flex;gap:10px}.footer{border-top:1px solid var(--line);padding:30px 0;color:#8b9ab0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-brand{font-size:18px}.footer-inner small{font-size:11px;margin-right:auto}.footer-links{display:flex;gap:20px;font-size:10px}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:50;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:0;line-height:0;box-shadow:0 10px 35px rgba(0,0,0,.45),0 0 25px rgba(25,216,109,.25);transition:.2s}.floating-whatsapp:hover{transform:scale(1.08)}
.icon-wa{width:18px;height:18px;display:block;flex-shrink:0}
.floating-whatsapp .icon-wa{width:30px;height:30px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}

@media(max-width:1050px){.menu{gap:18px}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{margin-top:-20px}.problem-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto}.menu-toggle span{width:24px;height:2px;background:white}.menu{display:none;position:absolute;top:76px;left:4%;right:4%;padding:15px;background:#091326;border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:0}.menu.open{display:flex}.menu a{padding:14px}.menu a.active:after,.menu a:hover:after{display:none}.hero{padding-top:125px}.hero-grid{min-height:auto}.hero h1{font-size:45px}.hero-art{height:470px;transform:scale(.88);transform-origin:top center;margin-bottom:-45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.problem-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:40px}.cta-box{grid-template-columns:1fr}.cta-actions{flex-wrap:wrap}.footer-inner{flex-wrap:wrap}.footer-inner small{order:3;flex-basis:100%}.footer-links{display:none}}
@media(max-width:520px){.nav{height:72px}.brand{font-size:20px}.brand-mark{font-size:21px}.hero{padding-top:110px}.hero h1{font-size:40px;letter-spacing:-2px}.hero-text{font-size:14px}.hero-actions .btn{width:100%}.trust-row{gap:14px}.trust-row div{font-size:9px}.hero-art{transform:scale(.66);height:360px;margin-left:-70px;margin-right:-70px}.section{padding:70px 0}.section-heading h2,.about-copy h2{font-size:31px}.problem-grid{grid-template-columns:1fr 1fr}.problem-card{min-height:120px}.stats{grid-template-columns:1fr 1fr}.cta-box{padding:28px 22px}.cta-actions .btn{width:100%}.floating-whatsapp{right:15px;bottom:15px}}