/* ============================================================
   Clyvo — complemento do kryden.css (mesmos tokens).
   Paleta Clyvo: azul (accent) sobre preto/cinza/branco.
   Só sobrescreve o accent e libera o scroll do documento
   (o kryden.css trava o body como shell de app com sidebar).
   ============================================================ */

:root {
    /* accent dourado -> azul Clyvo (#3b82f6); texto branco sobre o azul */
    --accent: oklch(0.62 0.19 256);
    --accent-foreground: oklch(0.985 0 0);
}

html { scroll-behavior: smooth; }

/* A landing é um documento que rola, não o shell travado do app */
body {
    height: auto;
    min-height: 100vh;
    overflow: visible;
    display: block;
}

.content { position: relative; z-index: 10; }

/* ---------- Header fixo da landing ---------- */
.site-header {
    position: sticky; top: 0; z-index: 40;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    padding: 0.9rem 1.5rem;
    border-bottom: 1px solid color-mix(in oklch, var(--border) 50%, transparent);
    background: color-mix(in oklch, var(--background) 82%, transparent);
    backdrop-filter: blur(8px);
}
.site-header .brand { font-family: var(--font-head); font-weight: 700; font-size: 1.45rem; letter-spacing: .03em; }
.site-header .brand b { color: var(--accent); }
.site-header nav { display: flex; align-items: center; gap: 1.25rem; }
.site-header nav .link { color: var(--muted-foreground); font-size: .92rem; font-weight: 500; transition: color .15s ease; }
.site-header nav .link:hover { color: var(--foreground); }

@media (max-width: 640px) {
    .site-header nav .link { display: none; }
}

/* Plano único centralizado na seção de preço */
.plan-single { max-width: 24rem; margin: 0 auto; }

/* Faixa de problema (texto curto e centrado) */
.problem { text-align: center; }
.problem p { color: var(--muted-foreground); font-size: clamp(1.05rem, 2.2vw, 1.35rem); line-height: 1.7; max-width: 44rem; margin: 0 auto; }
.problem p b { color: var(--foreground); font-weight: 600; }