/* piqseek · estilos de la landing (usa los tokens de brand.css) */
*{box-sizing:border-box}img,svg{max-width:100%}a{color:inherit}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.wrap{max-width:1040px;margin:auto;padding:0 20px}
section{padding:72px 0}.eyebrow{font:700 13px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.lead{color:var(--muted);max-width:640px}
.logo-dark{display:none}@media(prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}
.nav{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.nav svg{height:34px;width:auto}.nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav a{text-decoration:none;font-weight:500}
.nav .btn{padding:.55em 1.2em;font-size:15px}@media(max-width:720px){.nav ul{display:none}}
.hero{padding:88px 0 72px}.hero .wrap{display:grid;gap:40px;grid-template-columns:1.3fr .7fr;align-items:center}
.hero h1{margin:0 0 18px}.hero p{font-size:19px;color:var(--muted);max-width:520px;margin:0 0 28px}.hero .btn{margin:0 10px 10px 0}
.hero .mark{width:100%;max-width:260px;justify-self:center}@media(max-width:720px){.hero .wrap{grid-template-columns:1fr}.hero .mark{max-width:140px;order:-1;justify-self:start}}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:32px}
.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted);font-size:16px}.card{position:relative;padding-top:34px}
.card::before{content:"";position:absolute;top:20px;left:24px;width:10px;height:10px;border-radius:50%;background:var(--highlight)}
.problem .card::before{background:var(--accent)}
.band{margin-top:16px;background:var(--pq-charcoal);color:var(--pq-cal);border-radius:var(--radius);padding:32px;display:grid;gap:12px}
.band h3{margin:0;color:var(--pq-cal)}.band p{margin:0;color:#CFC6B8;max-width:680px}.band .tag{justify-self:start}
.steps{counter-reset:s}.steps .card::before{content:counter(s);counter-increment:s;width:auto;height:auto;background:none;border-radius:0;font:800 34px var(--font-display);color:var(--accent);top:14px}.steps .card{padding-top:64px}
.cta{background:var(--brand);color:#fff;border-radius:var(--radius);padding:48px 28px;text-align:center}
.cta h2{margin:0 0 10px;color:#fff}.cta p{color:#E6EBFA;margin:0 auto 24px;max-width:520px}.cta .btn{background:#fff;color:var(--pq-charcoal)}
footer{background:var(--pq-charcoal);color:var(--pq-cal);padding:48px 0 32px;margin-top:72px}
footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}
footer svg{height:34px;width:auto}footer p,footer a{color:#CFC6B8;font-size:14px;margin:6px 0}footer nav{display:flex;flex-direction:column}