/* Landing pages por cenário — complementa site.css */
.lp-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;padding:52px 0 26px}
.lp-hero .lead{max-width:560px}
.lp-hero .hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.lp-hero .trust-row{display:flex;flex-direction:column;gap:6px;margin-top:20px;color:var(--muted);font-size:13.5px}
.lp-h1{font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.1;margin:10px 0 14px;font-weight:900;text-align:left}
.eyebrow-pill.lp-dor{border-color:rgba(230,106,106,.55);color:#ffb3b3}
.eyebrow-pill.lp-amor{border-color:rgba(77,208,225,.55);color:#9eeaf5}
@media (max-width:860px){.lp-hero{grid-template-columns:1fr;padding-top:30px}}
.lp-chunks{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.chunk-c{font-size:11.5px;color:#b8a8ff;font-style:italic;font-weight:600;margin-top:4px}
.line-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:11.5px;color:var(--muted)}
.line-chip.on{border-color:var(--a);color:var(--text);background:rgba(108,140,255,.14)}
/* onde você está */
.lp-where{padding:22px}
.lp-ctrl label{display:block;margin-bottom:6px;font-size:14px}
.lp-ctrl input[type=range]{width:100%;accent-color:#6c8cff}
.lp-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.lp-chips .lp-lbl{font-size:13px;color:var(--muted);margin-right:4px}
.lp-chips button{border:1.5px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:7px 14px;font:600 13px inherit;font-family:inherit;cursor:pointer}
.lp-chips button.on{border-color:var(--a);background:rgba(108,140,255,.16)}
.lp-h3{margin:20px 0 10px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.today-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.today-card{background:var(--card2);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px}
.today-card.gap{border-color:rgba(245,197,66,.55)}
.today-card .tl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.today-card .tl em{font-style:normal;color:var(--warn);text-transform:none;letter-spacing:0;margin-left:6px;font-size:11px}
.today-card .tn{font-size:46px;font-weight:900;line-height:1.1;margin:6px 0 4px;font-family:'Orbitron',sans-serif}
.today-card .tn small{font-size:20px;color:var(--muted);margin-left:2px}
.today-card p{margin:0 0 10px;font-size:13px;color:var(--muted);line-height:1.45}
.today-card .tb{height:7px;border-radius:5px;background:#1d2233;overflow:hidden}
.today-card .tb i{display:block;height:100%;border-radius:5px}
.today-card .g1{background:linear-gradient(90deg,#38c67a,#4dd0e1)} .today-card .g2{background:linear-gradient(90deg,#6c8cff,#b06cff)} .today-card .g3{background:linear-gradient(90deg,#e05fd0,#f5c542)}
.lp-out{margin-top:16px;padding:14px 16px;border-radius:12px;background:rgba(108,140,255,.08);border:1px solid rgba(108,140,255,.25);font-size:14.5px;line-height:1.6}
.gl-b{display:block;margin-top:3px;font-size:12px;color:var(--muted)}
.price-badge{white-space:nowrap}
/* hero: o texto nunca vaza do cartão */
.lp-chunks{display:flex;flex-wrap:wrap;gap:14px 12px}
.lp-chunks .chunk-unit{min-width:0;max-width:100%}
.lp-chunks .chunk-en{width:auto;max-width:100%;white-space:normal;flex-wrap:wrap}
.lp-chunks .word-pair{white-space:normal;max-width:100%}
.lp-chunks .chunk-pill{white-space:normal}
/* texto livre, como na leitura do app */
.free-text{padding:6px 2px 2px}
.line-ctl{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.line-ctl .lc{display:inline-flex;align-items:center;gap:6px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:6px 8px 6px 10px;font-size:13px}
.line-ctl .lc.off{opacity:.55}
.line-ctl label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.line-ctl input{accent-color:#00d9ff;width:15px;height:15px}
.line-ctl button{border:1px solid rgba(0,217,255,.35);background:transparent;color:#7fe0ff;border-radius:7px;width:24px;height:24px;cursor:pointer;font-size:13px;line-height:1;padding:0}
.line-ctl button:disabled{opacity:.3;cursor:default}
.run-sent{display:flex;flex-wrap:wrap;gap:20px 18px;margin:0 0 22px}
.rc{display:inline-flex;flex-direction:column;gap:4px;cursor:pointer;border-radius:10px;padding:2px 4px;transition:background .15s}
.rc:hover{background:rgba(108,140,255,.1)}
.rc.playing{background:rgba(77,208,225,.14)}
.rc .rw{display:flex;gap:7px;align-items:flex-start}
.rc .wc{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.rc .la{font-size:19px;font-weight:700;line-height:1.2}
.rc .la.y{color:var(--yellow,#e8c65a)} .rc .la.r{color:var(--red,#e07070)} .rc .la.w{color:var(--text)}
.rc .lb{font-size:12.5px;color:var(--muted);font-weight:600}
.rc .lc2{font-size:13px;color:#b8a8ff;font-style:italic;font-weight:600}
.rc .le{display:inline-block;align-self:flex-start;font-size:13px;color:var(--cyan);font-weight:600;background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.rc .lcc{font-size:13px;color:#b8a8ff;font-style:italic;font-weight:600;text-align:left}
.rc .br{color:var(--muted);align-self:center;font-weight:600}
/* metodologia: texto colorido + passos clicáveis */
.m-text{font-size:22px;line-height:1.9;padding:18px 20px;border:1px dashed var(--line);border-radius:16px;max-width:880px;margin:0 auto 20px;text-align:center}
.m-text .y{color:var(--yellow,#e8c65a)} .m-text .r{color:var(--red,#e07070)} .m-text .w{color:var(--text)}
.m-text small{display:block;font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.4}
.pain.step{cursor:pointer;transition:border-color .15s,transform .15s}
.pain.step:hover{border-color:var(--a);transform:translateY(-2px)}
.pain.step .see{display:inline-block;margin-top:8px;color:var(--a);font-size:13px;font-weight:700}
#lp-modal{align-items:center;justify-content:center}
#lp-modal .lightbox-inner{max-width:760px;width:94%;padding:24px;background:var(--card);border-radius:18px;text-align:left;max-height:88vh;overflow:auto}
#lp-modal h3{margin:0 0 10px}
.tl-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.tl-row span{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--cyan);font-weight:700}
.lp-player{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.lp-player .seg{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.lp-player .seg button{background:transparent;color:var(--text);border:0;padding:7px 14px;font:600 13px inherit;font-family:inherit;cursor:pointer}
.lp-player .seg button.on{background:rgba(108,140,255,.22)}
.lp-note{font-size:12.5px;color:var(--muted)}
