/* ═══════════════════════════════════════════════════════
   LeaderSigna® — Page Styles
   Authority Report · Executive Editorial
   Teal accent (#0D9488) + Gold discreto
   ═══════════════════════════════════════════════════════ */

:root {
  --ls-teal: #0D9488;
  --ls-teal-soft: #14B8A6;
  --ls-teal-bg: rgba(13,148,136,.06);
  --ls-teal-border: rgba(13,148,136,.12);
}

/* ── Hero ── */
.ls-hero {
  padding: var(--page-top) 0 clamp(4rem,8vw,6rem);
  background: linear-gradient(170deg, #f0fdfa 0%, var(--cream) 40%, var(--paper) 100%);
}
.ls-kicker {
  font-family: var(--sans);
  font-weight: 700;
  font-size: .85rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ls-teal);
  margin-bottom: 1.2rem;
}
.ls-kicker sup { font-size: .55em; vertical-align: super; }
.ls-hero h1 {
  max-width: 700px;
  margin-bottom: 1.6rem;
}
.ls-hero h1 em { color: var(--ls-teal); }
.ls-hero-sub {
  max-width: 600px;
  font-size: clamp(1.02rem,1.5vw,1.15rem);
  line-height: 1.7;
  color: var(--muted);
  margin-bottom: 2.4rem;
}
.ls-hero-actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* ── Proof bar ── */
.ls-proof {
  padding: 2.5rem 0;
  background: var(--white);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.ls-proof-grid {
  display: flex;
  justify-content: center;
  gap: clamp(2rem,5vw,4rem);
  flex-wrap: wrap;
}
.ls-proof-item {
  text-align: center;
}
.ls-proof-item strong {
  display: block;
  font-family: var(--serif);
  font-size: clamp(1.8rem,3.5vw,2.6rem);
  font-weight: 700;
  color: var(--ls-teal);
  line-height: 1;
}
.ls-proof-item span {
  display: block;
  margin-top: .3rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--quiet);
}

/* ── Section kicker (reusable) ── */
.ls-section-kicker {
  font-family: var(--sans);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ls-teal);
  margin-bottom: .8rem;
}

/* ── Mapa (não é um teste) ── */
.ls-mapa {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--white);
}
.ls-mapa h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: 2.5rem;
  max-width: 700px;
}
.ls-mapa h2 em { color: var(--ls-teal); }
.ls-mapa-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
}
.ls-mapa-text p {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--ink-2);
  margin-bottom: 1rem;
}
.ls-mapa-text strong { color: var(--ink); }
.ls-mapa-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.ls-compare-col {
  padding: 1.6rem 1.4rem;
  border-radius: var(--r-lg);
}
.ls-compare-trad {
  background: #fdf6f0;
  border: 1px solid #e8d5c4;
}
.ls-compare-ls {
  background: #f0fdfa;
  border: 1px solid var(--ls-teal-border);
}
.ls-compare-label {
  display: block;
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.ls-compare-trad .ls-compare-label { color: #a0522d; }
.ls-compare-ls .ls-compare-label { color: var(--ls-teal); }
.ls-compare-col ul { display: flex; flex-direction: column; gap: .5rem; }
.ls-compare-col li {
  font-size: .88rem;
  line-height: 1.5;
  color: var(--ink-2);
  padding-left: 1.2rem;
  position: relative;
}
.ls-compare-trad li::before { content: '—'; position: absolute; left: 0; color: #a0522d; font-weight: 600; }
.ls-compare-ls li::before { content: '✓'; position: absolute; left: 0; color: var(--ls-teal); font-weight: 600; }

/* ── Modelo / Quadrante ── */
.ls-modelo {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--cream);
}
.ls-modelo h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: 1rem;
}
.ls-modelo-intro {
  max-width: 660px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--muted);
  margin-bottom: 3rem;
}
.ls-modelo-intro strong { color: var(--ink-2); }

