.landing {
  --bg:#0e0f12;--card:#14161b;--text:#e9ecf1;--muted:#96a0af;
  --brand1:#ff2d55;--brand2:#8a2be2;--brand3:#ff9a9e;
  --radius:16px;--shadow:0 10px 30px rgba(0,0,0,.35);--glass:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.08);
  color:var(--text);
  background:
    radial-gradient(1300px 600px at 10% -10%, rgba(255,45,85,.12), transparent 60%),
    radial-gradient(1000px 500px at 120% 10%, rgba(138,43,226,.10), transparent 50%),
    linear-gradient(180deg,#0b0c0f,#111318 60%,#0b0c0f);
  background-attachment:fixed;
}
.landing *{box-sizing:border-box}
.landing a{color:inherit;text-decoration:none}
.landing .container{width:min(1150px,92vw);margin:0 auto}
.landing main {
  padding-top: 0;
}


.landing .hero{padding:72px 0 38px}
.landing .hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center}
.landing .kicker{color:var(--muted);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}
.landing h1{margin:10px 0 16px;font-size:clamp(2.1rem,1.6rem + 2.2vw,3.2rem);line-height:1.08}
.landing .lead{color:#cfd5df;font-size:clamp(1.02rem,.96rem + .2vw,1.15rem)}
.landing .cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.landing .store{display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;background:#0f1116;border:1px solid var(--line);box-shadow:var(--shadow)}
.landing .store:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.45)}
.landing .badge{display:flex;align-items:center;gap:10px}
.landing .badge svg{width:26px;height:26px}
.landing .panel{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.landing .phone{position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--line);background:#0b0c10}
.landing section{padding:64px 0}
.landing .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.landing .card{padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.landing .card h3{margin:0 0 8px;font-size:1.12rem}
.landing .card p{margin:0;color:var(--muted)}
.landing .features .icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:10px;background:linear-gradient(135deg,var(--brand3),var(--brand1))}
.landing .features .icon svg{width:16px;height:16px;filter:drop-shadow(0 4px 8px rgba(255,45,85,.35))}
.landing .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.landing .bullets li{margin:0 0 10px 0}
.landing .bullets li strong{color:#fff}
.landing .screens{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.landing .sshot{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#0a0c10;display:flex;align-items:center;justify-content:center;min-height:280px}
.landing .quote{font-size:1.05rem;color:#d7dce6;line-height:1.6}
.landing .faq details{background:var(--card);padding:16px 18px;border-radius:12px;border:1px solid var(--line)}
.landing .faq details+details{margin-top:10px}
.landing .faq summary{cursor:pointer;font-weight:600}
.landing .cta-footer{text-align:center;padding:70px 0}
.landing .mini{font-size:.9rem;color:var(--muted)}

@media (max-width:980px){
  .landing .hero .wrap,.landing .split{grid-template-columns:1fr}
}
@media (max-width:680px){
  .landing .grid-3{grid-template-columns:1fr}
  .landing .screens{grid-template-columns:1fr}
}

/* ===== Overrides para tema claro ===== */
.landing {
  --bg: #ffffff;
  --card: #f9f9f9;
  --text: #111111;
  --muted: #555555;
  --line: rgba(0,0,0,.08);
  background: #ffffff !important;
  color: var(--text) !important;
}

.landing .lead,
.landing .mini,
.landing p {
  color: #333333 !important;
}

.landing h1, .landing h2, .landing h3, .landing h4 {
  color: #111111 !important;
}