/* Páginas de serviço (/cftv, /controle-de-acesso, /alarme, /automacao): base em /sectro.css.
   Aqui fica só o que estas páginas têm a mais: abertura em duas colunas, passos, perguntas e convite final. */
:root { --ok: #58c98b; }
.links a b { font-weight: 600; color: var(--fg); }
.kicker b { color: var(--accent); font-weight: 600; }
h1 { font-size: clamp(2.5rem, 5.6vw, 3.6rem); }
.btn { min-height: 44px; }
.sec { scroll-margin-top: 72px; }

/* abertura */
.hero.split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px 40px; align-items: center; }
.hero.split .stack { max-width: none; }
.hero .box .label { margin: 0; }

/* o que entra no projeto */
.defs { grid-template-columns: 180px minmax(0, 1fr); }
.defs dd { font-size: .98rem; }

/* como fazemos */
.steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.steps li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 8px 16px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.steps .n { font-size: 2rem; font-weight: 600; color: var(--accent); line-height: 1; font-variant-numeric: tabular-nums; }
.steps h3 { font-size: 1.2rem; }
.steps p { color: var(--muted); max-width: 60ch; margin-top: 6px; }
.steps p strong { color: var(--fg); font-weight: 500; }

/* outras soluções */
.outras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.outras .tool { grid-template-columns: minmax(0, 1fr) 18px; }

/* perguntas */
.faq summary { grid-template-columns: minmax(0, 1fr) 20px; }
.faq .t { font-weight: 500; font-size: 1.04rem; }
.faq .practice { padding-left: 2px; color: var(--muted); max-width: 62ch; }

/* convite final */
.cta { border: 1px solid var(--accent); border-radius: var(--r); background: var(--surface); padding: clamp(22px, 4vw, 34px); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 32px; align-items: center; }
.cta p { color: var(--muted); margin-top: 8px; max-width: 48ch; }

@media (max-width: 760px) {
  .hero.split, .outras, .cta { grid-template-columns: minmax(0, 1fr); }
  .defs { grid-template-columns: minmax(0, 1fr); }
}