/* Quadrant visual */
.ls-quadrant {
  position: relative;
  max-width: 540px;
  margin: 0 auto;
  aspect-ratio: 1;
}
.ls-q-axis {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ls-q-axis-h {
  left: 0; right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background: var(--line);
}
.ls-q-axis-v {
  top: 0; bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background: var(--line);
  flex-direction: column;
}
.ls-q-pole {
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--quiet);
  background: var(--cream);
  padding: 2px 8px;
}
.ls-q-pole-l { margin-left: -4px; }
.ls-q-pole-r { margin-right: -4px; }
.ls-q-pole-t { margin-top: -4px; }
.ls-q-pole-b { margin-bottom: -4px; }

.ls-q-grid {
  position: absolute;
  inset: 28px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 6px;
}
.ls-q-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--r-lg);
  padding: 1.2rem .8rem;
  transition: transform .25s, box-shadow .25s;
}
.ls-q-cell:hover {
  transform: scale(1.03);
  box-shadow: var(--shadow);
}
.ls-q-guardian  { background: rgba(13,148,136,.06); border: 1px solid rgba(13,148,136,.1); }
.ls-q-architect { background: rgba(37,99,235,.06);  border: 1px solid rgba(37,99,235,.1); }
.ls-q-catalyst  { background: rgba(234,88,12,.06);  border: 1px solid rgba(234,88,12,.1); }
.ls-q-pioneer   { background: rgba(159,118,27,.06); border: 1px solid rgba(159,118,27,.1); }

.ls-q-icon { font-size: 1.6rem; margin-bottom: .4rem; }
.ls-q-cell strong {
  font-family: var(--serif);
  font-size: clamp(.9rem,1.8vw,1.1rem);
  color: var(--ink);
}
.ls-q-desc {
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--quiet);
  margin-top: .2rem;
}
.ls-q-center {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--ls-teal);
  color: #fff;
  font-family: var(--sans);
  font-weight: 800;
  font-size: .8rem;
  display: grid;
  place-items: center;
  box-shadow: 0 4px 16px rgba(13,148,136,.25);
  z-index: 2;
}

/* ── 4 Estilos ── */
.ls-estilos {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--white);
}
.ls-estilos h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: .8rem;
}
.ls-estilos-intro {
  max-width: 640px;
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--muted);
  margin-bottom: 3rem;
}
.ls-estilos-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.ls-estilo {
  padding: 2rem;
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: var(--paper);
}
.ls-estilo-badge {
  font-size: 1.6rem;
  margin-bottom: .6rem;
}
.ls-estilo h3 {
  font-size: clamp(1.2rem,2.2vw,1.5rem);
  margin-bottom: .2rem;
}
.ls-estilo-axes {
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--quiet);
  margin-bottom: 1.2rem;
}
.ls-estilo-body {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.ls-estilo-attr strong {
  display: block;
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--quiet);
  margin-bottom: .25rem;
}
.ls-estilo-attr p {
  font-size: .9rem;
  line-height: 1.6;
  color: var(--ink-2);
}

/* Style-specific accents */
.ls-estilo-guardian  { border-left: 3px solid var(--ls-teal); }
.ls-estilo-architect { border-left: 3px solid #2563EB; }
.ls-estilo-catalyst  { border-left: 3px solid #EA580C; }
.ls-estilo-pioneer   { border-left: 3px solid var(--gold); }

/* ── Relatório ── */
.ls-relatorio {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--cream);
}
.ls-relatorio h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: .8rem;
}
.ls-relatorio-intro {
  max-width: 620px;
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--muted);
  margin-bottom: 2.5rem;
}
.ls-relatorio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
.ls-relatorio-item {
  padding: 1.6rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r);
}
.ls-relatorio-item strong {
  display: block;
  font-family: var(--serif);
  font-size: 1rem;
  margin-bottom: .5rem;
  color: var(--ink);
}
.ls-relatorio-item p {
  font-size: .88rem;
  line-height: 1.6;
  color: var(--muted);
}

