:root{
  --navy:#070b44;--navy2:#0b155f;--deep:#020419;--blue:#0b67e9;--cyan:#15d8e8;
  --white:#fff;--cloud:#f6f9fc;--ink:#0d1530;--muted:#657089;--line:#dfe7f0;
  --radius:24px;--container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
h1,h2,h3{font-family:Manrope,Inter,sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:30;background:rgba(3,6,29,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{min-height:82px;display:flex;align-items:center;gap:24px}
.logo img{display:block;width:220px;max-height:62px;object-fit:contain}
.navlinks{display:flex;align-items:center;gap:20px;margin-left:auto;white-space:nowrap}
.navlinks a{font-size:14px;color:rgba(255,255,255,.8)}
.navlinks a:hover{color:#fff}
.navcta{display:flex;align-items:center;gap:8px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 16px;font-weight:700;border:1px solid transparent;transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(90deg,var(--blue),#0b7bf2);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.035)}
.menu-btn{display:none}

.hero{
  background:
    radial-gradient(circle at 78% 28%,rgba(12,113,240,.32),transparent 30%),
    radial-gradient(circle at 22% 76%,rgba(12,213,234,.08),transparent 22%),
    linear-gradient(135deg,var(--deep),var(--navy2));
  color:#fff;padding:105px 0 92px;overflow:hidden
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--cyan);font-weight:800;margin-bottom:18px}
.hero h1{font-size:clamp(50px,6vw,80px);line-height:.98;letter-spacing:-.055em;margin:0}
.hero h1 span{color:#a8ddff}
.hero p{font-size:19px;line-height:1.7;color:rgba(255,255,255,.72);max-width:700px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.orbit{position:relative;width:min(460px,90vw);aspect-ratio:1;margin:auto;border-radius:50%;border:1px solid rgba(95,226,255,.20);box-shadow:inset 0 0 70px rgba(16,112,255,.09)}
.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(95,226,255,.16);inset:14%;animation:spin 17s linear infinite}
.orbit:after{inset:30%;animation-direction:reverse;animation-duration:11s}
@keyframes spin{to{transform:rotate(360deg)}}
.orb-core{position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#0fe0ef55,#0b6de9cc 55%,#07115d);box-shadow:0 0 45px rgba(13,212,234,.18)}
.orb-core img{width:75%;height:auto}
.orb-node{position:absolute;width:112px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(82,218,255,.24);color:#fff;text-align:center;font-size:11px;box-shadow:0 0 0 rgba(21,216,232,0);transition:.25s}
.orb-node:hover{border-color:rgba(82,218,255,.7);box-shadow:0 0 24px rgba(21,216,232,.15)}
.o1{left:0;top:18%}.o2{right:0;top:18%}.o3{left:2%;bottom:16%}.o4{right:2%;bottom:16%}.o5{left:50%;top:-5%;transform:translateX(-50%)}

.section{padding:92px 0}
.section.light{background:var(--cloud)}
.section.dark{background:linear-gradient(135deg,#04102d,#0a1f67);color:#fff}
.section h2{font-size:clamp(38px,5vw,56px);line-height:1.05;letter-spacing:-.045em;margin:0 0 18px}
.section .lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:850px}
.dark .lead{color:rgba(255,255,255,.65)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(7,11,68,.08)}
.dark .card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
.card h3{font-size:22px;margin:0 0 10px}
.card p{color:var(--muted);line-height:1.65}
.dark .card p{color:rgba(255,255,255,.6)}
.card a{display:inline-block;margin-top:8px;color:var(--blue);font-weight:800}

.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:34px}
.flow div{position:relative;padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line);min-height:125px}
.flow div:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--blue);font-weight:800;z-index:2}
.flow b{display:block;margin-bottom:8px}
.flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.tags span{font-size:12px;padding:8px 11px;border-radius:999px;background:#eaf3ff;color:#235c9e}

.cta{padding:82px 0;text-align:center;background:radial-gradient(circle at 50% 15%,rgba(16,128,255,.25),transparent 30%),linear-gradient(135deg,var(--deep),var(--navy2));color:#fff}
.cta h2{font-size:clamp(38px,5vw,56px);margin:0 0 16px}
.cta p{color:rgba(255,255,255,.65);font-size:18px;max-width:760px;margin:0 auto}
footer{background:#020419;color:rgba(255,255,255,.55);padding:28px 0;font-size:12px}
.footerrow{display:flex;justify-content:space-between;gap:20px;align-items:center}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:42px}
  .navlinks{display:none}
  .navcta .btn-ghost{display:none}
  .menu-btn{display:inline-flex;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:11px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .flow{grid-template-columns:1fr}
  .flow div:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-16px;transform:translateX(-50%)}
}
@media(max-width:650px){
  .container{width:min(100% - 24px,var(--container))}
  .nav{min-height:72px;gap:12px}.logo img{width:165px}.navcta{display:none}
  .hero{padding:76px 0 62px}.hero h1{font-size:46px}.hero p{font-size:16px}
  .orbit{width:min(340px,88vw)}
  .orb-node{width:96px;font-size:9px;padding:9px}
  .grid-3{grid-template-columns:1fr}
  .section{padding:70px 0}
  .footerrow{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* V10 — visuales propios por solución */
.solution-visual{position:relative;width:min(500px,92vw);aspect-ratio:1.15;margin:auto;isolation:isolate}
.solution-visual:before{content:"";position:absolute;inset:7%;border-radius:38%;background:radial-gradient(circle,rgba(20,210,238,.18),rgba(12,105,233,.08) 42%,transparent 68%);filter:blur(8px);animation:breathe 4s ease-in-out infinite}
.sv-panel{position:absolute;inset:14% 10%;border:1px solid rgba(86,218,255,.24);border-radius:28px;background:linear-gradient(145deg,rgba(9,27,93,.5),rgba(5,10,54,.18));box-shadow:inset 0 0 45px rgba(18,131,255,.08),0 24px 80px rgba(0,0,0,.15);overflow:hidden}
.sv-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(76,225,255,.09) 45%,transparent 62%);transform:translateX(-120%);animation:sweep 5s ease-in-out infinite}
.sv-title{position:absolute;left:8%;top:6%;font-size:11px;letter-spacing:.18em;color:#55e7ff;font-weight:800}.sv-chip{position:absolute;padding:9px 12px;border:1px solid rgba(85,224,255,.28);border-radius:12px;background:rgba(7,20,75,.78);font-size:10px;color:#dffaff;box-shadow:0 0 24px rgba(21,216,232,.08)}
.sv-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:30px;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#23e5f0,#0878ec 52%,#07145c 82%);box-shadow:0 0 50px rgba(18,197,238,.3);font-size:48px}.sv-icon svg{width:62px;height:62px;stroke:white;fill:none;stroke-width:1.7}.sv-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(25,220,238,.1),#25dff4,rgba(25,220,238,.08));box-shadow:0 0 8px #19dceb}.sv-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#7ff8ff;box-shadow:0 0 14px #2feaff;animation:pulse 1.8s ease-in-out infinite}.sv-c1{left:5%;top:27%}.sv-c2{right:4%;top:29%}.sv-c3{left:4%;bottom:24%}.sv-c4{right:3%;bottom:22%}
@keyframes breathe{50%{transform:scale(1.04);opacity:.72}}@keyframes sweep{45%,100%{transform:translateX(120%)}}@keyframes pulse{50%{transform:scale(1.7);opacity:.55}}
/* process */.visual-process .sv-panel{background-image:linear-gradient(rgba(36,218,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(36,218,245,.055) 1px,transparent 1px);background-size:34px 34px}.visual-process .p1{left:19%;top:28%;width:26%;transform:rotate(25deg)}.visual-process .p2{left:55%;top:47%;width:24%;transform:rotate(-25deg)}
/* agent */.visual-agent .sv-icon{border-radius:50%}.visual-agent .eye{position:absolute;width:13px;height:9px;border-radius:50%;background:#b9ffff;top:48%;box-shadow:0 0 12px #5ff}.visual-agent .e1{left:44%}.visual-agent .e2{right:44%}.visual-agent .antenna{position:absolute;left:50%;top:31%;width:2px;height:34px;background:#5cecff}.visual-agent .antenna:after{content:"";position:absolute;left:-5px;top:-6px;width:12px;height:12px;border-radius:50%;background:#8ffaff;box-shadow:0 0 14px #35eaff}
/* voice */.visual-voice .wave{position:absolute;left:20%;right:20%;top:50%;height:90px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:7px}.visual-voice .wave i{display:block;width:4px;border-radius:8px;background:#66f4ff;box-shadow:0 0 9px #1bdff2;animation:wave 1.25s ease-in-out infinite}.visual-voice .wave i:nth-child(2n){animation-delay:-.3s}.visual-voice .wave i:nth-child(3n){animation-delay:-.6s}@keyframes wave{0%,100%{height:14px}50%{height:76px}}
/* finance */.visual-finance .bars{position:absolute;left:29%;bottom:27%;display:flex;align-items:end;gap:10px;height:110px}.visual-finance .bars i{width:22px;border-radius:6px 6px 2px 2px;background:linear-gradient(#31e6f2,#0872ea);box-shadow:0 0 14px rgba(32,219,241,.2)}.visual-finance .bars i:nth-child(1){height:35%}.visual-finance .bars i:nth-child(2){height:58%}.visual-finance .bars i:nth-child(3){height:78%}.visual-finance .bars i:nth-child(4){height:100%}
/* docs */.visual-docs .paper{position:absolute;width:125px;height:160px;border-radius:12px;background:linear-gradient(145deg,#eefcff,#82c9ff);box-shadow:0 18px 35px rgba(0,0,0,.25);left:50%;top:50%;transform:translate(-50%,-50%) rotate(6deg)}.visual-docs .paper:before{content:"";position:absolute;left:20px;right:20px;top:35px;height:65px;background:repeating-linear-gradient(#2479bd 0 3px,transparent 3px 14px);opacity:.55}.visual-docs .scan{position:absolute;left:28%;right:28%;top:34%;height:2px;background:#4dffff;box-shadow:0 0 18px 4px #23eaff;animation:scan 2.6s ease-in-out infinite}@keyframes scan{50%{top:67%}}
/* omni */.visual-omni .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:linear-gradient(145deg,#12dfe9,#0a69e8);box-shadow:0 0 38px rgba(31,226,241,.28);display:grid;place-items:center;font-size:36px}.visual-omni .channel{position:absolute;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#0a297c;border:1px solid #36ddf3;font-weight:800}.visual-omni .ch1{left:18%;top:23%}.visual-omni .ch2{right:18%;top:22%}.visual-omni .ch3{left:17%;bottom:22%}.visual-omni .ch4{right:17%;bottom:22%}
/* analytics */.visual-analytics .chart{position:absolute;left:20%;right:20%;top:27%;bottom:25%;border-left:1px solid #3edff0;border-bottom:1px solid #3edff0}.visual-analytics .chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.visual-analytics .chart polyline{fill:none;stroke:#56efff;stroke-width:3;filter:drop-shadow(0 0 5px #27dff2);stroke-dasharray:400;stroke-dashoffset:400;animation:draw 4s ease-in-out infinite}@keyframes draw{45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-400}}
/* integration */.visual-integration .sv-icon{font-size:30px;font-weight:800}.visual-integration .system{position:absolute;width:70px;height:58px;border-radius:15px;display:grid;place-items:center;background:#092879;border:1px solid #36dff3;font-size:20px;box-shadow:0 0 20px rgba(22,217,236,.1)}.visual-integration .s1{left:13%;top:22%}.visual-integration .s2{right:13%;top:22%}.visual-integration .s3{left:13%;bottom:20%}.visual-integration .s4{right:13%;bottom:20%}
/* custom */.visual-custom .device{position:absolute;border:1px solid #54ddf4;background:linear-gradient(145deg,#0b347d,#061445);box-shadow:0 18px 38px rgba(0,0,0,.28)}.visual-custom .laptop{width:220px;height:140px;border-radius:12px;left:21%;top:31%;transform:perspective(500px) rotateY(7deg)}.visual-custom .phone{width:72px;height:142px;border-radius:16px;right:19%;top:38%}.visual-custom .code{position:absolute;inset:18px;background:repeating-linear-gradient(0deg,transparent 0 11px,rgba(63,227,244,.6) 12px 14px,transparent 15px 20px);opacity:.55}
@media(max-width:650px){.solution-visual{width:min(360px,92vw)}.sv-panel{inset:10% 5%}.sv-chip{font-size:8px;padding:7px 8px}.sv-icon{width:94px;height:94px}.visual-custom .laptop{width:165px;height:105px}.visual-custom .phone{width:55px;height:108px}}


/* ===== V11 premium solution hero visuals ===== */
.solution-visual-v11{position:relative;width:min(520px,94vw);height:390px;margin:auto}.visual-label{position:absolute;left:4%;top:0;font-size:11px;letter-spacing:.18em;color:#58e8f4;font-weight:800;z-index:5}.visual-canvas{position:absolute;inset:38px 0 0;border-radius:30px;border:1px solid rgba(75,220,244,.18);background:radial-gradient(circle at 50% 45%,rgba(26,163,235,.16),transparent 35%),linear-gradient(145deg,rgba(17,53,135,.36),rgba(5,14,59,.22));box-shadow:inset 0 0 50px rgba(18,103,228,.08);overflow:hidden}.visual-canvas:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(61,218,242,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(61,218,242,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:none}.sol-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.flowline{fill:none;stroke:#2adbed;stroke-width:1.3;stroke-dasharray:8 10;opacity:.5;animation:svDash 5s linear infinite}.packet{fill:#7ff7ff;filter:drop-shadow(0 0 5px #36eaf4)}.pa{animation:pA 4s ease-in-out infinite}.pb{animation:pB 4.5s ease-in-out infinite}.pi1{animation:iA 4.4s ease-in-out infinite}.pi2{animation:iB 4.7s ease-in-out infinite}@keyframes svDash{to{stroke-dashoffset:-150}}@keyframes pA{0%,100%{transform:translate(65px,174px)}50%{transform:translate(250px,108px)}}@keyframes pB{0%,100%{transform:translate(450px,246px)}50%{transform:translate(252px,187px)}}@keyframes iA{0%,100%{transform:translate(260px,180px)}50%{transform:translate(106px,84px)}}@keyframes iB{0%,100%{transform:translate(260px,180px)}50%{transform:translate(414px,274px)}}.hero-core-icon{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#34e5ef,#0b78ea 55%,#07145d);box-shadow:0 0 45px rgba(30,215,235,.28);font-size:44px}.hero-mini{position:absolute;z-index:4;width:118px;padding:10px;border-radius:13px;background:rgba(5,20,74,.84);border:1px solid rgba(67,223,241,.22)}.hero-mini i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#0b2e86;color:#6eecf7;font-style:normal;font-size:9px;margin-bottom:6px}.hero-mini b,.hero-mini small{display:block}.hero-mini b{font-size:11px}.hero-mini small{font-size:9px;color:#9db1cb;margin-top:3px}.hm1{left:4%;top:38%}.hm2{left:37%;top:8%}.hm3{right:4%;top:38%}.hm4{left:37%;bottom:7%}.floating-stat{position:absolute;z-index:4;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:9px;color:#bceef4}.fs1{left:9%;bottom:10%}.fs2{right:9%;bottom:10%}
/* AI agent */.ai-agent{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:190px}.agent-head{position:absolute;left:16px;right:16px;top:0;height:116px;border-radius:46px;background:linear-gradient(145deg,#3be2ef,#0b70e4 56%,#07185e);box-shadow:0 0 40px rgba(41,220,235,.25)}.a-eye{position:absolute;top:55px;width:18px;height:10px;border-radius:50%;background:#b8ffff;box-shadow:0 0 10px #6ff}.a-eye.e1{left:35px}.a-eye.e2{right:35px}.agent-antenna{position:absolute;left:50%;top:-22px;width:2px;height:22px;background:#5cecff}.agent-antenna:before{content:"";position:absolute;left:-5px;top:-7px;width:12px;height:12px;border-radius:50%;background:#8ffaff;box-shadow:0 0 12px #35eaff}.agent-body{position:absolute;left:32px;right:32px;bottom:0;height:86px;border-radius:26px 26px 38px 38px;background:linear-gradient(145deg,#c5f8ff,#5cbcf4 45%,#155bd3);box-shadow:0 16px 40px rgba(0,0,0,.22)}.agent-body span{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;background:#0b74e5;box-shadow:inset 0 0 0 6px #7beaf4}.thought{position:absolute;z-index:4;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(83,227,244,.2);font-size:10px}.t1{left:4%;top:16%}.t2{right:4%;top:18%}.t3{left:5%;bottom:12%}.t4{right:4%;bottom:13%}.bubble-dot{position:absolute;right:-34px;top:50%;width:7px;height:7px;border-radius:50%;background:#71eff7;box-shadow:0 0 12px #39e8f2}
/* Voice */.voice-face{position:absolute;left:12%;top:12%;width:190px;height:260px}.vf-head{position:absolute;left:35px;top:18px;width:120px;height:160px;border-radius:55% 46% 45% 52%;border:2px solid #36dff1;box-shadow:0 0 28px rgba(47,222,241,.15);background:linear-gradient(110deg,rgba(12,81,188,.3),rgba(28,215,232,.08))}.vf-neck{position:absolute;left:85px;top:174px;width:48px;height:76px;border-left:2px solid #35dff1;border-bottom:2px solid #35dff1;border-radius:0 0 0 35px}.vf-mouth{position:absolute;left:132px;top:112px;width:28px;height:2px;background:#73f5fc;box-shadow:0 0 8px #48eaf2}.voice-equalizer{position:absolute;left:48%;right:14%;top:42%;height:100px;display:flex;align-items:center;justify-content:center;gap:6px}.voice-equalizer i{width:4px;height:12px;border-radius:6px;background:#70f5fb;box-shadow:0 0 8px #38dfe9;animation:voiceEq 1.1s ease-in-out infinite}.voice-equalizer i:nth-child(2n){animation-delay:-.25s}.voice-equalizer i:nth-child(3n){animation-delay:-.5s}@keyframes voiceEq{50%{height:82px}}.voice-call-card{position:absolute;right:5%;bottom:8%;padding:13px 16px;border-radius:15px;background:rgba(4,20,72,.82);border:1px solid rgba(60,225,242,.2)}.voice-call-card b,.voice-call-card small{display:block}.voice-call-card b{font-size:11px}.voice-call-card small{font-size:8px;color:#96aec8;margin-top:4px}.call-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2be8ee;box-shadow:0 0 10px #2be8ee;margin-right:7px}.voice-features{position:absolute;right:4%;top:12%;display:grid;gap:7px}.voice-features span{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.05);font-size:9px;border:1px solid rgba(255,255,255,.06)}
/* Finance */.finance-dashboard{position:absolute;left:18%;top:14%;width:280px;height:210px;border-radius:22px;background:linear-gradient(145deg,#0b317a,#061b58);border:1px solid rgba(74,224,243,.24);box-shadow:0 22px 55px rgba(0,0,0,.25);padding:18px}.fd-top{display:flex;justify-content:space-between;font-size:10px}.fd-top span{color:#50edf4}.fd-chart{height:90px;margin-top:16px}.fd-chart svg{width:100%;height:100%}.fd-chart polyline{fill:none;stroke:#50eff7;stroke-width:3;filter:drop-shadow(0 0 5px #32dfea);stroke-dasharray:360;animation:drawLine 4s ease-in-out infinite}@keyframes drawLine{0%{stroke-dashoffset:360}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-360}}.fd-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fd-metrics div{padding:8px;border-radius:10px;background:rgba(255,255,255,.055)}.fd-metrics b,.fd-metrics small{display:block}.fd-metrics b{font-size:16px;color:#7bf5fb}.fd-metrics small{font-size:8px;color:#9fb0c8}.coins{position:absolute;width:76px;height:20px;border-radius:50%;background:linear-gradient(#48dff0,#1475df);box-shadow:0 8px 0 #0e5ebd,0 16px 0 #0b4f9f}.coins.c1{right:14%;bottom:23%}.coins.c2{right:24%;bottom:16%;transform:scale(.75)}.finance-badge{position:absolute;padding:8px 10px;border-radius:11px;background:rgba(4,20,72,.85);border:1px solid rgba(61,224,242,.18);font-size:9px}.fb1{right:4%;top:19%}.fb2{right:3%;top:35%}.fb3{right:3%;top:51%}
/* Docs */.doc-stack{position:absolute;left:33%;top:13%;width:180px;height:235px}.doc-back,.doc-main{position:absolute;width:150px;height:205px;border-radius:12px;box-shadow:0 20px 45px rgba(0,0,0,.23)}.doc-back{left:-28px;top:18px;background:#1768d8;transform:rotate(-8deg);opacity:.5}.doc-main{left:20px;top:0;background:linear-gradient(145deg,#effcff,#80c8ff);transform:rotate(5deg);padding:22px}.doc-main b{color:#145e9d;font-size:11px}.doc-main i{display:block;height:5px;border-radius:4px;background:#3d89c3;margin:12px 0;opacity:.55}.doc-photo{display:block;width:42px;height:42px;border-radius:8px;background:linear-gradient(145deg,#3697e6,#145dc2);margin-bottom:14px}.scan-beam{position:absolute;left:5px;right:0;top:18%;height:2px;background:#54ffff;box-shadow:0 0 16px 4px #2ee6f2;animation:scanDoc 2.8s ease-in-out infinite}@keyframes scanDoc{50%{top:82%}}.extract-card{position:absolute;padding:10px 12px;border-radius:12px;background:rgba(6,27,85,.88);border:1px solid rgba(71,226,244,.22);min-width:120px}.extract-card b,.extract-card span{display:block}.extract-card b{font-size:9px}.extract-card span{font-size:8px;color:#6ff3f8;margin-top:3px}.ec1{right:4%;top:20%}.ec2{right:4%;top:42%}.ec3{right:4%;top:64%}.ocr-badge{position:absolute;left:18%;bottom:10%;padding:9px 12px;border-radius:12px;background:#0a75e8;color:#fff;font-weight:800;font-size:11px;box-shadow:0 0 24px rgba(17,124,234,.3)}
/* Omni */.omni-person{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,#2de0eb,#0a6fe5);display:grid;place-items:end center;padding-bottom:17px;z-index:3;box-shadow:0 0 38px rgba(34,216,235,.25)}.omni-person span{position:absolute;top:18px;width:36px;height:36px;border-radius:50%;background:#d9fbff}.omni-person b{font-size:10px}.channel-card{position:absolute;z-index:4;width:74px;height:74px;border-radius:18px;display:grid;place-items:center;background:rgba(7,37,107,.92);border:1px solid #37dff2;font-size:22px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.channel-card small{font-size:8px;color:#b9cce0}.oc1{left:8%;top:11%}.oc2{right:8%;top:11%}.oc3{left:8%;bottom:10%}.oc4{right:8%;bottom:10%}.omni-caption{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);font-size:9px;letter-spacing:.16em;color:#6cf1f8;font-weight:800;white-space:nowrap}
/* Analytics */.analytics-board{position:absolute;left:17%;top:12%;width:315px;height:245px;border-radius:20px;background:linear-gradient(145deg,#0a317c,#061b57);border:1px solid rgba(72,222,243,.22);box-shadow:0 22px 55px rgba(0,0,0,.24);padding:16px}.ab-head{display:flex;justify-content:space-between;font-size:10px}.ab-head span{color:#6beef6}.ab-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:14px}.ab-bars{height:92px;display:flex;align-items:end;gap:8px;padding:0 6px}.ab-bars i{width:18px;border-radius:5px 5px 2px 2px;background:linear-gradient(#37e7f1,#1371df);animation:barGrow 2.8s ease-in-out infinite}.ab-bars i:nth-child(1){height:38%}.ab-bars i:nth-child(2){height:54%}.ab-bars i:nth-child(3){height:72%}.ab-bars i:nth-child(4){height:62%}.ab-bars i:nth-child(5){height:92%}@keyframes barGrow{50%{filter:brightness(1.35);transform:scaleY(.85)}}.ab-donut{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#55e6f2 0 76%,#173b86 76%);position:relative}.ab-donut:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#082361}.ab-donut span{position:relative;font-size:13px;font-weight:800}.ab-line{height:70px;margin-top:14px}.ab-line svg{width:100%;height:100%}.ab-line polyline{fill:none;stroke:#67eef5;stroke-width:3;stroke-dasharray:350;animation:drawLine 4s ease-in-out infinite}.analytic-chip{position:absolute;right:4%;padding:8px 10px;border-radius:10px;background:rgba(5,25,78,.88);border:1px solid rgba(65,220,240,.18);font-size:9px}.ac1{top:23%}.ac2{top:42%}.ac3{top:61%}
/* Integration */.integration-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:106px;height:106px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#24deea,#0b6fe5 55%,#08155d);font-size:26px;font-weight:800;box-shadow:0 0 40px rgba(31,216,235,.25)}.integration-system{position:absolute;z-index:4;width:92px;padding:13px;border-radius:15px;background:rgba(7,35,105,.94);border:1px solid #36dff1;text-align:center}.integration-system b,.integration-system small{display:block}.integration-system b{font-size:17px}.integration-system small{font-size:8px;color:#9db5ce;margin-top:3px}.is1{left:5%;top:11%}.is2{right:5%;top:11%}.is3{right:5%;bottom:11%}.is4{left:5%;bottom:11%}.integration-tag{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);font-size:8px;color:#66edf5;white-space:nowrap}
/* Custom */.custom-laptop{position:absolute;left:13%;top:20%;width:270px;height:190px}.screen{position:absolute;left:0;top:0;width:250px;height:155px;border-radius:10px;border:1px solid #49dff2;background:#061a53;padding:12px;display:grid;grid-template-columns:42px 1fr;gap:12px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.base{position:absolute;left:-10px;top:156px;width:270px;height:10px;border-radius:0 0 50% 50%;background:#1c5caa}.ui-sidebar{border-radius:6px;background:linear-gradient(#0e7ce6,#083579)}.ui-content{padding:7px}.ui-content i{display:block;height:5px;border-radius:5px;background:#21b7df;margin:9px 0;opacity:.7}.ui-content span{display:block;height:55px;border-radius:8px;background:linear-gradient(145deg,#0d397d,#08245d);margin-top:14px}.custom-phone{position:absolute;right:12%;top:30%;width:78px;height:154px;border-radius:17px;border:1px solid #45dff2;background:#06194e;padding:10px;box-shadow:0 18px 35px rgba(0,0,0,.25)}.phone-screen{height:100%;border-radius:9px;background:#082766;padding:8px}.phone-screen i{display:block;height:8px;border-radius:5px;background:#24bce3;margin:12px 0}.custom-code{position:absolute;right:29%;top:17%;width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:#0c73df;border:1px solid #49e0f1;font-weight:800}.custom-chip{position:absolute;padding:8px 10px;border-radius:10px;background:rgba(5,25,78,.88);border:1px solid rgba(65,220,240,.18);font-size:9px}.cc1{left:5%;top:10%}.cc2{right:4%;top:10%}.cc3{left:4%;bottom:8%}.cc4{right:4%;bottom:8%}
@media(max-width:650px){.solution-visual-v11{height:340px}.visual-canvas{inset:34px 0 0}.hero-mini{width:90px;padding:7px}.finance-dashboard,.analytics-board{transform:scale(.82);transform-origin:left top}.voice-face{transform:scale(.8);transform-origin:left top}.custom-laptop{transform:scale(.78);transform-origin:left top}.custom-phone{transform:scale(.78);transform-origin:right top}}


/* ===== AOD V12 solution visual refinements ===== */
.voice-face,
.voice-profile,
.face-outline,
.profile-outline,
.voice-silhouette,
.silhouette,
.voice-ai-visual .profile,
.voice-ai-visual .face,
.solution-voice .profile,
.solution-voice .face{
  display:none !important;
}

.custom-platform-visual,
.custom-visual,
.visual.custom-platform-visual{
  position:relative;
  overflow:hidden;
}
.custom-scan-line{
  position:absolute;
  left:12%;right:12%;top:20%;
  height:2px;z-index:9;
  background:linear-gradient(90deg,transparent,#57ecff,#2281ff,transparent);
  box-shadow:0 0 14px rgba(82,224,255,.75);
  animation:customScan 3.8s ease-in-out infinite;
  pointer-events:none;
}
.custom-particle{
  position:absolute;width:7px;height:7px;border-radius:50%;
  background:#6cf3ff;box-shadow:0 0 14px #5fe7ff;z-index:9;
  animation:customFloat 4.4s ease-in-out infinite;
}
.cp1{left:22%;top:30%;animation-delay:.2s}
.cp2{right:20%;top:42%;animation-delay:1.1s}
.cp3{left:50%;bottom:16%;animation-delay:2s}
@keyframes customScan{
  0%,100%{top:20%;opacity:.15}
  45%{opacity:1}
  75%{top:76%;opacity:.65}
}
@keyframes customFloat{
  0%,100%{transform:translate(0,0) scale(.8);opacity:.3}
  50%{transform:translate(12px,-10px) scale(1.2);opacity:1}
}
.custom-platform-visual svg,
.custom-visual svg{
  filter:drop-shadow(0 0 8px rgba(45,169,255,.15));
}
@media(prefers-reduced-motion:reduce){
  .custom-scan-line,.custom-particle{animation:none!important}
}
\n\n/* ===== AOD V13 — Voice AI clean centered waveform ===== */
/* Remove every remnant of the previous face/profile graphic. */
.visual-voice .vf-head,
.visual-voice .vf-neck,
.visual-voice .vf-mouth,
.visual-voice .voice-face,
.visual-voice .voice-profile,
.visual-voice .face-outline,
.visual-voice .profile-outline{
  display:none !important;
}

/* Center the audio visualization inside the Voice AI panel. */
.visual-voice .voice-equalizer{
  left:50% !important;
  right:auto !important;
  top:52% !important;
  width:310px !important;
  height:118px !important;
  transform:translate(-50%,-50%) !important;
  justify-content:center !important;
  gap:7px !important;
  z-index:4 !important;
}
.visual-voice .voice-equalizer i{
  width:5px !important;
  min-height:14px;
  border-radius:999px !important;
  background:linear-gradient(180deg,#a4ffff,#54eff7 45%,#25cfe8) !important;
  box-shadow:0 0 10px rgba(93,246,255,.95),0 0 22px rgba(45,205,239,.34) !important;
  animation:voiceEqV13 1.1s ease-in-out infinite !important;
  transform-origin:center;
}
.visual-voice .voice-equalizer i:nth-child(2n){animation-delay:-.18s !important}
.visual-voice .voice-equalizer i:nth-child(3n){animation-delay:-.36s !important}
.visual-voice .voice-equalizer i:nth-child(4n){animation-delay:-.54s !important}
@keyframes voiceEqV13{
  0%,100%{height:18px;opacity:.72}
  25%{height:54px;opacity:.92}
  50%{height:98px;opacity:1}
  75%{height:42px;opacity:.88}
}

/* Add subtle concentric audio rings behind the centered waveform. */
.visual-voice .visual-canvas:before{
  content:"";
  position:absolute;
  left:50%;
  top:52%;
  width:230px;
  height:230px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 0 28%,rgba(60,220,245,.08) 29% 30%,transparent 31% 43%,rgba(60,220,245,.07) 44% 45%,transparent 46% 58%,rgba(60,220,245,.055) 59% 60%,transparent 61%);
  animation:voiceRingPulseV13 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes voiceRingPulseV13{
  0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.55}
  50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}
}

@media(max-width:650px){
  .visual-voice .voice-equalizer{
    width:240px !important;
    gap:5px !important;
  }
  .visual-voice .voice-equalizer i{width:4px !important}
  .visual-voice .visual-canvas:before{width:190px;height:190px}
}
@media(prefers-reduced-motion:reduce){
  .visual-voice .voice-equalizer i,
  .visual-voice .visual-canvas:before{animation:none !important}
}

/* V38 — navegación unificada */
.navlinks a.nav-active{color:#fff;position:relative}
.navlinks a.nav-active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,#19d8ff,#1687ff)}

/* ===== AOD V43 — Responsive hardening ===== */
@media(max-width:1000px){
  .nav{position:relative;gap:12px}
  .navlinks{position:absolute;left:0;right:0;top:calc(100% + 8px);display:flex!important;flex-direction:column;gap:3px;padding:13px;border-radius:16px;background:rgba(3,6,29,.98);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:.2s;z-index:50}
  .navlinks.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .navlinks a{padding:11px 12px;border-radius:9px;font-size:14px}.navlinks a:hover{background:rgba(255,255,255,.06)}
  .menu-btn{display:inline-flex!important;align-items:center;justify-content:center;font-size:21px;cursor:pointer;flex:0 0 44px}
  .hero{padding:82px 0 72px}.hero-grid{gap:38px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:1fr 1fr}.flow div:not(:last-child):after{display:none}
}
@media(max-width:700px){
  .container{width:min(100% - 24px,var(--container))}.nav{min-height:68px}.logo img{width:158px}.navcta{display:none}.navlinks{max-height:calc(100dvh - 90px);overflow-y:auto}
  .hero{padding:64px 0 58px}.hero h1{font-size:clamp(40px,12vw,52px)}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}
  .section{padding:66px 0}.section h2{font-size:clamp(34px,10vw,44px)}.grid-3,.flow{grid-template-columns:1fr}.card{padding:22px}.flow div{min-height:0}
  .solution-visual-v11{width:min(100%,360px);height:320px}.visual-canvas{inset:30px 0 0}.cta{padding:66px 0}.cta h2{font-size:clamp(34px,10vw,44px)}.footerrow{flex-direction:column}
}
@media(max-width:420px){.logo img{width:146px}.solution-visual-v11{height:300px}.section{padding:60px 0}}