:root{
  --navy:#06172f;--navy2:#0a2345;--blue:#086cff;--cyan:#1ec9ff;--red:#e32035;
  --ink:#071a35;--muted:#71839a;--line:#dfe7ef;--soft:#f5f8fc;--white:#fff;
  --shadow:0 25px 70px rgba(6,23,47,.11);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.wrap{width:min(1180px,92%);margin:auto}
.topbar{height:34px;background:#031024;color:#7f96af;font-size:9px;letter-spacing:1.6px}
.topbar-in{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}.topbar a{color:#d2e1ef}.topbar b{color:var(--cyan);margin-left:4px}
.site-header{position:absolute;top:34px;left:0;width:100%;height:86px;z-index:30;background:rgba(6,23,47,.58);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;display:block;padding:4px 10px}.brand img{width:155px;position:relative;z-index:2}.brand-glow{position:absolute;width:150px;height:65px;left:8px;top:8px;border-radius:50%;background:radial-gradient(circle,rgba(30,201,255,.17),transparent 68%);filter:blur(5px)}
nav{display:flex;align-items:center;gap:24px;color:#aabbd0;font-size:11px;font-weight:700}nav a{position:relative;transition:.2s}nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--cyan);transition:.2s}nav a:hover,nav a.active{color:#fff}nav a:hover:after,nav a.active:after{width:100%}.nav-cta{padding:11px 16px;border:1px solid rgba(30,201,255,.5);border-radius:5px;color:#fff;background:rgba(30,201,255,.05)}.nav-cta b{color:var(--cyan)}
.menu{display:none;background:none;border:0}.menu span{display:block;width:27px;height:2px;background:#fff;margin:6px}

.hero{min-height:780px;background:var(--navy);color:#fff;padding:175px 0 0;position:relative;overflow:hidden}.hero-lines{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(#000,transparent 90%)}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb-a{width:650px;height:650px;right:-280px;top:-80px;background:radial-gradient(circle,rgba(8,108,255,.24),transparent 67%)}.orb-b{width:420px;height:420px;left:-250px;bottom:-230px;background:radial-gradient(circle,rgba(227,32,53,.12),transparent 68%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center}.eyebrow,.kicker{font-size:9px;letter-spacing:2.4px;font-weight:800;color:#7f9bb6}.eyebrow span,.kicker span{display:inline-block;width:28px;height:2px;background:linear-gradient(90deg,var(--red),var(--cyan));vertical-align:middle;margin-right:9px}
.hero h1{font:800 clamp(47px,5.8vw,75px)/1.02 "Manrope";letter-spacing:-4px;margin:20px 0 23px}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 35px rgba(30,201,255,.18)}.hero-lead{max-width:600px;color:#9db1c7;font-size:15px}.actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:5px;padding:14px 21px;font-size:11px;font-weight:800;cursor:pointer;transition:.25s}.btn.primary{color:#fff;background:linear-gradient(100deg,var(--blue),#13a9ec);box-shadow:0 13px 38px rgba(8,108,255,.28)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(8,108,255,.4)}.btn.ghost{border-color:rgba(255,255,255,.17);color:#d7e5f2}.btn.ghost:hover{border-color:var(--cyan)}.btn span{color:var(--cyan);font-size:15px}.proof-row{display:flex;gap:30px;margin-top:28px}.proof-row div{display:flex;flex-direction:column}.proof-row strong{font:800 10px "Manrope";letter-spacing:1.5px}.proof-row small{font-size:8px;color:#6f849c;margin-top:2px}

.hero-stage{height:450px;position:relative;display:grid;place-items:center}.stage-card.main{width:min(510px,100%);height:355px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(145deg,rgba(16,45,80,.9),rgba(4,17,36,.86));box-shadow:0 40px 90px rgba(0,0,0,.42);backdrop-filter:blur(12px);position:relative;z-index:3;overflow:hidden;transform:perspective(900px) rotateY(-5deg)}.stage-top{display:flex;justify-content:space-between;padding:20px 22px;font-size:8px;letter-spacing:1.7px;color:#86a3bf}.stage-top b{color:#61d5ff;font-size:8px}.chart{height:235px;margin:8px 20px 0;position:relative}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 47px}.chart svg{position:absolute;inset:0;width:100%;height:100%}.metric-bubble{position:absolute;left:15px;bottom:12px;background:rgba(5,22,42,.88);border:1px solid rgba(30,201,255,.25);padding:10px 13px;border-radius:6px}.metric-bubble small{display:block;color:#7e9ab5;font-size:7px}.metric-bubble b{font-size:10px}.stage-bottom{height:60px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:22px;padding:0 22px;color:#a5b8cb;font-size:8px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.dot.blue{background:var(--blue)}.dot.cyan{background:var(--cyan)}.dot.red{background:var(--red)}
.mini-card{position:absolute;z-index:5;background:#fff;color:var(--navy);padding:12px 15px;border-radius:7px;box-shadow:0 15px 45px rgba(0,0,0,.28);display:flex;flex-direction:column}.mini-card small{font-size:7px;color:#8192a5;letter-spacing:1.6px}.mini-card b{font:800 11px "Manrope"}.mini-one{top:20px;right:0}.mini-two{bottom:20px;left:0}.stage-logo{position:absolute;z-index:6;bottom:-2px;right:25px;width:105px;opacity:.95;filter:drop-shadow(0 8px 15px rgba(0,0,0,.35))}
.hero-brands{height:85px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:4;display:flex;align-items:center;gap:30px;color:#7189a3;font-size:8px;letter-spacing:1.8px}.hero-brands span{margin-right:auto;color:#9fb3c8}.hero-brands b{font-weight:700}

.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-in{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#65798f}.trust-in span{font-size:8px;letter-spacing:2px;color:#a0afbe}.trust-in b{font:700 12px "Manrope"}

.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px}.section-head h2,.faq h2{font:800 clamp(38px,4.4vw,58px)/1.06 "Manrope";letter-spacing:-2.8px;color:var(--navy);margin-top:14px}.section-head h2 em,.faq h2 em{font-style:normal;color:var(--blue)}.section-head>p{max-width:380px;color:var(--muted);font-size:12px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{min-height:275px;padding:27px;background:#fff;border:1px solid #e0e8f0;border-radius:8px;position:relative;overflow:hidden;transition:.3s}.service:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c4dced}.service.featured{background:var(--navy);color:#fff;border-color:transparent}.service .num{font:800 10px "Manrope";color:var(--blue)}.featured .num{color:var(--cyan)}.service-arrow{position:absolute;right:27px;top:23px;font-size:20px;color:#9badbd}.service h3{font:800 20px "Manrope";margin-top:40px}.service p{color:#74879b;font-size:11px;max-width:320px;margin:9px 0 24px}.featured p{color:#9db1c6}.service small{font-size:7px;letter-spacing:1.8px;color:#93a5b6}.featured small{color:#68d4ff}

.dark-section{background:var(--navy);color:#fff;padding:105px 0;overflow:hidden}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.kicker.light{color:#8ea8c0}.dark-copy h2{font:800 clamp(38px,4.3vw,57px)/1.05 "Manrope";letter-spacing:-2.7px;margin:16px 0}.dark-copy h2 em{font-style:normal;color:var(--cyan)}.dark-copy>p{color:#8ea5bd;font-size:13px;max-width:550px}.check-list{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid rgba(255,255,255,.12)}.check-list div{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:13px;align-items:center}.check-list b{font-size:9px;color:var(--cyan)}.check-list span{font-size:11px;color:#d0dce7}
.system-visual{height:430px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:radial-gradient(circle,rgba(8,108,255,.1),transparent 52%)}.system-node{position:absolute;z-index:3;background:#0d2d55;border:1px solid rgba(30,201,255,.3);box-shadow:0 0 25px rgba(8,108,255,.08);border-radius:7px;padding:10px 14px;font:800 10px "Manrope";color:#e7f3fb}.system-node.center{left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#0b3e72,#061a36);border-color:rgba(30,201,255,.65);font-size:22px}.system-node.center small{font-size:6px;letter-spacing:1.5px;color:#65d5ff}.n1{left:12%;top:14%}.n2{right:12%;top:14%}.n3{left:7%;bottom:17%}.n4{right:7%;bottom:17%}.n5{left:50%;bottom:4%;transform:translateX(-50%);border-color:rgba(227,32,53,.45)}.system-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(30,201,255,.55),transparent);width:38%;left:31%;top:50%;transform-origin:center}.l1{transform:rotate(-39deg)}.l2{transform:rotate(39deg)}.l3{transform:rotate(-141deg)}.l4{transform:rotate(141deg)}.l5{transform:rotate(90deg);width:32%;left:34%}

.portfolio{background:#fff}.portfolio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.case{border:1px solid #e0e8ef;border-radius:9px;overflow:hidden;background:#fff;transition:.3s}.case:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.case-big{grid-row:span 2}.case-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.case-image{height:250px;position:relative;overflow:hidden}.case-big .case-image{height:390px}.case-wide .case-image{height:300px}.case-image img{width:100%;height:100%;object-fit:cover;transition:.6s;filter:saturate(.8)}.case:hover .case-image img{transform:scale(1.05)}.case-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,16,33,.68),transparent 60%)}.case-image>span{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;background:rgba(6,23,47,.78);border:1px solid rgba(255,255,255,.17);padding:7px 9px;border-radius:4px;font-size:7px;letter-spacing:1.5px}.case-body{padding:24px}.case-body small{font-size:7px;letter-spacing:1.8px;color:var(--blue);font-weight:800}.case-body h3{font:800 24px "Manrope";margin:9px 0 7px}.case-body p{font-size:11px;color:#75889c}.case-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.case-tags b{font-size:7px;letter-spacing:.6px;padding:5px 8px;border-radius:3px;background:#f1f6fa;color:#63798e}

.results-band{background:#f4f8fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.results{display:grid;grid-template-columns:repeat(4,1fr)}.results>div{padding:34px 22px;border-right:1px solid var(--line)}.results>div:last-child{border:0}.results strong{display:block;font:800 10px "Manrope";letter-spacing:1.2px;color:var(--blue)}.results span{font-size:10px;color:#75889c}

.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-item{padding:27px 23px;border-right:1px solid var(--line)}.process-item:last-child{border-right:0}.process-item>b{font:800 10px "Manrope";color:var(--red)}.process-item h3{font:800 21px "Manrope";margin:23px 0 7px}.process-item p{font-size:11px;color:#7d90a3}

.pricing{background:var(--navy);padding:105px 0;color:#fff}.light-head h2{color:#fff}.light-head h2 em{color:var(--cyan)}.light-head>p{color:#89a0b8}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{background:#0b2343;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:27px;position:relative;transition:.3s}.price-card:hover{transform:translateY(-5px);border-color:rgba(30,201,255,.35)}.price-card.popular{background:#0c2c54;border-color:rgba(30,201,255,.6);box-shadow:0 25px 70px rgba(0,0,0,.22)}.popular-tag{position:absolute;right:17px;top:17px;background:var(--cyan);color:#03203d;padding:5px 8px;border-radius:3px;font-size:6px;font-weight:900;letter-spacing:1.2px}.price-top{display:flex;justify-content:space-between;color:#82a0bb;font-size:8px;letter-spacing:2px}.price-top b{color:#54cfff}.price-card h3{font:800 22px "Manrope";margin:31px 0 8px}.price{font:800 31px "Manrope";color:#fff}.price span{font:500 9px "DM Sans";color:#7992ab}.price-card>p:not(.price){font-size:10px;color:#8ea5bb;min-height:44px}.price-card ul{list-style:none;margin:19px 0;border-top:1px solid rgba(255,255,255,.1)}.price-card li{font-size:10px;color:#c4d2df;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.price-card li:before{content:"✓";color:var(--cyan);margin-right:8px}.price-btn{display:block;text-align:center;border:1px solid rgba(255,255,255,.17);border-radius:5px;padding:11px;font-size:9px;font-weight:800;color:#d8e7f3}.price-btn:hover{border-color:var(--cyan)}.primary-price{background:linear-gradient(100deg,var(--blue),#13a9ec);border-color:transparent;color:#fff}.pricing-note{font-size:8px;color:#657e98;margin-top:18px}

.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-intro{color:#778b9f;font-size:12px;margin-top:20px;max-width:300px}.text-cta{display:inline-flex;gap:10px;color:var(--blue);font-size:10px;font-weight:800;margin-top:25px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:700 14px "Manrope";color:var(--navy)}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:18px;font-weight:400}details p{color:#74889d;font-size:11px;max-width:800px;padding:12px 35px 0 0}

.contact{background:linear-gradient(120deg,#06152b,#0a2d55);padding:105px 0;color:#fff;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:650px;height:650px;right:-350px;top:-320px;border:1px solid rgba(30,201,255,.17);border-radius:50%}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;position:relative;z-index:2}.contact-copy h2{font:800 clamp(42px,4.5vw,61px)/1.04 "Manrope";letter-spacing:-3px;margin:17px 0}.contact-copy h2 em{font-style:normal;color:var(--cyan)}.contact-copy>p{color:#8fa6bc;font-size:13px;max-width:480px}.contact-info{margin-top:35px;display:grid;gap:16px}.contact-info small{display:block;color:#62819c;font-size:7px;letter-spacing:2px}.contact-info b{font-size:14px;color:#edf5fb}.contact-info a:hover b{color:var(--cyan)}
.lead-form{background:#fff;color:var(--navy);border-radius:9px;padding:30px;box-shadow:0 35px 85px rgba(0,0,0,.25)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{display:block;font-size:9px;font-weight:800;color:#647a90;margin-bottom:15px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;margin-top:7px;border:1px solid #dce5ed;background:#f8fafc;border-radius:5px;padding:12px;font:12px "DM Sans";outline:none;color:var(--navy)}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#62baff;box-shadow:0 0 0 3px rgba(8,108,255,.08)}.lead-form textarea{resize:vertical}.full{width:100%}.form-status{display:block;text-align:center;font-size:8px;color:#8999a9;margin-top:9px}

.footer-brand-wrap{background:#041328;border-bottom:1px solid rgba(255,255,255,.09)}.footer-brand{min-height:90px;display:flex;align-items:center;gap:18px}.footer-logo-orbit{width:78px;height:58px;position:relative;display:grid;place-items:center}.footer-logo-orbit span{position:absolute;width:78px;height:34px;border:1px solid rgba(30,201,255,.55);border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 20px rgba(30,201,255,.12)}.footer-logo-orbit img{width:75px;position:relative;z-index:2}.footer-brand strong{display:block;font:800 12px "Manrope";letter-spacing:1.4px}.footer-brand small{display:block;font-size:7px;letter-spacing:1.7px;color:#66819c;margin-top:2px}
footer{background:#020d1d;color:#fff}.footer-main{padding:55px 0 45px;display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:45px}.footer-logo{width:145px}.footer-about p{max-width:290px;color:#6e849c;font-size:10px;margin-top:15px}.footer-main h4{font:700 10px "Manrope";letter-spacing:1px;margin-bottom:14px}.footer-main a{display:block;color:#70869e;font-size:10px;margin:8px 0}.footer-main a:hover{color:var(--cyan)}.footer-bottom{min-height:55px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;align-items:center;color:#506982;font-size:8px;letter-spacing:.5px}

.whatsapp{position:fixed;right:22px;bottom:22px;z-index:100;width:145px;height:48px;border-radius:28px;background:#16b85b;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 15px 35px rgba(0,0,0,.25);font-size:11px;font-weight:800}.whatsapp strong{width:27px;height:27px;border-radius:50%;background:#fff;color:#16b85b;display:grid;place-items:center;font-size:18px;transform:rotate(-35deg)}.wa-ping{position:absolute;inset:0;border-radius:28px;border:1px solid rgba(22,184,91,.65);animation:ping 2.1s infinite}.whatsapp:hover{transform:translateY(-3px)}@keyframes ping{0%,55%{opacity:0;transform:scale(1)}65%{opacity:1}100%{opacity:0;transform:scale(1.18)}}

.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){
  .hero-grid,.dark-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:150px}.hero-stage{margin-top:20px}.about-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.case-big{grid-row:auto}.case-wide{grid-column:auto;display:block}.results{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr;gap:45px}.footer-main{grid-template-columns:1.4fr 1fr 1fr}
}
@media(max-width:720px){
  .topbar{display:none}.site-header{top:0;height:72px}.nav{height:72px}.brand img{width:128px}.menu{display:block}nav{display:none;position:absolute;top:65px;left:4%;right:4%;padding:10px;background:#06172f;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 25px 60px rgba(0,0,0,.4);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px}.nav-cta{text-align:center;margin-top:4px}.hero{padding-top:115px;min-height:auto}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero-stage{height:390px}.stage-card.main{height:330px}.mini-one{right:-2px}.mini-two{left:-2px}.stage-logo{right:8px}.hero-brands{height:auto;padding:25px 0;flex-wrap:wrap;gap:13px}.hero-brands span{width:100%}.trust-in{padding:22px 0;flex-wrap:wrap;justify-content:center}.trust-in span{width:100%;text-align:center}.section,.pricing,.contact,.dark-section{padding:75px 0}.section-head{display:block}.section-head>p{margin-top:18px}.services-grid,.pricing-grid,.form-row{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.system-visual{height:350px}.case-image,.case-big .case-image,.case-wide .case-image{height:280px}.results{grid-template-columns:1fr 1fr}.results>div{border-bottom:1px solid var(--line)}.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-bottom{display:block;padding:16px 0}.footer-bottom span+span{display:block;margin-top:7px}.whatsapp{width:54px;height:54px;right:16px;bottom:16px;border-radius:50%}.whatsapp b{display:none}.whatsapp strong{width:31px;height:31px}.pricing-grid{grid-template-columns:1fr}.price-card.popular{order:-1}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{transition:none}.wa-ping{animation:none}}
