/* ---- Página de inicio ---- */
#landing-screen{position:fixed;inset:0;z-index:80;background:var(--bg);overflow-y:auto;scroll-behavior:smooth;font-feature-settings:"tnum";}
.lp-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.lp-nav{position:sticky;top:0;z-index:3;background:rgba(var(--glass-rgb),.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);}
.lp-nav .lp-wrap{display:flex;align-items:center;gap:32px;height:58px;}
.lp-nav .brand{margin:0;}
.lp-links{display:flex;gap:24px;margin-right:auto;}
.lp-links a{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:color .15s;}
.lp-links a:hover{color:var(--text);}
.lp-actions{display:flex;align-items:center;gap:6px;margin-left:auto;}
.lp-links + .lp-actions{margin-left:0;}
.lp-hero{padding:72px 0 40px;}
.lp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 18px;}
.lp-hero h1{font-size:clamp(34px,6.4vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:0 0 20px;max-width:14ch;}
.lp-lead{font-size:clamp(16px,2.2vw,18px);line-height:1.6;color:var(--text-muted);max-width:560px;margin:0 0 28px;}
.lp-cta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.lp-cta .btn{padding:12px 20px;font-size:14.5px;}
.lp-note{margin:16px 0 0;font-size:13px;color:var(--text-muted);}
.btn-primary,.lp-links a,.lp-actions .btn{transition:background .15s,color .15s,border-color .15s,transform .15s;}
#landing-screen .btn-primary:active{transform:scale(.98);}
/* Producto (maqueta fiel de la app) */
.lp-shot{margin:8px 0 0;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);}
.lp-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-soft);font-size:12.5px;color:var(--text-muted);font-weight:600;}
.lp-bar b{color:var(--text);}
.lp-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border-soft);}
.lp-kpi{padding:14px 16px;border-right:1px solid var(--border-soft);}
.lp-kpi:last-child{border-right:0;}
.lp-kpi small,.lp-side small{display:block;font-size:11.5px;color:var(--text-muted);font-weight:600;margin-bottom:4px;}
.lp-kpi b,.lp-side b{font-size:clamp(16px,2.4vw,21px);font-weight:800;letter-spacing:-.01em;}
.up{color:var(--gain);}
.lp-body{display:grid;grid-template-columns:2fr 1fr;}
.lp-chart{padding:16px;border-right:1px solid var(--border-soft);}
.lp-chart svg{width:100%;height:auto;display:block;}
.lp-side{display:grid;}
.lp-side div{padding:14px 16px;border-bottom:1px solid var(--border-soft);}
.lp-side div:last-child{border-bottom:0;}
.lp-meter{height:4px;border-radius:2px;background:var(--surface-2);margin-top:10px;overflow:hidden;}
.lp-meter i{display:block;height:100%;width:0;background:var(--gain);transition:width 1.1s cubic-bezier(.2,.7,.2,1) .25s;}
.lp-rv.in .lp-meter i{width:var(--w);}
.lp-cap{font-size:12px;color:var(--text-muted);margin:10px 2px 0;}
/* Secciones */
.lp-sec{padding:88px 0 0;}
.lp-sec h2{font-size:clamp(26px,4.2vw,38px);line-height:1.12;letter-spacing:-.02em;font-weight:800;margin:0 0 14px;max-width:18ch;}
.lp-sec h2 + p{color:var(--text-muted);line-height:1.6;font-size:16px;margin:0;max-width:520px;}
.lp-cal{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:16px;}
.lp-cal-h{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:12px;}
.lp-cal-h span{color:var(--text-muted);font-weight:600;}
.lp-cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.lp-cal-g em{font-style:normal;font-size:11px;color:var(--text-muted);text-align:center;padding-bottom:4px;font-weight:600;}
.lp-cal-g i{font-style:normal;aspect-ratio:1;border-radius:6px;font-size:11.5px;display:flex;align-items:flex-start;padding:5px 6px;color:var(--text-muted);background:var(--bg-2);}
.lp-cal-g i.w{background:color-mix(in srgb,var(--gain) 18%,transparent);color:var(--text);}
.lp-cal-g i.l{background:color-mix(in srgb,var(--loss) 18%,transparent);color:var(--text);}
.lp-cal-g i.o{background:transparent;}
.lp-price{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:center;}
.lp-plan{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:28px;}
.lp-plan-n{font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:14px;}
.lp-amount{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1;}
.lp-amount span{font-size:14px;font-weight:600;color:var(--text-muted);letter-spacing:0;margin-left:6px;}
.lp-plan ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px;font-size:14.5px;}
.lp-plan li{display:flex;gap:10px;color:var(--text-muted);}
.lp-plan li::before{content:'';width:5px;height:5px;margin-top:8px;border-radius:50%;background:var(--accent);flex-shrink:0;}
.lp-foot{margin-top:96px;border-top:1px solid var(--border-soft);padding:32px 0 44px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--text-muted);font-size:12.5px;line-height:1.6;}
.lp-foot p{margin:0;max-width:560px;}
.lp-rv{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;}
.lp-rv.in{opacity:1;transform:none;}
@media(max-width:900px){
    .lp-row,.lp-price{grid-template-columns:1fr;gap:28px;}
  .lp-row:nth-child(even) .lp-txt{order:0;}
}
@media(max-width:640px){
  .lp-wrap{padding:0 18px;}
  .lp-links{display:none;}
  .lp-nav .lp-wrap{gap:8px;}
  .lp-actions{gap:2px;}
  .lp-actions .btn{padding:7px 10px;font-size:12.5px;}
  .lp-hero{padding:44px 0 28px;}
  .lp-kpis{grid-template-columns:repeat(2,1fr);}
  .lp-kpi:nth-child(2){border-right:0;}
  .lp-kpi:nth-child(-n+2){border-bottom:1px solid var(--border-soft);}
  .lp-body{grid-template-columns:1fr;}
  .lp-chart{border-right:0;border-bottom:1px solid var(--border-soft);}
  .lp-side{grid-template-columns:1fr 1fr;}
  .lp-side div{border-bottom:0;border-right:1px solid var(--border-soft);}
  .lp-side div:last-child{border-right:0;}
  .lp-bar span:last-child{display:none;}
  .lp-sec{padding-top:64px;}
      .lp-plan{padding:22px;}
  .lp-foot{margin-top:64px;}
}
@media(prefers-reduced-motion:reduce){.lp-rv{opacity:1;transform:none;transition:none;}}
/* Showcase: cada función con su ejemplo */
.lp-showcase{margin-top:32px;}
.lp-row{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--border-soft);}
.lp-row:nth-child(even) .lp-txt{order:2;}
.lp-txt h3{font-size:clamp(20px,3vw,26px);letter-spacing:-.015em;font-weight:800;margin:0 0 10px;}
.lp-txt p{color:var(--text-muted);line-height:1.6;font-size:15.5px;margin:0;max-width:440px;}
.lp-vis{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:16px;transition:border-color .2s;}
.lp-vis:hover{border-color:var(--text-faint);}
.lp-vh{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-muted);font-weight:600;margin-bottom:14px;}
.lp-vh b{color:var(--text);}
.lp-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--text-muted);}
.lp-tag.g{background:color-mix(in srgb,var(--gain) 16%,transparent);color:var(--gain);}
.lp-tag.r{background:color-mix(in srgb,var(--loss) 16%,transparent);color:var(--loss);}
.lp-trade-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.lp-trade-h b{display:block;font-size:15px;}
.lp-trade-h small{font-size:11.5px;color:var(--text-muted);}
.lp-img{position:relative;height:96px;margin:12px 0;border-radius:8px;background:var(--bg-2);border:1px solid var(--border-soft);overflow:hidden;}
.lp-img svg{width:100%;height:100%;}
.lp-img span{position:absolute;left:8px;top:6px;font-size:10.5px;color:var(--text-muted);font-weight:600;}
.lp-chips{display:flex;gap:6px;flex-wrap:wrap;}
.lp-amt{font-size:20px;font-weight:800;margin-top:12px;display:block;}
.lp-bars{display:flex;align-items:flex-end;gap:8px;height:120px;border-bottom:1px solid var(--border-soft);margin-bottom:14px;}
.lp-bars i{flex:1;height:var(--h);background:var(--gain);border-radius:4px 4px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*70ms + .2s);}
.lp-bars i.l{background:var(--loss);}
.lp-rv.in .lp-bars i{transform:scaleY(1);}
.lp-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.lp-mini div{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:8px;padding:9px 10px;}
.lp-mini small{display:block;font-size:10.5px;color:var(--text-muted);font-weight:600;}
.lp-mini b{font-size:14.5px;}
.lp-goal + .lp-goal{margin-top:18px;}
.lp-goal-h{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;}
.lp-goal small{display:block;font-size:12px;color:var(--text-muted);margin-top:8px;}
.lp-vis .lp-meter{margin-top:8px;height:6px;}
.lp-acc{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--border-soft);font-size:14px;}
.lp-acc:last-child{border-bottom:0;padding-bottom:0;}
.lp-acc b{flex:1;font-weight:700;}
.lp-acc span.v{font-weight:700;}
.lp-rank{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:11px 10px;border-radius:8px;font-size:14px;opacity:0;transform:translateX(-10px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i)*90ms + .2s);}
.lp-rv.in .lp-rank{opacity:1;transform:none;}
.lp-rank em{font-style:normal;color:var(--text-muted);font-weight:700;}
.lp-rank.me{background:var(--accent-soft);}
.lp-rank.me b{color:var(--accent-2);}
.lp-cal-g i{opacity:0;transition:opacity .45s ease;transition-delay:calc(var(--i)*16ms + .15s);}
.lp-rv.in .lp-cal-g i{opacity:1;}
.lp-cal-g em{opacity:1;}
/* Entrada del hero (una sola vez, al cargar) */
.lp-hero > *{animation:lpUp .7s cubic-bezier(.2,.7,.2,1) both;}
.lp-hero > *:nth-child(2){animation-delay:.08s;}
.lp-hero > *:nth-child(3){animation-delay:.16s;}
.lp-hero > *:nth-child(4){animation-delay:.24s;}
.lp-hero > *:nth-child(5){animation-delay:.32s;}
@keyframes lpUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.lp-line{stroke-dasharray:1;stroke-dashoffset:1;animation:lpDraw 2s cubic-bezier(.3,.6,.2,1) .5s forwards;}
.lp-area{opacity:0;animation:lpFade 1s ease 1.4s forwards;}
@keyframes lpDraw{to{stroke-dashoffset:0;}}
@keyframes lpFade{to{opacity:1;}}
@media(max-width:900px){
  .lp-row{grid-template-columns:1fr;gap:24px;padding:40px 0;}
  .lp-row:nth-child(even) .lp-txt{order:0;}
}
.lp-row > *{min-width:0;}
/* Botón para volver al inicio */
#setup-screen,#auth-screen{position:relative;}
.lp-back{position:absolute;top:calc(12px + var(--safe-t));left:12px;display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:600;padding:10px 12px;border-radius:var(--radius-s);cursor:pointer;transition:color .15s,background .15s;}
.lp-back:hover{color:var(--text);background:var(--surface-2);}
@media(prefers-reduced-motion:reduce){
  .lp-hero > *,.lp-line,.lp-area{animation:none;opacity:1;stroke-dashoffset:0;}
  .lp-bars i,.lp-rank,.lp-cal-g i{transition:none;transform:none;opacity:1;}
  .lp-meter i{transition:none;width:var(--w);}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}}