/* PipDrill — portada: capa de rediseño (más limpia, moderna y elegante). Solo estilos; la estructura sigue siendo la de landing.html. */
body.landing-page{--lx-r:20px}
body.landing-page .eyebrow{display:none}
/* hero */
body.landing-page .hero{padding:3.2rem 0 2.5rem;overflow:visible;-webkit-mask-image:none;mask-image:none}
body.landing-page .hero::before,body.landing-page .hero::after{inset:-6rem 0 0;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 95%);mask-image:linear-gradient(180deg,#000 50%,transparent 95%)}
body.landing-page .hero::before{background:
  radial-gradient(60% 55% at 12% 8%,rgba(var(--accent-rgb),.20),transparent 70%),
  radial-gradient(45% 45% at 92% 40%,rgba(var(--accent2-rgb),.10),transparent 70%)}
body.landing-page .hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(var(--accent-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.05) 1px,transparent 1px);
  background-size:56px 56px;}
@media (min-width:901px){body.landing-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:3.2rem}}
body.landing-page .hero h1{font-size:clamp(2.35rem,4.6vw,4.1rem);line-height:1.04;letter-spacing:-.035em;font-weight:800}
body.landing-page .hero h1 span{background:linear-gradient(100deg,var(--accent) 0%,var(--accent2) 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.landing-page .hero .lede{font-size:1.12rem;line-height:1.65;max-width:34rem;color:var(--text2)}
body.landing-page .hero .btn{border-radius:14px;padding:.95rem 1.7rem;font-weight:700}
body.landing-page .hero .btn-primary{box-shadow:0 14px 34px -12px rgba(var(--accent-rgb),.65),inset 0 1px 0 rgba(255,255,255,.25)}
body.landing-page .hero .btn-ghost{background:rgba(var(--panel2-rgb),.6);backdrop-filter:blur(8px)}
body.landing-page .whats-new-pill{background:rgba(var(--panel2-rgb),.7);backdrop-filter:blur(8px);font-size:.78rem}
body.landing-page .hero-facts{gap:.6rem}
body.landing-page .hero-facts span{font-family:var(--sans,inherit);text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:600;
  padding:.4rem .8rem;border:1px solid var(--edge);border-radius:999px;background:rgba(var(--panel2-rgb),.55)}
/* producto */
body.landing-page .preview{padding:.9rem;border-radius:var(--lx-r);animation:none;
  background:linear-gradient(160deg,rgba(var(--panel2-rgb),.9),rgba(var(--panel2-rgb),.55));
  box-shadow:0 50px 100px -40px rgba(0,0,0,.75),0 0 0 1px rgba(var(--accent-rgb),.18),0 0 90px -30px rgba(var(--accent-rgb),.45);
  transform:perspective(1600px) rotateY(-4deg) rotateX(1.5deg);transition:transform .5s ease}
body.landing-page .preview:hover{transform:perspective(1600px) rotateY(0) rotateX(0)}
body.landing-page .preview-chrome{padding:.1rem .4rem .7rem}
body.landing-page .preview .demo-gif{border-radius:12px}
body.landing-page .preview-live{color:var(--accent)}
body.landing-page .preview-live .pulse-dot,body.landing-page .preview-live .pulse-dot::before{background:var(--accent)}
/* marquee y estadísticas */
body.landing-page .marquee-wrap{border:0;margin-top:3.4rem;padding:1rem 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
body.landing-page .marquee-track span{font-size:.9rem;letter-spacing:.12em;opacity:.55}
body.landing-page .stats-strip{border:1px solid var(--edge);border-radius:var(--lx-r);background:rgba(var(--panel2-rgb),.45);backdrop-filter:blur(10px);padding:1.4rem 0;margin-top:1.2rem}
body.landing-page .stats-strip .stat .v{font-size:2.3rem;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* secciones y tarjetas */
body.landing-page .section{padding:4.6rem 0}
body.landing-page .section h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.03em;font-weight:800}
body.landing-page .section .lead{color:var(--text2);max-width:40rem;margin-left:auto;margin-right:auto}
body.landing-page .card{border-radius:var(--lx-r);border-color:var(--edge);
  background:linear-gradient(170deg,rgba(var(--panel2-rgb),.75),rgba(var(--panel2-rgb),.35))}
body.landing-page .step,body.landing-page .feat,body.landing-page .aud-card,body.landing-page .price-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
body.landing-page .step:hover,body.landing-page .feat:hover,body.landing-page .aud-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4);box-shadow:0 24px 50px -28px rgba(var(--accent-rgb),.5)}
body.landing-page .price-card.featured{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 30px 80px -40px rgba(var(--accent-rgb),.6)}
body.landing-page .cta-band{border-radius:28px;background:
  radial-gradient(60% 120% at 20% 0%,rgba(var(--accent-rgb),.22),transparent 70%),
  radial-gradient(50% 100% at 100% 100%,rgba(var(--accent2-rgb),.14),transparent 70%),var(--panel)}
@media (max-width:900px){
  body.landing-page main{padding-top:10.4rem}
  body.landing-page .hero{padding-top:1rem}
  body.landing-page .hero .ctas{justify-content:center}
  body.landing-page .hero-grid{gap:2rem}
  body.landing-page .preview{transform:none}
  body.landing-page .section{padding:3rem 0}
}