/*
    IA PARA EMPRESAS (by eesier) — page-specific styles for /enterprise.

    Scope: every selector lives under an .ia-* root so this file cannot leak
    into other pages even if loaded globally. Layout is flexbox-only. Spacing
    uses 10/25/50px increments only. Section backgrounds alternate strictly:

      hero (transparent) → waves (ink) → pillars (white) → learn (light-blue)
      → catalog (white) → sprint (surface) → agents (ink) → cases (white)
      → ladder (light-blue) → campaign (ink) → faq (white) → finalcta (light-blue)

    Every content section after the hero carries a wave divider (::before) in
    its own background color and a stacking context (position/z-index).
*/


/* ===================================================================
   SHARED PRIMITIVES
=================================================================== */

.ia-hero,
.ia-waves,
.ia-pillars,
.ia-learn,
.ia-catalog,
.ia-sprint,
.ia-agents,
.ia-cases,
.ia-ladder,
.ia-campaign,
.ia-faq,
.ia-experts,
.ia-diagnostico,
.ia-finalcta {
    position: relative;
    z-index: 1;
}

.ia-check {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: var(--color-primary);
}

.ia-eyebrow {
    display: inline-block;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ia-eyebrow.ia-eyebrow--accent {
    color: var(--color-accent);
}

.ia-cta-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}

.ia-cta-row.ia-cta-row--center {
    justify-content: center;
}

.ia-textlink {
    color: var(--color-primary);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s ease;
}

.ia-textlink:hover {
    border-bottom-color: var(--color-primary);
}

.ia-chips {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.ia-chip {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    background: rgba(28, 145, 228, 0.08);
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
}

.ia-price {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-price .ia-price__value {
    font-size: 25px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-price .ia-price__note {
    font-size: 14px;
    color: var(--color-muted);
}

.ia-price.ia-price--dark .ia-price__value {
    color: #ffffff;
}

.ia-price.ia-price--dark .ia-price__note {
    color: rgba(255, 255, 255, 0.7);
}


/* SECTION-HEADER spacing: these sections drive vertical rhythm via the
   content-inner flex gap, so neutralize the shared header margin-bottom to
   avoid double spacing (child-specific override, never touching the base). */

.ia-waves .content-inner > .section-header,
.ia-pillars .content-inner > .section-header,
.ia-learn .content-inner > .section-header,
.ia-sprint .content-inner > .section-header,
.ia-cases .content-inner > .section-header,
.ia-ladder .content-inner > .section-header,
.ia-experts .content-inner > .section-header,
.ia-diagnostico .content-inner > .section-header,
.ia-faq .content-inner > .section-header {
    margin-bottom: 0;
}


/* WAVE DIVIDERS — shared geometry, then per-background fill. */

.ia-waves::before,
.ia-pillars::before,
.ia-learn::before,
.ia-catalog::before,
.ia-sprint::before,
.ia-agents::before,
.ia-cases::before,
.ia-ladder::before,
.ia-campaign::before,
.ia-faq::before,
.ia-experts::before,
.ia-diagnostico::before,
.ia-finalcta::before {
    content: "";
    position: absolute;
    top: -79px;
    left: 0;
    width: 100%;
    height: 80px;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 2;
}

.ia-pillars::before,
.ia-catalog::before,
.ia-cases::before,
.ia-faq::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C360,80 720,0 1080,40 C1260,60 1380,30 1440,40 L1440,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.ia-waves::before,
.ia-agents::before,
.ia-campaign::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C360,80 720,0 1080,40 C1260,60 1380,30 1440,40 L1440,80 L0,80 Z' fill='%230f172a'/%3E%3C/svg%3E");
}

.ia-learn::before,
.ia-ladder::before,
.ia-finalcta::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C360,80 720,0 1080,40 C1260,60 1380,30 1440,40 L1440,80 L0,80 Z' fill='%23dbeafe'/%3E%3C/svg%3E");
}

.ia-sprint::before,
.ia-experts::before,
.ia-diagnostico::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C360,80 720,0 1080,40 C1260,60 1380,30 1440,40 L1440,80 L0,80 Z' fill='%23f6f7fc'/%3E%3C/svg%3E");
}


/* ===================================================================
   HERO — split layout: left-aligned thesis (left) + WebGL 3D visual
   (right). Background is shades of white only — no blue mesh.
=================================================================== */

