.navbar {
    position: sticky;
    top: 0;
    z-index: 50;
    height: var(--topbar);
    display: flex;
    align-items: center;
    background: var(--surface);
    border-bottom: 1px solid transparent;
}

/* Real section heights keep deep links stable on a first visit and on mobile. */

.work-comparison-heading,
.work-comparison article {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.work-comparison-heading {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    color: var(--ink-muted);
}

.work-comparison-heading span,
.work-comparison article p {
    padding: var(--space-lg);
    border-bottom: 1px solid var(--line);
    margin: 0;
}

.work-comparison article p {
    font-size: 0.875rem;
    color: var(--ink-muted);
}

.work-comparison article p:last-child {
    background: var(--card);
}

.work-comparison strong {
    display: block;
    color: var(--ink);
    margin-bottom: var(--space-sm);
}

.comparison-note {
    padding: var(--space-md) var(--space-lg);
    font-size: 0.75rem;
    color: var(--ink-muted);
}

.ai-case {
    min-width: 0;
    border-top: 1px solid var(--line-strong);
}

.ai-case summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
    padding: var(--space-lg) 0;
    cursor: pointer;
}

.ai-case summary small {
    display: block;
    margin-top: var(--space-xs);
    color: var(--ink-muted);
}

.ai-case-action {
    flex-shrink: 0;
    color: var(--brand-700);
    font-size: 0.8125rem;
}

.ai-case-action::after { content: ' +'; }
.ai-case[open] .ai-case-action::after { content: ' −'; }

.ai-next-step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-lg);
}

.ai-next-step p { font-weight: 500; }

.plan-benefit {
    font-size: 0.875rem;
    color: var(--ink-muted);
    margin-top: var(--space-sm);
    padding-bottom: var(--space-md);
}

.plan-card-heading .plan-fit {
    display: block;
    color: var(--ink);
    font-size: 0.9375rem;
    font-weight: 500;
    margin: var(--space-md) 0 var(--space-sm);
}

.ai-demo[hidden] { display: none; }
.ai-demo {
    display: grid;
    gap: var(--space-lg);
    padding-bottom: var(--space-xl);
    border-bottom: 1px solid var(--line);
}
.ai-demo-heading,
.ai-demo-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    flex-wrap: wrap;
}
.ai-demo-heading > strong { font-size: 1rem; }
.ai-demo-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-sm);
    list-style: none;
    padding: 0;
    margin: 0;
}
.ai-demo-steps li {
    padding: var(--space-sm) 0;
    border-bottom: 2px solid var(--line);
    color: var(--ink-muted);
    font-size: 0.8125rem;
}
.ai-demo-steps li[aria-current="step"] {
    border-color: var(--ink);
    color: var(--ink);
    font-weight: 600;
}
.ai-demo-status {
    padding: var(--space-lg);
    border-left: 3px solid var(--ai);
    background: var(--ai-bg);
}
.ai-demo-status strong { display: block; font-size: 1rem; }
.ai-demo-status p { margin: var(--space-sm) 0 0; font-size: 0.875rem; }
.ai-demo[data-step="3"] .ai-demo-status {
    border-color: var(--positive);
    background: var(--positive-bg);
}
.ai-demo .ai-demo-disclaimer {
    margin: 0;
    font-size: 0.75rem;
    color: var(--ink-muted);
}
.ai-demo-actions .btn { min-height: 44px; }
.ai-demo-actions .btn:disabled { opacity: 0.5; cursor: default; }
.ai-demo-focus { outline: 2px solid var(--ink); outline-offset: 4px; }

@media (max-width: 560px) {
    .ai-demo-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ai-demo-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); }
    .ai-demo-actions .btn { font-size: 0.8125rem; padding-inline: var(--space-md); }
}

.trust-register-detail summary {
    padding: var(--space-lg) var(--space-xl);
    font-size: 0.8125rem;
    color: var(--brand-700);
    cursor: pointer;
}

.navbar.scrolled {
    border-bottom-color: var(--line);
}

.navbar-dark {
    background: var(--rail);
    color: var(--surface);
    border-bottom-color: rgba(250, 249, 247, 0.1);
}

.navbar-inner {
    display: flex;
    align-items: center;
    gap: var(--space-2xl);
}

.nav-links {
    display: flex;
    align-items: center;
    gap: var(--space-2xl);
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.nav-links a,
.nav-login {
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.nav-links a:hover,
.nav-login:hover {
    color: var(--ink);
    text-decoration: none;
}

.navbar-dark .brand-lockup,
.navbar-dark .nav-links a,
.navbar-dark .nav-login {
    color: var(--rail-ink);
}

.navbar-dark .brand-lockup,
.navbar-dark .nav-links a:hover,
.navbar-dark .nav-login:hover {
    color: var(--surface);
}

.nav-actions {
    display: flex;
    align-items: center;
}

.hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 8px;
    background: transparent;
    border: 1px solid var(--line);
    border-radius: var(--radius-input);
    cursor: pointer;
}

.hamburger span {
    display: block;
    height: 2px;
    background: var(--ink);
}

.navbar-dark .hamburger {
    border-color: rgba(250, 249, 247, 0.2);
}

.navbar-dark .hamburger span {
    background: var(--surface);
}

.hero {
    padding: clamp(2.5rem, 5vw, 5rem) 0 clamp(2.5rem, 4vw, 4rem);
}

.hero-dark {
    color: var(--surface);
    background: var(--rail);
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(34rem, 1.18fr);
    gap: var(--space-2xl) clamp(2.5rem, 6vw, 6.5rem);
    align-items: center;
}

.hero-copy {
    align-self: start;
}

.product-figure {
    display: grid;
    gap: var(--space-sm);
    min-width: 0;
    margin: 0;
}

.product-figure .mock-caption {
    margin: 0;
}

.hero h1 {
    max-width: 12ch;
    margin-top: var(--space-lg);
    font-size: clamp(3rem, 5vw, 4.5rem);
}

.hero-sub {
    max-width: 42rem;
    margin-top: var(--space-xl);
    color: var(--mk-on-deep-muted);
    font-size: 1.125rem;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-top: var(--space-2xl);
}

.hero-note {
    max-width: 40rem;
    margin-top: var(--space-md);
    color: var(--mk-on-deep-muted);
    font-size: 0.8125rem;
}

.kicker-on-dark {
    color: var(--mk-on-deep-muted);
}

.btn-on-dark {
    background: var(--surface);
    border-color: var(--surface);
    color: var(--ink);
}

.btn-on-dark:hover {
    background: var(--card);
    border-color: var(--card);
}

.product-window {
    overflow: hidden;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-lift);
    color: var(--ink);
}

.product-window-hero {
    align-self: end;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0;
}

.mock-caption {
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mock-caption-on-dark {
    color: var(--mk-on-deep-muted);
}

.product-topbar {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 var(--space-md);
    background: var(--rail);
    border-bottom: 1px solid rgba(250, 249, 247, 0.12);
    color: var(--rail-ink);
    font-size: 0.6875rem;
}

.product-topbar-light {
    background: var(--subtle);
    border-bottom-color: var(--line);
    color: var(--ink-muted);
}

.product-brand {
    display: inline-flex;
    align-items: center;
    color: inherit;
}

.product-brand svg {
    width: auto;
    height: 18px;
    display: block;
}

.product-period {
    justify-self: end;
    font-family: var(--font-mono);
}

.product-shell {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    min-height: 31rem;
}

.product-rail {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--space-lg) var(--space-sm);
    background: var(--rail);
    color: var(--rail-ink);
}

.rail-group {
    margin: var(--space-md) var(--space-sm) var(--space-xs);
    font-family: var(--font-mono);
    font-size: 0.5625rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--rail-muted);
}

.rail-group:first-child {
    margin-top: 0;
}

.rail-item {
    padding: 7px var(--space-sm);
    border-radius: var(--radius-badge);
    font-size: 0.6875rem;
}

.rail-item.active {
    background: var(--surface);
    color: var(--ink);
}

.product-main {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    min-width: 0;
    padding: var(--space-lg);
    background: var(--surface);
}

.screen-heading {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--space-lg);
}

.screen-heading div {
    display: grid;
    gap: var(--space-xs);
}

.screen-heading strong {
    font-size: 1rem;
}

.eyebrow {
    font-family: var(--font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.screen-date {
    font-size: 0.625rem;
    color: var(--ink-muted);
}

.metric-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-sm);
}

.metric-row dl {
    margin: 0;
    padding: var(--space-md);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-input);
}

.metric-row dt {
    font-family: var(--font-mono);
    font-size: 0.5625rem;
    color: var(--ink-muted);
}

.metric-row dd {
    margin: var(--space-xs) 0 0;
    font-family: var(--font-mono);
    font-size: 1rem;
    font-weight: 500;
}

.workflow-card,
.screen-list,
.ai-suggestion,
.closing-summary {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-input);
}

.workflow-card {
    padding: var(--space-md);
}

.workflow-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

.workflow-track span {
    display: grid;
    gap: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.625rem;
}

.workflow-track b {
    width: 1.5rem;
    padding-bottom: var(--space-xs);
    border-bottom: 2px solid var(--positive);
    font-family: var(--font-mono);
    color: var(--ink);
}

.screen-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: var(--space-sm);
}

.screen-list {
    overflow: hidden;
}

.screen-list div {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--line);
    font-size: 0.6875rem;
}

.screen-list div:last-child {
    border-bottom: 0;
}

.ai-suggestion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
    padding: var(--space-md);
    border-color: var(--ai-line);
}

.ai-suggestion p,
.ai-suggestion a {
    font-size: 0.6875rem;
}

