/* Funnel landing — same system, centered single-column structure */
.f2{position:relative;overflow:hidden;padding:clamp(64px,9vw,120px) 0;text-align:center}
.f2-hero{padding-top:clamp(100px,11vw,140px)}
.f2 .wrap{position:relative;z-index:1;max-width:min(92vw,1080px);margin:0 auto}
.f2-hero::before{content:"";position:absolute;left:50%;top:-46vw;transform:translateX(-50%);width:120vw;height:90vw;border-radius:50%;background:radial-gradient(circle,rgba(0,53,255,.22),rgba(0,40,201,.08) 46%,transparent 66%);filter:blur(70px);pointer-events:none}
#quien::before{content:"";position:absolute;left:-36vw;bottom:-30vw;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(0,53,255,.4),rgba(0,40,201,.18) 45%,transparent 68%);filter:blur(80px);pointer-events:none}
#sistema{background:linear-gradient(180deg,transparent,rgba(0,53,255,.05) 30%,rgba(0,53,255,.05) 70%,transparent)}
#sistema::after{content:"";position:absolute;right:-34vw;top:8%;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,transparent 46%,rgba(0,53,255,.28) 56%,transparent 68%);filter:blur(80px);pointer-events:none}
#mas::before{content:"";position:absolute;left:50%;bottom:-46vw;transform:translateX(-50%);width:120vw;height:90vw;border-radius:50%;background:radial-gradient(circle,transparent 44%,rgba(0,53,255,.32) 56%,transparent 70%);filter:blur(80px);pointer-events:none}
.f2-logo{height:44px;width:auto;display:inline-block}
.f2-proofline{margin-top:18px;font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--gray-2);font-weight:600}
.f2-hero h1{margin:28px auto 0;max-width:820px;font-size:clamp(2.1rem,4.6vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:var(--ls-tight)}
.f2-hero h1 .it{font-family:var(--font-expressive);font-style:italic;font-weight:300;color:var(--warm-white-dim)}
.f2-sub{margin:20px auto 0;max-width:620px;color:var(--gray-1);font-size:var(--text-body-l);line-height:var(--lh-body)}
.f2-strip{position:relative;z-index:1;margin-top:44px;padding:14px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:var(--glass-fill);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}
.f2-strip p{font-size:var(--text-caption);letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--warm-white)}
.f2-vsl{position:relative;margin:40px auto 0;width:100%;max-width:400px;aspect-ratio:9/13;border-radius:28px;overflow:hidden;border:1px solid var(--line-1);background:var(--carbon-1);box-shadow:var(--shadow-card)}
.f2-vsl .vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-fill);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--warm-white);pointer-events:none}
.f2-cta-row{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:12px}
.f2-chev{margin:clamp(36px,5vw,56px) auto 0;color:var(--accent-hover);display:block}
.f2-proof-label{font-size:var(--text-body-s);color:var(--gray-1)}
.f2-proof-label strong{color:var(--warm-white)}
.f2-h2{margin:18px auto 0;max-width:780px;font-size:clamp(1.6rem,3.2vw,2.5rem);font-weight:800;letter-spacing:var(--ls-tight);line-height:var(--lh-heading)}
.f2-h2 .it{font-family:var(--font-expressive);font-style:italic;font-weight:300;color:var(--warm-white-dim)}
.f2-cards{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);text-align:left}
@media(max-width:820px){.f2-cards{grid-template-columns:1fr}}
.f2-card{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--glass-fill),transparent 60%),var(--carbon-1);border:1px solid var(--glass-border);border-radius:24px;padding:clamp(22px,3vw,32px);box-shadow:var(--shadow-card);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));transition:transform var(--dur-med) var(--ease-standard),border-color var(--dur-med) var(--ease-standard),box-shadow var(--dur-med) var(--ease-standard)}
.f2-card::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 90% at 100% 0%,rgba(0,53,255,.14),transparent 55%);opacity:0;transition:opacity var(--dur-med) var(--ease-standard);pointer-events:none}
.f2-card:hover{border-color:var(--line-2);transform:translateY(-8px);box-shadow:var(--shadow-raised),0 18px 60px rgba(0,53,255,.2)}
.f2-card:hover::after{opacity:1}
.f2-card h3{font-family:var(--font-expressive);font-style:italic;font-weight:300;font-size:1.5rem;letter-spacing:0;color:var(--warm-white)}
.f2-card p{margin-top:10px;color:var(--gray-1);font-size:var(--text-body-s);line-height:1.6}
.f2-step{margin-top:clamp(56px,8vw,88px)}
.f2-num{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:800;font-size:.95rem}
.f2-step h3{margin:16px auto 0;max-width:720px;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:800;letter-spacing:var(--ls-tight);line-height:var(--lh-heading)}
.f2-step .d{margin:12px auto 0;max-width:640px;color:var(--gray-1);font-size:var(--text-body);line-height:var(--lh-body)}
.f2-visual{margin:36px auto 0;width:100%;max-width:880px;aspect-ratio:16/9;border-radius:28px;overflow:hidden;border:1px solid var(--line-1);background:var(--carbon-1);box-shadow:var(--shadow-card)}
.f2-close{margin:clamp(48px,6vw,72px) auto 0;max-width:640px;color:var(--gray-1);font-size:var(--text-body);line-height:var(--lh-body)}
.f2-stack{margin:28px auto 0;display:flex;flex-direction:column;gap:12px;width:min(92vw,620px)}
.f2-stack a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 26px;background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:20px;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--warm-white);font-weight:700;font-size:var(--text-body-s);letter-spacing:.02em;transition:all var(--dur-fast) var(--ease-standard)}
.f2-stack a span.k{font-size:var(--text-caption);font-weight:600;color:var(--gray-2);letter-spacing:.1em;text-transform:uppercase}
.f2-stack a:hover{border-color:var(--line-2);background:var(--carbon-2);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,53,255,.14)}
.f2-stack a svg{flex:none;color:var(--gray-2)}
.f2 .trustline{margin-top:26px}