/* The blue identity on document, resource, account and reference pages. */
:root {
  --inner-blue: #2155E8;
  --inner-navy: #142C4B;
  --inner-muted: #53647C;
  --inner-surface: #F2F6FC;
  --inner-pale: #E8F0FF;
  --inner-line: #D9E3F2;
}

/* Content pages open with their subject, then the evidence. */
.page-hero, .resource-hero { padding: 28px 0 50px; background: #FFFFFF; }
.page-hero h1, .resource-hero h1, .model-detail-main .guide-heading h1 {
  margin-top: 0;
  color: var(--inner-navy);
  font-size: clamp(34px, 8.8vw, 44px);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.page-intro, .resource-hero-grid > div, .guide-heading { min-width: 0; }
.page-lead, .page-intro > p:not(.eyebrow),
.resource-hero-grid > div > p:not(.eyebrow), .model-detail-main .guide-heading .page-lead {
  max-width: 58ch;
  margin-top: 22px;
  color: var(--inner-muted);
  font-size: 17px;
  line-height: 1.65;
}
.page-actions { align-items: center; gap: 12px 22px; margin-top: 26px; }
.page-actions .text-link { min-height: 44px; color: var(--inner-blue); }
.breadcrumbs { margin-bottom: 30px; color: var(--inner-muted); font-size: 13px; }
.breadcrumbs a, .breadcrumbs [aria-current], .breadcrumbs > span[aria-hidden] { color: var(--inner-muted); }
.breadcrumbs a:hover { color: var(--inner-blue); }
.hero-facts { gap: 8px 20px; margin-top: 24px; border: 0; color: var(--inner-muted); font-size: 13px; }
.hero-facts > span { padding: 0; border: 0; border-radius: 0; background: transparent; }
.hero-facts > span::before { background: var(--inner-blue); }
.page-hero-grid, .resource-hero-grid, .stage-grid, .story-grid { gap: 36px; }
.page-hero-grid .editorial-photo img, .editorial-photo img { border-radius: 12px; background: var(--inner-surface); }
.editorial-photo figcaption { color: var(--inner-muted); font-size: 12px; }
.related-section, .editorial-story { background: var(--inner-surface); }
.page-section, .resource-reading, .article-body { color: var(--inner-navy); }
.article-body p, .article-body li { color: var(--inner-muted); font-size: 16px; line-height: 1.8; }
.article-body h2, .article-body h3, .reading-nav > strong, .checklist-card h2,
.stage-grid h2, .story-grid h2 { color: var(--inner-navy); font-weight: 650; letter-spacing: -.025em; }
.article-body h2 { margin-top: 44px; }
.article-body h3 { margin-top: 28px; }
.article-body h2 + p, .article-body h3 + p { margin-top: 14px; }
.reading-nav, .checklist-card {
  padding: 25px 0;
  border: 0;
  border-top: 1px solid var(--inner-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.reading-nav a, .reading-nav li, .checklist-card li, .checklist-card ul + p { color: var(--inner-muted); }
.reading-nav a:hover { color: var(--inner-blue); }
.checklist-card li, .checklist-card ul + p { border-color: var(--inner-line); }
.checklist-card li::before { color: var(--inner-blue); }
.comparison-table, .comparison-table td, .comparison-table th { border-color: var(--inner-line); }
.comparison-table th { background: var(--inner-pale); color: var(--inner-navy); }
.comparison-table td, .comparison-table caption { color: var(--inner-muted); }
.comparison-table tbody th { background: #FFFFFF; }

/* Resource links read as a directory, rather than another grid of boxes. */
.resource-grid, .benefits-grid { gap: 0 30px; }
.resource-card, .benefit-card {
  min-height: 0;
  padding: 28px 0;
  border: 0;
  border-top: 1px solid var(--inner-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.resource-card:hover { border-color: var(--inner-blue); transform: none; background: transparent; box-shadow: none; }
.resource-card .resource-icon { width: 36px; height: 36px; padding: 0; border: 0; border-radius: 0; background: none; color: var(--inner-blue); }
.resource-card h3 { margin-top: 16px; color: var(--inner-navy); font-size: 24px; font-weight: 650; line-height: 1.25; }
.resource-card > p, .benefit-card p { color: var(--inner-muted); font-size: 16px; line-height: 1.7; }
.resource-card > .text-link { color: var(--inner-blue); font-size: 15px; }
.benefit-card h2 { color: var(--inner-navy); font-size: 23px; font-weight: 650; line-height: 1.3; }
.benefit-card > svg { color: var(--inner-blue); }
.resource-number, .benefit-card > span:first-child, .article-number { color: var(--inner-muted); }
.process-summary { gap: 0; border-block: 1px solid var(--inner-line); }
.process-summary > a, .process-summary > div {
  padding: 18px 12px;
  border: 0;
  border-radius: 0;
  background: #FFFFFF;
  color: var(--inner-navy);
}
.process-summary > a:hover { background: var(--inner-pale); color: var(--inner-blue); }
.process-summary > a > span, .process-summary > div > span { border: 0; background: transparent; color: var(--inner-blue); font-weight: 600; }
.stage-section, .stage-section.stage-reverse { background: #FFFFFF; border-top: 1px solid var(--inner-line); }
.stage-grid > div:not(.stage-document) > p, .stage-grid > div:not(.stage-document) > ul > li { color: var(--inner-muted); font-size: 16px; line-height: 1.75; }
.stage-grid > div:not(.stage-document) > ul > li::before { color: var(--inner-blue); }

/* The library is a shelf of actual documents, with simple labels below. */
.library-toolbar { padding-bottom: 25px; border-color: var(--inner-line); }
.search-field > span { color: var(--inner-navy); font-weight: 600; font-size: 15px; }
.search-field input {
  min-height: 52px;
  padding-inline: 15px;
  border: 1px solid #A8B9D2;
  border-radius: 8px;
  background: #FFFFFF;
  color: var(--inner-navy);
  font-size: 16px;
  caret-color: var(--inner-blue);
}
.search-field input::placeholder { color: var(--inner-muted); }
.search-field input:focus { outline: 2px solid var(--inner-blue); outline-offset: 3px; border-color: var(--inner-blue); box-shadow: none; }
.filter-group { gap: 8px; }
.filter-group button { min-height: 44px; padding: 10px 15px; border: 1px solid var(--inner-line); border-radius: 8px; background: #FFFFFF; color: var(--inner-muted); font-size: 14px; font-weight: 500; }
.filter-group button:hover { border-color: #A8B9D2; background: var(--inner-surface); }
.filter-group button[aria-pressed="true"], .filter-group button.active, .filter-group button.is-active { border-color: var(--inner-blue); background: var(--inner-blue); color: #FFFFFF; }
.library-meta { margin-block: 22px; }
.library-meta, .library-meta p, .library-meta > span { color: var(--inner-muted); font-size: 13px; }
.library-grid { gap: 36px 26px; }
.library-card.model-card { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.library-card.model-card:hover { border: 0; transform: none; box-shadow: none; }
.library-card .library-art, .library-card .premium-model-art {
  padding: 30px 24px 0;
  min-height: 265px;
  border: 0;
  border-radius: 12px;
  background: var(--inner-pale);
  color: var(--inner-navy);
  overflow: hidden;
}
.library-card .art-acabamento { background: #EDF3FA; }
.library-card .art-manutencao { background: #DDE8FC; }
.library-card .art-fabricacao { background: #E8EDF5; }
.library-card .model-sheet {
  border: 0;
  border-radius: 4px 4px 0 0;
  background: #FFFFFF;
  transform: none;
  box-shadow: 0 10px 28px rgb(20 44 75 / 12%);
}
.library-card:hover .model-sheet { transform: none; box-shadow: 0 10px 28px rgb(20 44 75 / 12%); }
.model-sheet::after { content: none; }
.model-sheet .mini-sheet-brand, .model-sheet .mini-sheet-lines > div,
.model-sheet .mini-sheet-total, .model-sheet .mini-sheet-signature { border-color: var(--inner-line); }
.model-sheet .mini-sheet-brand strong, .model-sheet .mini-sheet-heading > span,
.model-sheet .mini-sheet-lines b, .model-sheet .mini-sheet-total strong { color: var(--inner-navy); }
.model-sheet .mini-sheet-brand small, .model-sheet .mini-sheet-heading small,
.model-sheet .mini-sheet-project, .model-sheet .mini-sheet-lines > div > span,
.model-sheet .mini-sheet-total > span { color: var(--inner-muted); }
.library-card .model-sheet.theme-essencial .mini-sheet-brand { border-bottom-color: var(--inner-blue); }
.library-card .model-sheet.theme-executivo .mini-sheet-brand { background: var(--inner-navy); }
.library-card .model-sheet.theme-executivo .mini-sheet-brand strong { color: #FFFFFF; }
.library-card .model-sheet.theme-executivo .mini-sheet-brand small { color: #D2E1F8; }
.library-card .model-sheet.theme-executivo .mini-sheet-total { border-top-color: var(--inner-blue); }
.library-card .model-sheet.theme-projeto .mini-sheet-brand { padding-left: 0; border-left: 0; border-bottom: 1px solid var(--inner-blue); }
.library-card .model-sheet.theme-projeto .mini-sheet-heading,
.library-card .model-sheet.theme-projeto .mini-sheet-project { border-color: var(--inner-line); }
.library-card .model-sheet.theme-projeto .mini-sheet-total strong { color: var(--inner-navy); }
.library-card .model-card-copy { padding: 20px 0 0; }
.library-card .model-card-copy h3 { color: var(--inner-navy); font-size: 24px; line-height: 1.25; font-weight: 650; letter-spacing: -.02em; }
.library-card .model-card-copy h3 > span { color: var(--inner-blue); }
.library-card .model-card-copy p { margin-top: 11px; color: var(--inner-muted); font-size: 15px; line-height: 1.65; }
.library-card .model-label { color: var(--inner-muted); font-size: 12px; letter-spacing: 0; text-transform: none; }
.library-card .card-meta { gap: 10px; margin-top: 20px; padding-top: 14px; border-color: var(--inner-line); font-size: 12px; }
.library-card .card-meta .premium-edition { padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--inner-muted); }
.library-card .card-meta > span:last-child { color: var(--inner-blue); font-weight: 600; }
.library-empty { border: 0; border-radius: 0; background: var(--inner-surface); color: var(--inner-muted); font-size: 16px; }
.models-footnote { color: var(--inner-muted); font-size: 13px; line-height: 1.75; }

/* Full documents keep paper geometry and readable, checkable information. */
.document-example, .document-premium, .stage-document {
  --document-rule: #D9E3F2;
  --page-line: #D9E3F2;
  background: #FFFFFF;
  color: var(--inner-navy);
  border: 1px solid var(--inner-line);
  border-radius: 4px;
  box-shadow: none;
}
.model-detail-main .guide-heading { max-width: 900px; margin: 0 auto 38px; }
.model-detail-main .guide-grid { max-width: 830px; }
.model-detail-main .document-premium { --document-padding: 20px; }
.document-premium .doc-brand-row { flex-wrap: wrap; gap: 14px; border-color: var(--inner-line); }
.document-premium .premium-brand { min-width: 0; }
.document-premium .premium-brand strong { color: var(--inner-navy); font-size: 16px; font-weight: 650; }
.document-premium .premium-brand p { color: var(--inner-muted); font-size: 12px; line-height: 1.6; }
.document-premium .premium-monogram { border: 0; border-radius: 4px; background: var(--inner-pale); color: var(--inner-blue); }
.document-premium .premium-title-row h2, .model-detail-main .document-premium .premium-title-row h2 { color: var(--inner-navy); font-size: 32px; font-weight: 650; letter-spacing: -.025em; }
.document-premium .premium-title-row > span, .doc-no { color: var(--inner-muted); }
.document-premium .premium-project { color: var(--inner-navy); font-weight: 500; }
.model-detail-main .document-premium .premium-project { font-size: 16px; line-height: 1.6; }
.document-premium .premium-meta, .document-premium .premium-meta > div { border-color: var(--inner-line); }
.model-detail-main .premium-meta > div > span { color: var(--inner-muted); font-size: 11px; letter-spacing: 0; text-transform: none; }
.model-detail-main .premium-meta strong { color: var(--inner-navy); font-size: 13px; line-height: 1.6; }
.document-premium .doc-client-row { padding-left: 0; border-left: 0; border-color: var(--inner-line); background: transparent; }
.document-premium .doc-client-row .document-label { color: var(--inner-muted); letter-spacing: 0; text-transform: none; }
.document-premium .doc-client-row h3 { color: var(--inner-navy); }
.document-premium th, .document-example th { border-color: var(--inner-line); background: var(--inner-surface); color: var(--inner-navy); font-weight: 600; letter-spacing: 0; text-transform: none; }
.document-premium td, .document-example td { border-color: var(--inner-line); color: var(--inner-navy); }
.document-premium td small, .document-example td small { color: var(--inner-muted); }
.document-premium .guide-total, .document-example .guide-total { background: transparent; color: var(--inner-navy); border-top: 1px solid var(--inner-blue); border-bottom-color: var(--inner-line); }
.document-premium .guide-total strong, .document-example .guide-total strong { color: var(--inner-blue); font-weight: 650; font-variant-numeric: tabular-nums; }
.document-premium .premium-scope h3, .document-premium > h3:not(.premium-project),
.document-premium .premium-approval h3 { color: var(--inner-navy); font-weight: 650; letter-spacing: 0; text-transform: none; }
.document-premium .premium-scope li, .document-premium .premium-scope > section:last-child li,
.document-premium > p:not(.doc-business), .document-premium .premium-approval p,
.document-premium .approval-line span, .document-premium .doc-signature,
.document-premium .doc-signature strong, .document-premium .example-tag { color: var(--inner-muted); }
.document-premium .premium-scope li::marker { color: var(--inner-blue); }
.document-premium .premium-approval, .document-premium .approval-line span,
.document-premium .doc-signature { border-color: var(--inner-line); }
.document-premium.theme-essencial .doc-brand-row { border-bottom-color: var(--inner-blue); }
.document-premium.theme-executivo .doc-brand-row { border: 0; border-radius: 3px 3px 0 0; background: var(--inner-navy); color: #FFFFFF; }
.document-premium.theme-executivo .premium-monogram { border: 1px solid #9DB5D4; background: transparent; color: #FFFFFF; }
.document-premium.theme-executivo .premium-brand strong { color: #FFFFFF; }
.document-premium.theme-executivo .premium-brand p,
.document-premium.theme-executivo .doc-brand-row > .example-tag { color: #D2E1F8; }
.document-premium.theme-executivo .guide-total { border-top-color: var(--inner-blue); }
.document-premium.theme-projeto .premium-title-row { border-top-color: var(--inner-blue); }
.document-premium.theme-projeto .premium-scope > section:last-child { border-left: 0; border-color: var(--inner-line); }
.guide-advice { border: 0; border-block: 1px solid var(--inner-line); border-radius: 0; background: transparent; }
.guide-advice > summary { min-height: 56px; color: var(--inner-navy); font-size: 16px; font-weight: 600; }
.guide-advice > summary::after { border-color: var(--inner-blue); }
.guide-advice[open] > summary { border-color: var(--inner-line); }
.stage-document h2, .doc-mark, .stage-doc-client strong, .stage-line b, .os-row strong { color: var(--inner-navy); }
.stage-document .doc-mark > span { color: var(--inner-blue); }
.stage-document > p, .stage-doc-client > span, .stage-line small,
.stage-document .stage-doc-note, .os-row > span, .os-checks, .receipt-note,
.stage-document .example-tag { color: var(--inner-muted); }
.stage-doc-client { border-color: var(--inner-line); border-radius: 0; background: transparent; }
.stage-doc-total, .receipt-amount { border: 0; border-radius: 0; background: var(--inner-pale); color: var(--inner-navy); }
.stage-doc-total strong, .receipt-amount strong { color: var(--inner-blue); }
.receipt-amount > span, .receipt-amount small { color: var(--inner-muted); }
.stage-line, .os-row, .stage-document .stage-doc-note { border-color: var(--inner-line); }
.receipt-note { padding-left: 0; border-left: 0; }
.stage-status { border: 0; border-radius: 4px; background: var(--inner-pale); color: var(--inner-navy); }
.stage-status i { background: var(--inner-blue); }

/* Financial examples use a ledger rhythm inside one readable surface. */
.finance-preview {
  --finance-green: #2155E8;
  --finance-dark: #142C4B;
  --finance-ink: #142C4B;
  --finance-muted: #53647C;
  --finance-tint: #E8F0FF;
  --finance-border: #D9E3F2;
  padding: 22px 18px;
  border: 1px solid var(--inner-line);
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: none;
}
.finance-preview .finance-top { border-color: var(--inner-line); }
.finance-preview .finance-top > span:first-child { color: var(--inner-navy); font-size: 12px; letter-spacing: 0; }
.finance-preview .finance-top > span:last-child { border: 0; background: var(--inner-surface); color: var(--inner-muted); font-size: 11px; }
.finance-preview .dash-brand-icon { border: 0; border-radius: 4px; background: var(--inner-pale); color: var(--inner-blue); }
.finance-preview .finance-heading { padding: 24px 0 20px; }
.finance-preview .finance-heading h2 { color: var(--inner-navy); font-size: 28px; font-weight: 650; letter-spacing: -.025em; }
.finance-preview .finance-heading p { color: var(--inner-muted); font-size: 12px; letter-spacing: 0; }
.finance-preview .finance-heading > span { border: 0; background: transparent; color: var(--inner-blue); }
.finance-preview .finance-balance { margin-bottom: 0; padding: 22px 20px; border: 0; border-radius: 8px; background: var(--inner-blue); color: #FFFFFF; }
.finance-preview .finance-balance > p { color: #FFFFFF; font-size: 13px; font-weight: 500; letter-spacing: 0; }
.finance-preview .finance-balance > strong { color: #FFFFFF; font-size: 36px; font-weight: 650; letter-spacing: -.03em; }
.finance-preview .finance-balance > small { color: #DEE8FF; font-size: 12px; }
.finance-preview .finance-metrics { gap: 16px; margin-top: 0; }
.finance-preview .finance-metrics article { padding: 22px 0 18px; border: 0; border-bottom: 1px solid var(--inner-line); border-radius: 0; background: transparent; }
.finance-preview .finance-metrics article > span { min-height: 0; color: var(--inner-muted); font-size: 12px; }
.finance-preview .finance-metrics article > strong { color: var(--inner-navy); font-size: 23px; font-weight: 650; letter-spacing: -.025em; }
.finance-preview .finance-metrics article > small { color: var(--inner-muted); font-size: 11px; }
.finance-preview .finance-flow { border-color: var(--inner-line); }
.finance-preview .finance-flow h3, .finance-preview .finance-agenda h3 { color: var(--inner-navy); font-size: 15px; font-weight: 600; }
.finance-preview .finance-flow-track { background: var(--inner-line); }
.finance-preview .finance-flow-track .income, .finance-preview .finance-flow-legend .income { background: var(--inner-blue); }
.finance-preview .finance-flow-track .outgoing, .finance-preview .finance-flow-legend .outgoing { background: var(--inner-navy); }
.finance-preview .finance-flow-legend > span { color: var(--inner-muted); font-size: 11px; }
.finance-preview .finance-agenda > header > span { color: var(--inner-muted); font-size: 11px; }
.finance-preview .finance-agenda-row { border-color: var(--inner-line); }
.finance-preview .finance-row-icon, .finance-preview .finance-row-icon.expense { border: 0; border-radius: 0; background: none; color: var(--inner-blue); }
.finance-preview .finance-agenda-row > div > strong { color: var(--inner-navy); font-size: 13px; font-weight: 600; }
.finance-preview .finance-agenda-row p, .finance-preview .finance-agenda-row small { color: var(--inner-muted); font-size: 11px; }
.finance-preview .finance-agenda-row > div:last-child > strong { color: var(--inner-navy); font-size: 14px; }
.finance-preview .finance-footnote, :is(.resource-hero-grid, .stage-grid, .story-grid) > .finance-preview > p.finance-footnote { color: var(--inner-muted); font-size: 12px; }
.finance-preview .finance-footnote strong { color: var(--inner-navy); }
.finance-overview { background: #FFFFFF; border-color: var(--inner-line); }
.finance-pillars { gap: 0 28px; }
.finance-pillars > article { padding: 28px 0; border: 0; border-top: 1px solid var(--inner-line); border-radius: 0; background: transparent; }
.finance-pillars > article > span { border: 0; border-radius: 0; background: transparent; color: var(--inner-blue); }
.finance-pillars h3 { color: var(--inner-navy); font-weight: 650; }
.finance-pillars p, .finance-overview .section-caption { color: var(--inner-muted); }
.finance-featured { padding: 30px 24px; border: 0; border-radius: 12px; background: var(--inner-blue); color: #FFFFFF; }
.finance-featured h2 { color: #FFFFFF; font-weight: 650; }
.finance-featured p:not(.eyebrow) { color: #DEE8FF; }
.finance-featured .text-link { padding: 12px 16px; border: 0; border-radius: 8px; background: #FFFFFF; color: var(--inner-blue); font-size: 14px; }
.finance-featured .text-link:hover { border: 0; background: #E8F0FF; color: #143DB1; }
.finance-featured .finance-featured-metrics { gap: 0; }
.finance-featured .finance-featured-metrics > div,
.finance-featured .finance-featured-metrics > div:first-child { padding: 20px 0; border: 0; border-top: 1px solid #7899F2; border-radius: 0; background: transparent; }
.finance-featured .finance-featured-metrics span,
.finance-featured .finance-featured-metrics > div:first-child span { color: #DEE8FF; font-size: 12px; }
.finance-featured .finance-featured-metrics strong,
.finance-featured .finance-featured-metrics > div:first-child strong { color: #FFFFFF; font-size: 26px; font-weight: 650; }

/* Account screens stay focused on a clear form and an honest launch state. */
.auth-page, .auth-story h2, .auth-form-content h1, .auth-sample-monogram, .auth-sample-customer {
  font-family: 'Hanken Grotesk', Arial, sans-serif;
}
.auth-page { color: var(--inner-navy); background: #FFFFFF; }
.auth-form-content h1 { margin-top: 0; color: var(--inner-navy); font-size: 36px; font-weight: 650; line-height: 1.1; letter-spacing: -.025em; }
.auth-intro { color: var(--inner-muted); font-size: 16px; line-height: 1.65; }
.auth-preview-notice { gap: 10px; border: 0; border-radius: 8px; background: var(--inner-pale); }
.auth-preview-notice p, .auth-preview-badge { color: var(--inner-navy); }
.auth-preview-notice p { font-size: 14px; }
.auth-field label { color: var(--inner-navy); font-size: 15px; font-weight: 500; }
.auth-field input { border: 1px solid #A8B9D2; border-radius: 8px; background: #FFFFFF; color: var(--inner-navy); caret-color: var(--inner-blue); }
.auth-field input::placeholder { color: var(--inner-muted); }
.auth-field input:hover { border-color: #6D86A9; }
.auth-field input:focus { border-color: var(--inner-blue); outline: 2px solid var(--inner-blue); outline-offset: 3px; box-shadow: none; }
.auth-password-toggle, .auth-password-toggle:hover, .auth-switch a, .auth-recovery { color: var(--inner-blue); }
.auth-field-hint, .auth-awareness label > span, .auth-form-footnote, .auth-switch,
.auth-recovery p, .auth-panel-footer { color: var(--inner-muted); }
.auth-awareness input { accent-color: var(--inner-blue); }
.auth-submit { border-color: var(--inner-blue); border-radius: 8px; background: var(--inner-blue); color: #FFFFFF; }
.auth-submit:hover { border-color: #1644C1; background: #1644C1; }
.auth-submit > span:last-child { color: #FFFFFF; }
.auth-back-link { border-color: var(--inner-line); border-radius: 8px; background: #FFFFFF; color: var(--inner-navy) !important; }
.auth-back-link:hover { border-color: #A8B9D2; background: var(--inner-surface); color: var(--inner-blue) !important; }
.auth-switch { border-color: var(--inner-line); }
.auth-feedback, .auth-noscript, .auth-recovery p { border: 0; border-radius: 8px; background: var(--inner-pale); color: var(--inner-navy); }
.auth-feedback[data-state="error"] { background: #FFF1F0; color: #982D2D; }
.auth-field input[aria-invalid="true"] { border-color: #A53636; }
.auth-field-error { color: #A53636; }
.auth-story { padding: 32px 24px; border: 0; border-radius: 12px; background: var(--inner-blue); color: #FFFFFF; }
.auth-story h2 { margin-top: 0; color: #FFFFFF; font-size: 38px; font-weight: 650; line-height: 1.1; letter-spacing: -.03em; }
.auth-story h2 em { color: #FFFFFF; }
.auth-story-description, .auth-example-label, .auth-story-footer, .auth-story-footer p { color: #DEE8FF; }
.auth-story-description { font-size: 16px; line-height: 1.7; }
.auth-story-divider { background: #A0BAFF; }
.auth-story-arrow { color: #FFFFFF; }
.auth-sample-paper { border: 0; border-radius: 4px; background: #FFFFFF; color: var(--inner-navy); box-shadow: 0 14px 28px rgb(16 37 96 / 20%); }
.auth-sample-top b, .auth-sample-item b, .auth-sample-customer { color: var(--inner-navy); }
.auth-sample-monogram { color: var(--inner-blue); }
.auth-sample-top > span:last-child, .auth-sample-label, .auth-sample-item, .auth-sample-footer { color: var(--inner-muted); }
.auth-sample-rule { border-color: var(--inner-line); }
.auth-sample-total { background: var(--inner-pale); color: var(--inner-navy); }
.auth-sample-total strong, .auth-sample-footer span:last-child { color: var(--inner-blue); }
.auth-floating-note { border: 0; border-radius: 8px; background: #FFFFFF; color: var(--inner-navy); box-shadow: 0 8px 20px rgb(16 37 96 / 15%); }
.auth-floating-note div > span { color: var(--inner-muted); }
.auth-note-icon { border-radius: 4px; background: var(--inner-pale); color: var(--inner-blue); }

/* The internal brand guide uses the same type and restrained surface language. */
.brand-guide { color: var(--inner-navy); }
.brand-guide header, .brand-guide footer { border-color: var(--inner-line); }
.brand-guide header > a, .brand-guide footer a { color: var(--inner-blue); font-size: 14px; }
.brand-guide footer { color: var(--inner-muted); }
.brand-hero h1 { color: var(--inner-navy); font-size: 40px; font-weight: 650; letter-spacing: -.03em; }
.brand-hero h1 em { color: var(--inner-navy); font-style: normal; }
.brand-guide h2, .brand-guide h3 { color: var(--inner-navy); font-weight: 650; }
.brand-hero > p:last-child, .brand-direction p, .brand-direction ul, .brand-sample p,
.swatch-info code, .swatch-info p { color: var(--inner-muted); }
.swatch { border: 1px solid var(--inner-line); border-radius: 8px; background: #FFFFFF; }
.swatch-info strong { color: var(--inner-navy); font-size: 15px; font-weight: 600; }
.swatch-info p { font-size: 13px; }
.brand-direction { padding: 28px 0; border: 0; border-top: 1px solid var(--inner-line); border-radius: 0; background: #FFFFFF; }
.brand-direction p, .brand-direction ul { font-size: 16px; line-height: 1.75; }
.type-display { color: var(--inner-blue); font-weight: 600; font-size: 38px; letter-spacing: -.025em; }
.brand-sample { border: 0; border-radius: 12px; background: var(--inner-pale); }
.brand-sample h3 { color: var(--inner-navy); font-weight: 650; }
.brand-principles span { border: 0; border-radius: 4px; background: var(--inner-pale); color: var(--inner-navy); font-size: 13px; }

@media (min-width: 580px) {
  .page-hero, .resource-hero { padding-block: 40px 68px; }
  .page-hero h1, .resource-hero h1, .model-detail-main .guide-heading h1 { font-size: 50px; }
  .library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .library-card .library-art, .library-card .premium-model-art { padding-inline: 26px; min-height: 280px; }
  .model-detail-main .document-premium { --document-padding: 36px; }
  .model-detail-main .document-premium .premium-title-row h2 { font-size: 42px; }
  .model-detail-main .document-premium .premium-project { font-size: 19px; }
  .model-detail-main .premium-meta > div > span { font-size: 11px; }
  .model-detail-main .premium-meta strong { font-size: 14px; }
  .model-detail-main .document-premium th { font-size: 12px; }
  .model-detail-main .document-premium td { font-size: 15px; }
  .model-detail-main .document-premium td small { font-size: 12px; }
  .model-detail-main .document-premium .premium-scope h3,
  .model-detail-main .document-premium > h3:not(.premium-project),
  .model-detail-main .document-premium .premium-approval h3 { font-size: 15px; }
  .model-detail-main .document-premium .premium-scope li,
  .model-detail-main .document-premium > p:not(.doc-business),
  .model-detail-main .document-premium .premium-approval p { font-size: 14px; line-height: 1.75; }
  .finance-preview { padding: 28px; }
  .finance-preview .finance-metrics article { padding: 22px 0 18px; }
  .finance-featured { padding: 40px; }
  .finance-featured .finance-featured-metrics { gap: 20px; }
  .finance-featured .finance-featured-metrics > div,
  .finance-featured .finance-featured-metrics > div:first-child { padding: 20px 0; }
  .auth-story { padding: 44px 36px; }
  .auth-form-content h1 { font-size: 42px; }
}
@media (min-width: 821px) {
  .page-hero, .resource-hero { padding-block: 44px 82px; }
  .page-hero h1, .resource-hero h1, .model-detail-main .guide-heading h1 { font-size: clamp(48px, 4.3vw, 60px); }
  .page-hero-grid, .resource-hero-grid, .stage-grid, .story-grid { gap: 52px; }
  .page-lead, .page-intro > p:not(.eyebrow), .resource-hero-grid > div > p:not(.eyebrow) { font-size: 18px; }
  .brand-hero h1 { font-size: 60px; }
  .brand-directions { gap: 42px; }
  .auth-story h2 { font-size: clamp(40px, 3.5vw, 54px); }
}
@media (min-width: 1050px) {
  .library-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .model-detail-main .document-premium { --document-padding: 44px; }
}
@media (max-width: 580px) {
  .page-hero h1 br, .resource-hero h1 br, .guide-heading h1 br { display: none; }
  .page-actions { align-items: flex-start; }
  .library-meta { flex-wrap: wrap; gap: 8px; }
  .model-detail-main .document-premium .doc-brand-row > .example-tag { flex-basis: 100%; max-width: none; text-align: left; font-size: 12px; line-height: 1.55; text-transform: none; letter-spacing: 0; }
  .model-detail-main .document-premium .doc-brand-row > .example-tag br { display: none; }
  .model-detail-main .document-premium .premium-brand strong { font-size: 16px; }
  .model-detail-main .document-premium .premium-brand p { font-size: 12px; }
  .model-detail-main .premium-meta { gap: 18px 14px; }
  .model-detail-main .document-premium .premium-meta > div:last-child { grid-column: 1 / -1; }
  .model-detail-main .document-premium th { font-size: 10px; }
  .model-detail-main .document-premium td { font-size: 13px; line-height: 1.65; }
  .model-detail-main .document-premium td:nth-child(2) { font-size: 12px; }
  .model-detail-main .document-premium td:last-child { font-size: 12px; }
  .model-detail-main .document-premium td small { font-size: 11px; }
  .model-detail-main .document-premium .premium-scope { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .model-detail-main .document-premium .premium-scope h3,
  .model-detail-main .document-premium > h3:not(.premium-project),
  .model-detail-main .document-premium .premium-approval h3 { font-size: 15px; }
  .model-detail-main .document-premium .premium-scope li,
  .model-detail-main .document-premium > p:not(.doc-business),
  .model-detail-main .document-premium .premium-approval p { font-size: 14px; line-height: 1.75; }
  .model-detail-main .theme-projeto .premium-scope > section:last-child { padding-left: 0; }
  .finance-preview .finance-agenda-row { grid-template-columns: 24px minmax(0, 1fr) auto; }
  .finance-preview .finance-agenda-row > div:last-child { max-width: 100px; }
  .finance-featured .finance-featured-metrics { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 359px) {
  .page-hero h1, .resource-hero h1, .model-detail-main .guide-heading h1 { font-size: 34px; }
  .page-lead, .page-intro > p:not(.eyebrow), .resource-hero-grid > div > p:not(.eyebrow) { font-size: 16px; }
  .model-detail-main .document-premium { --document-padding: 15px; }
  .model-detail-main .document-premium td { font-size: 12px; }
  .model-detail-main .document-premium td:nth-child(2), .model-detail-main .document-premium td:last-child { font-size: 11px; }
  .model-detail-main .document-premium .premium-title-row h2 { font-size: 29px; }
  .finance-preview { padding-inline: 15px; }
  .finance-preview .finance-metrics { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .finance-preview .finance-metrics article > strong { font-size: 24px; }
  .finance-preview .finance-balance { padding-inline: 16px; }
  .finance-preview .finance-balance > strong { font-size: 32px; }
  .finance-preview .finance-agenda-row { grid-template-columns: 20px minmax(0, 1fr); }
  .finance-preview .finance-agenda-row > div:last-child { grid-column: 2; max-width: none; text-align: left; }
  .auth-form-content h1 { font-size: 34px; }
  .auth-story h2 { font-size: 34px; }
}
@media print {
  .document-example, .document-premium, .stage-document { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  .document-premium.theme-executivo .doc-brand-row { background: #142C4B !important; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .document-premium.theme-executivo .premium-brand strong,
  .document-premium.theme-executivo .premium-brand p,
  .document-premium.theme-executivo .doc-brand-row > .example-tag { color: #FFFFFF !important; }
}
.editorial-photo img[src*="profissional-azul-v2"] { object-position: 50% 32%; }