/* v0.9.13 · Portada común (public/index.html). Usa los tokens de la plataforma: claro/oscuro y el acento salen solos. */
.lp{max-width:980px;margin:0 auto;padding:7vh 0 0;width:100%}
.lp-hero{position:relative;text-align:center;padding:44px 20px 36px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface) 70%);overflow:hidden;box-shadow:var(--shadow)}
.lp-hero::before,.lp-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;pointer-events:none}
.lp-hero::before{width:260px;height:260px;left:-70px;top:-90px;background:var(--accent)}
.lp-hero::after{width:240px;height:240px;right:-60px;bottom:-110px;background:#F0AFC8}
.lp-hero>*{position:relative;z-index:1}
.lp-logo{width:84px;height:84px;object-fit:contain;border-radius:22px;background:var(--surface);padding:10px;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 35%,transparent);border:1px solid var(--line)}
.lp-hero h1{font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:-.03em;margin:16px 0 6px}
.lp-tag{font-size:clamp(16px,2.4vw,20px);color:var(--ink2);max-width:560px;margin:0 auto}
.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 12px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:170px;padding:13px 24px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
.lp-btn:hover{transform:translateY(-2px)}
.lp-primary{background:var(--accent-grad);color:var(--on-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 45%,transparent)}
.lp-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--accent)}
.lp-ghost:hover{background:var(--accent-soft)}
.lp-note{font-size:13px;color:var(--muted);margin:0}
.lp-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px;text-align:left}
.lp-f{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.lp-f i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;margin-bottom:10px;font-style:normal;font-size:20px}
.lp-f:nth-child(1) i{background:color-mix(in srgb,#8FD6B0 40%,var(--surface))}
.lp-f:nth-child(2) i{background:color-mix(in srgb,#F4B6CB 45%,var(--surface))}
.lp-f:nth-child(3) i{background:color-mix(in srgb,#9CCBEE 45%,var(--surface))}
.lp-f h2{font-size:17px;margin-bottom:4px}
.lp-f p{margin:0;color:var(--muted);font-size:14px}
@media (max-width:560px){.lp{padding-top:3vh}.lp-hero{padding:32px 16px 28px;border-radius:22px}.lp-btn{width:100%}}