/* ── Processo ── */
.ls-processo {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--white);
}
.ls-processo h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: 2.5rem;
}
.ls-processo-steps {
  max-width: 680px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ls-step {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 1.2rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid var(--line);
}
.ls-step:last-child { border-bottom: none; }
.ls-step-n {
  display: grid;
  place-items: center;
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 2px solid var(--ls-teal);
  color: var(--ls-teal);
  font-family: var(--serif);
  font-size: 1.1rem;
  font-weight: 700;
  flex-shrink: 0;
}
.ls-step h3 {
  font-size: 1.1rem;
  margin-bottom: .3rem;
}
.ls-step p {
  font-size: .92rem;
  line-height: 1.65;
  color: var(--muted);
}

/* ── Preços ── */
.ls-precos {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--cream);
}
.ls-precos h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: 2.5rem;
}
.ls-precos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.ls-preco-card {
  padding: 2.2rem 1.8rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  display: flex;
  flex-direction: column;
}
.ls-preco-featured {
  border-color: var(--ls-teal);
  box-shadow: 0 0 0 1px var(--ls-teal), var(--shadow);
  position: relative;
}
.ls-preco-tag {
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ls-teal);
  margin-bottom: .6rem;
  display: block;
}
.ls-preco-card h3 {
  font-size: clamp(1.3rem,2.5vw,1.6rem);
  margin-bottom: .6rem;
}
.ls-preco-valor {
  margin-bottom: 1.4rem;
}
.ls-preco-valor strong {
  font-family: var(--serif);
  font-size: clamp(2rem,3.5vw,2.8rem);
  color: var(--ink);
  line-height: 1;
}
.ls-preco-valor span {
  font-size: .85rem;
  color: var(--quiet);
}
.ls-preco-card ul {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin-bottom: 1.8rem;
  flex: 1;
}
.ls-preco-card li {
  font-size: .88rem;
  line-height: 1.5;
  color: var(--ink-2);
  padding-left: 1.2rem;
  position: relative;
}
.ls-preco-card li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--ls-teal);
  font-weight: 600;
}
.ls-preco-btn { width: 100%; text-align: center; }

/* Team & Enterprise row */
.ls-team-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.ls-team-card {
  padding: 2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  scroll-margin-top: 100px;
}
.ls-team-left h3 {
  font-size: 1.2rem;
  margin-bottom: .3rem;
}
.ls-team-left p {
  font-size: .88rem;
  line-height: 1.6;
  color: var(--muted);
  margin-top: .4rem;
}
.ls-team-card .btn { flex-shrink: 0; }

/* ── Para quem ── */
.ls-quem {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--white);
}
.ls-quem h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: 2.5rem;
}
.ls-quem-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.2rem;
}
.ls-quem-item {
  padding: 1.6rem;
  background: var(--cream);
  border-radius: var(--r-lg);
  border: 1px solid var(--line-2);
}
.ls-quem-item strong {
  display: block;
  font-family: var(--serif);
  font-size: 1.05rem;
  margin-bottom: .5rem;
}
.ls-quem-item p {
  font-size: .85rem;
  line-height: 1.6;
  color: var(--muted);
}

/* ── Programas ── */
.ls-programas {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--cream);
}
.ls-programas h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: .8rem;
}
.ls-programas-intro {
  max-width: 600px;
  font-size: 1.02rem;
  line-height: 1.65;
  color: var(--muted);
  margin-bottom: 2rem;
}
.ls-prog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.ls-prog-card {
  padding: 2rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  text-decoration: none;
  transition: border-color .25s, box-shadow .25s;
}
.ls-prog-card:hover {
  border-color: var(--ls-teal-soft);
  box-shadow: var(--shadow);
}
.ls-prog-card strong {
  display: block;
  font-family: var(--serif);
  font-size: 1.15rem;
  color: var(--ink);
  margin-bottom: .5rem;
}
.ls-prog-card p {
  font-size: .88rem;
  line-height: 1.6;
  color: var(--muted);
}

