body{margin:0;background:#010309;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
a{color:#3D8BFF;text-decoration:none}a:hover{color:#00D1FF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.h{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-0.045em}
.logo{font-family:'Krona One',sans-serif;letter-spacing:0.02em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:0.1em;text-transform:uppercase}
.grad{background:linear-gradient(100deg,#3D8BFF 0%,#00D1FF 35%,#ffffff 50%,#00D1FF 65%,#3D8BFF 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
.plata{background:linear-gradient(180deg,#FFFFFF 0%,#DDE3F0 45%,#8E99B8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tinta{background:linear-gradient(180deg,#0A1230 0%,#24325E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes shine{0%{background-position:100% 0}100%{background-position:-150% 0}}
@keyframes up{0%{transform:translateY(110%)}100%{transform:none}}
@keyframes fade{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinr{to{transform:rotate(-360deg)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,209,255,.6)}100%{box-shadow:0 0 0 14px rgba(0,209,255,0)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes glow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.1)}}
@keyframes sweep{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(420%) skewX(-20deg)}}
@keyframes scan{0%{transform:translateY(-120%)}100%{transform:translateY(720%)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes breathe{0%,100%{box-shadow:0 0 40px 6px rgba(11,95,255,.55),0 0 0 1px rgba(255,255,255,.2)}50%{box-shadow:0 0 80px 18px rgba(0,209,255,.6),0 0 0 1px rgba(255,255,255,.35)}}
@keyframes respira{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(.4deg)}}
@keyframes panelin{0%{transform:scale(.92) translateY(60px);opacity:.3}100%{transform:none;opacity:1}}
@keyframes rvin{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:none}}
@keyframes wlitd{to{color:#0A1230}}
@keyframes wlitb{to{color:#0B5FFF}}
@keyframes stamp{0%{opacity:0;transform:rotate(-12deg) scale(1.8)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}
@keyframes cardf{0%,100%{transform:perspective(1300px) rotateY(-16deg) rotateX(7deg) rotateZ(-2deg)}50%{transform:perspective(1300px) rotateY(12deg) rotateX(-5deg) rotateZ(1deg)}}
@keyframes linea{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ln{display:block;overflow:hidden;padding-right:.12em;margin-bottom:-.3em}
.ln>span{display:inline-block;vertical-align:top;padding:0 .08em .3em 0;animation:up 1.15s cubic-bezier(.16,1,.3,1) both}
.l2>span{animation-delay:.12s}.l3>span{animation-delay:.24s}
.fade{animation:fade 1s cubic-bezier(.16,1,.3,1) both}
.f1{animation-delay:.45s}.f2{animation-delay:.6s}.f3{animation-delay:.75s}.f4{animation-delay:.9s}
.dot{width:8px;height:8px;border-radius:50%;background:#00D1FF;animation:pulse 1.8s infinite}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 30px;border-radius:999px;font-weight:700;font-size:16px;border:0;cursor:pointer;font-family:inherit;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s}
.btn:hover{transform:translateY(-2px)}
.btn .fl{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.btn:hover .fl{transform:translateX(4px)}
.btn-pri{color:#fff;background:linear-gradient(135deg,#3D8BFF 0%,#0B5FFF 55%,#0033B8 100%);box-shadow:0 14px 36px -10px rgba(11,95,255,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-pri:hover{color:#fff;box-shadow:0 20px 56px -10px rgba(11,95,255,1),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-pri::after{content:'';position:absolute;top:0;left:0;width:34%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sweep 4s ease-in-out infinite}
.btn-ghost{color:#fff;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);backdrop-filter:blur(10px)}
.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.1)}
.btn-ink{color:#fff;background:#0A1230;box-shadow:0 14px 30px -12px rgba(10,18,48,.6)}
.btn-ink:hover{color:#fff;background:#0B5FFF}
.panel{position:relative;margin:0 14px 14px;border-radius:48px;overflow:hidden;animation:panelin linear both;animation-timeline:view();animation-range:entry 0% entry 65%;transform-origin:50% 0}
.p-dark{background:#03071A;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.p-light{background:#EFEEE9;color:#0A1230}
.p-blue{background:linear-gradient(150deg,#3D8BFF 0%,#0B5FFF 42%,#0033B8 100%);color:#fff}
.wrap{max-width:1560px;margin:0 auto;padding:0 clamp(22px,4.5vw,80px)}
.phead{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;font-weight:700;padding:28px 0 0}
.phead .ix{display:flex;align-items:center;gap:14px}
.phead .rule{width:56px;height:1px;background:currentColor;opacity:.35;transform-origin:0 50%;animation:linea 1.2s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 20% cover 35%}
.op5{opacity:.55}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.marq{display:flex;width:max-content;animation:marquee 60s linear infinite}
.marq.r{animation-direction:reverse;animation-duration:70s}
.outline{color:transparent;-webkit-text-stroke:1.4px rgba(10,18,48,.55)}
.rv{animation:rvin linear both;animation-timeline:view();animation-range:entry 5% cover 32%}
.w{color:rgba(10,18,48,.12);animation:wlitd linear both;animation-timeline:view();animation-range:cover 18% cover 46%}
.w2{animation-range:cover 21% cover 49%}.w3{animation-range:cover 24% cover 52%}.w4{animation-range:cover 27% cover 55%}.w5{animation-range:cover 30% cover 58%}.w6{animation-range:cover 33% cover 61%}.w7{animation-range:cover 36% cover 64%}.w8{animation-range:cover 39% cover 67%}
.wb{animation-name:wlitb}
.handbox{position:relative;width:780px;height:1040px;margin:-80px -200px -260px -20px;flex:0 0 auto;animation:respira 7s ease-in-out infinite}
.handstage{position:absolute;left:0;top:0;width:720px;height:960px;transform:scale(1.0833);transform-origin:0 0}
@keyframes handpar{from{transform:none}to{transform:translateY(160px) rotate(-7deg) scale(1.08)}}
@keyframes txtpar{from{transform:none;opacity:1}to{transform:translateY(-90px);opacity:.15}}
.handpar{animation:handpar linear both;animation-timeline:scroll(root);animation-range:0 900px}
.txtpar{animation:txtpar linear both;animation-timeline:scroll(root);animation-range:0 800px}
@keyframes fechain{0%{transform:scale(.55) translateY(80px);opacity:0;filter:blur(14px)}100%{transform:none;opacity:1;filter:none}}
.fecha{animation:fechain linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
.fecha2{animation-range:entry 20% cover 52%}.fecha3{animation-range:entry 30% cover 59%}
.halo{position:absolute;left:50%;top:50%;width:1100px;height:600px;margin:-300px 0 0 -550px;border-radius:50%;background:radial-gradient(ellipse,rgba(11,95,255,.55),rgba(11,95,255,0) 62%);animation:glow 7s ease-in-out infinite}
.hand-scr{position:absolute;left:0;top:0;width:288px;height:640px;border-radius:42px;overflow:hidden;z-index:1;background:#050B1F;transform-origin:0 0;transform:matrix3d(0.72155,0,0,0,0,0.72132,0,0,0,0,1,0,252.28,254.24,0,1)}
.hand-img{position:absolute;left:0;top:0;width:720px;height:960px;z-index:2;pointer-events:none;filter:drop-shadow(0 50px 70px rgba(0,0,0,.6));opacity:0;transition:opacity .2s}
.hand-hq{position:absolute;left:9.33px;top:65.53px;width:708.99px;height:880.17px;z-index:3;pointer-events:none;filter:drop-shadow(0 50px 70px rgba(0,0,0,.6));transition:opacity .2s}
.lock-ico{width:96px;height:96px;border-radius:26px;animation:breathe 3.2s ease-in-out infinite}
.redact{display:inline-block;height:.8em;vertical-align:-.05em;border-radius:4px;background:linear-gradient(90deg,#0E1838 0%,#22336A 50%,#0E1838 100%);background-size:200% 100%;animation:shimmer 3.4s linear infinite}
.redact-l{display:block;height:11px;border-radius:6px;margin-top:10px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.05) 100%);background-size:200% 100%;animation:shimmer 3s linear infinite}
.sello{position:absolute;right:20px;top:22px;padding:6px 11px;border:1.5px solid rgba(255,120,120,.7);color:#FF9B9B;border-radius:7px;font-size:10px;font-weight:700;animation:stamp .6s cubic-bezier(.3,1.6,.5,1) both;animation-timeline:view();animation-range:entry 35% cover 42%;transform:rotate(-12deg)}
.card{position:relative;overflow:hidden;padding:34px 30px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.09);transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s,background .5s}
.card:hover{transform:translateY(-8px);border-color:rgba(61,139,255,.5);background:linear-gradient(180deg,rgba(61,139,255,.1),rgba(255,255,255,.012))}
.stat{padding:34px 28px 30px;border-left:1px solid rgba(10,18,48,.14)}
.stat:first-child{border-left:0;padding-left:0}
.blurphone{position:relative;width:220px;height:440px;border-radius:38px;padding:9px;background:linear-gradient(160deg,#2A3558,#0B1230 40%,#1C2648);box-shadow:0 40px 80px -30px rgba(11,95,255,.6),0 0 0 1px rgba(255,255,255,.1);flex:0 0 auto}
.blurin{width:100%;height:100%;border-radius:30px;overflow:hidden;position:relative;background:#EFEEE9}
.blurin .bl{filter:blur(9px);position:absolute;inset:0;padding:40px 16px}
.lockover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(3,7,26,.28);color:#fff}
.mcard{position:relative;width:min(480px,100%);aspect-ratio:1.586;border-radius:26px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#1B2236 0%,#070A14 42%,#0A1022 70%,#1E2A4D 100%);box-shadow:0 60px 110px -34px rgba(10,18,48,.75),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.08);animation:cardf 9s ease-in-out infinite}
.mcard::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px);pointer-events:none}
.mcard::after{content:'';position:absolute;top:-20%;left:0;width:30%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:sweep 5.5s ease-in-out infinite}
.faq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 4px;background:none;border:0;border-top:1px solid rgba(10,18,48,.14);font-family:'Bricolage Grotesque',sans-serif;font-size:22px;font-weight:600;color:#0A1230;cursor:pointer;text-align:left;letter-spacing:-0.02em;min-height:44px}
.faq .chev{flex:0 0 38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s;color:#0B5FFF}
.faq-open .chev{transform:rotate(45deg);background:#0A1230;color:#fff}
.inp{flex:1 1 240px;min-width:0;min-height:60px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font-family:inherit;font-size:16px;outline:none;transition:border-color .2s,background .2s}
.inp::placeholder{color:rgba(255,255,255,.66)}
.inp:focus{border-color:#fff;background:rgba(255,255,255,.16)}
.tick{min-width:98px;padding:16px 14px 12px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-align:center;backdrop-filter:blur(8px)}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes beam{to{--ang:360deg}}
.card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang),transparent 0 68%,#00D1FF 80%,#3D8BFF 88%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:beam 6s linear infinite;pointer-events:none}
.tick{position:relative}
.aurora{position:absolute;inset:-10%;filter:blur(80px);opacity:.6;pointer-events:none}
.aurora span{position:absolute;border-radius:50%;mix-blend-mode:screen}
.aurora span:nth-child(1){width:46%;height:52%;left:48%;top:4%;background:#0B5FFF;animation:dr1 16s ease-in-out infinite}
.aurora span:nth-child(2){width:36%;height:40%;left:62%;top:40%;background:#00D1FF;opacity:.55;animation:dr2 20s ease-in-out infinite}
.aurora span:nth-child(3){width:34%;height:44%;left:20%;top:50%;background:#3B2BFF;opacity:.5;animation:dr3 24s ease-in-out infinite}
@keyframes dr1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-14%,12%) scale(1.15)}}
@keyframes dr2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-22%,-16%) scale(.9)}}
@keyframes dr3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(26%,-10%) scale(1.2)}}
.estrella{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px #9FEBFF;animation:tw 3s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}
@media (max-width:640px){
.txtpar,.handpar{animation:none!important}
.stat .h{font-size:clamp(34px,10vw,80px)!important}
.tick{flex:1 1 0;min-width:0!important}
[style*="flex-wrap: wrap"]:has(> .tick){flex-wrap:nowrap!important}
header > div{padding:9px 9px 9px 16px!important}
header img{width:38px!important;height:38px!important}
header .logo{font-size:19px!important}
header .btn{min-height:46px!important;padding:0 20px!important;font-size:14px!important}
.hero-grid{padding:24px 0 40px!important;gap:0}
.handbox{margin:-95px auto -70px!important}
.panel [style*="padding-top: clamp(70px"],.panel [style*="padding-top: clamp(80px"]{padding-top:44px!important}
.panel [style*="padding: clamp(90px"]{padding:56px 0 44px!important}
.panel [style*="padding-bottom: clamp("]{padding-bottom:48px!important}
.panel [style*="margin: clamp(70px"]{margin-top:44px!important}
.panel [style*="margin-top: clamp(60px"],.panel [style*="margin-top: 64px"],.panel [style*="margin-top: 60px"],.panel [style*="margin-top: 56px"]{margin-top:28px!important}
.panel [style*="padding: clamp(60px"]{padding:48px 22px!important}
footer{padding:36px 18px 32px!important}
.card{padding:24px 22px;border-radius:24px}
.card h3{font-size:26px!important;margin-top:16px!important}
.card p{font-size:15px!important}
.ptop{padding-top:56px!important}
.phead{padding-top:20px;font-size:10px}
.phead .rule{width:28px}
.stat{padding:22px 14px 20px}
.faq{font-size:18px;padding:20px 2px}
.btn{min-height:52px;padding:0 22px;font-size:15px}
.tick{min-width:64px;padding:12px 8px 10px}
.tick .h{font-size:30px!important}
.mcard{border-radius:20px}
.sello{right:14px;top:16px}
}
@media (min-width:981px){#inicio h1.h{font-size:min(7.6vw,12.5vh,168px)!important;margin-top:2.2vh!important}#inicio .txtpar>p{margin-top:2.6vh!important;max-width:640px!important}#inicio .txtpar>div.f2{margin-top:3.2vh!important}#inicio .txtpar>div.f3{margin-top:3vh!important}#inicio .hero-grid{padding-top:2vh!important;padding-bottom:7vh!important}}
@media (min-width:1700px){.handbox{width:900px;height:1200px;margin:-110px -240px -320px -20px}.handstage{transform:scale(1.25)}#inicio p{font-size:22px!important;max-width:600px!important}}
@media (max-width:1320px) and (min-width:981px){.handbox{width:620px;height:827px;margin:-50px -90px -170px 0}.handstage{transform:scale(.8611)}}
@media (max-width:980px){
.hero-grid,.g2{grid-template-columns:minmax(0,1fr)}
.g3{grid-template-columns:minmax(0,1fr)}
.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.stat:nth-child(3){border-left:0;padding-left:0}
.handbox{width:440px;height:587px;margin:0 auto -60px}.handstage{transform:scale(.6111)}
.hide-m{display:none!important}
.panel{margin:0 6px 6px;border-radius:30px}
.blurphone{width:150px;height:300px;border-radius:28px}
}
@media (max-width:460px){.handbox{width:340px;height:453px}.handstage{transform:scale(.4722)}.tick{min-width:70px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.w{color:#0A1230}}

html,body{overflow-x:clip}
.faq-p{margin:0;padding:0 60px 26px 4px;font-size:17px;line-height:1.65;color:#4A5370;animation:fade .45s cubic-bezier(.16,1,.3,1) both}
.oculto{display:none!important}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.err{margin-top:14px;font-size:14px;font-weight:700;color:#fff;background:rgba(3,7,26,.35);padding:10px 14px;border-radius:12px;display:inline-block}
@media (max-width:640px){.faq-p{font-size:15px;padding-right:20px}}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary .chev{transform:rotate(45deg);background:#0A1230;color:#fff}