:root{
  --papel:#F4F3EE; --tinta:#141419; --rec:#E8352A; --regla:#D9D7CE; --gris:#6E6D66;
  --verde:#1FA36B; --lima:#9BC53D; --naranja:#E58E26;
  --mono:'JetBrains Mono',monospace; --body:'Instrument Sans',sans-serif; --disp:'Unbounded',sans-serif;
  --ease:cubic-bezier(.22,.9,.24,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html{background:var(--papel)}
body{background:transparent;color:var(--tinta);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}

/* ═══ FONDO GRÁFICO AMBIENTAL ═══ */
.bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bgfx svg{position:absolute;inset:0;width:100%;height:100%}
.bgfx .curves path{stroke:#141419;stroke-width:1.5;fill:none;opacity:.045}
.bgfx .curves path.r{stroke:var(--rec);opacity:.05}
.bgfx .curves{animation:bgdrift 26s ease-in-out infinite alternate}
@keyframes bgdrift{from{transform:translateY(-14px)}to{transform:translateY(14px)}}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.10}
.glow.g1{width:480px;height:480px;background:var(--rec);top:-140px;right:-120px;animation:gfloat 22s ease-in-out infinite alternate}
.glow.g2{width:420px;height:420px;background:#141419;bottom:-160px;left:-140px;opacity:.06;animation:gfloat 28s ease-in-out infinite alternate-reverse}
@keyframes gfloat{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,50px) scale(1.12)}}
.bgticks{position:absolute;top:0;bottom:0;left:0;right:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 119px,rgba(20,20,25,.035) 119px,rgba(20,20,25,.035) 120px)}
a{color:inherit;text-decoration:none}
::selection{background:var(--rec);color:#fff}

.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.slug{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);display:flex;align-items:center;gap:12px}
.slug::before{content:"";width:34px;height:1px;background:var(--tinta);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.in .slug::before{transform:scaleX(1)}
.slug b{color:var(--rec);font-weight:700}
h2{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.4vw,42px);line-height:1.12;letter-spacing:-.01em;margin:14px 0 10px}
.sub{color:var(--gris);max-width:560px}

/* ═══ SISTEMA DE REVEAL AL SCROLL ═══ */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.stagger>*{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.stagger.in>*{opacity:1;transform:none}
.stagger.in>*:nth-child(1){transition-delay:.05s}
.stagger.in>*:nth-child(2){transition-delay:.15s}
.stagger.in>*:nth-child(3){transition-delay:.25s}
.stagger.in>*:nth-child(4){transition-delay:.35s}
.stagger.in>*:nth-child(5){transition-delay:.45s}
.stagger.in>*:nth-child(6){transition-delay:.55s}

/* ═══ NAV ═══ */
nav{position:sticky;top:0;z-index:50;background:rgba(244,243,238,.85);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s}
nav.scrolled{border-bottom-color:var(--regla);box-shadow:0 10px 30px -20px rgba(20,20,25,.25)}
.navin{display:flex;align-items:center;justify-content:space-between;height:80px;transition:height .4s var(--ease)}
nav.scrolled .navin{height:64px}
.logo{font-family:var(--disp);font-weight:700;font-size:25px;letter-spacing:-.02em;display:inline-flex;align-items:baseline;position:relative;transition:font-size .4s var(--ease)}
nav.scrolled .logo{font-size:21px}
footer .logo{font-size:27px}
.logo .i{position:relative;font-style:normal}
.logo .i::after{content:"";position:absolute;top:.12em;left:50%;transform:translateX(-50%);width:.17em;height:.17em;border-radius:50%;background:var(--rec);animation:blink 1.6s steps(1) infinite;box-shadow:0 0 0 0 rgba(232,53,42,.4)}
.logo:hover .i::after{animation:blink 1.6s steps(1) infinite, ping 1.6s ease-out infinite}
@keyframes blink{0%,70%{opacity:1}71%,100%{opacity:.15}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(232,53,42,.4)}70%{box-shadow:0 0 0 .5em rgba(232,53,42,0)}100%{box-shadow:0 0 0 0 rgba(232,53,42,0)}}
.navlinks{display:flex;gap:30px;font-size:15px;font-weight:500}
.navlinks a{position:relative;padding:4px 0}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--rec);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.navlinks a:hover::after{transform:scaleX(1);transform-origin:left}
.lang{font-family:var(--mono);font-size:12px;border:1px solid var(--regla);border-radius:99px;padding:5px 12px;color:var(--gris);cursor:pointer;transition:.25s}
.lang:hover{border-color:var(--tinta);color:var(--tinta)}
.lang b{color:var(--tinta)}
.navright{display:flex;gap:14px;align-items:center}