.proof-strip {
    background: var(--surface);
    border-bottom: 1px solid var(--line);
}

.proof-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.proof-grid > div {
    display: flex;
    gap: var(--space-md);
    align-items: center;
    padding: var(--space-xl) var(--space-lg);
    border-left: 1px solid var(--line);
}

.proof-grid > div:last-child {
    border-right: 1px solid var(--line);
}

.proof-mark,
.outcome-number {
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    color: var(--ink-muted);
}

.proof-grid p,
.outcome-list p {
    display: grid;
    gap: 2px;
    line-height: 1.35;
}

.proof-grid strong {
    font-size: 0.8125rem;
}

.proof-grid p span,
.outcome-list p span {
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.story-section,
.audience-section,
.product-story,
.outcomes-section,
.implementation-section,
.integrations-section,
.pilot-section,
.catalog-section {
    padding: 6rem 0;
    border-bottom: 1px solid var(--line);
}

.story-grid,
.audience-layout,
.outcomes-layout,
.implementation-layout,
.integrations-layout {
    display: grid;
    grid-template-columns: minmax(15rem, 0.65fr) minmax(0, 1.35fr);
    gap: clamp(3rem, 8vw, 8rem);
    align-items: start;
}

/* Planes: intro arriba a ancho útil; la grilla usa todo el container (sin vacío lateral). */
.catalog-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-xl);
    align-items: start;
}

.catalog-section .story-copy {
    display: grid;
    grid-template-columns: minmax(16rem, 0.95fr) minmax(0, 1.05fr);
    gap: var(--space-sm) var(--space-xl);
    align-items: start;
    max-width: none;
}

.catalog-section .story-copy .kicker {
    grid-column: 1 / -1;
}

.catalog-section .story-copy h2 {
    max-width: 18ch;
    margin: 0;
}

.catalog-section .story-copy .lead {
    max-width: none;
    margin: 0;
}

.story-copy h2 {
    max-width: 14ch;
    margin: var(--space-lg) 0;
}

.audience-section {
    background: var(--card);
}

.audience-grid {
    border-top: 1px solid var(--line-strong);
}

.audience-grid article {
    display: grid;
    grid-template-columns: auto minmax(10rem, 0.7fr) minmax(0, 1.3fr);
    gap: var(--space-xl);
    align-items: baseline;
    padding: var(--space-xl) 0;
    border-bottom: 1px solid var(--line-strong);
}

.audience-grid h3 {
    font-size: 1rem;
}

.audience-grid p {
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.audience-grid-routes article {
    align-items: start;
}

.audience-grid-routes article > div {
    display: grid;
    gap: var(--space-md);
}

.audience-link {
    width: fit-content;
    font-size: 0.8125rem;
    font-weight: 500;
}

.flow-compare {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    overflow: hidden;
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.flow-before,
.flow-after {
    padding: var(--space-2xl);
}

.flow-before {
    background: var(--subtle);
    border-right: 1px solid var(--line);
}

.flow-before > p,
.flow-after > p {
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.source-cloud {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-sm);
    margin-top: var(--space-xl);
}

.source-cloud span {
    padding: var(--space-sm) var(--space-md);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-input);
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.connected-flow {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-sm);
    margin: var(--space-xl) 0 0;
    padding: 0;
    list-style: none;
}

.connected-flow li {
    min-width: 0;
    padding: var(--space-md) 0 0;
    border-top: 2px solid var(--ink);
}

.connected-flow b,
.connected-flow span {
    display: block;
}

.connected-flow b {
    font-size: 0.75rem;
}

.connected-flow span {
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.6875rem;
}

.product-story {
    background: var(--subtle);
}

.outcomes-section {
    background: var(--card);
}

.outcome-groups {
    border-top: 1px solid var(--line-strong);
}

.outcome-groups article {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-xl);
    padding: var(--space-xl) 0;
    border-bottom: 1px solid var(--line-strong);
}

.outcome-groups h3 {
    font-size: 1rem;
}

.outcome-groups p {
    max-width: 58ch;
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.product-story-grid {
    display: grid;
    grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.28fr);
    gap: var(--space-2xl) clamp(3rem, 8vw, 8rem);
    align-items: center;
}

.outcome-list {
    display: grid;
    gap: var(--space-lg);
    margin-top: var(--space-2xl);
}

.outcome-list > div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-md);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--line-strong);
}

.closing-screen {
    padding: var(--space-xl);
    background: var(--surface);
}

.closing-summary {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-sm) var(--space-lg);
    align-items: center;
    margin-bottom: var(--space-lg);
    padding: var(--space-lg);
}

.closing-summary strong {
    font-size: 1.125rem;
}

.closing-summary .badge {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.mock-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--card);
    border: 1px solid var(--line);
    font-size: 0.75rem;
}

.mock-table th,
.mock-table td {
    padding: var(--space-md);
    border-bottom: 1px solid var(--line);
    text-align: left;
}

.mock-table th {
    font-family: var(--font-mono);
    font-size: 0.625rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.ai-section {
    padding: 6rem 0;
    border-top: 1px solid var(--ai-line);
    border-bottom: 1px solid var(--ai-line);
    background: var(--ai-bg);
}

.ai-layout {
    display: grid;
    gap: var(--space-2xl);
}

.ai-copy {
    display: grid;
    gap: var(--space-xl);
}

.ai-intro-grid {
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.12fr);
    gap: clamp(3rem, 8vw, 7rem);
    align-items: end;
}

.ai-section h2 {
    max-width: 17ch;
    margin-top: 0;
    font-size: clamp(2rem, 4vw, 3.25rem);
}

.ai-section p {
    color: var(--ink-muted);
}

.ai-kicker {
    color: var(--ink-muted);
}

.ai-lead {
    max-width: 52ch;
    margin-top: 0;
    font-size: 1rem;
}

.ai-commercial-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-lg);
    margin-top: var(--space-lg);
}

.ai-commercial-note {
    display: inline-flex;
    padding: var(--space-sm) var(--space-md);
    color: var(--ink-muted) !important;
    background: var(--card);
    border: 1px solid var(--ai-line);
    border-radius: var(--radius-input);
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
}

.ai-plan-link {
    color: var(--brand-700);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
}

.ai-plan-link:hover {
    text-decoration: underline;
}

.ai-principles {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    list-style: none;
}

.ai-principles li {
    min-width: 0;
    padding: var(--space-lg);
    border-right: 1px solid var(--ai-line);
}

.ai-principles li:first-child {
    padding-left: 0;
}

.ai-principles li:last-child {
    padding-right: 0;
    border-right: 0;
}

.ai-principles li > span {
    display: block;
    margin-bottom: var(--space-md);
    color: var(--ai);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
}

.ai-principles strong,
.ai-principles small {
    display: block;
}

.ai-assistant-scope {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    margin-top: 0;
}

.ai-assistant-scope span {
    padding: var(--space-xs) var(--space-sm);
    background: var(--card);
    border: 1px solid var(--ai-line);
    border-radius: var(--radius-input);
    color: var(--ai);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
}

.ai-principles strong {
    color: var(--ink);
    font-size: 0.9375rem;
}

.ai-principles small {
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.ai-example {
    display: grid;
    gap: var(--space-2xl);
    padding: var(--space-2xl);
    background: var(--card);
    border: 1px solid var(--ai-line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.ai-example-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
}

.ai-proposal-copy {
    display: grid;
    gap: var(--space-sm);
}

.ai-example-body {
    display: grid;
    grid-template-columns: minmax(16rem, 0.76fr) minmax(0, 1.24fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: end;
}

.ai-proposal-copy strong {
    max-width: 22ch;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    line-height: 1.15;
}

.ai-proposal-copy p {
    max-width: 48ch;
    font-size: 0.875rem;
}

.ai-evidence {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--ai-line);
    border-bottom: 1px solid var(--ai-line);
}

.ai-evidence div {
    min-width: 0;
    padding: var(--space-lg) var(--space-md);
    border-right: 1px solid var(--ai-line);
}

.ai-evidence div:nth-child(2n) {
    border-right: 0;
}

.ai-evidence div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--ai-line);
}

.ai-evidence dt {
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.625rem;
    text-transform: uppercase;
}

.ai-evidence dd {
    margin: var(--space-sm) 0 0;
    color: var(--ink);
    font-size: 0.8125rem;
    font-weight: 500;
}

.ai-decision-states {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: var(--space-md);
}

.ai-decision,
.ai-low-confidence,
.ai-audit-result {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--space-md);
    padding: var(--space-lg);
    border: 1px solid var(--ai-line);
    border-radius: var(--radius-input);
}

.ai-decision-states p {
    min-width: 0;
    margin: 0;
}

.ai-low-confidence > svg,
.ai-audit-result > svg,
.ai-decision > svg {
    width: 1rem;
    height: 1rem;
    flex: none;
}

.ai-low-confidence > svg {
    color: var(--ai);
}

.ai-audit-result {
    background: var(--positive-bg);
    border-color: var(--positive-line);
}

.ai-audit-result > svg {
    color: var(--positive);
}

.ai-low-confidence strong,
.ai-low-confidence span,
.ai-audit-result strong,
.ai-audit-result span {
    display: block;
}

.ai-low-confidence strong,
.ai-audit-result strong {
    color: var(--ink);
    font-size: 0.8125rem;
}

.ai-low-confidence span,
.ai-audit-result span {
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.ai-decision > svg {
    color: var(--ai);
}

.ai-decision strong,
.ai-decision span {
    display: block;
}

.ai-decision strong {
    color: var(--ink);
    font-size: 0.875rem;
}

.ai-decision span {
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.implementation-section {
    background: var(--subtle);
}

.implementation-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-3xl);
}

