:root{--fondo:#050605;--superficie:#12160f;--superficie-2:#0b0e0a;--borde:#2a3125;--tinta:#f1f5ec;--tinta-suave:#a8b39c;--lima:#d4f53c;--agua:#3fe0c5;--bosque:#0c341a;--live:#ff4fb8;--pulso:linear-gradient(90deg, #d4f53c, #3fe0c5);--marca:"Krona One", "Arial Black", sans-serif;--texto:"Onest", system-ui, sans-serif;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--fondo);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%}a{color:var(--lima)}a:hover{color:var(--agua)}:focus-visible{outline:2px solid var(--agua);outline-offset:3px}.page{position:relative;overflow:hidden}.wrap{max-width:1200px;margin:0 auto}.section{padding:96px 24px}.eyebrow{letter-spacing:1.6px;color:var(--tinta-suave);margin:0;font-size:12px;font-weight:500}.h2{font-family:var(--marca);margin:0;font-size:clamp(26px,3.4vw,40px);font-weight:400;line-height:1.15}.lead{color:var(--tinta-suave);margin:0;font-size:18px;line-height:1.5}.muted{color:var(--tinta-suave)}.center-head{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.grad{background:linear-gradient(90deg,#d4f53c,#3fe0c5,#d4f53c) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shift}@keyframes shift{to{background-position:200% 0}}.header{z-index:6;border-bottom:1px solid var(--borde);background:#050605d9;position:relative}.nav{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--tinta);padding:6px 0;font-size:15px;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--pulso);transform-origin:0;border-radius:2px;height:2px;transition:transform .35s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--tinta)}.nav-link:hover:after{transform:scaleX(1)}@media (width<=860px){.nav-links{display:none}}.btn{background:var(--pulso);color:var(--fondo);border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:translate .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 40px #d4f53c47}.btn:after{content:"";background:linear-gradient(90deg,#fff0,#fff9,#fff0);width:40%;height:100%;transition:left .7s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.btn:hover{color:var(--fondo);translate:0 -2px;box-shadow:0 0 64px #3fe0c580}.btn:hover:after{left:130%}.btn-sm{white-space:nowrap;padding:13px 22px}@media (width<=480px){.btn-sm{padding:11px 16px;font-size:14px}.nav img{height:18px!important}}.btn2{color:var(--tinta);background:linear-gradient(var(--fondo), var(--fondo)) padding-box, var(--pulso) border-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:15px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:color .35s;display:inline-flex;position:relative;overflow:hidden}.btn2:after{content:"";background:var(--pulso);opacity:0;transition:opacity .35s;position:absolute;inset:0}.btn2>*{z-index:1;position:relative}.btn2:hover{color:var(--fondo)}.btn2:hover:after{opacity:1}.arr{transition:translate .3s}.btn:hover .arr,.btn2:hover .arr,.pill:hover .arr,.card:hover .arr,.card.act .arr{translate:4px}.hero{background:radial-gradient(70% 60% at 50% 0,#0c341af2,#05060500 70%);padding:96px 24px 64px;position:relative;overflow:hidden}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:flex;position:relative}.hero h1{font-family:var(--marca);letter-spacing:-.5px;margin:0;font-size:clamp(34px,6vw,80px);font-weight:400;line-height:1.05}.tag-live{letter-spacing:1.6px;color:var(--live);align-items:center;gap:12px;margin:0;font-size:12px;font-weight:500;display:flex}.tag-live:before{content:"";background:var(--live);width:2px;height:16px}.btn-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.blob{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.blob1{background:#d4f53c29;width:520px;height:520px;animation:16s ease-in-out infinite alternate drift1;top:40px;left:-120px}.blob2{background:#3fe0c524;width:560px;height:560px;animation:18s ease-in-out infinite alternate drift2;top:180px;right:-160px}@keyframes drift1{to{transform:translate(160px,120px)scale(1.15)}}@keyframes drift2{to{transform:translate(-180px,-60px)scale(.9)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.in{animation:fadeUp 1s var(--ease) both}.d1{animation-delay:.1s}.d2{animation-delay:.3s}.d3{animation-delay:.5s}.d4{animation-delay:.7s}.d5{animation-delay:.9s}.sim{width:100%;height:460px;margin-top:40px;position:relative}.sim-lines{width:100%;height:100%;position:absolute;inset:0}.sim-lines line{stroke:var(--borde);transition:stroke .3s}.sim.on .sim-lines line{stroke:var(--lima)}.phone{background:var(--superficie-2);border:1px solid var(--borde);border-radius:16px;width:60px;height:108px;margin:-54px 0 0 -30px;position:absolute}.scr{background:var(--superficie);border-radius:12px;position:absolute;inset:6px}.sim.on[data-mode=flash] .scr{animation:1.2s infinite flash}.sim.on[data-mode=color] .scr{animation:3s linear infinite color}.sim.on[data-mode=ritmo] .scr{animation:.6s infinite ritmo}.sim.on[data-mode=color] .phone:nth-of-type(2) .scr{animation-delay:.25s}.sim.on[data-mode=color] .phone:nth-of-type(3) .scr{animation-delay:.5s}.sim.on[data-mode=color] .phone:nth-of-type(4) .scr{animation-delay:.75s}.sim.on[data-mode=color] .phone:nth-of-type(5) .scr{animation-delay:1s}.sim.on[data-mode=color] .phone:nth-of-type(6) .scr{animation-delay:1.25s}.sim.on[data-mode=ritmo] .phone:nth-of-type(2) .scr{animation-delay:.1s}.sim.on[data-mode=ritmo] .phone:nth-of-type(3) .scr{animation-delay:.2s}.sim.on[data-mode=ritmo] .phone:nth-of-type(4) .scr{animation-delay:.3s}.sim.on[data-mode=ritmo] .phone:nth-of-type(5) .scr{animation-delay:.4s}.sim.on[data-mode=ritmo] .phone:nth-of-type(6) .scr{animation-delay:.5s}@keyframes flash{0%,55%,to{box-shadow:none;background:#12160f}10%,35%{background:#f1f5ec;box-shadow:0 0 48px #f1f5ecbf}}@keyframes color{0%,to{background:#d4f53c;box-shadow:0 0 44px #d4f53c99}33%{background:#3fe0c5;box-shadow:0 0 44px #3fe0c599}66%{background:#ff4fb8;box-shadow:0 0 44px #ff4fb899}}@keyframes ritmo{0%,to{box-shadow:none;background:#12160f}20%{background:#d4f53c;box-shadow:0 0 40px #d4f53cb3}}.ring{border:2px solid var(--agua);opacity:0;border-radius:50%;width:180px;height:180px;margin:-90px 0 0 -90px;position:absolute;top:50%;left:50%}.sim.on .ring{animation:1.6s ease-out infinite ring}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.core{border:1px solid var(--borde);background:#12160fbf;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin:-90px 0 0 -90px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 120px #9be22e73}.core img{width:104px;height:auto;display:block}.sim-controls{flex-direction:column;align-items:center;gap:16px;display:flex}.modes{border:1px solid var(--borde);background:#12160f99;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px;display:flex}.mode{font-family:var(--texto);cursor:pointer;min-height:44px;color:var(--tinta);background:0 0;border:0;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:700;transition:background .25s,color .25s}.mode[aria-pressed=true]{background:var(--tinta);color:var(--fondo)}.pulse-btn{font-family:var(--marca);letter-spacing:1px;cursor:pointer;background:var(--pulso);min-height:56px;color:var(--fondo);border:0;border-radius:999px;padding:18px 40px;font-size:14px;box-shadow:0 0 40px #d4f53c59}@media (width<=640px){.sim{height:360px}.phone{border-radius:12px;width:44px;height:80px;margin:-40px 0 0 -22px}.scr{border-radius:9px;inset:5px}.core,.ring{width:130px;height:130px;margin:-65px 0 0 -65px}.core img{width:76px}.phone:nth-of-type(2){left:9%!important}.phone:nth-of-type(5){left:91%!important}}.marq-wrap{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);background:var(--superficie-2);padding:28px 0;overflow:hidden}.marq{width:max-content;animation:34s linear infinite marq;display:flex}.marq-wrap:hover .marq{animation-play-state:paused}@keyframes marq{to{transform:translate(-50%)}}.mw{font-family:var(--marca);white-space:nowrap;padding:0 28px;font-size:clamp(32px,4.4vw,60px);line-height:1}.mo{color:#0000;-webkit-text-stroke:1.2px var(--tinta-suave)}.marq img{align-self:center;width:56px;height:auto}.grid{gap:24px;display:grid}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:linear-gradient(#12160f,#0b0e0a) padding-box padding-box,linear-gradient(160deg,#d4f53c73,#2a31258c 45%,#3fe0c573) border-box;border:1px solid #0000;border-radius:26px;flex-direction:column;gap:16px;padding:32px;transition:translate .35s,box-shadow .35s;display:flex;position:relative}.card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 15% 0,#d4f53c29,#d4f53c00 60%);transition:opacity .4s;position:absolute;inset:0}.card>*{position:relative}.card:hover,.card.act{translate:0 -8px;box-shadow:0 24px 60px #0000008c,0 0 48px #3fe0c524}.card:hover:before,.card.act:before{opacity:1}.card h3{font-family:var(--marca);margin:0;font-size:19px;font-weight:400;line-height:1.3}.card p{color:var(--tinta-suave);margin:0;font-size:16px;line-height:1.5}.num{font-family:var(--marca);color:#0000;-webkit-text-stroke:1.5px var(--lima);background:var(--pulso) no-repeat;transition:background-size .6s var(--ease);background-size:0% 100%;-webkit-background-clip:text;background-clip:text;font-size:56px;line-height:1}.card:hover .num,.card.act .num{background-size:100% 100%}.ico{width:56px;height:56px;color:var(--lima);background:linear-gradient(#0b0e0a,#0b0e0a) padding-box padding-box,linear-gradient(135deg,#d4f53c,#3fe0c5) border-box;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;transition:color .35s;display:flex;overflow:hidden}.ico:after{content:"";opacity:0;background:linear-gradient(135deg,#d4f53c,#3fe0c5);transition:opacity .35s;position:absolute;inset:0}.ico svg{z-index:1;position:relative}.card:hover .ico,.card.act .ico{color:var(--fondo)}.card:hover .ico:after,.card.act .ico:after{opacity:1}.pill{background:linear-gradient(#0b0e0a, #0b0e0a) padding-box, var(--pulso) border-box;min-height:44px;color:var(--tinta);border:1px solid #0000;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:color .35s;display:inline-flex;position:relative;overflow:hidden}.pill:after{content:"";background:var(--pulso);opacity:0;transition:opacity .35s;position:absolute;inset:0}.pill>*{z-index:1;position:relative}.card:hover .pill,.pill:hover,.card.act .pill{color:var(--fondo)}.card:hover .pill:after,.pill:hover:after,.card.act .pill:after{opacity:1}.card-eco{text-align:center;border-radius:22px;align-items:center;padding:32px 28px}.orb{background:var(--superficie-2);border:1px solid var(--borde);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.dot{width:14px;height:14px;transition:transform .5s var(--ease);background:currentColor;border-radius:50%;animation:2.4s ease-out infinite beat}@keyframes beat{0%{box-shadow:0 0}70%,to{box-shadow:0 0 0 14px #0000}}.card:hover .dot,.card.act .dot{animation:none;transform:scale(5.4)}.line-name{font-family:var(--marca);align-items:center;gap:10px;font-size:16px;display:flex}.line-name:before{content:"";background:currentColor;width:2px;height:18px}.status{letter-spacing:1px;border:1px solid var(--borde);color:var(--tinta-suave);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.status.on{color:var(--lima)}.panel{border:1px solid var(--borde);background:linear-gradient(135deg,#0c341a8c,#12160f99);border-radius:26px;flex-wrap:wrap;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:48px;display:flex}.feat-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.feat-list li{align-items:flex-start;gap:16px;font-size:16px;line-height:1.5;transition:translate .3s;display:flex}.feat-list li:hover,.feat-list li.act{translate:8px}.bar{background:var(--pulso);border-radius:999px;flex:none;width:24px;height:4px;margin-top:10px;transition:width .35s}.feat-list li:hover .bar,.feat-list li.act .bar{width:40px}.mock{background:var(--superficie-2);border:1px solid var(--borde);border-radius:28px;width:150px;height:300px;padding:8px}.mock-in{border-radius:22px;height:100%}.float{animation:6s ease-in-out infinite float}.float2{animation:6s ease-in-out 1.5s infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (width<=640px){.panel{padding:32px 24px}}.band{background:radial-gradient(ellipse 60% 120% at 0% 50%, #d4f53c2e, #05060500 60%), var(--superficie);border:1px solid var(--borde);border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:56px 48px;display:flex;position:relative;overflow:hidden}.trail{background:linear-gradient(90deg,#d4f53c00,#d4f53c,#3fe0c5,#3fe0c500);width:40%;height:1px;animation:5s ease-in-out infinite trail;position:absolute;top:0;left:-40%;box-shadow:0 0 16px #3fe0c5cc}@keyframes trail{0%{left:-40%}60%,to{left:110%}}@media (width<=640px){.band{padding:40px 24px}}.faq{border:1px solid var(--borde);background:#12160fb3;border-radius:16px;transition:border-color .35s,box-shadow .35s}.faq:hover{border-color:#d4f53c99}.faq[open]{border-color:var(--lima);box-shadow:0 0 40px #d4f53c1f}.faq summary{cursor:pointer;align-items:center;gap:20px;padding:22px 24px;font-size:18px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq-num{font-family:var(--marca);color:var(--lima);font-size:16px}.faq-line{background:linear-gradient(90deg,#d4f53c,#3fe0c500);flex:none;width:40px;height:1px}.faq-q{flex:1}.sign{width:36px;height:36px;color:var(--fondo);background:linear-gradient(135deg,#d4f53c,#3fe0c5);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .4s;display:flex}.faq:hover .sign{transform:rotate(90deg)}.faq[open] .sign{transform:rotate(45deg)}.faq p{color:var(--tinta-suave);animation:fadeUp .5s var(--ease) both;margin:0;padding:0 24px 24px 116px;font-size:16px;line-height:1.5}@media (width<=640px){.faq-line{display:none}.faq p{padding-left:24px}.faq summary{gap:14px;font-size:16px}}.seal{width:220px;height:220px;position:relative}.seal svg{width:220px;height:220px;animation:18s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.seal-core{background:var(--superficie);border:1px solid var(--borde);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:-60px 0 0 -60px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 80px #9be22e59}.seal-core img{width:72px;height:auto}.footer{border-top:1px solid var(--borde);padding:48px 24px}.flink{color:var(--tinta-suave);text-decoration:none;transition:color .3s}.flink:hover{color:var(--lima)}.sparks{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sp{pointer-events:none;animation:ease-in-out infinite alternate spDrift;position:absolute}@keyframes spDrift{0%{transform:translate(0)}50%{transform:translate(18px,-30px)}to{transform:translate(-14px,-60px)}}.spk{pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;display:flex;position:relative}.spc{transition:transform .35s var(--ease), box-shadow .35s;border-radius:50%;animation:ease-in-out infinite tw}@keyframes tw{0%,to{opacity:.25}50%{opacity:1}}.spk:before,.spk:after{content:"";border:1px solid var(--lima);opacity:0;pointer-events:none;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%;transform:scale(.3)}.spk:after{border-color:var(--agua)}.spk:hover .spc{opacity:1;animation-play-state:paused;transform:scale(2.8);box-shadow:0 0 18px #d4f53c,0 0 40px #3fe0c5}.spk:hover:before{animation:1s ease-out infinite burst}.spk:hover:after{animation:1s ease-out .5s infinite burst}.spk:active .spc{transition-duration:.12s;transform:scale(6);box-shadow:0 0 40px #d4f53c,0 0 90px #3fe0c5}.spk:active:before{animation:.45s ease-out infinite burstBig}.spk:active:after{animation:.45s ease-out .2s infinite burstBig}@keyframes burst{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes burstBig{0%{opacity:1;border-width:2px;transform:scale(.5)}to{opacity:0;border-width:1px;transform:scale(5)}}.js .rv{opacity:0;filter:blur(8px);transition:opacity .8s var(--ease), transform .8s var(--ease), filter .8s ease, translate .35s ease, box-shadow .35s ease;transform:translate(-90px)}.js .rv.vis{opacity:1;filter:blur();transform:none}.js .st>.rv:nth-child(2){transition-delay:.12s,.12s,.12s,0s,0s}.js .st>.rv:nth-child(3){transition-delay:.24s,.24s,.24s,0s,0s}.js .st>.rv:nth-child(4){transition-delay:.36s,.36s,.36s,0s,0s}.js .st>.rv:nth-child(5){transition-delay:.48s,.48s,.48s,0s,0s}.js .st>.rv:nth-child(6){transition-delay:.6s,.6s,.6s,0s,0s}@media (width<=640px){.js .rv{transform:translate(-40px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;filter:none;transition:none;transform:none}.in,.blob1,.blob2,.float,.float2,.marq,.trail,.grad,.dot,.seal svg,.sp,.spc{animation:none}}