.ia-hero {
    background: linear-gradient(180deg, #ffffff 0%, #f4f5f7 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 50px 0;
    overflow: hidden;
}

.ia-hero .ia-hero__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    width: 100%;
}

.ia-hero .ia-hero__inner .ia-hero__content {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 25px;
    max-width: 640px;
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-hero__eyebrow {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-hero__headline {
    margin: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--color-ink);
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-hero__headline .ia-hero__quiet {
    color: var(--color-muted);
    font-weight: 600;
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-hero__headline .ia-hero__br {
    display: block;
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-hero__subheadline {
    margin: 0;
    font-size: 18px;
    color: var(--color-muted);
    line-height: 1.6;
    max-width: 560px;
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-hero__extractable {
    margin: 0;
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    max-width: 560px;
}

.ia-hero .ia-hero__inner .ia-hero__content .ia-cta-row {
    margin-top: 10px;
}

.ia-hero .ia-hero__inner .ia-hero__visual {
    flex: 1 1 50%;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 520px;
}

.ia-hero .ia-hero__inner .ia-hero__visual canvas {
    display: block;
    width: 100%;
    max-width: 620px;
    height: 600px;
}


/* ===================================================================
   WAVES — the signature sequence (Aprender / Implementar / Operar).
   Background: dark ink.
=================================================================== */

.ia-waves {
    background: var(--color-ink);
}

.ia-waves .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-waves .content-inner .ia-waves__track {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card {
    flex: 1 1 280px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 50px 25px;
    background: #1e293b;
    border: 1px solid rgba(28, 145, 228, 0.15);
    border-radius: 25px;
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card.ia-waves__card--own {
    border-color: var(--color-secondary);
    background: linear-gradient(160deg, #1e293b 0%, rgba(28, 145, 228, 0.18) 100%);
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card .ia-waves__num {
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.15);
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card.ia-waves__card--own .ia-waves__num {
    color: rgba(79, 190, 254, 0.45);
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card .ia-waves__tagline {
    color: var(--color-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card .ia-waves__name {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card .ia-waves__desc {
    margin: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card .ia-waves__own {
    display: inline-block;
    align-self: flex-start;
    margin-top: 10px;
    padding: 10px 25px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    font-weight: 600;
}

.ia-waves .content-inner .ia-waves__track .ia-waves__card.ia-waves__card--own .ia-waves__own {
    background: var(--color-secondary);
    color: var(--color-ink);
}

.ia-waves .content-inner .ia-waves__closing {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}


/* ===================================================================
   PILLARS — the full-stack offer. Background: white.
=================================================================== */

.ia-pillars {
    background: var(--color-surface);
}

.ia-pillars .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-pillars .content-inner .ia-pillars__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 50px 25px;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 25px;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card.ia-pillars__card--hl {
    border-color: var(--color-primary);
    box-shadow: 0 25px 50px rgba(28, 145, 228, 0.12);
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card .ia-pillars__label {
    display: inline-block;
    align-self: flex-start;
    padding: 10px 25px;
    border-radius: 50px;
    background: rgba(28, 145, 228, 0.1);
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card.ia-pillars__card--hl .ia-pillars__label {
    background: var(--color-primary);
    color: #ffffff;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card .ia-pillars__headline {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.3;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card .ia-pillars__desc {
    margin: 0;
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card .ia-pillars__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card .ia-pillars__list li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #475569;
    line-height: 1.5;
}

.ia-pillars .content-inner .ia-pillars__grid .ia-pillars__card .ia-pillars__cta {
    align-self: flex-start;
}


/* ===================================================================
   DIAGNÓSTICO — interactive LLM lead-magnet form + result. Background: surface.
=================================================================== */

.ia-diagnostico {
    background: var(--color-background);
}

.ia-diagnostico .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-diagnostico .content-inner .ia-diag__panel {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 50px 25px;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__row .ia-diag__field {
    flex: 1 1 240px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__field .ia-diag__label {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-ink);
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__field .ia-diag__input {
    width: 100%;
    padding: 10px 25px;
    border: 1px solid var(--color-border);
    border-radius: 10px;
    background: var(--color-background);
    color: var(--color-ink);
    font-family: inherit;
    line-height: 1.6;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__field textarea.ia-diag__input {
    resize: vertical;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__field .ia-diag__input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(28, 145, 228, 0.15);
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__error {
    padding: 10px 25px;
    border-radius: 10px;
    background: rgba(255, 111, 60, 0.12);
    color: #b3340a;
    font-size: 14px;
    font-weight: 600;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__actions .ia-diag__note {
    font-size: 14px;
    color: var(--color-muted);
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__form .ia-diag__actions .ia-diag__submit:disabled {
    opacity: 0.7;
    cursor: progress;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-badge {
    display: inline-block;
    align-self: flex-start;
    padding: 10px 25px;
    border-radius: 50px;
    background: rgba(28, 145, 228, 0.1);
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-resumo {
    margin: 0;
    font-size: 16px;
    color: var(--color-ink);
    line-height: 1.6;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: diag;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-list .ia-diag__report-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    background: var(--color-background);
    border-radius: 25px;
    counter-increment: diag;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-list .ia-diag__report-item .ia-diag__report-item-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-list .ia-diag__report-item .ia-diag__report-item-title::before {
    content: counter(diag) ". ";
    color: var(--color-primary);
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-list .ia-diag__report-item .ia-diag__report-line {
    margin: 0;
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-reco {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    background: var(--color-ink);
    border-radius: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-reco .ia-diag__report-reco-label {
    color: var(--color-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-reco .ia-diag__report-reco-path {
    color: #ffffff;
    font-size: 18px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-reco .ia-diag__report-reco-text {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.6;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-cta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}

.ia-diagnostico .content-inner .ia-diag__panel .ia-diag__result .ia-diag__report .ia-diag__report-disclaimer {
    margin: 0;
    font-size: 12px;
    color: var(--color-muted);
    font-style: italic;
}


/* ===================================================================
   LEARN — Formações + Mentorias + Comunidade. Background: light blue.
=================================================================== */

.ia-learn {
    background: #dbeafe;
}

.ia-learn .content-inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-learn .content-inner .ia-learn__lead {
    margin: 0;
    font-size: 18px;
    color: var(--color-ink);
    line-height: 1.6;
    max-width: 760px;
}

.ia-learn .content-inner .ia-learn__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 25px;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    background: #ffffff;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__block-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__block-lead {
    margin: 0;
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.5;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-chips {
    margin-top: 10px;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__mentoria-list {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__mentoria-list li {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__mentoria-list li .ia-learn__mentoria-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__mentoria-list li .ia-learn__mentoria-desc {
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.5;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__community-name {
    display: inline-block;
    align-self: flex-start;
    margin-top: 10px;
    padding: 10px 25px;
    border-radius: 50px;
    background: var(--color-primary);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__community-promise {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-ink);
    line-height: 1.5;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__community-list {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-learn .content-inner .ia-learn__grid .ia-learn__block .ia-learn__community-list li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #475569;
    line-height: 1.5;
}


/* ===================================================================
   CATALOG — "100 soluções" shelf. Background: white.
=================================================================== */

.ia-catalog {
    background: var(--color-surface);
}

.ia-catalog .content-inner .ia-catalog__layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head {
    flex: 1 1 360px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__eyebrow {
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__title {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.2;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__subtitle {
    margin: 0;
    font-size: 18px;
    color: var(--color-muted);
    line-height: 1.6;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__lead {
    margin: 0;
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__metric {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__metric .ia-catalog__metric-value {
    font-size: 50px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__head .ia-catalog__metric .ia-catalog__metric-label {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-muted);
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__shelf {
    flex: 1 1 360px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 50px 25px;
    background: var(--color-background);
    border-radius: 25px;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__shelf .ia-chip.ia-chip--shelf {
    background: #ffffff;
    border: 1px solid var(--color-border);
    color: var(--color-ink);
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__shelf .ia-catalog__note {
    margin: 0;
    font-size: 14px;
    color: var(--color-muted);
    font-style: italic;
}

.ia-catalog .content-inner .ia-catalog__layout .ia-catalog__shelf .btn {
    align-self: flex-start;
}


/* ===================================================================
   SPRINT — Implementação guiada. Background: surface.
=================================================================== */

.ia-sprint {
    background: var(--color-background);
}

.ia-sprint .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-sprint .content-inner .section-header .ia-eyebrow {
    margin-bottom: 10px;
}

.ia-sprint .content-inner .ia-sprint__promise {
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: var(--color-ink);
    line-height: 1.6;
    max-width: 760px;
}

.ia-sprint .content-inner .ia-sprint__steps {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}

.ia-sprint .content-inner .ia-sprint__steps .ia-sprint__step {
    flex: 1 1 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 25px;
}

.ia-sprint .content-inner .ia-sprint__steps .ia-sprint__step .ia-sprint__step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.ia-sprint .content-inner .ia-sprint__steps .ia-sprint__step .ia-sprint__step-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-sprint .content-inner .ia-sprint__steps .ia-sprint__step .ia-sprint__step-desc {
    margin: 0;
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.5;
}

.ia-sprint .content-inner .ia-sprint__footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 25px;
}


/* ===================================================================
   AGENTS — the unfair advantage (AI Workforce). Background: dark ink.
=================================================================== */

.ia-agents {
    background: var(--color-ink);
}

.ia-agents .content-inner .ia-agents__layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__head {
    flex: 1 1 380px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__head .ia-agents__title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__head .ia-agents__subtitle {
    margin: 0;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__head .ia-agents__fullstack {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__head .ia-agents__fullstack li {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.5;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__head .ia-agents__fullstack li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: var(--color-secondary);
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__card {
    flex: 1 1 360px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 50px 25px;
    background: #1e293b;
    border: 1px solid rgba(28, 145, 228, 0.2);
    border-radius: 25px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__card .ia-agents__card-eyebrow {
    color: var(--color-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__card .ia-agents__capabilities {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__card .ia-agents__capabilities li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

.ia-agents .content-inner .ia-agents__layout .ia-agents__card .ia-agents__capabilities li .ia-check {
    color: var(--color-secondary);
}


/* ===================================================================
   CASES — credibility through the case anatomy. Background: white.
=================================================================== */

.ia-cases {
    background: var(--color-surface);
}

.ia-cases .content-inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-cases .content-inner .ia-cases__lead {
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: var(--color-ink);
    line-height: 1.6;
    max-width: 760px;
}

.ia-cases .content-inner .ia-cases__anatomy-title {
    display: block;
    margin-top: 25px;
    text-align: center;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ia-cases .content-inner .ia-cases__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}

.ia-cases .content-inner .ia-cases__grid .ia-cases__field {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 25px;
    background: var(--color-background);
    border-radius: 25px;
}

.ia-cases .content-inner .ia-cases__grid .ia-cases__field .ia-cases__field-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-cases .content-inner .ia-cases__grid .ia-cases__field .ia-cases__field-desc {
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.5;
}

.ia-cases .content-inner .ia-cases__note {
    margin: 0;
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    color: var(--color-muted);
    font-style: italic;
}


/* ===================================================================
   EXPERTS — named faces behind the brand (E-E-A-T). Background: surface.
   Avatar is a placeholder initials circle until real photos are added.
=================================================================== */

.ia-experts {
    background: var(--color-background);
}

.ia-experts .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-experts .content-inner .ia-experts__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.ia-experts .content-inner .ia-experts__grid .ia-experts__card {
    flex: 1 1 320px;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 50px 25px;
    background: #ffffff;
    border: 1px solid var(--color-border);
    border-radius: 25px;
    text-align: center;
}

.ia-experts .content-inner .ia-experts__grid .ia-experts__card .ia-experts__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.ia-experts .content-inner .ia-experts__grid .ia-experts__card .ia-experts__name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-experts .content-inner .ia-experts__grid .ia-experts__card .ia-experts__role {
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
}

.ia-experts .content-inner .ia-experts__grid .ia-experts__card .ia-experts__bio {
    margin: 0;
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.6;
}


/* ===================================================================
   LADDER — the offer ladder (pricing). Background: light blue.
=================================================================== */

.ia-ladder {
    background: #dbeafe;
}

.ia-ladder .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-ladder .content-inner .ia-ladder__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 25px;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier {
    flex: 1 1 240px;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 50px 25px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 25px;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier.ia-ladder__tier--hl {
    border-color: var(--color-primary);
    box-shadow: 0 25px 50px rgba(28, 145, 228, 0.2);
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__badge {
    display: inline-block;
    align-self: center;
    padding: 10px 25px;
    border-radius: 50px;
    background: var(--color-accent);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__tier-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__price {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__price .ia-ladder__price-value {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-primary);
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__price .ia-ladder__price-note {
    font-size: 14px;
    color: var(--color-muted);
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__tagline {
    margin: 0;
    font-size: 14px;
    color: var(--color-ink);
    line-height: 1.5;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__features {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__features li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #475569;
    line-height: 1.5;
}

.ia-ladder .content-inner .ia-ladder__grid .ia-ladder__tier .ia-ladder__cta {
    width: 100%;
}


/* ===================================================================
   CAMPAIGN — positioning band (punch lines). Background: dark ink.
=================================================================== */

.ia-campaign {
    background: var(--color-ink);
}

.ia-campaign .content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
}

.ia-campaign .content-inner .ia-campaign__title {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    max-width: 760px;
}

.ia-campaign .content-inner .ia-campaign__lines {
    margin: 0;
    margin-top: 25px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-campaign .content-inner .ia-campaign__lines li {
    font-size: 22px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.4;
}

.ia-campaign .content-inner .ia-campaign__closing {
    margin: 0;
    margin-top: 25px;
    font-size: 25px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.3;
    max-width: 680px;
}


/* ===================================================================
   FAQ — native <details>/<summary> for AEO. Background: white.
=================================================================== */

.ia-faq {
    background: var(--color-surface);
}

.ia-faq .content-inner {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ia-faq .content-inner .ia-faq__list {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.ia-faq .content-inner .ia-faq__list .ia-faq__item {
    padding: 25px;
    background: var(--color-background);
    border: 1px solid var(--color-border);
    border-radius: 25px;
}

.ia-faq .content-inner .ia-faq__list .ia-faq__item .ia-faq__question {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-ink);
}

.ia-faq .content-inner .ia-faq__list .ia-faq__item .ia-faq__question::-webkit-details-marker {
    display: none;
}

.ia-faq .content-inner .ia-faq__list .ia-faq__item .ia-faq__question::after {
    content: "+";
    color: var(--color-primary);
    font-weight: 700;
}

.ia-faq .content-inner .ia-faq__list .ia-faq__item[open] .ia-faq__question::after {
    content: "\2013";
}

.ia-faq .content-inner .ia-faq__list .ia-faq__item .ia-faq__answer {
    margin-top: 25px;
    font-size: 14px;
    color: var(--color-muted);
    line-height: 1.7;
}


/* ===================================================================
   FINAL CTA. Background: light blue.
=================================================================== */

.ia-finalcta {
    background: #dbeafe;
}

.ia-finalcta .content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
}

.ia-finalcta .content-inner .ia-finalcta__title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.2;
    max-width: 680px;
}

.ia-finalcta .content-inner .ia-finalcta__subtitle {
    margin: 0;
    font-size: 18px;
    color: var(--color-muted);
    line-height: 1.6;
    max-width: 600px;
}


/* ===================================================================
   RESPONSIVE — tablet and mobile
=================================================================== */

@media (max-width: 900px) {

    .ia-hero .ia-hero__inner {
        flex-direction: column;
        align-items: stretch;
    }

    .ia-hero .ia-hero__inner .ia-hero__content {
        flex: 1 1 auto;
        max-width: 100%;
    }

    .ia-hero .ia-hero__inner .ia-hero__visual {
        flex: 1 1 auto;
        min-height: 300px;
    }

    .ia-hero .ia-hero__inner .ia-hero__visual canvas {
        height: 320px;
    }

    .ia-hero .ia-hero__inner .ia-hero__headline {
        font-size: 25px;
    }

    .ia-catalog .content-inner .ia-catalog__layout {
        flex-direction: column;
        align-items: stretch;
    }

    .ia-agents .content-inner .ia-agents__layout {
        flex-direction: column;
        align-items: stretch;
    }

    .ia-agents .content-inner .ia-agents__layout .ia-agents__head .ia-agents__title {
        font-size: 25px;
    }

    .ia-campaign .content-inner .ia-campaign__lines li {
        font-size: 18px;
    }

    .ia-finalcta .content-inner .ia-finalcta__title {
        font-size: 25px;
    }

}

@media (min-width: 1024px) {

    .ia-hero .ia-hero__inner .ia-hero__headline {
        font-size: 42px;
    }

}