.implementation-heading {
    display: grid;
    grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 1.28fr);
    gap: var(--space-md) clamp(3rem, 8vw, 8rem);
    align-items: end;
}

.implementation-heading .kicker,
.implementation-heading h2 {
    grid-column: 1;
}

.implementation-heading h2 {
    margin: 0;
}

.implementation-heading .lead {
    grid-column: 2;
    grid-row: 2;
    max-width: 54ch;
}

.implementation-journey {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.implementation-journey article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-md);
    min-width: 0;
    padding: var(--space-xl);
    border-right: 1px solid var(--line-strong);
}

.implementation-journey article:first-child {
    padding-left: 0;
}

.implementation-journey article:last-child {
    padding-right: 0;
    border-right: 0;
}

.implementation-journey .outcome-number {
    color: var(--mk-copper);
}

.implementation-journey h3 {
    margin-top: var(--space-sm);
    font-size: 1rem;
}

.implementation-journey p {
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.implementation-journey .badge,
.implementation-journey .integration-catalog-link {
    margin-top: var(--space-lg);
}

.implementation-next {
    display: grid;
    grid-template-columns: minmax(16rem, 1.15fr) repeat(2, minmax(11rem, 0.85fr));
    gap: var(--space-xl);
    align-items: center;
    padding: var(--space-xl);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.implementation-next > p strong {
    display: block;
    max-width: 36ch;
    margin-top: var(--space-sm);
    font-size: 0.875rem;
}

.implementation-next > div {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
    align-items: center;
    min-width: 0;
    padding-left: var(--space-xl);
    border-left: 1px solid var(--line);
    font-size: 0.8125rem;
}

.integration-catalog-link {
    display: inline-flex;
    margin-top: var(--space-xl);
    color: var(--brand-700);
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
}

.integration-catalog-link:hover {
    text-decoration: underline;
}

.integrations-section {
    background: var(--card);
}

.integration-disclosure {
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.integration-disclosure summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xl);
    align-items: center;
    padding: var(--space-xl) 0;
    cursor: pointer;
}

.integration-summary-copy {
    display: grid;
    gap: var(--space-sm);
}

.integration-summary-copy > strong {
    color: var(--ink);
    font-size: 1.25rem;
    font-weight: 600;
}

.integration-summary-copy > small {
    max-width: 58ch;
    color: var(--ink-muted);
    text-align: left;
}

.integration-status-preview {
    display: grid;
    border-top: 1px solid var(--line);
}

.integration-status-preview > div {
    display: grid;
    grid-template-columns: minmax(8.5rem, auto) 2.5rem minmax(0, 1fr);
    gap: var(--space-lg);
    align-items: center;
    padding: var(--space-md) 0;
    border-bottom: 1px solid var(--line);
}

.integration-status-preview > div > strong {
    color: var(--ink);
    font-size: 1rem;
    text-align: right;
}

.integration-status-preview > div > small {
    color: var(--ink-muted);
    text-align: left;
}

.integration-summary-action {
    color: var(--brand-700);
    font-size: 0.8125rem;
    font-weight: 600;
}

.integration-disclosure[open] summary {
    border-bottom: 1px solid var(--line);
}

.integration-disclosure .integration-catalog {
    padding: var(--space-2xl) 0;
}

.integration-catalog {
    display: grid;
    gap: var(--space-3xl);
}

.integration-platform-callout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-xl);
    align-items: start;
    padding: var(--space-xl);
    background: var(--subtle);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.integration-platform-callout h3 {
    margin-top: var(--space-sm);
    font-size: 1.125rem;
}

.integration-platform-callout p {
    max-width: 56ch;
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.integration-group {
    border-top: 1px solid var(--line-strong);
}

.integration-group-heading {
    display: flex;
    justify-content: space-between;
    gap: var(--space-xl);
    align-items: flex-start;
    padding: var(--space-xl) 0;
}

.integration-group-heading h3 {
    margin-top: var(--space-sm);
    font-size: 1.125rem;
}

.integration-group-heading p {
    max-width: 62ch;
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.integration-group-heading > strong {
    color: var(--ink-light);
    font-family: var(--font-mono);
    font-size: 2rem;
    font-weight: 500;
}

.integration-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
}

.integration-card {
    min-width: 0;
    padding: var(--space-lg);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.integration-card-wide {
    grid-column: 1 / -1;
}

.integration-card header {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
    align-items: flex-start;
}

.integration-card h3 {
    margin-top: var(--space-xs);
    font-size: 0.9375rem;
}

.integration-domain {
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.integration-card p {
    margin-top: var(--space-lg);
    color: var(--ink-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.integration-card .badge {
    white-space: nowrap;
}

.pilot-section {
    background: var(--card);
}

.pilot-layout {
    display: grid;
    grid-template-columns: minmax(15rem, 0.65fr) minmax(0, 1.35fr);
    gap: clamp(3rem, 8vw, 8rem);
    align-items: start;
}

.pilot-layout h2 {
    max-width: 14ch;
    margin-top: var(--space-lg);
}

.pilot-steps {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--line-strong);
    list-style: none;
}

.pilot-steps li {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-xl);
    padding: var(--space-xl) 0;
    border-bottom: 1px solid var(--line-strong);
}

.pilot-steps .outcome-number {
    color: var(--mk-copper);
}

.pilot-steps strong {
    font-size: 1rem;
}

.pilot-steps p {
    max-width: 54ch;
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.principle-band {
    padding: 5.5rem 0;
    text-align: center;
    border-bottom: 1px solid var(--line);
}

.principle-band p {
    max-width: 30ch;
    margin: var(--space-lg) auto 0;
    font-size: clamp(2rem, 4.5vw, 3.75rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

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

.catalog-disclosures {
    border-top: 1px solid var(--line-strong);
}

.catalog-plan-list,
.catalog-disclosure {
    border-bottom: 1px solid var(--line-strong);
}

.catalog-plan-heading,
.catalog-disclosure summary {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-lg);
    align-items: center;
    padding: var(--space-xl) 0;
    cursor: pointer;
}

.catalog-plan-heading {
    cursor: default;
}

.catalog-plan-heading span,
.catalog-disclosure summary span {
    font-size: 1.125rem;
    font-weight: 600;
}

.catalog-plan-heading small,
.catalog-disclosure summary small {
    color: var(--ink-muted);
}

.plan-rows,
.faq-compact {
    display: grid;
    gap: var(--space-sm);
    padding: 0 0 var(--space-xl);
}

.plan-rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
    align-items: stretch;
}

.plan-row {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--space-xl);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.plan-row-featured {
    border-color: var(--ink);
    box-shadow: inset 0 3px 0 var(--ink), var(--shadow-card);
}

.plan-row-trial {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(16rem, 0.9fr) minmax(0, 1.3fr);
    grid-template-areas:
        "heading meta"
        "heading benefit"
        "caps caps";
    gap: var(--space-sm) var(--space-2xl);
    align-items: start;
}

.plan-row-trial .plan-card-heading {
    grid-area: heading;
}

.plan-row-trial .plan-price {
    grid-area: meta;
    margin: 0;
    padding: 0;
}

.plan-row-trial .plan-benefit {
    grid-area: benefit;
    margin: 0;
    padding: 0;
}

.plan-row-trial .plan-capabilities {
    grid-area: caps;
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--space-xl);
    margin: var(--space-md) 0 0;
    padding: var(--space-md) 0 0;
    border-top: 1px solid var(--line);
}

.plan-row-trial .plan-capabilities li {
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.plan-row-trial .plan-capabilities li::before {
    top: 0.55rem;
}

.plan-card-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-md);
}

.plan-stage {
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.plan-row h3 {
    font-size: 1.125rem;
}

.plan-card-heading p {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-xs);
    margin-top: var(--space-sm);
}

.plan-row .plan-availability {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--ink-muted);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.plan-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--space-sm);
    margin: var(--space-md) 0 var(--space-xs);
}

.plan-price strong {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.plan-price span,
.plan-price-detail {
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.plan-price-deferred span {
    color: var(--ink-muted);
    font-size: 0.9375rem;
    line-height: 1.45;
}

.plan-price-detail {
    margin: 0 0 var(--space-lg);
}

.plan-capabilities {
    display: grid;
    gap: 0;
    margin: var(--space-md) 0 0;
    padding: var(--space-md) 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
}

.plan-rows > .plan-row:not(.plan-row-trial) .plan-capabilities {
    margin-top: auto;
}

.plan-capabilities li {
    position: relative;
    padding: var(--space-sm) 0 var(--space-sm) var(--space-lg);
    color: var(--ink-muted);
    border-bottom: 1px solid var(--line);
    font-size: 0.8125rem;
}

.plan-capabilities li::before {
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--ink);
    content: '';
}

.plan-limits {
    display: grid;
    gap: 0;
    margin: var(--space-xl) 0 0;
    padding: 0;
    border-top: 1px solid var(--line);
    list-style: none;
}

.plan-limits li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-md);
    padding: var(--space-md) 0;
    border-bottom: 1px solid var(--line);
}

.plan-limits strong {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    font-weight: 500;
}

.plan-limits span {
    color: var(--ink-muted);
    font-size: 0.8125rem;
    text-align: right;
}

.pricing-footnote {
    margin: 0 0 var(--space-xl);
    padding: var(--space-lg) 0;
    color: var(--ink-muted);
    border-top: 1px solid var(--line);
    font-size: 0.8125rem;
}

