:root{--bg:#07090e;--bg2:#0c1018;--bg3:#131a26;--lime:#c2f542;--lime2:#a8d400;--limebg:rgba(194,245,66,.07);--silver:#dde4f0;--muted:#b2bece;--faint:#1a2235;--faint2:#222d40;--r:12px;--r2:20px;--r3:28px;--c-lime:rgba(194,245,66,.09);--c-amber:rgba(251,191,36,.09);--c-purple:rgba(99,102,241,.09);--c-teal:rgba(52,211,153,.09);--c-red:rgba(239,68,68,.09);--c-orange:rgba(251,146,60,.09);--c-blue:rgba(56,189,248,.09);--b-lime:rgba(194,245,66,.18);--b-amber:rgba(251,191,36,.18);--b-purple:rgba(99,102,241,.18);--b-teal:rgba(52,211,153,.18);--b-red:rgba(239,68,68,.18);--b-orange:rgba(251,146,60,.18);--b-blue:rgba(56,189,248,.18)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--silver);font-family:Outfit,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.font-display{font-family:Bebas Neue,sans-serif;letter-spacing:.02em}.rv{opacity:0;transform:translateY(34px);transition:opacity .65s cubic-bezier(.23,1,.32,1),transform .65s cubic-bezier(.23,1,.32,1)}.rv.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}.d7{transition-delay:.56s}.btn-lime{background:var(--lime);color:var(--bg);font-weight:700;font-size:.9rem;padding:.8rem 2rem;border-radius:100px;border:none;display:inline-flex;align-items:center;gap:.4rem;transition:transform .18s,box-shadow .18s;cursor:pointer;font-family:Outfit,sans-serif;text-decoration:none}.btn-lime:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(194,245,66,.28)}.btn-ghost{background:transparent;color:var(--silver);font-size:.85rem;padding:.7rem 1.7rem;border-radius:100px;border:1px solid hsla(0,0%,100%,.1);display:inline-flex;align-items:center;gap:.4rem;transition:border-color .2s,color .2s;cursor:pointer;font-family:Outfit,sans-serif;text-decoration:none}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}.section-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--lime);letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-bottom:1rem}.section-tag:before{content:"";width:18px;height:1.5px;background:var(--lime)}.section-h{font-family:Bebas Neue,sans-serif;font-size:clamp(2.6rem,5.5vw,5rem);line-height:1;letter-spacing:.02em}.section-h .dim{color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--faint2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;grid-template-columns:1fr 1fr}.grid-header{display:grid;grid-template-columns:1fr auto;align-items:end}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{gap:2rem!important}.grid-2,.grid-header{grid-template-columns:1fr}.grid-header>p{text-align:left!important;max-width:none!important}.hide-mobile{display:none!important}#apps,#precios{padding:4rem 5vw}#como{padding:3rem 5vw 5rem}}@media (max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr}.section-h{font-size:clamp(2rem,10vw,3rem)}#apps,#precios{padding:3rem 4vw}#como{padding:2.5rem 4vw 4rem}.btn-ghost,.btn-lime{width:100%;justify-content:center}}.pain-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;grid-gap:.8rem;gap:.8rem}.pain-side{display:flex;gap:.9rem;align-items:center;padding:1.1rem 1.3rem;border-radius:var(--r);font-size:.9rem;line-height:1.55;transition:transform .2s,border-color .2s}.pain-before{background:var(--bg2);border:1px solid var(--faint);color:var(--muted)}.pain-after{background:var(--limebg);border:1px solid rgba(194,245,66,.18);color:var(--silver)}.pain-row:hover .pain-after{border-color:rgba(194,245,66,.45);transform:translateX(3px)}.pain-icon{font-size:1.5rem;flex-shrink:0;filter:grayscale(.6);opacity:.85}.pain-check{flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--bg);font-weight:700;font-size:.8rem}.pain-arrow{align-self:center;color:var(--lime);font-size:1.4rem;font-weight:700}.layers-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 360px;grid-gap:2.5rem;gap:2.5rem;align-items:start;max-width:1200px;margin:0 auto}.layers-tabs{display:flex;flex-direction:column;gap:.6rem}.layer-tab{position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1px solid var(--faint);border-radius:var(--r);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .2s}.layer-tab:hover{transform:translateX(3px);border-color:var(--acc)}.layer-tab-ico{width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;font-size:1rem;transition:background .2s}.layer-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;animation:layerFill linear forwards}@keyframes layerFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.layer-body{animation:fadeUp .45s cubic-bezier(.23,1,.32,1)}.layer-mods{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.layer-mods li{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;background:var(--bg);border:1px solid var(--faint);border-radius:var(--r);animation:fadeUp .5s cubic-bezier(.23,1,.32,1) backwards;transition:border-color .2s,transform .2s}.layer-mods li:hover{border-color:var(--faint2);transform:translateY(-2px)}.layer-mods strong{display:block;font-size:.85rem;color:var(--silver);font-weight:600}.layer-mods small{display:block;font-size:.72rem;color:var(--muted);line-height:1.35}.layer-mod-ico{flex-shrink:0;width:2rem;height:2rem;border-radius:10px;display:grid;place-items:center;font-size:.95rem}.layer-phone{position:relative;overflow:hidden;background:var(--bg3);border:1px solid var(--faint2);border-radius:28px;padding:.7rem;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 60px color-mix(in srgb,var(--acc) 22%,transparent);animation:fadeUp .5s cubic-bezier(.23,1,.32,1)}.layer-phone>div:not(.phone-notch),.layer-phone>img{display:block;width:100%;border-radius:18px;overflow:hidden}.phone-notch{width:64px;height:5px;background:var(--faint2);border-radius:100px;margin:.15rem auto .6rem}.float-chip{position:absolute;z-index:2;background:var(--lime);color:var(--bg);font-size:.75rem;font-weight:700;padding:.4rem .85rem;border-radius:100px;white-space:nowrap;box-shadow:0 8px 28px rgba(194,245,66,.3);animation:floatY 3.4s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.q-card{display:flex;gap:.9rem;align-items:flex-start;padding:.95rem 1.1rem;background:var(--bg2);border:1px solid var(--faint);border-radius:var(--r);transition:border-color .2s,transform .2s}.q-card:hover{border-color:rgba(194,245,66,.3);transform:translateX(4px)}.q-card strong{display:block;font-size:.92rem;color:var(--silver);font-weight:600;margin-bottom:.15rem}.q-card p{font-size:.82rem;color:var(--muted);line-height:1.55}.q-ico{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:10px;display:grid;place-items:center;font-size:1.05rem;background:var(--limebg);border:1px solid rgba(194,245,66,.18)}@media (prefers-reduced-motion:reduce){.float-chip,.layer-body,.layer-mods li,.layer-phone,.layer-progress{animation:none!important}}@media (max-width:1100px){.layers-grid{grid-template-columns:1fr;gap:1.6rem}.layers-tabs{flex-direction:row;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}.layers-tabs::-webkit-scrollbar{display:none}.layer-tab{flex-shrink:0}.layer-phone{max-width:380px;width:100%;margin:0 auto}}@media (max-width:700px){.pain-row{grid-template-columns:1fr;gap:.3rem}.pain-arrow{justify-self:center;transform:rotate(90deg)}.layer-mods{grid-template-columns:1fr}.float-chip{font-size:.68rem}}.hl{color:#fff;background-image:linear-gradient(var(--lime),var(--lime));background-repeat:no-repeat;background-size:100% .09em;background-position:0 96%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.pain-arrow,.section-tag{color:var(--muted)}.pain-check{background:var(--silver)}.mode-hint{display:inline-flex;align-items:center;gap:.8rem;text-align:left;padding:.65rem 1.3rem;margin-bottom:1rem;background:var(--bg3);border:1px solid var(--faint2);border-radius:100px;box-shadow:0 0 0 0 rgba(221,228,240,.35);animation:hintRing 2.4s ease-out infinite}.mode-hint>span:last-child{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted);line-height:1.3}.mode-hint strong{font-size:1rem;font-weight:700;color:#fff}.mode-hint.done{animation:none;background:transparent}.mode-hint.done strong{font-size:.9rem;color:var(--silver)}.mode-hint-hand{display:inline-block;font-size:1.6rem;line-height:1;animation:tapHint 1.1s ease-in-out infinite}.mode-hint.done .mode-hint-hand{animation:none;opacity:.7;font-size:1.3rem}@keyframes tapHint{0%,to{transform:translateY(-3px)}50%{transform:translateY(6px)}}@keyframes hintRing{0%{box-shadow:0 0 0 0 rgba(221,228,240,.3)}to{box-shadow:0 0 0 14px rgba(221,228,240,0)}}.mode-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.03em;padding:.55rem 1.1rem;border-radius:100px;cursor:pointer;color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,transparent);border:1px solid color-mix(in srgb,var(--acc) 35%,transparent);transition:transform .18s,background .2s,border-color .2s,box-shadow .2s}.mode-badge:hover{transform:translateY(-2px);border-color:var(--acc)}.mode-badge.on{background:color-mix(in srgb,var(--acc) 20%,transparent);border-color:var(--acc);box-shadow:0 6px 26px color-mix(in srgb,var(--acc) 22%,transparent)}.mode-badge.pulse{animation:badgePulse 2.4s ease-in-out infinite}.mode-badge.pulse:nth-child(2){animation-delay:.3s}.mode-badge.pulse:nth-child(3){animation-delay:.6s}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 0,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 14%,transparent)}}.mode-badge-chev{font-size:.6rem;opacity:.7}.mode-panel{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:2rem;gap:2rem;text-align:left;max-width:980px;margin:1.4rem auto 0;padding:1.8rem;border-radius:var(--r2);background:var(--bg2);border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);box-shadow:0 20px 60px rgba(0,0,0,.4);animation:fadeUp .45s cubic-bezier(.23,1,.32,1)}.mode-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,transparent);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);padding:.25rem .75rem;border-radius:100px;margin-bottom:.8rem}.mode-panel h3{font-family:Bebas Neue,sans-serif;font-weight:400;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.05;letter-spacing:.03em;margin-bottom:.6rem}.mode-desc{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1.1rem}.mode-feats{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.45rem 1rem;gap:.45rem 1rem;margin-bottom:1.1rem}.mode-feats li{display:flex;gap:.5rem;font-size:.83rem;color:var(--silver);line-height:1.4}.mode-feats li span{color:var(--acc);font-weight:700;flex-shrink:0}.mode-layers{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.3rem}.mode-layers span{font-size:.72rem;padding:.25rem .65rem;border-radius:100px}.mode-layers .in{color:var(--silver);background:var(--faint);border:1px solid var(--faint2)}.mode-layers .out{color:var(--muted);opacity:.55;border:1px dashed var(--faint2)}.mode-cta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.mode-cta>div{display:flex;flex-direction:column;margin-right:.4rem}.mode-price{font-family:Bebas Neue,sans-serif;font-weight:400;font-size:1.9rem;line-height:1;color:var(--silver);letter-spacing:.03em}.mode-cta small{font-size:.7rem;color:var(--muted)}.mode-panel-shots .layer-phone{max-width:300px;margin:0 auto}.shot-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem}.shot-tabs button{font-family:Outfit,sans-serif;font-size:.72rem;padding:.3rem .7rem;border-radius:100px;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--faint2);transition:all .2s}.shot-tabs button:hover{color:var(--silver)}.shot-tabs button.on{color:var(--bg);background:var(--silver);border-color:var(--silver);font-weight:600}@media (prefers-reduced-motion:reduce){.mode-badge.pulse,.mode-hint,.mode-hint-hand,.mode-panel{animation:none!important}}@media (max-width:900px){.mode-panel{padding:1.3rem}.mode-feats,.mode-panel{grid-template-columns:1fr}}.shot-view{position:relative;background:#f1f5f9;overflow:hidden}.shot-view>img{display:block;width:100%;will-change:transform}.shot-scroll{animation:shotScroll var(--ms,5s) ease-in-out forwards}@keyframes shotScroll{0%,14%{transform:translateY(0)}86%,to{transform:translateY(var(--dist))}}.shot-fade{animation:shotFade .5s ease}@keyframes shotFade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.shots-wait{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--silver);margin-bottom:.8rem}.shots-wait .dot{width:8px;height:8px;border-radius:50%;background:var(--acc,var(--silver));animation:dotPulse 1.2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.shots-steps{display:flex;flex-direction:column;gap:.45rem;margin-top:.9rem}.shots-steps button{position:relative;overflow:hidden;display:flex;align-items:center;gap:.7rem;text-align:left;padding:.6rem .85rem;border-radius:12px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--faint2);transition:border-color .2s,color .2s}.shots-steps button:hover{color:var(--silver)}.shots-steps button.on{color:var(--silver);border-color:var(--acc,var(--silver))}.shots-steps button.done{color:var(--silver)}.shots-steps button>span{position:relative;z-index:1}.shots-steps .n{flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.72rem;background:var(--faint2);color:var(--silver)}.shots-steps .on .n{background:var(--acc,var(--silver));color:var(--bg)}.shots-steps .done .n{background:var(--silver);color:var(--bg)}.shots-steps .fill{position:absolute;z-index:0;inset:0;background:color-mix(in srgb,var(--acc,#fff) 24%,transparent);transform-origin:left;transform:scaleX(0);animation:shotFill var(--ms,5.5s) linear forwards}@keyframes shotFill{to{transform:scaleX(1)}}.mode-panel{grid-template-columns:minmax(0,1fr) 340px}.mode-panel-shots .layer-phone{max-width:340px}.video-grid{display:grid;grid-template-columns:340px minmax(0,1fr);grid-gap:4rem;gap:4rem;align-items:center;max-width:980px;margin:0 auto}.video-frame{position:relative;width:100%;max-width:340px;aspect-ratio:9/16;margin:0 auto;border-radius:var(--r3);overflow:hidden;background:var(--bg2);border:1px solid var(--faint2);box-shadow:0 24px 80px rgba(0,0,0,.5)}.video-cover,.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-cover{padding:0;cursor:pointer;background:linear-gradient(160deg,var(--bg3),var(--bg));display:grid;place-items:center}.video-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.video-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(7,9,14,.85))}.video-play{position:relative;z-index:1;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;padding-left:5px;font-size:1.6rem;background:var(--lime);color:var(--bg);box-shadow:0 0 0 0 rgba(194,245,66,.5);animation:playPulse 2s ease-out infinite;transition:transform .2s}.video-cover:hover .video-play{transform:scale(1.08)}@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(194,245,66,.45)}to{box-shadow:0 0 0 26px rgba(194,245,66,0)}}.video-cover-label{position:absolute;z-index:1;bottom:1.2rem;left:0;right:0;text-align:center;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:var(--silver)}@media (prefers-reduced-motion:reduce){.shot-fade,.shot-scroll,.shots-steps .fill,.shots-wait .dot,.video-play{animation:none!important}}@media (max-width:900px){.mode-panel,.video-grid{grid-template-columns:1fr}.video-grid{gap:2rem;text-align:center}.video-grid .section-tag{justify-content:center}.video-grid p,.video-grid>div:last-child>div{margin-left:auto;margin-right:auto;justify-content:center}}.mode-root{margin-bottom:2rem;scroll-margin-top:1rem}.mode-panel{padding:1.4rem 1.6rem;gap:1.6rem}.mode-panel h3{font-size:clamp(1.5rem,2.8vw,2rem)}.mode-desc,.mode-feats{margin-bottom:.8rem}.mode-layers{margin-bottom:1rem}.shots-steps{flex-direction:row;gap:.4rem;margin-top:.7rem}.shots-steps button{flex:1 1;min-width:0;flex-direction:column;justify-content:center;text-align:center;gap:.3rem;padding:.5rem .4rem;font-size:.72rem;line-height:1.2}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin:1.2rem auto 0;padding:.5rem 1.2rem;cursor:pointer;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;color:var(--silver);background:transparent;border:0}.scroll-cue span{font-size:1.5rem;line-height:1;animation:cueBounce 1.2s ease-in-out infinite}.scroll-cue:hover{color:#fff}@keyframes cueBounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media (prefers-reduced-motion:reduce){.scroll-cue span{animation:none!important}}.scroll-cue-float{position:fixed;left:50%;bottom:1.4rem;z-index:150;display:flex;align-items:center;gap:.6rem;padding:.7rem 1.3rem;border-radius:100px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;color:#fff;background:rgba(19,26,38,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.22);box-shadow:0 10px 40px rgba(0,0,0,.55);transform:translateX(-50%);animation:cueIn .4s cubic-bezier(.23,1,.32,1),cueRing 2s ease-out .4s infinite}.scroll-cue-float span{font-size:1.2rem;line-height:1;animation:cueBounce 1.2s ease-in-out infinite}@keyframes cueIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes cueRing{0%{box-shadow:0 10px 40px rgba(0,0,0,.55),0 0 0 0 hsla(0,0%,100%,.35)}to{box-shadow:0 10px 40px rgba(0,0,0,.55),0 0 0 14px hsla(0,0%,100%,0)}}@media (max-width:600px){.scroll-cue-float{left:1rem;transform:none;max-width:calc(100% - 6.5rem);animation:none}}@media (prefers-reduced-motion:reduce){.scroll-cue-float,.scroll-cue-float span{animation:none!important}}.mode-hint.done{padding:.4rem 1.1rem;margin-bottom:.7rem;gap:.6rem}.mode-hint.done>span:last-child{flex-direction:row;align-items:baseline;gap:.5rem}.mode-hint.done .mode-hint-hand{font-size:1.1rem}