/* ═══ BOTONES PREMIUM ═══ */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--tinta);color:var(--papel);font-weight:600;font-size:15px;padding:14px 26px;border-radius:99px;border:1px solid var(--tinta);overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),box-shadow .3s var(--ease),color .3s}
.btn::after{content:"";position:absolute;inset:0;background:var(--rec);border-radius:99px;transform:translateY(101%);transition:transform .38s var(--ease);z-index:-1}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(232,53,42,.5);border-color:var(--rec)}
.btn:hover::after{transform:translateY(0)}
.btn:active{transform:translateY(0) scale(.98)}
.btn .arr{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
.btn.rec::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rec);animation:blink 1.6s steps(1) infinite;transition:background .3s}
.btn.rec:hover::before{background:#fff}
.btn.ghost{background:transparent;color:var(--tinta)}
.btn.ghost::after{background:var(--tinta)}
.btn.ghost:hover{color:var(--papel);box-shadow:0 14px 30px -14px rgba(20,20,25,.5);border-color:var(--tinta)}

/* ═══ HERO ═══ */
.hero{padding:88px 0 74px;border-bottom:1px solid var(--regla);position:relative}
.herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:22px;display:flex;gap:10px;align-items:center}
.kicker .recdot{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:blink 1.6s steps(1) infinite}
h1{font-family:var(--disp);font-weight:800;font-size:clamp(42px,5.6vw,74px);line-height:1.04;letter-spacing:-.02em}
h1 .line{display:block;overflow:hidden}
h1 .line span{display:inline-block;transform:translateY(110%);animation:rise .9s var(--ease) forwards}
h1 .line:nth-child(2) span{animation-delay:.12s}
@keyframes rise{to{transform:none}}
h1 em{font-style:normal;color:var(--rec);display:inline-block;animation:dropStop 1s cubic-bezier(.3,1.4,.4,1) .5s backwards}
@keyframes dropStop{0%{transform:translateY(-60px);opacity:0}60%{transform:translateY(6px);opacity:1}100%{transform:none}}
.heroleft>*{opacity:0;animation:fadeUp .8s var(--ease) forwards}
.heroleft .kicker{animation-delay:.05s}
.heroleft h1{opacity:1;animation:none}
.heroleft .lead{animation-delay:.45s}
.heroleft .heroctas{animation-delay:.6s}
.heroleft .micro{animation-delay:.75s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.hero .lead{margin:26px 0 34px;font-size:19px;color:#3c3c40;max-width:520px}
.heroctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.micro{font-family:var(--mono);font-size:12px;color:var(--gris);margin-top:18px}
.heroright{opacity:0;animation:fadeUp 1s var(--ease) .35s forwards}

/* curva de retención */
.curvebox{background:#fff;border:1px solid var(--regla);border-radius:14px;padding:26px 26px 18px;box-shadow:0 20px 50px -30px rgba(20,20,25,.25);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.curvebox:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(20,20,25,.35)}
.curvehead{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin-bottom:10px}
.curvehead b{color:var(--tinta)}
.leg{display:flex;gap:18px;font-family:var(--mono);font-size:11.5px;color:var(--gris);margin-top:10px}
.leg span{display:flex;align-items:center;gap:7px}
.leg i{width:16px;height:3px;border-radius:2px;display:inline-block}
#curveGray,#curveRed{stroke-dasharray:900;stroke-dashoffset:900}
.play #curveGray{animation:draw 2s var(--ease) forwards}
.play #curveRed{animation:draw 2.4s var(--ease) .4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
#playhead{opacity:0}
#cliffPulse{transform-origin:86px 168px;opacity:0}
.play #cliffPulse{animation:cliffping 2.4s ease-out 2.2s infinite}
@keyframes cliffping{0%{opacity:.55;transform:scale(.4)}70%{opacity:0;transform:scale(2.2)}100%{opacity:0;transform:scale(2.2)}}

/* teleprompter */
.prompt{margin-top:22px;background:var(--tinta);color:var(--papel);border-radius:12px;padding:18px 22px;font-family:var(--mono);font-size:14px;line-height:1.7;min-height:112px;transition:transform .5s var(--ease)}
.prompt:hover{transform:translateY(-3px)}
.prompt .lbl{font-size:10.5px;letter-spacing:.16em;color:#8b8b93;text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:8px}
.prompt .lbl s{color:var(--rec);text-decoration:none;display:flex;align-items:center;gap:6px}
.prompt .lbl s::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rec);animation:blink 1.2s steps(1) infinite}
.caret{display:inline-block;width:9px;height:17px;background:var(--rec);vertical-align:-3px;animation:blink 1s steps(1) infinite}

/* ═══ MARQUEE DE HOOKS ═══ */
.marquee{border-bottom:1px solid var(--regla);padding:16px 0;overflow:hidden;background:#fff}
.mtrack{display:flex;gap:0;width:max-content;animation:scrollx 32s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
.mtrack span{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--gris);white-space:nowrap;display:flex;align-items:center;transition:color .3s;cursor:default}
.mtrack span:hover{color:var(--rec)}
.mtrack span::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--rec);margin:0 26px;flex:none}
@keyframes scrollx{to{transform:translateX(-50%)}}

/* ═══ SECCIONES ═══ */
section{padding:92px 0;border-bottom:1px solid var(--regla);position:relative}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;border:1px solid var(--regla);border-radius:14px;overflow:hidden;background:#fff}
.step{padding:34px 30px;border-right:1px solid var(--regla);position:relative;transition:background .35s}
.step::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--rec);transition:width .5s var(--ease)}
.step:hover{background:#fbfaf6}
.step:hover::before{width:100%}
.step:last-child{border-right:none}
.step .tc{font-family:var(--mono);font-size:12px;color:var(--rec);letter-spacing:.1em;margin-bottom:14px}
.step h3{font-family:var(--disp);font-weight:600;font-size:19px;margin-bottom:10px}
.step p{font-size:15.5px;color:var(--gris)}

.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.feat{background:#fff;border:1px solid var(--regla);border-radius:14px;padding:28px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}
.feat:hover{transform:translateY(-6px);border-color:var(--tinta);box-shadow:0 24px 44px -28px rgba(20,20,25,.35)}
.feat .fi{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rec);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.feat .fi::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rec);transform:scale(0);transition:transform .35s var(--ease)}
.feat:hover .fi::before{transform:scale(1)}
.feat h3{font-family:var(--disp);font-weight:600;font-size:17px;margin-bottom:8px}
.feat p{font-size:15px;color:var(--gris)}

