/* SynergyLab minimal Bootstrap 5 companion styles */
:root{
  --sl-ink:#0f172a;
  --sl-muted:#475569;
  --sl-border:#e5e7eb;
  --sl-primary:#0d6efd; /* Bootstrap primary */
}
html, body { height: 100%; }
.sl-hero{
  background:
    radial-gradient(1000px 500px at 15% 10%, rgba(13,110,253,.10), transparent 60%),
    radial-gradient(900px 450px at 90% 40%, rgba(13,110,253,.08), transparent 55%),
    linear-gradient(180deg, #ffffff, #fbfdff);
}
.sl-kicker{ letter-spacing:.08em; font-weight:600; color: var(--sl-muted); font-size:.85rem; }
.sl-logo-placeholder{
  height:72px; width:240px;
  border: 1px dashed var(--sl-border);
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
}
.sl-logo-text{ font-weight:700; color: var(--sl-ink); opacity:.75; }
.sl-logo-mini{
  height:36px; width:36px;
  border-radius: 12px;
  border: 1px solid var(--sl-border);
  background: linear-gradient(135deg, rgba(13,110,253,.18), rgba(13,110,253,.03));
}
.sl-mini-card{ border: 1px solid var(--sl-border); border-radius: 16px; padding: 14px; background: #ffffff; }
.sl-mini-title{ font-weight:700; margin-bottom:4px; color: var(--sl-ink); }
.sl-mini-text{ color: var(--sl-muted); font-size: .95rem; }
.sl-hero-card{ border: 1px solid var(--sl-border); border-radius: 20px; background: #ffffff; }
.sl-checklist{ display:flex; flex-direction:column; gap:10px; }
.sl-check{ display:flex; gap:10px; align-items:flex-start; }
.sl-check-icon{
  display:inline-flex; align-items:center; justify-content:center;
  height:22px; width:22px; border-radius: 999px;
  background: rgba(13,110,253,.12); color: var(--sl-primary);
  font-weight:800; font-size:.9rem; flex: 0 0 auto; margin-top:1px;
}
.sl-feature-tile{ border: 1px solid var(--sl-border); border-radius: 16px; padding: 14px; background: #ffffff; height: 100%; }
.sl-feature-title{ font-weight:700; color: var(--sl-ink); }
.sl-feature-text{ color: var(--sl-muted); font-size:.95rem; }
.sl-note{ border: 1px solid var(--sl-border); border-radius: 16px; padding: 14px 16px; background: #ffffff; }
.sl-note-primary{ background: linear-gradient(180deg, rgba(13,110,253,.08), #ffffff); }
.sl-note-title{ font-weight:700; color: var(--sl-ink); }
.sl-note-text{ color: var(--sl-muted); font-size:.95rem; }
.sl-step{ border: 1px solid var(--sl-border); border-radius: 18px; }
.sl-step-num{
  height: 34px; width: 34px; border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; color: var(--sl-primary);
  background: rgba(13,110,253,.10); margin-bottom: 10px;
}
.sl-feature-list{ display:flex; flex-direction:column; gap:14px; }
.sl-feature{ display:flex; gap:12px; align-items:flex-start; }
.sl-ico{
  height:38px; width:38px; border-radius: 14px;
  border: 1px solid var(--sl-border); background: #ffffff;
  display:flex; align-items:center; justify-content:center; flex: 0 0 auto;
}
.sl-feature-h{ font-weight:700; color: var(--sl-ink); }
.sl-feature-p{ color: var(--sl-muted); font-size:.95rem; }
.sl-sidecard{ border: 1px solid var(--sl-border); border-radius: 20px; background: linear-gradient(180deg, #ffffff, #fbfdff); }
.sl-benefit{ border: 1px solid var(--sl-border); border-radius: 16px; padding: 12px 14px; background: #ffffff; height: 100%; }
.sl-benefit-h{ font-weight:700; color: var(--sl-ink); }
.sl-benefit-p{ color: var(--sl-muted); font-size:.95rem; margin:0; }
.sl-callout{ border: 1px solid var(--sl-border); border-radius: 16px; padding: 14px 16px; background: rgba(13,110,253,.06); }
.sl-callout-h{ font-weight:800; color: var(--sl-ink); }
.sl-callout-p{ color: var(--sl-muted); margin:0; }
.sl-quote{ border: 1px solid var(--sl-border); border-radius: 18px; background: #ffffff; padding: 14px 16px; display:flex; gap:10px; }
.sl-quote-mark{ font-size: 28px; line-height: 1; color: rgba(13,110,253,.65); font-weight:800; }
.sl-quote-text{ color: var(--sl-muted); }
.sl-quote-author{ font-weight:700; margin-top:4px; color: var(--sl-ink); }
.sl-card{ border: 1px solid var(--sl-border); border-radius: 18px; }
.sl-card-ico{ font-size: 24px; margin-bottom: 10px; }
.sl-panel{ border: 1px solid var(--sl-border); border-radius: 18px; background: #ffffff; padding: 16px; height: 100%; }
.sl-privacy-card{ border: 1px solid var(--sl-border); border-radius: 20px; background: #ffffff; }
.sl-principle{ display:flex; gap:12px; align-items:flex-start; padding: 10px 0; border-bottom: 1px solid rgba(229,231,235,.7); }
.sl-principle:last-child{ border-bottom: none; }
.sl-principle-n{
  height:28px; width:28px; border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  font-weight:800; color: var(--sl-primary);
  background: rgba(13,110,253,.10); flex: 0 0 auto;
}
.sl-principle-h{ font-weight:700; color: var(--sl-ink); }
.sl-contact-points{ display:flex; flex-direction:column; gap:14px; }
.sl-contact-point{
  display:flex; gap:12px; align-items:center;
  padding: 12px 14px; border: 1px solid var(--sl-border);
  border-radius: 16px; background: #ffffff;
}
.sl-form-card{ border-radius: 20px; border: 1px solid var(--sl-border); }
[data-lang="en"] .sl-lang[data-lang="en"],
[data-lang="pt"] .sl-lang[data-lang="pt"]{
  border-color: var(--sl-primary);
  color: var(--sl-primary);
  background: rgba(13,110,253,.06);
}