.module-catalog-intro {
    max-width: 66ch;
    margin-bottom: var(--space-xl);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.module-catalog {
    padding-bottom: var(--space-xl);
    border-top: 1px solid var(--line);
}

.module-catalog-heading,
.module-row {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.6fr) minmax(13rem, 1.4fr) minmax(10rem, 0.9fr);
    gap: var(--space-lg);
    align-items: center;
}

.module-catalog-heading {
    padding: var(--space-sm) 0;
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.module-row {
    padding: var(--space-lg) 0;
    border-top: 1px solid var(--line);
}

.module-row h3 {
    font-size: 0.9375rem;
}

.module-row > p {
    color: var(--ink-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.module-availability {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
}

.module-plan {
    color: var(--ink-muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

.module-availability .badge {
    white-space: nowrap;
}

.ai-agents-intro {
    max-width: 66ch;
    margin-bottom: var(--space-xl);
    padding: var(--space-lg);
    background: var(--ai-bg);
    border-left: 3px solid var(--ai-solid);
    border-radius: var(--radius-input);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.ai-agent-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
    padding-bottom: var(--space-xl);
}

.ai-agent-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: var(--space-xl);
    background: var(--card);
    border: 1px solid var(--ai-line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.ai-agent-card-wide {
    grid-column: 1 / -1;
}

.ai-agent-card-wide .ai-agent-purpose {
    max-width: 64ch;
}

.ai-agent-card-wide .ai-agent-limits ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-xl);
}

.ai-agent-card header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
}

.ai-agent-plan {
    padding: var(--space-xs) var(--space-sm);
    background: var(--ai-bg);
    border: 1px solid var(--ai-line);
    border-radius: var(--radius-pill);
    color: var(--ai-solid);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.ai-agent-card h3 {
    font-size: 1rem;
}

.ai-agent-purpose {
    margin-top: var(--space-md);
    color: var(--ink-muted);
    font-size: 0.875rem;
    line-height: 1.55;
}

.ai-agent-limits {
    margin-top: auto;
    padding-top: var(--space-xl);
}

.ai-agent-limits strong {
    display: block;
    padding-top: var(--space-md);
    border-top: 1px solid var(--ai-line);
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ai-agent-limits ul {
    display: grid;
    gap: var(--space-sm);
    margin: var(--space-md) 0 0;
    padding-left: 1rem;
}

.ai-agent-limits li {
    color: var(--ink-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.ai-agent-limits li::marker {
    color: var(--ai-solid);
}

.faq-compact article {
    padding: var(--space-lg) 0;
    border-bottom: 1px solid var(--line);
}

.faq-compact article:last-child {
    border-bottom: 0;
}

.faq-compact h3 {
    font-size: 0.9375rem;
}

.faq-compact p {
    max-width: 62ch;
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.cta-section {
    padding: 4.5rem 0;
    background: var(--mk-deep);
    color: var(--mk-on-deep);
}

.cta-layout {
    display: grid;
    grid-template-columns: minmax(15rem, 0.7fr) minmax(24rem, 1.3fr);
    gap: clamp(3rem, 8vw, 7rem);
    align-items: start;
}

.cta-section h2 {
    max-width: 18ch;
    margin-top: var(--space-md);
    color: var(--mk-on-deep);
}

.cta-section p {
    max-width: 54ch;
    margin-top: var(--space-md);
    color: var(--mk-on-deep-muted);
}

.lead-form {
    display: grid;
    gap: var(--space-lg);
    padding: var(--space-2xl);
    background: var(--card);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-card);
    color: var(--ink);
}

.lead-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
}

.lead-form label {
    display: grid;
    gap: var(--space-sm);
    color: var(--ink);
    font-size: 0.8125rem;
    font-weight: 600;
}

.lead-form label small {
    color: var(--ink-muted);
    font-weight: 400;
}

.lead-form input,
.lead-form select,
.lead-form textarea {
    width: 100%;
    min-height: 2.75rem;
    padding: var(--space-sm) var(--space-md);
    background: var(--subtle);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-input);
    color: var(--ink);
    font: inherit;
    font-weight: 400;
}

.lead-form textarea {
    min-height: 6.5rem;
    resize: vertical;
}

.lead-form input:focus-visible,
.lead-form select:focus-visible,
.lead-form textarea:focus-visible {
    border-color: var(--brand-600);
    outline: 2px solid var(--brand-600);
    outline-offset: 2px;
}

.lead-form-wide {
    grid-column: 1 / -1;
}

.lead-form .lead-consent {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-sm);
    align-items: start;
    font-weight: 400;
    line-height: 1.5;
}

.lead-consent input {
    width: 1.125rem;
    min-height: 1.125rem;
    margin-top: 2px;
    accent-color: var(--brand-600);
}

.lead-form a,
.consent-banner a {
    color: var(--brand-700);
}

.lead-form .btn {
    justify-self: start;
}

.lead-form-status,
.lead-form-note {
    min-height: 1.25rem;
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.lead-form-status.is-success {
    color: var(--positive);
}

.lead-form-status.is-error {
    color: var(--negative);
}

.lead-honeypot {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.consent-banner {
    position: fixed;
    right: var(--page-gutter);
    bottom: var(--page-gutter);
    z-index: 100;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-xl);
    align-items: center;
    width: min(48rem, calc(100% - (2 * var(--page-gutter))));
    padding: var(--space-lg);
    background: var(--card);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-card);
    color: var(--ink);
}

.consent-banner p {
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.consent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.consent-manage {
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--mk-on-deep-muted);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    cursor: pointer;
}

.consent-manage:hover,
.consent-manage:focus-visible {
    color: var(--mk-on-deep);
}

.footer {
    padding: var(--space-2xl) 0;
    background: var(--mk-deep);
    border-top: 1px solid rgba(250, 249, 247, 0.12);
    color: var(--mk-on-deep-muted);
    font-size: 0.8125rem;
}

.footer .brand-lockup,
.footer a {
    color: var(--mk-on-deep-muted);
}

.footer .brand-lockup:hover,
.footer a:hover {
    color: var(--mk-on-deep);
}

.footer-tagline {
    margin-top: var(--space-sm);
}

.footer-compact {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-2xl);
    align-items: start;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-xl);
}

.footer-bottom {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: var(--space-lg);
    padding-top: var(--space-lg);
    border-top: 1px solid rgba(250, 249, 247, 0.12);
    color: var(--mk-on-deep-faint);
}

.audience-link {
    display: inline-flex;
    grid-column: 3;
    margin-top: var(--space-md);
    font-size: 0.8125rem;
    font-weight: 600;
}

.accountant-hero {
    padding: 5rem 0;
    background: var(--rail);
    color: var(--surface);
}

.accountant-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(36rem, 1.22fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: center;
}

.accountant-hero h1 {
    max-width: 16ch;
    margin-top: var(--space-lg);
}

.accountant-hero header > p {
    max-width: 52ch;
    margin-top: var(--space-xl);
    color: var(--mk-on-deep-muted);
    font-size: 1.0625rem;
}

.accountant-hero header > .btn {
    margin-top: var(--space-2xl);
}

.accountant-hero header > small {
    display: block;
    margin-top: var(--space-md);
    color: var(--mk-on-deep-muted);
}

.portfolio-window {
    overflow: hidden;
    background: var(--card);
    border: 1px solid var(--rail-line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-lift);
    color: var(--ink);
}

.portfolio-topbar {
    display: flex;
    justify-content: space-between;
    gap: var(--space-lg);
    padding: var(--space-md) var(--space-xl);
    background: var(--subtle);
    border-bottom: 1px solid var(--line);
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.portfolio-kpis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--line);
}

.portfolio-kpis dl {
    margin: 0;
    padding: var(--space-lg) var(--space-xl);
    border-right: 1px solid var(--line);
}

.portfolio-kpis dl:last-child {
    border-right: 0;
}

.portfolio-kpis dt {
    color: var(--ink-muted);
    font-size: 0.6875rem;
}

.portfolio-kpis dd {
    margin: var(--space-xs) 0 0;
    font-family: var(--font-mono);
    font-size: 1.375rem;
}

.portfolio-table {
    padding: 0 var(--space-xl);
}

.portfolio-row {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) 7rem minmax(10rem, 1fr);
    gap: var(--space-lg);
    align-items: center;
    min-height: 4.25rem;
    border-bottom: 1px solid var(--line);
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.portfolio-row strong {
    color: var(--ink);
}

.portfolio-row-head {
    min-height: 2.75rem;
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.portfolio-window > p {
    padding: var(--space-md) var(--space-xl);
    color: var(--ink-muted);
    font-size: 0.6875rem;
}

.accountant-portfolio,
.accountant-channel,
.accountant-access,
.accountant-work,
.accountant-scope {
    padding: 5rem 0;
}

.accountant-channel,
.accountant-access,
.accountant-scope {
    background: var(--card);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.accountant-section-grid,
.accountant-scope-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(36rem, 1.28fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: start;
}

.accountant-section-grid header h2,
.accountant-scope h2,
.accountant-heading h2 {
    max-width: 18ch;
    margin-top: var(--space-md);
}

.accountant-section-grid header p,
.accountant-heading > p {
    max-width: 58ch;
    margin-top: var(--space-lg);
    color: var(--ink-muted);
}

.accountant-feature-list {
    display: grid;
}

.accountant-feature-list article {
    display: grid;
    grid-template-columns: 2rem minmax(11rem, 0.7fr) minmax(0, 1.3fr);
    gap: var(--space-lg);
    padding: var(--space-xl) 0;
    border-top: 1px solid var(--line);
}

.accountant-feature-list article > span,
.accountant-steps li > span {
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
}

.accountant-feature-list p,
.accountant-steps p {
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.accountant-heading {
    display: grid;
    grid-template-columns: minmax(0, 0.72fr) minmax(36rem, 1.28fr);
    gap: var(--space-xl) clamp(3rem, 7vw, 7rem);
    align-items: end;
}

.accountant-heading .kicker {
    grid-column: 1 / -1;
}

.accountant-heading h2,
.accountant-heading > p {
    margin-top: 0;
}

.accountant-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: var(--space-3xl) 0 0;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
    list-style: none;
}

.accountant-steps li {
    padding: var(--space-xl);
    border-right: 1px solid var(--line);
}

.accountant-steps li:last-child {
    border-right: 0;
}

.accountant-steps h3 {
    margin-top: var(--space-lg);
}

.accountant-steps p {
    margin-top: var(--space-md);
}

.accountant-boundaries {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.accountant-boundaries article {
    padding: var(--space-2xl);
}

.accountant-boundaries article:first-child {
    border-right: 1px solid var(--line);
}

.accountant-boundaries ul {
    display: grid;
    gap: var(--space-md);
    margin: var(--space-xl) 0 0;
    padding-left: var(--space-xl);
}

.accountant-boundaries li {
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.accountant-scope-grid > div > p {
    max-width: 62ch;
    color: var(--ink-muted);
}

.accountant-scope-grid > div > p + p {
    margin-top: var(--space-lg);
}

.accountant-scope-grid .btn {
    margin-top: var(--space-xl);
}

.trust-preview {
    padding: 4.5rem 0;
    background: var(--card);
    border-top: 1px solid var(--line);
}

.trust-preview-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(32rem, 1.2fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: center;
}

.trust-preview h2,
.trust-section-heading h2,
.trust-boundaries h2 {
    max-width: 20ch;
    margin-top: var(--space-md);
}

.trust-preview-copy > p,
.trust-section-heading > p {
    max-width: 62ch;
    margin-top: var(--space-lg);
    color: var(--ink-muted);
}

.trust-preview-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--line);
}

.trust-preview-summary div {
    min-width: 0;
    padding: var(--space-xl);
    border-right: 1px solid var(--line);
}

.trust-preview-summary div:last-child {
    border-right: 0;
}

.trust-preview-summary dt {
    color: var(--ink-muted);
    font-size: 0.6875rem;
}

.trust-preview-summary dd {
    margin: var(--space-sm) 0 0;
    font-family: var(--font-mono);
    font-size: 1.5rem;
    font-weight: 500;
}

.trust-preview-register {
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.trust-preview-controls article {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    gap: var(--space-lg);
    align-items: center;
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--line);
}

.trust-preview-controls h3 {
    font-size: 0.875rem;
}

.trust-preview-controls p {
    margin-top: var(--space-xs);
    color: var(--ink-muted);
    font-size: 0.75rem;
}

.trust-preview-link {
    display: inline-flex;
    margin: var(--space-lg) var(--space-xl);
    font-size: 0.8125rem;
    font-weight: 600;
}

.trust-hero {
    padding: 5rem 0;
    background: var(--card);
    border-bottom: 1px solid var(--line);
}

.trust-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(32rem, 1.14fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: end;
}

.trust-hero h1 {
    max-width: 13ch;
    margin-top: var(--space-lg);
}

.trust-hero .lead {
    max-width: 58ch;
    margin-top: var(--space-xl);
    color: var(--ink-muted);
}

.trust-status-legend {
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.trust-status-legend > div {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: var(--space-lg);
    align-items: center;
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--line);
}

.trust-status-legend > div:last-child {
    border-bottom: 0;
}

.trust-status-legend p {
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.trust-controls {
    padding: 5rem 0;
}

.trust-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 0.35fr) minmax(0, 0.65fr);
    gap: var(--space-xl) var(--space-3xl);
    align-items: end;
}

.trust-section-heading .kicker {
    grid-column: 1 / -1;
}

.trust-section-heading h2,
.trust-section-heading > p {
    margin-top: 0;
}

.trust-control-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    margin-top: var(--space-3xl);
}

.trust-control {
    display: flex;
    flex-direction: column;
    padding: var(--space-2xl);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

.trust-control > header {
    display: flex;
    justify-content: space-between;
    gap: var(--space-lg);
    align-items: center;
}

.trust-reference {
    color: var(--ink-light);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.06em;
}

.trust-control h3 {
    margin-top: var(--space-xl);
    font-size: 1.375rem;
}

.trust-claim {
    max-width: 58ch;
    margin-top: var(--space-md);
    color: var(--ink-muted);
}

.trust-evidence {
    display: grid;
    gap: var(--space-md);
    margin: auto 0 0;
    padding-top: var(--space-xl);
}

.trust-evidence div {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr);
    gap: var(--space-md);
    padding-top: var(--space-md);
    border-top: 1px solid var(--line);
}

.trust-evidence dt {
    color: var(--ink-light);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.trust-evidence dd {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.8125rem;
}

.trust-boundaries {
    padding: 5rem 0;
    background: var(--card);
    border-top: 1px solid var(--line);
}

.trust-boundaries-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(32rem, 1.2fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: start;
}

.trust-boundaries ul {
    display: grid;
    gap: var(--space-lg);
    margin: 0;
    padding: 0;
    list-style: none;
}

.trust-boundaries li {
    position: relative;
    padding: 0 0 var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--line);
    color: var(--ink-muted);
}

.trust-boundaries li::before {
    content: '';
    position: absolute;
    top: 0.55rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid var(--caution-solid);
    transform: rotate(45deg);
}

.legal {
    padding: 4rem 0 5rem;
}

.legal .container {
    max-width: 46rem;
}

.legal-wide .container {
    max-width: 72rem;
}

.legal-wide > .container > h1,
.legal-wide > .container > h2,
.legal-wide > .container > p,
.legal-wide > .container > ul,
.legal-wide > .container > .legal-status {
    max-width: 46rem;
}

.legal-status {
    margin-top: var(--space-2xl);
    padding: var(--space-xl);
    background: var(--caution-bg);
    border: 1px solid var(--caution-line);
    border-radius: var(--radius-card);
}

.legal-status p {
    margin-top: var(--space-md);
    color: var(--caution);
    font-size: 0.875rem;
}

.legal-table-wrap {
    overflow-x: auto;
    margin-top: var(--space-xl);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
}

.legal-table {
    width: 100%;
    min-width: 50rem;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.legal-table th,
.legal-table td {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--line);
    color: var(--ink-muted);
    text-align: left;
    vertical-align: top;
}

.legal-table thead th {
    background: var(--subtle);
    color: var(--ink-light);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.legal-table tbody th {
    color: var(--ink);
    font-weight: 600;
}

.legal-table tr:last-child th,
.legal-table tr:last-child td {
    border-bottom: 0;
}

.legal h2 {
    margin: var(--space-3xl) 0 var(--space-md);
    font-size: 1.375rem;
}

.legal p,
.legal li {
    margin-top: var(--space-md);
    color: var(--ink-muted);
}

.legal ul {
    padding-left: 1.25rem;
}

.breadcrumb-bar {
    background: var(--surface);
    border-bottom: 1px solid var(--line);
}

.breadcrumb-bar .container {
    display: flex;
    gap: var(--space-sm);
    align-items: center;
    min-height: 2.75rem;
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
}

.content-hero,
.content-section,
.content-faq,
.related-section {
    padding: 5.5rem 0;
    border-bottom: 1px solid var(--line);
}

.content-hero {
    background: var(--card);
}

.content-hero-grid,
.content-section-grid,
.content-faq-grid {
    display: grid;
    grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(3rem, 8vw, 8rem);
    align-items: start;
}

.content-hero h1 {
    max-width: 14ch;
    margin-top: var(--space-lg);
    font-size: clamp(2.75rem, 5vw, 4.5rem);
}

.content-hero .lead,
.content-section header > p {
    max-width: 58ch;
    margin-top: var(--space-xl);
}

.content-hero-actions {
    margin-top: var(--space-2xl);
}

.content-summary,
.content-points,
.content-faq-grid > div {
    border-top: 1px solid var(--line-strong);
}

.content-summary article,
.content-points article,
.content-faq article {
    padding: var(--space-xl) 0;
    border-bottom: 1px solid var(--line-strong);
}

.content-summary article {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--space-xl);
}

.content-summary h2,
.content-section h2,
.content-faq h2 {
    max-width: 16ch;
    margin-top: var(--space-lg);
}

.content-summary h2,
.content-points h3,
.content-faq h3 {
    font-size: 1.0625rem;
}

.content-summary p,
.content-points p,
.content-faq p {
    margin-top: var(--space-sm);
    color: var(--ink-muted);
    font-size: 0.875rem;
}

.content-section-subtle {
    background: var(--subtle);
}

.content-points article {
    display: grid;
    grid-template-columns: minmax(10rem, 0.75fr) minmax(0, 1.25fr);
    gap: var(--space-xl);
}

.content-state {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    margin-top: var(--space-xl);
}

.related-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
}