/* ── FAQ ── */
.ls-faq {
  padding: clamp(4rem,8vw,6rem) 0;
  background: var(--white);
}
.ls-faq h2 {
  font-size: clamp(1.8rem,4vw,2.8rem);
  margin-bottom: 2.5rem;
}
.ls-faq-list { max-width: 760px; }
.ls-faq-item {
  border-bottom: 1px solid var(--line);
  padding: 1.3rem 0;
}
.ls-faq-item summary {
  font-family: var(--sans);
  font-weight: 600;
  font-size: 1.05rem;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.ls-faq-item summary::-webkit-details-marker { display: none; }
.ls-faq-item summary::after {
  content: '+';
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--quiet);
  flex-shrink: 0;
  transition: transform .2s;
}
.ls-faq-item[open] summary::after { content: '−'; }
.ls-faq-answer { padding-top: .8rem; }
.ls-faq-answer p {
  font-size: .95rem;
  line-height: 1.7;
  color: var(--muted);
  max-width: 680px;
}

/* ── CTA Final ── */
.ls-cta-final {
  padding: clamp(5rem,10vw,8rem) 0;
  background: var(--ink);
  color: var(--white);
  text-align: center;
}
.ls-cta-kicker {
  font-family: var(--sans);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ls-teal-soft);
  margin-bottom: 1rem;
}
.ls-cta-final h2 {
  font-size: clamp(1.8rem,4.5vw,3rem);
  color: var(--white);
  margin-bottom: .6rem;
}
.ls-cta-final h2 em { color: var(--ls-teal-soft); }
.ls-cta-sub {
  font-size: 1.1rem;
  color: rgba(255,255,255,.5);
  font-style: italic;
  margin-bottom: 2.2rem;
}
.ls-cta-actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 1080px) {
  .ls-quem-grid { grid-template-columns: repeat(3, 1fr); }
  .ls-relatorio-grid { grid-template-columns: 1fr 1fr; }
  .ls-team-card { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 680px) {
  .ls-hero { padding: 5rem 0 3.5rem; }

  .ls-proof-grid { gap: 1.2rem; }
  .ls-proof-item strong { font-size: 1.6rem; }

  .ls-mapa-grid { grid-template-columns: 1fr; }
  .ls-mapa-compare { grid-template-columns: 1fr; }

  .ls-quadrant { max-width: 320px; }
  .ls-q-cell { padding: .8rem .5rem; }
  .ls-q-cell strong { font-size: .85rem; }
  .ls-q-desc { font-size: .55rem; }
  .ls-q-icon { font-size: 1.2rem; }

  .ls-estilos-grid { grid-template-columns: 1fr; }

  .ls-relatorio-grid { grid-template-columns: 1fr; }

  .ls-precos-grid { grid-template-columns: 1fr; }
  .ls-team-row { grid-template-columns: 1fr; }

  .ls-quem-grid { grid-template-columns: 1fr; }

  .ls-prog-grid { grid-template-columns: 1fr; }
}

/* ── Dashboard/Report Mockup ── */
.ls-mockup{max-width:420px;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--ls-teal-border);box-shadow:var(--shadow-lg);background:var(--white)}
.ls-mockup-header{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:var(--ls-teal);color:#fff}
.ls-mockup-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.2);font:800 .7rem var(--sans)}
.ls-mockup-title{font:.6rem var(--sans);font-weight:600;opacity:.85}
.ls-mockup-body{padding:1.2rem}
.ls-mockup-quadrant{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:140px;aspect-ratio:1;margin:0 auto 1rem;position:relative}
.ls-mq-cell{display:grid;place-items:center;border-radius:8px;font:700 1rem var(--sans);color:rgba(255,255,255,.9)}
.ls-mq-cell span{font-size:.85rem}
.ls-mq-g{background:var(--ls-teal)}
.ls-mq-a{background:#2563EB}
.ls-mq-c{background:#EA580C}
.ls-mq-p{background:var(--gold)}
.ls-mq-dot{position:absolute;top:35%;left:62%;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.3);z-index:2}
.ls-mockup-bars{display:flex;flex-direction:column;gap:.5rem}
.ls-mb{display:grid;grid-template-columns:60px 1fr;gap:.5rem;align-items:center}
.ls-mb span{font:.6rem var(--sans);font-weight:600;color:var(--muted);text-align:right}
.ls-mb-track{height:10px;background:var(--cream);border-radius:5px;overflow:hidden}
.ls-mb-track div{height:100%;background:var(--ls-teal);border-radius:5px;opacity:.7}
.ls-mockup-caption{text-align:center;padding:.6rem 1rem;font-size:.65rem;color:var(--quiet);border-top:1px solid var(--line)}

/* Report page mockup */
.ls-mockup--report .ls-mockup-page{padding:0 1rem 1rem}
.ls-mp-section{padding:.5rem 0;border-bottom:1px solid var(--line)}
.ls-mp-section:last-of-type{border-bottom:none}
.ls-mp-label{display:block;font:.55rem var(--sans);font-weight:600;color:var(--quiet);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}
.ls-mp-value{display:block;font:700 1rem var(--serif);color:var(--ls-teal)}
.ls-mp-bars{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem}
.ls-mp-bar{display:grid;grid-template-columns:70px 1fr;gap:.4rem;align-items:center}
.ls-mp-bar span{font:.55rem var(--sans);font-weight:600;color:var(--muted);text-align:right}
.ls-mp-track{height:8px;background:var(--cream);border-radius:4px;overflow:hidden}
.ls-mp-track div{height:100%;background:var(--ls-teal);border-radius:4px;opacity:.65}

/* ── Internal form ── */
.ls-int-form label{display:block;font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}
.ls-int-form input,.ls-int-form select{width:100%;padding:.7rem .9rem;border-radius:var(--r);border:1px solid var(--line);background:var(--white);color:var(--ink);font:500 .88rem var(--sans);outline:none}
.ls-int-form input:focus,.ls-int-form select:focus{border-color:var(--ls-teal)}
.ls-ff{margin-bottom:0}
.ls-form-error,.ls-form-success{display:none;margin-top:.6rem;padding:.6rem;border-radius:.4rem;font-size:.8rem}
.ls-form-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#EF4444}
.ls-form-success{background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.2);color:#166534}

/* ── Certificação CLS ── */
.ls-cert {
  padding: clamp(4.5rem,9vw,6.5rem) 0;
  background: var(--white);
}
.ls-cert h2 { margin-bottom: 2rem; }
.ls-cert-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: clamp(2rem,5vw,3.5rem);
  align-items: start;
  margin-top: 2rem;
}
.ls-cert-intro {
  font-size: 1.02rem;
  line-height: 1.72;
  color: var(--muted);
  margin-bottom: 1.8rem;
  max-width: 620px;
}
.ls-cert-includes {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}
.ls-cert-item {
  padding: 1rem 1.2rem;
  border-radius: var(--r);
  background: rgba(168,85,247,.03);
  border: 1px solid rgba(168,85,247,.08);
}
.ls-cert-item strong {
  display: block;
  font: 700 .9rem var(--sans);
  color: var(--ink);
  margin-bottom: .25rem;
}
.ls-cert-item span {
  font-size: .82rem;
  color: var(--muted);
  line-height: 1.5;
}
.ls-cert-cta-box {
  padding: 2rem;
  border-radius: var(--r-lg);
  background: var(--cream);
  border: 1px solid var(--line);
  text-align: center;
  position: sticky;
  top: 100px;
}
.ls-cert-price strong {
  font: 700 clamp(2rem,4vw,2.6rem)/1 var(--serif);
  color: #A855F7;
}
.ls-cert-price-note {
  font-size: .78rem;
  color: var(--muted);
  margin-top: .4rem;
}
.ls-cert-next {
  font-size: .75rem;
  color: var(--quiet);
  margin-top: .8rem;
}

@media(max-width:900px){
  .ls-cert-layout { grid-template-columns: 1fr; }
  .ls-cert-cta-box { position: static; max-width: 400px; }
}
@media(max-width:640px){
  .ls-mockup{max-width:300px}
  .ls-int-form [style*="grid-template-columns"]{grid-template-columns:1fr !important}
}