/* ═══ DEMO SCORE ═══ */
.dark{background:var(--tinta);color:var(--papel);border-bottom:none}
.dark .slug{color:#8b8b93}.dark .slug::before{background:var(--papel)}
.dark .sub{color:#a6a6ad}
.scoredemo{margin-top:46px;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start}
.scriptcard{background:#1d1d24;border:1px solid #2c2c34;border-radius:14px;padding:26px;font-family:var(--mono);font-size:13.5px;line-height:1.85;color:#d9d9de;transition:border-color .4s}
.scriptcard:hover{border-color:#4a4a55}
.scriptcard .bh{color:var(--rec);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.blocks{display:grid;gap:12px}
.blk{background:#1d1d24;border:1px solid #2c2c34;border-left:5px solid var(--verde);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;transition:transform .35s var(--ease),border-color .35s}
.blk:hover{transform:translateX(6px)}
.blk .n{font-weight:600;font-size:15px}
.blk .w{font-family:var(--mono);font-size:11px;color:#8b8b93;margin-top:3px}
.blk .s{font-family:var(--mono);font-weight:700;font-size:20px;color:var(--verde)}
.blk.lima{border-left-color:var(--lima)}.blk.nar{border-left-color:var(--naranja)}
.blk.lima .s{color:var(--lima)}.blk.nar .s{color:var(--naranja)}
.total{background:var(--rec);border:none;color:#fff}
.total:hover{transform:translateX(6px) scale(1.02)}
.total .s{color:#fff;font-size:24px}

/* ═══ PRICING ═══ */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.plan{background:#fff;border:1px solid var(--regla);border-radius:16px;padding:32px 30px;display:flex;flex-direction:column;position:relative;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.plan:hover{transform:translateY(-8px);box-shadow:0 30px 60px -34px rgba(20,20,25,.4);border-color:var(--tinta)}
.plan.hot{border:2px solid var(--tinta);box-shadow:0 24px 60px -34px rgba(20,20,25,.4)}
.plan.hot:hover{transform:translateY(-8px) scale(1.015)}
.tag{position:absolute;top:-13px;left:28px;background:var(--rec);color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:99px;animation:tagfloat 3s ease-in-out infinite}
@keyframes tagfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.plan .pn{font-family:var(--disp);font-weight:700;font-size:19px}
.plan .pd{font-size:14.5px;color:var(--gris);margin:6px 0 20px}
.price{font-family:var(--disp);font-weight:800;font-size:44px;letter-spacing:-.02em}
.price small{font-family:var(--mono);font-size:13px;color:var(--gris);font-weight:400}
.plan ul{list-style:none;margin:22px 0 28px;display:grid;gap:11px;font-size:15px}
.plan li{padding-left:26px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:6px;border-left:2.5px solid var(--verde);border-bottom:2.5px solid var(--verde);transform:rotate(-45deg)}
.plan .btn{justify-content:center;margin-top:auto}
.norefund{margin-top:26px;font-family:var(--mono);font-size:12.5px;color:var(--gris);display:flex;gap:10px;align-items:flex-start;max-width:760px}
.norefund b{color:var(--rec)}

/* ═══ FAQ ═══ */
details{background:#fff;border:1px solid var(--regla);border-radius:12px;padding:20px 24px;margin-top:14px;transition:border-color .3s,box-shadow .3s}
details:hover{border-color:var(--tinta)}
details[open]{border-color:var(--tinta);box-shadow:0 14px 30px -24px rgba(20,20,25,.35)}
summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::after{content:"+";font-family:var(--mono);font-size:20px;color:var(--rec);transition:transform .35s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--gris);font-size:15.5px;animation:fadeUp .45s var(--ease)}

/* ═══ CTA FINAL ═══ */
.final{text-align:center;border-bottom:none;padding:120px 0;position:relative;overflow:hidden}
.final h2{font-size:clamp(32px,4.4vw,56px);max-width:820px;margin:14px auto 18px}
.final .btn{margin-top:22px;font-size:17px;padding:17px 36px}
.final .bigdot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:520px;height:520px;border-radius:50%;border:1px solid var(--regla);opacity:0;pointer-events:none}
.final.in .bigdot{animation:ringout 5s ease-out infinite}
.final.in .bigdot.d2{animation-delay:1.6s}
.final.in .bigdot.d3{animation-delay:3.2s}
@keyframes ringout{0%{opacity:.5;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}

/* ═══ FOOTER + COOKIES ═══ */
footer{background:var(--tinta);color:#a6a6ad;padding:56px 0 40px;font-size:14px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
footer .logo{color:var(--papel)}
footer h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6e6e76;margin-bottom:16px}
footer ul{list-style:none;display:grid;gap:10px}
footer a{transition:color .25s,padding-left .25s}
footer ul a:hover{color:var(--papel);padding-left:6px}
.fbase{border-top:1px solid #2c2c34;padding-top:24px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:11.5px;color:#6e6e76;flex-wrap:wrap;gap:10px}
.cookies{position:fixed;bottom:22px;left:22px;right:22px;max-width:520px;background:#fff;border:1px solid var(--regla);border-radius:14px;padding:20px 22px;box-shadow:0 24px 60px -20px rgba(20,20,25,.35);z-index:60;font-size:14px;animation:fadeUp .7s var(--ease) 1.4s backwards}
.cookies p{color:var(--gris);margin-bottom:14px}
.cookies .row{display:flex;gap:10px;flex-wrap:wrap}
.cbtn{font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:99px;border:1px solid var(--tinta);background:var(--tinta);color:#fff;cursor:pointer;transition:transform .25s var(--ease),background .25s}
.cbtn:hover{transform:translateY(-2px);background:var(--rec);border-color:var(--rec)}
.cbtn.o{background:transparent;color:var(--tinta)}
.cbtn.o:hover{background:var(--tinta);color:#fff}
.cookies{display:none}
.cookies.show{display:block}

/* ═══ MODALES (consentimiento + waitlist) ═══ */
.gvhm{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:20px}
.gvhm.open{display:flex}
.gvhm .ov{position:absolute;inset:0;background:rgba(20,20,25,.55);backdrop-filter:blur(4px);animation:fadeIn .3s var(--ease)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.gvhm .box{position:relative;background:var(--papel);border:1px solid var(--regla);border-radius:16px;padding:30px 30px 26px;max-width:480px;width:100%;box-shadow:0 40px 90px -30px rgba(20,20,25,.55);animation:fadeUp .4s var(--ease);max-height:90vh;overflow-y:auto}
.gvhm .mslug{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.gvhm .mslug b{color:var(--rec)}
.gvhm .mslug .recdot{width:7px;height:7px;border-radius:50%;background:var(--rec);animation:blink 1.6s steps(1) infinite}
.gvhm h3{font-family:var(--disp);font-weight:700;font-size:21px;line-height:1.2;margin-bottom:8px}
.gvhm .mp{font-size:14.5px;color:var(--gris);margin-bottom:18px}
.gvhm .x{position:absolute;top:14px;right:16px;background:none;border:none;font-family:var(--mono);font-size:20px;color:var(--gris);cursor:pointer;padding:6px;line-height:1;transition:color .2s,transform .2s}
.gvhm .x:hover{color:var(--rec);transform:rotate(90deg)}
.ckrow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--regla);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.ckrow .t{font-weight:600;font-size:15px}
.ckrow .d{font-size:13px;color:var(--gris);margin-top:2px}
.ckrow .always{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--verde);white-space:nowrap;padding-top:4px}
.sw{position:relative;width:44px;height:24px;flex:none;margin-top:2px}
.sw input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;z-index:1}
.sw i{position:absolute;inset:0;background:var(--regla);border-radius:99px;transition:background .25s}
.sw i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s var(--ease);box-shadow:0 1px 3px rgba(20,20,25,.3)}
.sw input:checked+i{background:var(--rec)}
.sw input:checked+i::after{transform:translateX(20px)}
.sw input:focus-visible+i{outline:2px solid var(--tinta);outline-offset:2px}
.wl-f{display:grid;gap:12px}
.wl-f label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);display:block;margin-bottom:5px}
.wl-f input[type=email],.wl-f input[type=text]{width:100%;background:#fff;border:1px solid var(--regla);border-radius:10px;padding:12px 14px;font-family:var(--body);font-size:15.5px;color:var(--tinta);transition:border-color .25s,box-shadow .25s}
.wl-f input:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px rgba(20,20,25,.08)}
.wl-f input.err{border-color:var(--rec);box-shadow:0 0 0 3px rgba(232,53,42,.12)}
.wl-err{font-size:13px;color:var(--rec);display:none}
.wl-err.show{display:block}
.wl-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--gris);line-height:1.5}
.wl-consent input{margin-top:3px;accent-color:var(--rec);width:16px;height:16px;flex:none}
.wl-consent a{text-decoration:underline}
.wl-hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.wl-ok{text-align:center;padding:18px 0 8px;display:none}
.wl-ok.show{display:block}
.wl-ok .big{font-family:var(--disp);font-weight:700;font-size:20px;margin:10px 0 6px}
.wl-ok .recdot{width:10px;height:10px;border-radius:50%;background:var(--rec);display:inline-block;animation:blink 1.6s steps(1) infinite}
.wl-ok p{font-size:14.5px;color:var(--gris)}

@media(max-width:920px){
  .herogrid,.scoredemo{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--regla)}.step:last-child{border-bottom:none}
  .feats,.plans{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
  .navlinks{display:none}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal,.stagger>*{opacity:1;transform:none}
  h1 .line span{transform:none}
  #curveGray,#curveRed{stroke-dashoffset:0}
}

/* ═══════════ v1.3 ─ AÑADIDOS ═══════════ */

/* Hero curva 2.0 */
.endpill{font-family:var(--mono);font-size:11px;fill:#fff}
#trail{opacity:.22}
#endPulse{transform-origin:500px 92px;animation:cliffping 2.6s ease-out 3s infinite}

/* Toggle de pricing */
.bill-toggle{display:flex;align-items:center;gap:12px;margin-top:26px;font-family:var(--mono);font-size:12.5px;color:var(--gris)}
.bill-toggle .bsw{display:flex;border:1px solid var(--regla);border-radius:99px;overflow:hidden;background:#fff}
.bill-toggle button{font-family:var(--mono);font-size:12px;letter-spacing:.06em;border:none;background:none;padding:9px 18px;color:var(--gris);cursor:pointer;transition:.25s}
.bill-toggle button.on{background:var(--tinta);color:#fff}
.bill-toggle .save{background:#E4F3E9;color:var(--verde);border-radius:99px;padding:4px 10px;font-weight:700;font-size:10.5px;letter-spacing:.08em}
.plans4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.plans4 .plan{padding:28px 24px}
.plans4 .price{font-size:38px}
.plan .per{font-family:var(--mono);font-size:11px;color:var(--gris);margin-top:2px;min-height:16px}
@media(max-width:1100px){.plans4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.plans4{grid-template-columns:1fr}}

/* Scorecard showcase 2.0 (sección dark) */
.showgrid{display:grid;grid-template-columns:auto 1fr;gap:34px;margin-top:44px;align-items:start}
@media(max-width:920px){.showgrid{grid-template-columns:1fr}}
.gaugebox{text-align:center}
.gauge2{position:relative;width:170px;height:170px;margin:0 auto}
.gauge2 svg{transform:rotate(-90deg)}
.gauge2 .gn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gauge2 .gn b{font-family:var(--disp);font-weight:800;font-size:42px;line-height:1;color:var(--lima)}
.gauge2 .gn small{font-family:var(--mono);font-size:9.5px;color:#8b8b93;letter-spacing:.12em;margin-top:5px}
.gring2{stroke-dasharray:452;stroke-dashoffset:452}
.in .gring2{animation:gfill2 1.6s var(--ease) .3s forwards}
@keyframes gfill2{to{stroke-dashoffset:calc(452 - 452*0.84)}}
.gstats2{display:grid;gap:7px;margin-top:16px;text-align:left}
.gstats2 span{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:#8b8b93}
.gstats2 b{color:#fff}
.gstats2 .up{color:var(--verde)}
.tl2{display:flex;flex-direction:column;gap:8px}
.tl2 .tlt{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:#8b8b93;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tl2 .warn{color:var(--naranja)}
.tlrow2{display:flex;height:54px;border-radius:12px;overflow:hidden;gap:3px}
.tlseg2{position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 10px;min-width:0;transition:.25s}
.tlseg2:hover{filter:brightness(1.15)}
.tlseg2 .tn{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlseg2 .ts{font-family:var(--mono);font-weight:700;font-size:14px;color:#fff}
.sv{background:var(--verde)}.sl{background:var(--lima)}.so{background:var(--naranja)}.sr{background:#D9363E}
.cv{color:var(--verde)}.cl{color:var(--lima)}.co{color:var(--naranja)}
.dims2{display:grid;gap:9px;margin-top:20px}
.dims2 .dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:#8b8b93}
.dim2{display:grid;grid-template-columns:120px 1fr 34px;gap:10px;align-items:center;font-size:12px;color:#c9c9cf}
.dim2 .db{height:6px;background:#2c2c34;border-radius:99px;overflow:hidden}
.dim2 .db i{display:block;height:100%;border-radius:99px;width:0;transition:width 1.1s var(--ease) .5s}
.in .dim2 .db i{width:var(--w)}
.dim2 .dv{font-family:var(--mono);font-weight:700;font-size:11.5px;text-align:right}
.showbottom{display:grid;grid-template-columns:1fr 260px;gap:22px;margin-top:26px;align-items:stretch}
@media(max-width:920px){.showbottom{grid-template-columns:1fr}}
.sampleblk{background:#1d1d24;border:1px solid #2c2c34;border-top:4px solid var(--naranja);border-radius:13px;padding:18px 20px}
.sampleblk .r1{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sampleblk .bn{font-family:var(--disp);font-weight:600;font-size:15px;color:#fff}
.sampleblk .sc{font-family:var(--disp);font-weight:800;font-size:26px;color:var(--naranja)}
.sampleblk .quote{font-size:13px;color:#a6a6ad;font-style:italic;border-left:3px solid #2c2c34;padding-left:11px;margin:9px 0}
.sampleblk .why b,.sampleblk .p10 b{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;display:block;margin-bottom:3px}
.sampleblk .why{font-size:13px;color:#c9c9cf;margin-top:10px}
.sampleblk .why b{color:#8b8b93}
.sampleblk .p10{font-size:13px;color:#c9c9cf;background:rgba(232,53,42,.09);border-radius:9px;padding:11px 13px;margin-top:10px}
.sampleblk .p10 b{color:var(--rec)}
.projcard{background:#26262e;border-radius:13px;padding:22px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.projcard .pt{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#8b8b93;margin-bottom:8px}
.projcard .pn{font-family:var(--disp);font-weight:800;font-size:38px;color:var(--verde)}
.projcard .pa{font-family:var(--mono);font-size:9.5px;color:#8b8b93;margin-top:5px}

/* Por dentro: ventanas de navegador */
.windows{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
@media(max-width:920px){.windows{grid-template-columns:1fr}}
.bwin{background:#fff;border:1px solid var(--regla);border-radius:14px;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.bwin:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 34px 70px -30px rgba(20,20,25,.45)}
.bwin .bar{display:flex;align-items:center;gap:6px;background:var(--papel);border-bottom:1px solid var(--regla);padding:9px 12px}
.bwin .bar i{width:9px;height:9px;border-radius:50%;background:var(--regla)}
.bwin .bar i:nth-child(1){background:#e8837b}.bwin .bar i:nth-child(2){background:#e5c07b}.bwin .bar i:nth-child(3){background:#98c379}
.bwin .url{font-family:var(--mono);font-size:9.5px;color:var(--gris);background:#fff;border:1px solid var(--regla);border-radius:99px;padding:2px 10px;margin-left:6px}
.bwin .body{padding:16px;min-height:230px}
.bwin h3{font-family:var(--disp);font-weight:600;font-size:15px;padding:14px 16px 0}
.bwin .cap{font-size:13px;color:var(--gris);padding:4px 16px 18px}
.mini-ideabox{border:1.5px solid var(--regla);border-radius:9px;padding:8px 10px;font-size:10.5px;color:var(--gris);line-height:1.5;background:#fff}
.mini-meter{height:5px;background:var(--regla);border-radius:99px;margin:7px 0 3px;overflow:hidden}
.mini-meter i{display:block;height:100%;width:78%;background:var(--verde);border-radius:99px}
.mini-mlbl{font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--verde)}
.mini-f{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--regla);border-radius:8px;padding:6px 9px;font-size:10px;margin-top:6px;background:#fff}
.mini-f b{font-weight:600}
.mini-f .fid{font-family:var(--mono);font-size:8px;color:var(--gris)}
.mini-f.sel{border-color:var(--rec);background:#fff6f5}
.mini-f.blur{filter:blur(2.5px);opacity:.6}
.mini-lock{font-family:var(--mono);font-size:7.5px;background:var(--tinta);color:#fff;border-radius:99px;padding:1px 6px}
.mini-gauge{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--lima) 0 302deg,#e6e4dc 302deg 360deg);display:flex;align-items:center;justify-content:center;margin:0 auto}
.mini-gauge span{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:15px;color:var(--lima)}
.mini-tl{display:flex;height:22px;gap:2px;border-radius:7px;overflow:hidden;margin:10px 0}
.mini-tl i{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:7.5px;color:#fff;font-style:normal}
.mini-card{border:1px solid var(--regla);border-left:4px solid var(--verde);border-radius:8px;padding:7px 9px;font-size:9.5px;color:var(--gris);margin-top:6px;background:#fff}
.mini-card b{color:var(--tinta);font-size:10px}
.mini-kcol{background:#EDECE5;border-radius:9px;padding:5px;font-family:var(--mono);font-size:7.5px;color:#55554e}
.mini-kcols{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mini-kcard{background:#fff;border:1px solid var(--regla);border-radius:6px;padding:5px 6px;font-family:var(--body);font-size:8.5px;font-weight:600;color:var(--tinta);margin-top:4px;line-height:1.3}
.mini-kpill{display:inline-block;font-family:var(--mono);font-size:7.5px;color:#fff;border-radius:4px;padding:0 4px;margin-top:3px}
.inside-close{text-align:center;font-family:var(--mono);font-size:12.5px;color:var(--gris);margin-top:30px}
.inside-close a{color:var(--rec);text-decoration:underline}

/* Mini-demo de hooks */
.hookdemo{margin-top:46px;background:#fff;border:1px solid var(--regla);border-radius:16px;padding:30px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start}
@media(max-width:920px){.hookdemo{grid-template-columns:1fr}}
.hookdemo .hd-t{font-family:var(--disp);font-weight:700;font-size:20px;margin-bottom:6px}
.hookdemo .hd-s{font-size:14.5px;color:var(--gris);margin-bottom:16px}
.nichechips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.nichechips button{font-family:var(--mono);font-size:12px;border:1.5px solid var(--regla);background:#fff;border-radius:99px;padding:8px 16px;color:var(--gris);cursor:pointer;transition:.2s}
.nichechips button:hover{border-color:var(--tinta);color:var(--tinta)}
.nichechips button.on{border-color:var(--rec);background:#fff6f5;color:var(--rec);font-weight:700}
.hookout{background:var(--tinta);color:var(--papel);border-radius:12px;padding:20px 22px;font-family:var(--mono);font-size:14.5px;line-height:1.7;min-height:120px}
.hookout .lbl{font-size:10px;letter-spacing:.14em;color:#8b8b93;display:flex;justify-content:space-between;margin-bottom:10px}
.hookout .lbl s{color:var(--rec);text-decoration:none;display:flex;align-items:center;gap:6px}
.hookout .lbl s::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rec);animation:blink 1.2s steps(1) infinite}
.hookcta{display:none;margin-top:14px;font-size:14px}
.hookcta.show{display:block;animation:fadeUp .5s var(--ease)}
.hookcta a{color:var(--rec);font-weight:700;text-decoration:underline}

/* Contador de lista bajo el CTA del hero */
.wlcount{display:none;font-family:var(--mono);font-size:12px;color:var(--gris);margin-top:12px}
.wlcount.show{display:block;animation:fadeUp .5s var(--ease)}
.wlcount b{color:var(--rec)}

/* Barra CTA pegajosa (móvil) */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--tinta);color:#fff;padding:12px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -12px 30px -18px rgba(0,0,0,.5)}
.stickybar.show{display:flex;animation:fadeUp .4s var(--ease)}
.stickybar .t{font-size:13.5px;font-weight:600}
.stickybar .t small{display:block;font-family:var(--mono);font-size:10px;color:#a6a6ad;font-weight:400}
.stickybar a{background:var(--rec);color:#fff;border-radius:99px;padding:9px 18px;font-weight:700;font-size:13px;white-space:nowrap}
.stickybar button{background:none;border:none;color:#8b8b93;font-size:18px;cursor:pointer;padding:4px}
@media(min-width:761px){.stickybar.show{display:none}}