.related-links a {
    display: grid;
    gap: var(--space-sm);
    padding: var(--space-xl);
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius-card);
    color: var(--ink);
    text-decoration: none;
}

.related-links a span {
    color: var(--brand-700);
    font-size: 0.8125rem;
}

.related-links a:hover {
    border-color: var(--brand-600);
}

@media (max-width: 1080px) {
    .hero-grid {
        grid-template-columns: 0.8fr 1.2fr;
        gap: var(--space-2xl);
    }

    .product-shell {
        grid-template-columns: 7rem minmax(0, 1fr);
    }

    .story-grid,
    .product-story-grid {
        gap: 3.5rem;
    }

    .plan-row-trial {
        grid-template-columns: 1fr;
        grid-template-areas:
            "heading"
            "meta"
            "benefit"
            "caps";
        gap: var(--space-md);
    }

    .catalog-section .story-copy {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    .catalog-section .story-copy .kicker,
    .catalog-section .story-copy h2,
    .catalog-section .story-copy .lead {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .hero {
        padding-top: 2.5rem;
    }

    .hero-grid,
    .story-grid,
    .audience-layout,
    .outcomes-layout,
    .implementation-layout,
    .integrations-layout,
    .pilot-layout,
    .catalog-layout,
    .product-story-grid,
    .ai-layout,
    .accountant-hero-grid,
    .accountant-section-grid,
.accountant-scope-grid,
    .trust-preview-grid,
    .trust-hero-grid,
    .trust-boundaries-grid {
        grid-template-columns: 1fr;
    }

    .content-hero-grid,
    .content-section-grid,
    .content-faq-grid {
        grid-template-columns: 1fr;
    }

    .hero h1 {
        max-width: 13ch;
    }

    .product-window-hero {
        width: 100%;
    }

    .proof-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .proof-grid > div:nth-child(3) {
        border-top: 1px solid var(--line);
    }

    .proof-grid > div:nth-child(4) {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
    }

    .story-copy h2 {
        max-width: 18ch;
    }

    .ai-example {
        padding: var(--space-2xl);
    }

    .ai-intro-grid,
    .ai-example-body,
    .implementation-heading {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .implementation-heading .lead {
        grid-column: 1;
        grid-row: auto;
    }

    .ai-principles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ai-principles li,
    .ai-principles li:first-child,
    .ai-principles li:last-child {
        padding: var(--space-lg);
        border-right: 1px solid var(--ai-line);
        border-bottom: 1px solid var(--ai-line);
    }

    .ai-principles li:nth-child(3n),
    .ai-principles li:last-child {
        border-right: 0;
    }

    .ai-principles li:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .implementation-journey {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .implementation-journey article,
    .implementation-journey article:first-child,
    .implementation-journey article:last-child {
        padding: var(--space-xl);
    }

    .implementation-journey article:nth-child(2n) {
        border-right: 0;
    }

    .implementation-journey article:nth-child(-n + 2) {
        border-bottom: 1px solid var(--line-strong);
    }

    .implementation-next {
        grid-template-columns: 1fr 1fr;
    }

    .implementation-next > p {
        grid-column: 1 / -1;
    }

    .implementation-next > div:first-of-type {
        padding-left: 0;
        border-left: 0;
    }

    .trust-control-grid {
        grid-template-columns: 1fr;
    }

    .accountant-heading {
        grid-template-columns: 1fr;
    }

    .accountant-heading .kicker {
        grid-column: auto;
    }

    .accountant-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .accountant-steps li:nth-child(2) {
        border-right: 0;
    }

    .accountant-steps li:nth-child(-n + 2) {
        border-bottom: 1px solid var(--line);
    }

    .audience-grid article {
        grid-template-columns: auto minmax(10rem, 0.7fr) minmax(0, 1.3fr);
    }
}

@media (max-width: 780px) {
    .hamburger {
        display: flex;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: var(--topbar);
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-md);
        margin: 0;
        padding: var(--space-lg) var(--page-gutter);
        background: var(--card);
        border-bottom: 1px solid var(--line);
    }

    .navbar-dark .nav-links {
        background: var(--rail);
        border-bottom-color: rgba(250, 249, 247, 0.12);
    }

    .nav-links.open {
        display: flex;
    }

    .navbar-inner {
        justify-content: space-between;
    }

    .nav-actions {
        margin-left: auto;
    }

    .story-section,
    .audience-section,
    .product-story,
    .outcomes-section,
    .implementation-section,
    .integrations-section,
    .pilot-section,
    .catalog-section {
        padding: 4.5rem 0;
    }

    .ai-section {
        padding: 4.5rem 0;
    }

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

    .flow-before {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .ai-principles,
    .ai-decision-states,
    .implementation-journey,
    .implementation-next {
        grid-template-columns: 1fr;
    }

    .ai-principles li,
    .ai-principles li:first-child,
    .ai-principles li:last-child,
    .ai-principles li:nth-child(3n) {
        padding: var(--space-lg) 0;
        border-right: 0;
        border-bottom: 1px solid var(--ai-line);
    }

    .ai-principles li:last-child {
        border-bottom: 0;
    }

    .implementation-journey article,
    .implementation-journey article:first-child,
    .implementation-journey article:last-child,
    .implementation-journey article:nth-child(2n) {
        padding: var(--space-xl) 0;
        border-right: 0;
        border-bottom: 1px solid var(--line-strong);
    }

    .implementation-journey article:last-child {
        border-bottom: 0;
    }

    .implementation-next > p {
        grid-column: auto;
    }

    .implementation-next > div,
    .implementation-next > div:first-of-type {
        padding: var(--space-lg) 0 0;
        border-top: 1px solid var(--line);
        border-left: 0;
    }

    .integration-grid {
        grid-template-columns: 1fr;
    }

    .integration-card-wide {
        grid-column: auto;
    }

    .integration-platform-callout {
        grid-template-columns: 1fr;
    }

    .module-catalog-heading {
        display: none;
    }

    .module-row {
        grid-template-columns: minmax(7.5rem, 0.6fr) minmax(0, 1.4fr);
    }

    .module-availability {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-lg);
    }

    .ai-agent-grid {
        grid-template-columns: 1fr;
    }

    .ai-agent-card-wide {
        grid-column: auto;
    }

    .ai-agent-card-wide .ai-agent-limits ul {
        grid-template-columns: 1fr;
        gap: var(--space-sm);
    }

    .trust-section-heading,
    .trust-preview-summary {
        grid-template-columns: 1fr;
    }

    .accountant-feature-list article,
    .accountant-boundaries,
    .portfolio-row {
        grid-template-columns: 1fr;
    }

    .accountant-boundaries article:first-child {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .portfolio-row {
        gap: var(--space-sm);
        padding: var(--space-md) 0;
    }

    .portfolio-row-head {
        display: none;
    }

    .trust-section-heading .kicker {
        grid-column: auto;
    }

    .trust-preview-summary div {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .trust-preview-summary div:last-child {
        border-bottom: 0;
    }

    .related-links {
        grid-template-columns: 1fr;
    }

    .cta-layout,
    .footer-compact {
        grid-template-columns: 1fr;
    }

    .cta-layout .btn {
        justify-self: start;
    }

    .consent-banner {
        grid-template-columns: 1fr;
    }

    .footer-links {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    :root {
        --page-gutter: 16px;
    }

    .nav-login {
        display: none;
    }

    .trust-status-legend > div,
    .trust-evidence div {
        grid-template-columns: 1fr;
    }

    .trust-preview-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .trust-preview-summary div,
    .trust-preview-summary div:last-child {
        padding: var(--space-md);
        border-right: 1px solid var(--line);
        border-bottom: 0;
    }

    .trust-preview-summary div:last-child {
        border-right: 0;
    }

    .trust-preview-summary dt {
        font-size: 0.5625rem;
        line-height: 1.35;
    }

    .trust-preview-summary dd {
        font-size: 1.25rem;
    }

    .integration-status-preview > div,
    .trust-preview-controls article {
        grid-template-columns: 1fr;
        gap: var(--space-sm);
        align-items: start;
    }

    .integration-status-preview > div > strong {
        text-align: left;
    }

    .trust-preview-controls .badge {
        justify-self: start;
    }

    .hero h1 {
        font-size: clamp(2.75rem, 14vw, 4rem);
    }

    .product-window-hero {
        overflow-x: hidden;
    }

    .product-shell {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .content-points article {
        grid-template-columns: 1fr;
        gap: var(--space-sm);
    }

    .product-rail {
        display: none;
    }

    .product-topbar {
        grid-template-columns: 1fr auto;
        min-width: 0;
    }

    .product-topbar > span:nth-child(2) {
        display: none;
    }

    .proof-grid,
    .connected-flow,
    .screen-grid,
    .metric-row,
    .ai-evidence {
        grid-template-columns: 1fr;
    }

    .ai-evidence div,
    .ai-evidence div:first-child,
    .ai-evidence div:last-child {
        padding: var(--space-md) 0;
        border-right: 0;
        border-bottom: 1px solid var(--ai-line);
    }

    .ai-evidence div:last-child {
        border-bottom: 0;
    }

    .proof-grid > div,
    .proof-grid > div:nth-child(2) {
        border-top: 1px solid var(--line);
        border-right: 1px solid var(--line);
    }

    .proof-grid > div:first-child {
        border-top: 0;
    }

    .workflow-track {
        grid-template-columns: repeat(2, 1fr);
    }

    .source-cloud {
        grid-template-columns: 1fr;
    }

    .audience-grid article {
        grid-template-columns: auto 1fr;
        gap: var(--space-sm) var(--space-md);
    }

    .audience-grid p {
        grid-column: 2;
    }

    .audience-grid .audience-link {
        grid-column: 2;
    }

    .closing-screen {
        overflow-x: auto;
        padding: var(--space-md);
    }

    .mock-table {
        min-width: 0;
    }

    .closing-summary {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .closing-summary .badge {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .mock-table th:nth-child(2),
    .mock-table td:nth-child(2) {
        display: none;
    }

    .catalog-plan-heading,
    .catalog-disclosure summary,
    .integration-disclosure summary {
        grid-template-columns: 1fr;
        gap: var(--space-xs);
    }

    .integration-disclosure summary small {
        text-align: left;
    }

    .plan-row {
        padding: var(--space-lg);
    }

    .plan-rows {
        grid-template-columns: 1fr;
    }

    .plan-row-trial {
        grid-template-columns: 1fr;
        grid-template-areas:
            "heading"
            "meta"
            "benefit"
            "caps";
    }

    .ai-example {
        padding: var(--space-xl);
    }

    .ai-example-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-evidence {
        grid-template-columns: 1fr;
    }

    .ai-evidence div,
    .ai-evidence div:first-child,
    .ai-evidence div:last-child {
        padding: var(--space-md) 0;
        border-right: 0;
        border-bottom: 1px solid var(--ai-line);
    }

    .ai-evidence div:last-child {
        border-bottom: 0;
    }

    .cta-layout .btn,
    .hero-actions .btn {
        width: 100%;
    }

    .lead-form {
        padding: var(--space-lg);
    }

    .lead-form-grid {
        grid-template-columns: 1fr;
    }

    .lead-form-wide {
        grid-column: auto;
    }

    .consent-actions,
    .consent-actions .btn {
        width: 100%;
    }

    .footer-links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Commercial hierarchy: compact the supporting material and keep the proof readable. */
body[data-qd-surface="home"] .audience-section,
body[data-qd-surface="home"] .story-section,
body[data-qd-surface="home"] .product-story,
body[data-qd-surface="home"] .outcomes-section,
body[data-qd-surface="home"] .ai-section,
body[data-qd-surface="home"] .implementation-section,
body[data-qd-surface="home"] .integrations-section,
body[data-qd-surface="home"] .catalog-section,
body[data-qd-surface="home"] .trust-preview {
    padding: clamp(2.5rem, 4vw, 4rem) 0;
}

body[data-qd-surface="home"] .pilot-section,
body[data-qd-surface="home"] .principle-band {
    padding: 2rem 0;
}

.principle-band p { font-size: clamp(1.5rem, 3vw, 2.25rem); }

.ai-commercial-note,
.ai-principles li,
.ai-assistant-scope span {
    border-color: var(--line);
}

.ai-principles li > span,
.ai-assistant-scope span { color: var(--ink-muted); }

.ai-case .ai-example { box-shadow: none; }
.ai-case .ai-proposal-copy { padding-left: var(--space-lg); border-left: 3px solid var(--ai); }
.outcome-groups a { display: inline-block; margin-top: var(--space-md); font-size: 0.8125rem; }
.trust-preview-register { display: flex; flex-direction: column; }
.trust-preview-controls { order: -1; }
.lead-form .lead-form-note { color: var(--ink-muted); }

@media (max-width: 800px) {
    .ai-next-step { align-items: flex-start; flex-direction: column; }
    .ai-case summary { gap: var(--space-sm); }
    .ai-case .ai-example { padding: var(--space-lg); gap: var(--space-xl); }
    .ai-case .ai-example-heading { flex-wrap: wrap; }
    .consent-banner { padding: var(--space-md); gap: var(--space-sm); }
    .consent-banner p { font-size: 0.75rem; }
    .consent-banner .consent-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    .consent-banner .consent-actions .btn { font-size: 0.75rem; min-height: 44px; padding: 0.5rem; width: 100%; }
}

@media (max-width: 900px) {
    .audience-layout { row-gap: var(--space-2xl); }
    .ai-layout { gap: var(--space-xl); }
    .ai-copy { gap: var(--space-lg); }
    .ai-principles { grid-template-columns: 1fr; }
    .ai-principles li:nth-child(n) {
        display: grid;
        grid-template-columns: 1.5rem minmax(0, 1fr);
        gap: var(--space-md);
        padding: var(--space-md) 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }
    .ai-principles li:last-child { border-bottom: 0; }
    .ai-principles li > span,
    .ai-principles li p { margin: 0; }
}

@media (max-width: 560px) {
    .navbar-inner { gap: var(--space-md); justify-content: space-between; }
    .cta-section { padding: 2.5rem 0; }
    .cta-layout { gap: var(--space-xl); }
    .nav-actions { gap: var(--space-md); }
    .nav-actions .nav-login { display: inline-flex; align-items: center; min-height: 44px; font-size: 0.75rem; }
    .navbar .brand-lockup { flex-shrink: 0; }
    .audience-grid-routes article { grid-template-columns: 2rem minmax(0, 1fr); }
    .audience-grid-routes article > div { grid-column: 2; }
    .audience-grid-routes article > h3 { grid-column: 2; }
    .work-comparison article p,
    .work-comparison-heading span { padding: var(--space-md) var(--space-sm); }
    .work-comparison article p { font-size: 0.8125rem; }
    .ai-case-action { font-size: 0.75rem; }
    .ai-case .ai-evidence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ai-case .ai-evidence div { padding: var(--space-md) var(--space-sm); }
    .ai-case .ai-evidence dd { overflow-wrap: anywhere; }
    .plan-benefit { font-size: 0.875rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}

/* NIV-1712 · Dirección editorial: documento, evidencia y decisión.
   La tinta, los estados del producto y el foco azul conservan su función. */
.direction-three-page .navbar { border-bottom-color: var(--line); }
.direction-three-page .nav-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--space-lg);
    border: 1px solid var(--ink);
    border-radius: var(--radius-input);
    background: var(--ink);
    color: var(--surface);
    font-weight: 500;
    white-space: nowrap;
}
.direction-three-page .nav-login:hover { background: var(--terminal); color: var(--surface); }
.direction-three-page a:not(.btn):not(.brand-lockup):not(.nav-login) { text-underline-offset: 0.2em; }
.direction-three-page :is(.audience-link, .integration-catalog-link, .integration-summary-action, .trust-preview-link, .trust-register-detail summary, .ai-case-action, .lead-form a, .related-links a span) { color: var(--mk-green); }
.direction-three-page .outcome-number { color: var(--mk-green); }
.direction-three-page .direction-hero,
.direction-three-page .marketing-hero {
    padding: 64px 0 48px;
    background: var(--surface);
    color: var(--ink);
}
.direction-three-page .direction-hero .hero-copy,
.direction-three-page .marketing-hero :is(.content-hero-grid, .accountant-hero-grid, .trust-hero-grid) {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2xl);
}
.direction-three-page .direction-hero .hero-copy,
.direction-three-page .marketing-hero header { text-align: center; }
.direction-three-page .direction-hero h1,
.direction-three-page .marketing-hero h1 {
    max-width: 22ch;
    margin: var(--space-lg) auto 0;
    font-size: clamp(3rem, 5vw, 4rem);
    line-height: 1.07;
}
.direction-three-page .direction-hero h1 { max-width: 18ch; }
.direction-three-page .direction-hero .hero-sub,
.direction-three-page .marketing-hero :is(.lead, header > p) {
    max-width: 64ch;
    margin: var(--space-xl) auto 0;
    color: var(--ink-muted);
    font-size: 1.125rem;
}
.direction-three-page .direction-hero .hero-actions { justify-content: center; }
.direction-three-page .direction-hero .hero-note,
.direction-three-page .marketing-hero header > small { max-width: none; color: var(--ink-muted); }
.direction-three-page .marketing-hero .kicker { color: var(--ink-muted); }
.direction-three-page .marketing-hero .btn-on-dark { color: var(--surface); background: var(--ink); border-color: var(--ink); }
.direction-three-page .marketing-hero .btn-on-dark:hover { background: var(--terminal); }
.direction-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2xl);
    padding: 0;
    margin: 48px 0 0;
    list-style: none;
    text-align: left;
}
.direction-flow-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.direction-flow-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.direction-step { display: flex; flex-direction: column; min-width: 0; }
.direction-step-number {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    color: var(--mk-green);
    font-family: var(--font-mono);
    font-size: 1.125rem;
}
.direction-step-number::after { content: ''; flex: 1; height: 1px; background: var(--mk-sprout); }
.direction-step > :is(h2, h3) { margin: var(--space-sm) 0; font-size: 1.25rem; }
.direction-step > p { color: var(--ink-muted); font-size: 1rem; margin-bottom: var(--space-lg); }
.direction-step-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    flex: 1;
    min-width: 0;
    padding: var(--space-xl);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-card);
    background: var(--card);
    color: var(--ink);
    text-align: left;
}
.direction-step-card p { color: var(--ink-muted); font-size: 1rem; }
.direction-step-card a { margin-top: auto; font-weight: 500; }
.ai-direction-card { border-color: var(--ai-line); background: var(--ai-bg); }
.ai-direction-card > strong { color: var(--ai); }
.direction-document { margin: 0; display: grid; gap: var(--space-lg); }
.direction-document dt { color: var(--ink-muted); font-size: 0.875rem; }
.direction-document dd { margin: 4px 0 0; }
.direction-document .mono { font-size: 1.5rem; font-weight: 500; }
.direction-flow-note { margin: var(--space-xl) 0 0; color: var(--ink-muted); text-align: center; font-family: var(--font-mono); font-size: 0.75rem; }
.direction-overview { margin-top: var(--space-2xl); }
.direction-overview .product-figure { margin-bottom: var(--space-xl); }
.direction-three-page[data-qd-surface="home"] :is(.audience-section, .story-section, .product-story, .outcomes-section, .ai-section, .implementation-section, .integrations-section, .catalog-section, .trust-preview, .home-faq) { padding: 64px 0; }
.direction-three-page .audience-layout { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 48px; }
.direction-three-page .audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 0; gap: var(--space-xl); }
.direction-three-page .audience-grid article { display: flex; flex-direction: column; gap: var(--space-md); align-items: stretch; border: 0; border-left: 1px solid var(--line-strong); padding: 0 0 0 var(--space-xl); }
.direction-three-page .audience-grid h3 { font-size: 1.25rem; }
.direction-three-page .audience-grid p { font-size: 1rem; }
.direction-three-page .story-copy h2 { max-width: 22ch; }
.direction-three-page :is(.content-section, .content-faq, .related-section, .accountant-section) { padding-block: 64px; }
.direction-three-page :is(.content-points p, .content-summary p, .content-faq p, .work-comparison article p) { font-size: 1rem; }
.direction-three-page .catalog-section .story-copy { display: block; max-width: 72ch; }
.direction-three-page .catalog-section .story-copy :is(h2, .lead) { max-width: none; margin-top: var(--space-lg); }
.direction-three-page .catalog-plan-heading { padding-bottom: var(--space-lg); }
.plan-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 44px;
    height: 44px;
    background: var(--mk-green-bg);
    border: 1px solid var(--mk-green);
    border-radius: var(--radius-input);
    color: var(--mk-green);
}
.direction-three-page .plan-row-trial { margin-bottom: var(--space-xl); border-color: var(--mk-sprout); box-shadow: none; }
.direction-three-page .plan-row-trial .plan-card-title { justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.plan-comparison-wrap { overflow-x: auto; border: 1px solid var(--line-strong); border-radius: var(--radius-card); background: var(--card); }
.plan-comparison { width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 850px; }
.plan-comparison caption { padding: var(--space-lg) var(--space-xl); text-align: left; font-weight: 600; font-size: 1.125rem; background: var(--surface); }
.plan-comparison th, .plan-comparison td { padding: var(--space-lg); vertical-align: middle; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 1rem; }
.plan-comparison th { text-align: left; font-weight: 500; }
.plan-comparison thead th { background: var(--mk-green-bg); border-bottom: 2px solid var(--mk-green); }
.plan-comparison thead th:first-child { background: var(--surface); }
.plan-comparison thead th:not(:first-child) { text-align: center; }
.plan-comparison thead :is(strong, span:not(.plan-icon)) { display: block; margin-top: var(--space-sm); }
.plan-comparison thead strong { font-size: 1.25rem; font-weight: 600; }
.plan-comparison thead span:not(.plan-icon) { color: var(--ink-muted); font-size: 0.875rem; }
.plan-comparison .plan-icon { margin: 0 auto; }
.plan-comparison tbody td { text-align: center; color: var(--ink-muted); }
.plan-comparison :is(th, td):last-child { border-right: 0; }
.plan-comparison tbody tr:last-child > * { border-bottom: 0; }
.plan-comparison-note { padding: var(--space-lg) 0; color: var(--ink-muted); }
.plan-comparison-actions { display: flex; justify-content: center; margin: var(--space-lg) 0; }
.direction-three-page .plan-full-scope .plan-row { box-shadow: none; }
.direction-three-page .plan-full-scope .plan-card-title { display: flex; flex-direction: column; align-items: start; }
.direction-three-page .catalog-disclosure > summary::after { content: '+'; font-family: var(--font-mono); color: var(--mk-green); }
.direction-three-page .catalog-disclosure[open] > summary::after { content: '−'; }
.direction-three-page .catalog-disclosure > summary { grid-template-columns: 1fr auto auto; }
.home-faq { border-top: 1px solid var(--line); }
.home-faq .story-copy { margin-bottom: var(--space-xl); }
.faq-item { border-top: 1px solid var(--line-strong); }
.faq-item:last-child { border-bottom: 1px solid var(--line-strong); }
.faq-item summary { cursor: pointer; padding: var(--space-xl) 0; font-size: 1.125rem; font-weight: 500; }
.faq-item p { max-width: 72ch; margin-bottom: var(--space-xl); color: var(--ink-muted); font-size: 1rem; }
.direction-three-page .legal { padding: 48px 0 80px; }
.direction-three-page .legal > .container { max-width: var(--content-max); }
.legal-intro { margin: 0 0 48px; max-width: 78ch; }
.legal-intro h1 { max-width: 24ch; font-size: clamp(2.5rem, 4vw, 3rem); }
.legal-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: start; }
.legal-toc { position: sticky; top: calc(var(--topbar) + 24px); border-top: 2px solid var(--mk-green); padding-top: var(--space-lg); }
@media (min-width: 801px) {
    .legal-toc { max-height: calc(100vh - var(--topbar) - 48px); overflow-y: auto; padding-right: var(--space-sm); }
}
.legal-toc strong { display: block; margin-bottom: var(--space-lg); }
.legal-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-md); }
.legal-toc a { display: block; font-size: 0.875rem; }
.legal-content { min-width: 0; }
.legal-content > :is(p, ul, h2) { max-width: 70ch; }
.direction-three-page .legal-content h2 { margin-top: 48px; font-size: 1.5rem; }
.direction-three-page .legal-content h2:first-child { margin-top: 0; }
.direction-three-page .legal :is(h1, h2) { scroll-margin-top: calc(var(--topbar) + 24px); }
.direction-three-page .legal :is(p, li) { font-size: 1rem; }
.direction-three-page .legal-table { min-width: 620px; font-size: 1rem; }
.direction-three-page .legal-table-wrap { max-width: 100%; }
.trust-status-section { padding: 0 0 48px; border-bottom: 1px solid var(--line); }
.trust-status-section .trust-status-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.trust-status-section .trust-status-legend > div { padding: var(--space-xl); border: 0; border-bottom: 1px solid var(--line); }
.direction-three-page .trust-register-grid { grid-template-columns: 1fr; gap: var(--space-lg); margin-top: var(--space-2xl); }
.direction-three-page .trust-register-grid .trust-control { padding: var(--space-xl); box-shadow: none; }
.direction-three-page .trust-register-grid .trust-control h3 { margin-top: var(--space-lg); }
.direction-three-page .trust-register-grid .trust-register-detail { margin-top: var(--space-lg); }
.direction-three-page .trust-register-grid .trust-register-detail summary { padding: var(--space-md) 0; }
.direction-three-page .trust-register-grid .trust-evidence { margin-top: 0; padding-top: 0; }
.direction-three-page :is(.trust-reference, .trust-evidence dt) { color: var(--ink-muted); }
.lead-field-error { display: block; color: var(--negative); font-size: 0.875rem; font-weight: 400; margin-top: var(--space-xs); }
.lead-form [aria-invalid="true"] { border-color: var(--negative); }
.direction-three-page .lead-form small { color: var(--ink-muted); }
@media (max-width: 1100px) {
    .direction-flow-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .direction-flow-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .legal-layout { grid-template-columns: 210px minmax(0, 1fr); gap: var(--space-2xl); }
    .direction-three-page .nav-links { gap: var(--space-lg); }
}
@media (max-width: 800px) {
    .direction-flow, .direction-flow-4, .direction-flow-5 { grid-template-columns: 1fr; gap: var(--space-xl); }
    .direction-three-page .direction-hero, .direction-three-page .marketing-hero { padding: 40px 0; }
    .direction-three-page .audience-layout, .direction-three-page .audience-grid { grid-template-columns: 1fr; }
    .legal-layout { grid-template-columns: 1fr; }
    .legal-toc { position: static; }
    .trust-status-section .trust-status-legend { grid-template-columns: 1fr; }
    .direction-three-page .catalog-disclosure > summary { grid-template-columns: 1fr auto; }
    .direction-three-page .catalog-disclosure > summary small { grid-column: 1; }
    .direction-three-page .catalog-disclosure > summary::after { grid-column: 2; grid-row: 1 / 3; }
    .direction-three-page .ai-demo-actions { display: flex; }
}
.direction-three-page .marketing-hero .marketing-hero-heading { text-align: center; max-width: none; }
.direction-three-page .marketing-hero .marketing-hero-heading .btn { margin-top: var(--space-xl); }
.direction-three-page .marketing-hero .hero-actions { justify-content: center; }
.direction-three-page .marketing-hero .trust-hero-grid .trust-hero-actions { margin-inline: auto; }
.ai-proposal-card { border-color: var(--ai-line); background: var(--ai-bg); }
.ai-proposal-card > strong { color: var(--ai); }
.direction-table-wrap { overflow-x: auto; border: 1px solid var(--line-strong); border-radius: var(--radius-input); }
.direction-table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 1rem; }
.direction-table caption { text-align: left; padding: var(--space-lg); color: var(--ink-muted); font-size: 0.875rem; }
.direction-table :is(th, td) { padding: var(--space-md) var(--space-lg); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.direction-table th { background: var(--subtle); font-weight: 500; }
.direction-table tr:last-child td { border-bottom: 0; }
.page-index { display: flex; align-items: center; gap: var(--space-xl); flex-wrap: wrap; padding: var(--space-lg) 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: var(--space-2xl) 0; }
.page-index strong { color: var(--ink-muted); font-family: var(--font-mono); font-size: 0.875rem; }
.trust-reviewed { display: block; margin-top: var(--space-lg); font-size: 0.875rem; color: var(--ink-muted); }
.legal-toc a[aria-current="location"] { font-weight: 600; text-decoration: underline; }
.lead-error-action { white-space: normal; margin-top: var(--space-sm); padding-inline: 0; display: flex; color: var(--negative); }
.direction-three-page .lead-form .lead-field-error { color: var(--negative); }
.direction-three-page .portfolio-row-selected { background: var(--brand-50); border-color: var(--brand-200); }
.direction-three-page .portfolio-row-selected strong small { display: block; font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: var(--brand-700); margin-top: var(--space-xs); }
.direction-three-page .consent-banner a { color: var(--mk-green); }
.direction-three-page .catalog-disclosure .product-window-hero { max-width: 900px; margin-inline: auto; }