:root {
  --fillr-bg-primary: #ffffff;
  --fillr-bg-secondary: #fafafc;
  --fillr-bg-tertiary: #f5f5f7;
  --fillr-bg-dark: #000000;
  --fillr-bg-dark-secondary: #1d1d1f;
  --fillr-text-primary: #1d1d1f;
  --fillr-text-secondary: #6e6e73;
  --fillr-text-tertiary: #86868b;
  --fillr-text-inverse: #f5f5f7;
  --fillr-accent: #0071e3;
  --fillr-accent-hover: #0076df;
  --fillr-border-subtle: rgba(0, 0, 0, 0.08);
  --fillr-border-strong: rgba(0, 0, 0, 0.16);
  --fillr-border-dark: rgba(255, 255, 255, 0.14);
  --fillr-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.06);
  --fillr-shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.08);
  --fillr-radius-lg: 32px;
  --fillr-radius-md: 24px;
  --fillr-radius-sm: 18px;
  --fillr-container: 1200px;
  --fillr-grid-gap: 24px;
  --fillr-nav-height: 44px;
  --fillr-section-gap: 112px;
  --fillr-font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont,
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--fillr-font);
  color: var(--fillr-text-primary);
  background: var(--fillr-bg-primary);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}

body.menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

.page-shell {
  min-height: 100vh;
  background: var(--fillr-bg-primary);
  overflow-x: clip;
}

.page-shell.dark-shell {
  background:
    radial-gradient(circle at top center, rgba(41, 151, 255, 0.12), transparent 24%),
    linear-gradient(180deg, #050507 0%, #111214 28%, #ffffff 100%);
}

.container {
  width: min(calc(100% - 48px), var(--fillr-container));
  margin: 0 auto;
}

.globalnav {
  position: sticky;
  top: 0;
  z-index: 100;
  overflow: visible;
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(250, 250, 252, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: background 240ms cubic-bezier(0.4, 0, 0.6, 1), border-color 240ms cubic-bezier(0.4, 0, 0.6, 1);
}

.globalnav.has-flyout {
  background: rgba(250, 250, 252, 0.94);
  border-bottom-color: rgba(0, 0, 0, 0.04);
}

.globalnav.dark-nav {
  background: rgba(10, 10, 12, 0.74);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.globalnav-inner {
  height: var(--fillr-nav-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex: 0 0 auto;
  margin-inline-start: 96px;
}

.brand-logo {
  display: block;
  width: 90px;
  height: 26px;
  background: url("./brand/fillr-lockup-color-tight.svg") left center / contain no-repeat;
}

.dark-nav .brand-lockup {
  color: var(--fillr-text-inverse);
}

.dark-nav .brand-logo {
  background-image: url("./brand/fillr-lockup-color-inverse-tight.svg");
}

.nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  gap: 64px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--fillr-text-secondary);
}

.nav-links a {
  position: relative;
  padding: 14px 0;
  transition: color 160ms ease;
}

.nav-links a:hover,
.nav-links a.is-active,
.nav-links a.is-open {
  color: var(--fillr-text-primary);
}

.dark-nav .nav-links {
  color: rgba(245, 245, 247, 0.76);
}

.dark-nav .nav-links a:hover,
.dark-nav .nav-links a.is-active,
.dark-nav .nav-links a.is-open {
  color: var(--fillr-text-inverse);
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  margin-inline-end: 96px;
}

.globalnav .button {
  min-height: 32px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
}

.globalnav-flyout {
  position: absolute;
  inset: 100% 0 auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  background: rgba(250, 250, 252, 0.96);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  backdrop-filter: saturate(180%) blur(24px);
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.6, 1), transform 220ms cubic-bezier(0.4, 0, 0.6, 1);
}

.globalnav-flyout.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.globalnav-flyout-inner {
  display: grid;
  grid-template-columns: minmax(280px, 1.35fr) repeat(2, minmax(190px, 1fr));
  gap: 44px;
  padding: 28px 0 36px;
  align-items: start;
}

.globalnav-flyout[data-columns="4"] .globalnav-flyout-inner {
  grid-template-columns: minmax(240px, 1.15fr) repeat(3, minmax(160px, 1fr));
  gap: 28px;
}

.globalnav-flyout[data-columns="5"] .globalnav-flyout-inner {
  grid-template-columns: minmax(240px, 1.15fr) repeat(4, minmax(150px, 1fr));
  gap: 24px;
}

.flyout-column {
  min-width: 0;
}

.flyout-column.is-featured {
  padding-right: 8px;
}

.flyout-group + .flyout-group {
  margin-top: 18px;
}

.flyout-title {
  margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--fillr-text-tertiary);
}

.flyout-links {
  display: grid;
  gap: 8px;
}

.flyout-column.is-featured .flyout-links {
  gap: 6px;
}

.flyout-link {
  display: block;
  width: fit-content;
  font-size: 13px;
  line-height: 1.28;
  color: var(--fillr-text-primary);
  transition: color 160ms ease;
}

.flyout-link:hover {
  color: var(--fillr-accent);
}

.flyout-link-featured {
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 600;
}

.dark-nav .globalnav-flyout {
  background: rgba(10, 10, 12, 0.96);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.dark-nav .flyout-title {
  color: rgba(245, 245, 247, 0.48);
}

.dark-nav .flyout-link {
  color: rgba(245, 245, 247, 0.92);
}

.dark-nav .flyout-link:hover {
  color: #8ec4ff;
}

.menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
}

.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

.menu-toggle span {
  transform: translateY(0);
}

.menu-toggle::before {
  transform: translateY(-6px);
}

.menu-toggle::after {
  transform: translateY(6px);
}

.menu-open .menu-toggle span {
  opacity: 0;
}

.menu-open .menu-toggle::before {
  transform: rotate(45deg);
}

.menu-open .menu-toggle::after {
  transform: rotate(-45deg);
}

.button,
.button-plain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  border-radius: 999px;
  padding: 0 20px;
  font-size: 17px;
  line-height: 1.2;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.button {
  background: var(--fillr-accent);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.button:hover {
  background: var(--fillr-accent-hover);
  transform: translateY(-1px);
}

.button.button-dark {
  background: var(--fillr-bg-dark-secondary);
  color: #ffffff;
}

.button.button-light {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.button-plain {
  color: var(--fillr-accent);
  padding-left: 0;
  padding-right: 0;
}

.button-plain:hover {
  color: var(--fillr-accent-hover);
}

.button-plain.is-light {
  color: #8ec4ff;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--fillr-text-secondary);
}

.eyebrow::before {
  content: "";
  width: 16px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}

.section {
  padding: var(--fillr-section-gap) 0 0;
}

.hero {
  padding: 92px 0 0;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
}

.hero-content {
  max-width: 640px;
}

.hero-kicker {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.hero-title,
.section-title {
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--fillr-text-primary);
}

.hero-title {
  font-size: clamp(48px, 7vw, 80px);
  line-height: 0.98;
}

.section-title {
  font-size: clamp(32px, 5vw, 48px);
  line-height: 1.02;
}

.hero-body,
.section-body {
  margin: 22px 0 0;
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.4;
  letter-spacing: 0.005em;
  color: var(--fillr-text-secondary);
  max-width: 640px;
}

.hero-actions,
.section-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 30px;
}

.dark-shell .hero-content .eyebrow,
.dark-shell .hero-content .hero-body {
  color: rgba(245, 245, 247, 0.78);
}

.dark-shell .hero-content .hero-title {
  color: #f5f5f7;
}

.comercial-page .eyebrow::before {
  display: none;
}

.marketing-page .eyebrow::before {
  display: none;
}

.marketing-hero-surface {
  display: grid;
  gap: 22px;
  padding: 28px;
}

.marketing-surface-main,
.marketing-surface-rail {
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(17, 18, 22, 0.8);
}

.marketing-surface-main {
  padding: 24px;
}

.marketing-surface-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.66);
}

.marketing-surface-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.marketing-surface-card {
  min-height: 176px;
  padding: 20px 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.04);
}

.marketing-surface-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.52);
}

.marketing-surface-card h3 {
  margin: 0;
  font-size: 30px;
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #f5f5f7;
}

.marketing-surface-card p:last-child {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.45;
  color: rgba(245, 245, 247, 0.7);
}

.marketing-surface-rail {
  display: grid;
  gap: 0;
  padding: 10px 24px;
}

.marketing-rail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.marketing-rail-row:last-child {
  border-bottom: 0;
}

.marketing-rail-label {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.5);
}

.marketing-rail-value {
  font-size: 17px;
  line-height: 1.35;
  color: rgba(245, 245, 247, 0.86);
  text-align: right;
}

.operacoes-page .eyebrow::before {
  display: none;
}

.operations-page-hero .container {
  display: grid;
  gap: 34px;
}

.financas-page .eyebrow::before {
  display: none;
}

.pessoas-page .eyebrow::before {
  display: none;
}

.pessoas-page {
  background:
    linear-gradient(180deg, #f8f7f4 0%, #f4f3f0 34%, #ecebe8 100%);
}

.pessoas-page .globalnav {
  background: rgba(251, 250, 247, 0.84);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(18px);
}

.pessoas-page-hero .container {
  display: grid;
  gap: 36px;
}

.pessoas-hero-copy {
  max-width: 760px;
  text-align: center;
  margin: 0 auto;
}

.pessoas-hero-copy .hero-body {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.pessoas-hero-copy .hero-actions {
  justify-content: center;
}

.pessoas-hero-surface {
  display: grid;
  gap: 18px;
  padding: 22px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(247, 245, 241, 0.92));
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.08);
}

.pessoas-surface-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-secondary);
}

.pessoas-surface-ribbon {
  display: grid;
  gap: 16px;
  padding: 22px 24px;
  border-radius: 28px;
  background: rgba(17, 18, 22, 0.03);
}

.pessoas-ribbon-main {
  display: grid;
  gap: 8px;
}

.pessoas-ribbon-main small,
.pessoas-rhythm-step span,
.pessoas-result-card span,
.pessoas-overview-lane span {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-secondary);
}

.pessoas-ribbon-main strong {
  font-size: 31px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.pessoas-ribbon-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pessoas-ribbon-meta span {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  line-height: 1.2;
  color: var(--fillr-text-secondary);
}

.pessoas-surface-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.pessoas-surface-card {
  display: grid;
  gap: 10px;
  min-height: 182px;
  padding: 20px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
}

.pessoas-surface-card span {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-secondary);
}

.pessoas-surface-card strong {
  font-size: 30px;
  line-height: 1.06;
  letter-spacing: -0.035em;
}

.pessoas-surface-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.pessoas-surface-card.is-recruiting {
  background: linear-gradient(180deg, rgba(245, 247, 255, 0.98), rgba(239, 244, 255, 0.92));
}

.pessoas-surface-card.is-development {
  background: linear-gradient(180deg, rgba(250, 246, 239, 0.98), rgba(247, 241, 231, 0.92));
}

.pessoas-surface-card.is-culture {
  background: linear-gradient(180deg, rgba(243, 247, 241, 0.98), rgba(236, 244, 233, 0.92));
}

.pessoas-surface-card.is-people-ops {
  background: linear-gradient(180deg, rgba(246, 245, 249, 0.98), rgba(239, 237, 245, 0.92));
}

.pessoas-overview-surface,
.pessoas-result-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  padding: 36px;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

.pessoas-overview-lanes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pessoas-overview-lane,
.pessoas-result-card {
  display: grid;
  gap: 10px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(17, 18, 22, 0.04);
}

.pessoas-overview-lane strong,
.pessoas-result-card strong {
  font-size: 27px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.pessoas-lineup-mosaic {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.pessoas-lineup-card {
  grid-column: span 4;
  display: grid;
  gap: 14px;
  padding: 28px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.pessoas-lineup-lead {
  grid-column: span 12;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) auto;
  align-items: center;
}

.pessoas-lineup-card .card-body,
.pessoas-lineup-card .card-title {
  margin: 0;
}

.pessoas-lineup-card .card-link {
  white-space: nowrap;
}

.pessoas-rhythm-band {
  padding: 40px;
}

.pessoas-rhythm-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.pessoas-rhythm-step {
  display: grid;
  gap: 10px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
}

.pessoas-rhythm-step strong {
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #f5f5f7;
}

.pessoas-result-copy .section-actions {
  margin-top: 24px;
}

.pessoas-result-stack {
  display: grid;
  gap: 14px;
}

@media (max-width: 1180px) {
  .pessoas-surface-grid,
  .pessoas-overview-surface,
  .pessoas-result-surface,
  .pessoas-rhythm-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pessoas-overview-surface,
  .pessoas-result-surface,
  .pessoas-lineup-lead {
    grid-template-columns: 1fr;
  }

  .pessoas-lineup-card {
    grid-column: span 6;
  }

  .pessoas-lineup-lead {
    grid-column: span 12;
  }
}

@media (max-width: 720px) {
  .pessoas-surface-grid,
  .pessoas-overview-lanes,
  .pessoas-rhythm-track,
  .pessoas-overview-surface,
  .pessoas-result-surface {
    grid-template-columns: 1fr;
  }

  .pessoas-hero-copy {
    text-align: left;
    margin: 0;
  }

  .pessoas-hero-copy .hero-body {
    margin-left: 0;
    margin-right: 0;
  }

  .pessoas-hero-copy .hero-actions {
    justify-content: flex-start;
  }

  .pessoas-hero-surface,
  .pessoas-rhythm-band,
  .pessoas-overview-surface,
  .pessoas-result-surface {
    padding: 22px;
  }

  .pessoas-lineup-card,
  .pessoas-lineup-lead {
    grid-column: span 12;
  }
}

.financas-page-hero .container {
  display: grid;
  gap: 36px;
}

.financas-hero-copy {
  max-width: 700px;
}

.financas-hero-copy .eyebrow,
.financas-hero-copy .hero-body {
  color: rgba(245, 245, 247, 0.78);
}

.financas-hero-copy .hero-title {
  color: #f5f5f7;
}

.financas-ledger-surface {
  display: grid;
  gap: 18px;
  padding: 26px;
}

.financas-ledger-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.6);
}

.financas-ledger-band {
  display: grid;
  gap: 18px;
  padding: 22px 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
}

.financas-band-title {
  display: grid;
  gap: 8px;
}

.financas-band-title span,
.financas-overview-item span,
.financas-cycle-row span,
.financas-result-row span,
.financas-band-grid small {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.52);
}

.financas-band-title strong {
  font-size: 32px;
  line-height: 1.04;
  letter-spacing: -0.035em;
  color: #f5f5f7;
}

.financas-band-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.financas-band-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.financas-band-grid div {
  display: grid;
  gap: 8px;
}

.financas-band-grid span {
  font-size: 17px;
  line-height: 1.38;
  color: rgba(245, 245, 247, 0.86);
}

.financas-cash-track {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}

.cash-line {
  flex: 1;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(160, 190, 255, 0.42), rgba(255, 255, 255, 0.18));
}

.cash-node {
  border-radius: 999px;
  background: rgba(160, 190, 255, 0.9);
  box-shadow: 0 0 28px rgba(160, 190, 255, 0.24);
}

.cash-node.is-in {
  width: 14px;
  height: 14px;
}

.cash-node.is-mid {
  width: 20px;
  height: 20px;
}

.cash-node.is-out {
  width: 28px;
  height: 28px;
  background: rgba(244, 176, 124, 0.9);
  box-shadow: 0 0 28px rgba(244, 176, 124, 0.2);
}

.financas-close-rows,
.financas-ledger-foot {
  display: grid;
  gap: 0;
}

.financas-close-row,
.financas-foot-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(245, 245, 247, 0.84);
}

.financas-close-row strong,
.financas-foot-row strong {
  font-size: 18px;
  line-height: 1.3;
  color: #f5f5f7;
  text-align: right;
}

.financas-overview-surface,
.financas-result-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 24px;
  padding: 36px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 247, 251, 0.94));
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

.financas-overview-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.financas-overview-item {
  display: grid;
  gap: 10px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(17, 18, 22, 0.04);
}

.financas-overview-item strong {
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.financas-lineup-table {
  display: grid;
  gap: 14px;
}

.financas-lineup-row {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) auto;
  gap: 24px;
  align-items: center;
  padding: 26px 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.financas-lineup-main .card-title,
.financas-lineup-row .card-body {
  margin: 0;
}

.financas-lineup-row .card-link {
  white-space: nowrap;
}

.financas-cycle-band {
  padding: 40px;
}

.financas-cycle-rows {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}

.financas-cycle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
}

.financas-cycle-row strong {
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #f5f5f7;
  text-align: right;
}

.financas-result-board {
  display: grid;
  gap: 14px;
}

.financas-result-row {
  display: grid;
  gap: 10px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(17, 18, 22, 0.04);
}

.financas-result-row strong {
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

@media (max-width: 1180px) {
  .financas-band-grid,
  .financas-band-grid.compact,
  .financas-overview-strip,
  .financas-overview-surface,
  .financas-result-surface,
  .financas-lineup-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .financas-close-row,
  .financas-foot-row,
  .financas-cycle-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .financas-close-row strong,
  .financas-foot-row strong,
  .financas-cycle-row strong {
    text-align: left;
  }
}

@media (max-width: 720px) {
  .financas-ledger-surface,
  .financas-cycle-band,
  .financas-overview-surface,
  .financas-result-surface {
    padding: 22px;
  }

  .financas-band-title strong,
  .financas-overview-item strong,
  .financas-result-row strong,
  .financas-cycle-row strong {
    font-size: 24px;
  }
}

.operations-hero-copy {
  max-width: 760px;
}

.operations-hero-copy .eyebrow,
.operations-hero-copy .hero-body {
  color: rgba(245, 245, 247, 0.78);
}

.operations-hero-copy .hero-title {
  color: #f5f5f7;
}

.operations-hero-surface {
  display: grid;
  gap: 18px;
  padding: 26px;
}

.operations-surface-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.64);
}

.operations-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.operations-board-column {
  min-height: 208px;
  padding: 20px 16px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
}

.operations-board-kicker,
.operations-overview-kicker,
.operations-flow-step-label {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 247, 0.5);
}

.operations-board-column strong {
  display: block;
  font-size: 23px;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #f5f5f7;
}

.operations-board-column span {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(245, 245, 247, 0.72);
}

.operations-surface-foot {
  display: grid;
  gap: 0;
  padding: 6px 2px 0;
}

.operations-foot-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 16px;
  line-height: 1.35;
  color: rgba(245, 245, 247, 0.8);
}

.operations-overview-band {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 24px;
  padding: 36px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 247, 251, 0.94));
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

.operations-overview-intro .section-body {
  max-width: 620px;
}

.operations-overview-metrics {
  display: grid;
  gap: 14px;
}

.operations-overview-metric {
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(17, 18, 22, 0.04);
}

.operations-overview-metric span {
  display: block;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-secondary);
}

.operations-overview-metric strong {
  display: block;
  margin-top: 10px;
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.operations-lineup-list {
  display: grid;
  gap: 14px;
}

.operations-lineup-row {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 26px 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.operations-lineup-cell .card-title,
.operations-lineup-row .card-body {
  margin: 0;
}

.operations-lineup-row .card-link {
  white-space: nowrap;
}

.operations-flow-band {
  padding: 40px;
}

.operations-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.operations-flow-step {
  padding: 22px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
}

.operations-flow-step strong {
  display: block;
  font-size: 28px;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #f5f5f7;
}

.operations-result-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 24px;
  padding: 36px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 247, 251, 0.94));
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

.operations-result-board {
  display: grid;
  gap: 16px;
}

.operations-result-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(17, 18, 22, 0.04);
}

.operations-result-row span {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-secondary);
}

.operations-result-row strong {
  font-size: 22px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  text-align: right;
}

@media (max-width: 1180px) {
  .operations-board,
  .operations-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .operations-overview-band,
  .operations-result-surface {
    grid-template-columns: 1fr;
  }

  .operations-lineup-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .operations-foot-row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 720px) {
  .operations-board,
  .operations-flow-steps {
    grid-template-columns: 1fr;
  }

  .operations-hero-surface,
  .operations-flow-band,
  .operations-result-surface {
    padding: 22px;
  }

  .operations-result-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .operations-result-row strong,
  .marketing-rail-value {
    text-align: left;
  }
}

.hero-panel,
.feature-panel,
.support-panel,
.dark-panel {
  position: relative;
  overflow: hidden;
  border-radius: var(--fillr-radius-lg);
}

.hero-panel {
  min-height: 560px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(245, 245, 247, 0.92) 100%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: var(--fillr-shadow-panel);
}

.hero-panel.dark {
  background:
    linear-gradient(180deg, rgba(21, 22, 24, 0.95) 0%, rgba(8, 8, 10, 0.98) 100%);
  border-color: rgba(255, 255, 255, 0.08);
}

.hero-panel::before,
.dark-panel::before,
.platform-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 22%, rgba(0, 113, 227, 0.22), transparent 22%),
    radial-gradient(circle at 80% 16%, rgba(255, 255, 255, 0.18), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 46%);
  pointer-events: none;
}

.panel-grid {
  position: absolute;
  inset: 30px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
}

.panel-column {
  display: grid;
  gap: 18px;
}

.mini-panel {
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.75);
  padding: 22px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.06);
}

.hero-panel.dark .mini-panel,
.dark-panel .mini-panel {
  background: rgba(22, 24, 27, 0.84);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.mini-panel-header,
.list-row,
.metric-row,
.signal-row,
.control-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.mini-panel-header {
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fillr-text-tertiary);
}

.dark .mini-panel-header,
.dark-panel .mini-panel-header,
.hero-panel.dark .mini-panel-header {
  color: rgba(245, 245, 247, 0.5);
}

.signal-list,
.metric-list,
.control-list {
  display: grid;
  gap: 14px;
}

.signal-row,
.metric-row,
.control-row {
  padding: 12px 0;
  border-top: 1px solid var(--fillr-border-subtle);
}

.signal-row:first-child,
.metric-row:first-child,
.control-row:first-child {
  border-top: 0;
  padding-top: 0;
}

.dark-panel .signal-row,
.dark-panel .metric-row,
.dark-panel .control-row,
.hero-panel.dark .signal-row,
.hero-panel.dark .metric-row,
.hero-panel.dark .control-row {
  border-top-color: var(--fillr-border-dark);
}

.signal-label,
.metric-label,
.control-label {
  font-size: 15px;
  font-weight: 500;
  color: var(--fillr-text-primary);
}

.signal-value,
.metric-value,
.control-value {
  font-size: 14px;
  color: var(--fillr-text-secondary);
  text-align: right;
}

.hero-panel.dark .signal-label,
.hero-panel.dark .metric-label,
.hero-panel.dark .control-label,
.dark-panel .signal-label,
.dark-panel .metric-label,
.dark-panel .control-label {
  color: var(--fillr-text-inverse);
}

.hero-panel.dark .signal-value,
.hero-panel.dark .metric-value,
.hero-panel.dark .control-value,
.dark-panel .signal-value,
.dark-panel .metric-value,
.dark-panel .control-value {
  color: rgba(245, 245, 247, 0.72);
}

.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #03a10e;
  box-shadow: 0 0 0 6px rgba(3, 161, 14, 0.1);
}

.status-dot.warn {
  background: #f56300;
  box-shadow: 0 0 0 6px rgba(245, 99, 0, 0.12);
}

.about-page .eyebrow::before,
.about-page .card-eyebrow::before {
  display: none;
}

.about-hero {
  padding-bottom: 34px;
}

.about-hero-stack {
  display: grid;
  gap: 34px;
}

.about-hero-copy {
  max-width: 840px;
  margin: 0 auto;
  text-align: center;
}

.about-hero-copy .hero-body {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.about-hero-actions {
  justify-content: center;
}

.about-ledger {
  width: min(calc(100% - 40px), 1120px);
  margin: 0 auto;
  padding: 28px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 248, 254, 0.94) 100%);
  border: 1px solid rgba(166, 185, 222, 0.2);
  box-shadow: 0 26px 70px rgba(72, 96, 140, 0.09);
}

.about-ledger-head {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
}

.about-ledger-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(122, 163, 255, 0.1);
  color: var(--fillr-text-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.about-ledger-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.about-ledger-card {
  display: grid;
  gap: 12px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(166, 185, 222, 0.16);
}

.about-ledger-card small,
.about-principle-card small,
.about-structure-row span {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.about-ledger-card strong,
.about-principle-card strong {
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: var(--fillr-text-primary);
}

.about-ledger-card p,
.about-principle-card p {
  margin: 0;
  font-size: 17px;
  line-height: 1.42;
  color: var(--fillr-text-secondary);
}

.about-principles-section .section-header,
.about-closing-card {
  text-align: center;
}

.about-principles-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.about-principle-card {
  display: grid;
  gap: 12px;
  padding: 30px;
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 252, 0.94) 100%);
  box-shadow: 0 18px 56px rgba(72, 96, 140, 0.08);
}

.about-structure-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 26px;
  padding: 38px;
  border-radius: 38px;
  background: linear-gradient(180deg, #121319 0%, #0a0b10 100%);
  box-shadow: 0 26px 76px rgba(8, 10, 14, 0.28);
}

.about-structure-copy .eyebrow,
.about-structure-copy .section-title,
.about-structure-copy .section-body,
.about-structure-row strong,
.about-closing-card .eyebrow,
.about-closing-card .section-title,
.about-closing-card .section-body {
  color: #f5f5f7;
}

.about-structure-copy .section-body,
.about-closing-card .section-body {
  color: rgba(245, 245, 247, 0.74);
}

.about-structure-rail {
  display: grid;
  gap: 12px;
}

.about-structure-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.about-structure-row strong {
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.03em;
  text-align: right;
}

.about-closing-card {
  display: grid;
  gap: 14px;
  padding: 42px 34px;
  border-radius: 36px;
  background: linear-gradient(180deg, #111215 0%, #050608 100%);
  box-shadow: 0 28px 80px rgba(8, 10, 14, 0.24);
}

.about-closing-card .section-actions {
  justify-content: center;
  margin-top: 6px;
}

@media (max-width: 1180px) {
  .about-ledger-grid,
  .about-principles-grid,
  .about-structure-surface {
    grid-template-columns: 1fr;
  }

  .about-structure-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .about-structure-row strong {
    text-align: left;
  }
}

@media (max-width: 720px) {
  .about-ledger,
  .about-structure-surface,
  .about-closing-card,
  .about-principle-card {
    width: min(100%, calc(100% - 24px));
    margin-left: auto;
    margin-right: auto;
    padding: 22px;
  }

  .about-ledger-grid {
    gap: 12px;
  }

  .about-ledger-card strong,
  .about-principle-card strong {
    font-size: 28px;
  }

  .about-hero-copy {
    text-align: left;
  }

  .about-hero-copy .hero-body {
    margin-left: 0;
    margin-right: 0;
  }

  .about-hero-actions,
  .about-closing-card .section-actions {
    justify-content: flex-start;
  }
}

.status-dot.neutral {
  background: #6e6e73;
  box-shadow: 0 0 0 6px rgba(110, 110, 115, 0.14);
}

.pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(0, 113, 227, 0.08);
  color: var(--fillr-accent);
  font-size: 13px;
  font-weight: 600;
}

.pill.dark {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(245, 245, 247, 0.92);
}

.cards-grid {
  display: grid;
  gap: var(--fillr-grid-gap);
}

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

.cards-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

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

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 100%;
  padding: 32px;
  border-radius: var(--fillr-radius-md);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow: var(--fillr-shadow-card);
}

.card.soft {
  background: var(--fillr-bg-tertiary);
  border-color: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}

.card.dark {
  background: rgba(20, 22, 25, 0.88);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: var(--fillr-accent);
  font-size: 17px;
}

.card-link::after,
.button-plain::after {
  content: "›";
  line-height: 1;
  transform: translateY(-1px);
}

.card.dark .card-link {
  color: #8ec4ff;
}

.card-eyebrow,
.stat-label {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: var(--fillr-text-tertiary);
}

.card.dark .card-eyebrow,
.card.dark .card-title,
.card.dark .card-body,
.dark-panel .section-title,
.dark-panel .section-body,
.platform-band .section-title,
.platform-band .section-body,
.platform-band .eyebrow {
  color: var(--fillr-text-inverse);
}

.card-title {
  margin: 0;
  font-size: clamp(24px, 3vw, 28px);
  line-height: 1.08;
  letter-spacing: -0.015em;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.card-body {
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.plan-stack {
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

.plan-spec {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.plan-price {
  margin: auto 0 0;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.plan-price-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--fillr-text-tertiary);
}

.card.dark .plan-spec,
.card.dark .plan-price {
  color: var(--fillr-text-inverse);
}

.card.dark .plan-price-note {
  color: rgba(245, 245, 247, 0.58);
}

.section-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

.section-header.row {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
}

.section-header.row .section-body {
  margin: 0;
  max-width: 520px;
}

.platform-band,
.dark-panel {
  padding: 48px;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(20, 22, 25, 0.96) 0%, rgba(6, 7, 10, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--fillr-text-inverse);
  overflow: hidden;
}

.platform-band-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
}

.platform-visual {
  display: grid;
  gap: 16px;
}

.platform-rail {
  display: grid;
  gap: 12px;
}

.visual-lane,
.visual-panel {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.03);
  padding: 22px;
}

.visual-lane {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.lane-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lane-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--fillr-text-inverse);
}

.lane-body {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(245, 245, 247, 0.68);
}

.lane-badge {
  min-width: 88px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 113, 227, 0.18);
  color: #8ec4ff;
  font-size: 13px;
  font-weight: 600;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.feature-card {
  padding: 30px;
  border-radius: var(--fillr-radius-md);
  background: var(--fillr-bg-secondary);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.feature-card h3,
.faq-list summary,
.summary-number {
  margin: 0;
  font-size: 24px;
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.feature-card p,
.summary-copy,
.meta-copy,
.form-hint {
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.stats-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 32px;
}

.stat {
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.78);
}

.stat-number {
  font-size: 40px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.subnav {
  position: sticky;
  top: var(--fillr-nav-height);
  z-index: 90;
  margin-top: 36px;
  padding: 14px 0 0;
  backdrop-filter: saturate(180%) blur(20px);
}

.subnav-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: none;
}

.subnav-strip::-webkit-scrollbar {
  display: none;
}

.subnav-chip {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(245, 245, 247, 0.92);
  color: var(--fillr-text-secondary);
  border: 1px solid rgba(0, 0, 0, 0.04);
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
}

.subnav-chip.is-active,
.subnav-chip:hover {
  color: var(--fillr-text-primary);
  background: rgba(255, 255, 255, 0.98);
}

.dark-shell .subnav-chip {
  background: rgba(25, 27, 30, 0.72);
  color: rgba(245, 245, 247, 0.68);
  border-color: rgba(255, 255, 255, 0.08);
}

.dark-shell .subnav-chip.is-active,
.dark-shell .subnav-chip:hover {
  color: var(--fillr-text-inverse);
}

.split-content {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 32px;
  align-items: start;
}

.sticky-card {
  position: sticky;
  top: calc(var(--fillr-nav-height) + 72px);
}

.support-hero {
  padding-top: 92px;
}

.search-card {
  padding: 36px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow: var(--fillr-shadow-panel);
}

.support-command-surface {
  max-width: 980px;
  margin: 0 auto;
}

.support-command-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.support-command-card {
  padding: 16px 18px 18px;
  border-radius: 22px;
  background: rgba(246, 247, 250, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.04);
  text-align: left;
}

.support-command-card span,
.support-family-row span,
.support-contact-row span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.44);
}

.support-command-card strong,
.support-family-row strong,
.support-contact-row strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.16;
  color: var(--fillr-text-primary);
}

.search-field,
.form-field,
.form-select,
.search-select,
.form-textarea {
  width: 100%;
  min-height: 52px;
  border-radius: 18px;
  border: 1px solid var(--fillr-border-subtle);
  background: rgba(255, 255, 255, 0.94);
  padding: 0 18px;
  color: var(--fillr-text-primary);
}

.search-field::placeholder,
.form-field::placeholder,
.form-textarea::placeholder {
  color: var(--fillr-text-tertiary);
}

.search-bar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  margin-top: 28px;
}

.support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.support-card {
  display: block;
  min-height: 100%;
  padding: 30px;
  border-radius: 28px;
  background: var(--fillr-bg-secondary);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.support-family-card {
  text-decoration: none;
  color: inherit;
}

.support-family-surface {
  display: grid;
  gap: 12px;
  margin-top: 22px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(221, 227, 236, 0.8);
}

.support-family-surface.dark {
  background: rgba(19, 24, 32, 0.96);
  border-color: rgba(255, 255, 255, 0.08);
}

.support-family-row {
  padding: 12px 14px 14px;
  border-radius: 18px;
  background: rgba(246, 247, 250, 0.9);
}

.support-family-surface.dark .support-family-row {
  background: rgba(255, 255, 255, 0.06);
}

.support-family-surface.dark .support-family-row span {
  color: rgba(255, 255, 255, 0.42);
}

.support-family-surface.dark .support-family-row strong {
  color: var(--fillr-text-inverse);
}

.support-start-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  padding: 18px;
  border-radius: 30px;
  background: rgba(246, 247, 250, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.support-start-step {
  padding: 18px 18px 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(221, 227, 236, 0.8);
}

.faq-list {
  display: grid;
  gap: 14px;
}

.faq-list details {
  padding: 24px 28px;
  border-radius: 24px;
  background: var(--fillr-bg-secondary);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.faq-list summary {
  list-style: none;
  cursor: pointer;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list details[open] summary {
  margin-bottom: 14px;
}

.details-copy {
  font-size: 17px;
  line-height: 1.5;
  color: var(--fillr-text-secondary);
}

.support-contact-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 28px;
  align-items: center;
  padding: 34px;
  border-radius: 32px;
  background: #101114;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22);
}

.support-contact-band .section-title,
.support-contact-band .section-body {
  color: var(--fillr-text-inverse);
}

.inverse {
  color: rgba(255, 255, 255, 0.62);
}

.support-contact-surface {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.support-contact-row {
  padding: 14px 16px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
}

.support-contact-row span {
  color: rgba(255, 255, 255, 0.42);
}

.support-contact-row strong {
  color: var(--fillr-text-inverse);
}

@media (max-width: 1023px) {
  .support-command-grid,
  .support-start-board,
  .support-contact-band {
    grid-template-columns: 1fr;
  }

  .support-contact-band {
    padding: 28px;
  }
}

@media (max-width: 767px) {
  .support-command-surface {
    padding: 24px;
  }

  .support-command-card,
  .support-family-surface,
  .support-start-step,
  .support-contact-surface,
  .support-contact-row {
    border-radius: 20px;
  }

  .support-command-card strong,
  .support-family-row strong,
  .support-contact-row strong {
    font-size: 16px;
  }
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.field-group {
  display: grid;
  gap: 10px;
}

.field-group.full {
  grid-column: 1 / -1;
}

.field-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--fillr-text-secondary);
}

.form-textarea {
  min-height: 132px;
  padding: 18px;
  resize: vertical;
}

.footer {
  margin-top: 88px;
  padding: 24px 0 28px;
  background: var(--fillr-bg-tertiary);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.18fr) repeat(4, minmax(0, 0.92fr));
  gap: 26px 22px;
  align-items: start;
}

.footer-grid > div {
  min-width: 0;
}

.footer-grid.footer-grid-apple {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.footer-title {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(28, 28, 30, 0.88);
}

.footer-list {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-list a {
  font-size: 12px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
  transition: color 160ms ease;
}

.footer-list a:hover {
  color: var(--fillr-text-primary);
}

.footer-meta {
  display: grid;
  gap: 12px;
}

.footer .brand-lockup {
  gap: 0;
}

.footer .brand-logo {
  width: 90px;
  height: 26px;
}

.footer-meta .footer-legal {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(28, 28, 30, 0.56);
  max-width: 280px;
}

.footer > .container > .footer-legal {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 12px;
  line-height: 1.45;
  color: rgba(28, 28, 30, 0.56);
}

.mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-height: calc(100dvh - var(--fillr-nav-height));
  padding: 20px 24px 28px;
  background: rgba(250, 250, 252, 0.995);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.08);
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease, transform 220ms ease;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  z-index: 130;
}

.mobile-menu.is-open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.mobile-menu.dark {
  background: rgba(11, 12, 14, 0.995);
  border-top-color: rgba(255, 255, 255, 0.08);
}

.mobile-menu-group {
  padding: 18px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.mobile-menu.dark .mobile-menu-group {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.mobile-menu-title {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.mobile-menu-links {
  display: grid;
  gap: 14px;
}

.mobile-menu-links a {
  font-size: 22px;
  line-height: 1.1;
  font-weight: 600;
}

.mobile-menu.dark .mobile-menu-links a,
.mobile-menu.dark .mobile-menu-title {
  color: var(--fillr-text-inverse);
}

.page-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 13px;
  color: var(--fillr-text-tertiary);
}

.page-note::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fillr-accent);
}

.muted-surface {
  background: var(--fillr-bg-secondary);
}

.section-divider {
  margin-top: 112px;
}

.apple-home-shell {
  background: #ffffff;
}

.apple-home-main {
  padding-top: 4px;
}

.showcase-band {
  position: relative;
  overflow: hidden;
  margin: 12px auto 0;
  padding: 38px 24px 0;
  min-height: 620px;
  text-align: center;
}

.showcase-band.light-band {
  background: linear-gradient(180deg, #fbfbfd 0%, #f4f7fc 100%);
}

.showcase-band.blue-band {
  background: radial-gradient(circle at 50% 10%, rgba(132, 193, 255, 0.45), transparent 28%),
    linear-gradient(180deg, #dff2ff 0%, #edf7ff 36%, #fbfdff 100%);
}

.showcase-band.warm-band {
  background: linear-gradient(180deg, #fff4f1 0%, #fff8ee 48%, #ffffff 100%);
}

.showcase-band.dark-band {
  background: radial-gradient(circle at 50% 0%, rgba(78, 110, 187, 0.24), transparent 24%),
    linear-gradient(180deg, #121316 0%, #06070a 100%);
}

.showcase-band.compact-band {
  min-height: 500px;
}

.fillers-band {
  min-height: 458px;
}

.showcase-copy {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
}

.narrow-showcase-copy {
  max-width: 760px;
}

.showcase-kicker {
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.dark-band .showcase-kicker {
  color: rgba(245, 245, 247, 0.86);
}

.showcase-title {
  margin: 10px 0 0;
  font-size: clamp(44px, 7vw, 76px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.showcase-title.medium {
  font-size: clamp(38px, 6vw, 58px);
}

.dark-band .showcase-title {
  color: var(--fillr-text-inverse);
}

.showcase-subtitle {
  max-width: 760px;
  margin: 12px auto 0;
  font-size: clamp(20px, 2.6vw, 28px);
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: var(--fillr-text-primary);
}

.dark-band .showcase-subtitle {
  color: rgba(245, 245, 247, 0.88);
}

.showcase-actions.center {
  justify-content: center;
  margin-top: 20px;
}

.showcase-media {
  position: relative;
  min-height: 280px;
  margin-top: 28px;
}

.clean-hero-band {
  min-height: 540px;
  padding-top: 20px;
}

.clean-hero-band .showcase-copy {
  padding-top: 4px;
}

.function-cluster,
.signal-ribbon,
.symbol-field,
.platform-constellation,
.pricing-constellation,
.entry-track,
.editorial-field,
.format-ribbon,
.service-steps {
  position: relative;
  width: min(1080px, calc(100% - 32px));
  height: 100%;
  margin: 0 auto;
}

.function-cluster {
  min-height: 470px;
}

.cluster-shell {
  position: absolute;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(233, 239, 248, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 40px 80px rgba(28, 50, 92, 0.12);
}

.shell-a {
  left: 26%;
  top: 108px;
  width: 34%;
  height: 250px;
  transform: rotate(-7deg);
}

.shell-b {
  left: 15%;
  top: 160px;
  width: 28%;
  height: 220px;
  transform: rotate(-16deg);
}

.shell-c {
  right: 18%;
  top: 144px;
  width: 30%;
  height: 230px;
  transform: rotate(14deg);
}

.cluster-card {
  position: absolute;
  display: grid;
  gap: 12px;
  align-content: start;
  min-width: 220px;
  padding: 26px 28px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.84);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 30px 70px rgba(35, 53, 98, 0.12);
}

.cluster-card span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.cluster-card strong {
  font-size: 32px;
  line-height: 1.08;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.card-a {
  left: 18%;
  top: 206px;
}

.card-b {
  left: 40%;
  top: 154px;
}

.card-c {
  right: 14%;
  top: 214px;
}

.signal-ribbon {
  min-height: 430px;
}

.ribbon-stage {
  position: absolute;
  border-radius: 999px;
  filter: blur(0.2px);
}

.stage-left {
  left: 18%;
  right: 18%;
  top: 142px;
  height: 34px;
  background: linear-gradient(90deg, rgba(67, 145, 255, 0.1) 0%, rgba(67, 145, 255, 0.8) 48%, rgba(67, 145, 255, 0.12) 100%);
}

.stage-mid {
  left: 23%;
  right: 23%;
  top: 206px;
  height: 34px;
  background: linear-gradient(90deg, rgba(162, 208, 255, 0.08) 0%, rgba(124, 182, 255, 0.88) 48%, rgba(162, 208, 255, 0.08) 100%);
}

.stage-right {
  left: 28%;
  right: 28%;
  top: 270px;
  height: 34px;
  background: linear-gradient(90deg, rgba(201, 227, 255, 0.06) 0%, rgba(150, 198, 255, 0.7) 48%, rgba(201, 227, 255, 0.06) 100%);
}

.ribbon-badge {
  position: absolute;
  min-width: 164px;
  padding: 14px 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 50px rgba(71, 121, 195, 0.14);
  font-size: 20px;
  font-weight: 600;
  color: #235cb7;
}

.badge-one {
  left: 18%;
  top: 120px;
}

.badge-two {
  left: 42%;
  top: 184px;
}

.badge-three {
  right: 17%;
  top: 248px;
}

.symbol-field {
  min-height: 430px;
}

.pricing-constellation {
  min-height: 460px;
}

.pricing-shell {
  position: absolute;
  border-radius: 40px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(234, 240, 249, 0.94) 100%);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 34px 84px rgba(36, 57, 98, 0.12);
}

.shell-back {
  left: 19%;
  top: 168px;
  width: 28%;
  height: 188px;
  transform: rotate(-16deg);
}

.shell-mid {
  left: 37%;
  top: 116px;
  width: 30%;
  height: 220px;
}

.shell-front {
  right: 17%;
  top: 162px;
  width: 28%;
  height: 196px;
  transform: rotate(15deg);
}

.pricing-card {
  position: absolute;
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 196px;
  padding: 22px 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.84);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 26px 60px rgba(35, 53, 98, 0.1);
}

.pricing-card span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.pricing-card strong {
  font-size: 26px;
  line-height: 1.08;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.pricing-card-a {
  left: 17%;
  top: 214px;
}

.pricing-card-b {
  left: 40%;
  top: 126px;
}

.pricing-card-c {
  right: 14%;
  top: 216px;
}

.entry-track {
  min-height: 320px;
}

.entry-line {
  position: absolute;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(91, 153, 255, 0.14) 0%, rgba(64, 122, 245, 0.9) 50%, rgba(91, 153, 255, 0.14) 100%);
}

.line-one {
  left: 24%;
  top: 168px;
  width: 26%;
}

.line-two {
  right: 24%;
  top: 168px;
  width: 26%;
}

.entry-node {
  position: absolute;
  min-width: 156px;
  padding: 16px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 20px 44px rgba(67, 112, 187, 0.12);
  font-size: 19px;
  font-weight: 600;
  color: #235cb7;
}

.node-start {
  left: 12%;
  top: 144px;
}

.node-mid {
  left: 50%;
  top: 144px;
  transform: translateX(-50%);
}

.node-end {
  right: 12%;
  top: 144px;
}

.editorial-field {
  min-height: 430px;
}

.editorial-dot {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 183, 85, 0.9) 0%, rgba(255, 125, 87, 0.88) 54%, rgba(255, 97, 155, 0.8) 100%);
  filter: blur(0.2px);
}

.dot-a {
  left: 24%;
  top: 136px;
  width: 24px;
  height: 24px;
}

.dot-b {
  left: 48%;
  top: 278px;
  width: 18px;
  height: 18px;
}

.dot-c {
  right: 22%;
  top: 168px;
  width: 28px;
  height: 28px;
}

.editorial-card {
  position: absolute;
  display: grid;
  gap: 10px;
  min-width: 240px;
  padding: 24px 26px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 28px 68px rgba(68, 74, 109, 0.12);
}

.editorial-card span {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.editorial-card strong {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.card-left {
  left: 18%;
  top: 162px;
  transform: rotate(-8deg);
}

.card-right {
  right: 18%;
  top: 122px;
  transform: rotate(7deg);
}

.format-ribbon {
  min-height: 300px;
}

.format-chip {
  position: absolute;
  padding: 16px 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(223, 230, 243, 0.88);
  box-shadow: 0 20px 44px rgba(60, 77, 116, 0.1);
  font-size: 22px;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.chip-a {
  left: 14%;
  top: 132px;
}

.chip-b {
  left: 36%;
  top: 96px;
}

.chip-c {
  right: 35%;
  top: 160px;
}

.chip-d {
  right: 13%;
  top: 118px;
}

.service-steps {
  min-height: 320px;
}

.service-step {
  position: absolute;
  padding: 16px 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 42px rgba(67, 112, 187, 0.12);
  font-size: 20px;
  font-weight: 600;
  color: #235cb7;
}

.service-step:nth-child(1) {
  left: 14%;
  top: 162px;
}

.service-step:nth-child(2) {
  left: 36%;
  top: 112px;
}

.service-step:nth-child(3) {
  right: 35%;
  top: 190px;
}

.service-step:nth-child(4) {
  right: 12%;
  top: 126px;
}

.symbol-core {
  position: absolute;
  left: 50%;
  top: 56%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 50% 50%, rgba(255, 208, 81, 0.7) 0%, rgba(255, 125, 72, 0.76) 52%, rgba(255, 72, 138, 0.82) 100%);
  filter: blur(18px);
  opacity: 0.42;
}

.symbol-glyph {
  position: absolute;
  display: block;
  border-radius: 999px;
  opacity: 0.9;
}

.glyph-a,
.glyph-b,
.glyph-c,
.glyph-d {
  background: linear-gradient(135deg, #ffb53b 0%, #ff6e52 52%, #ff4e9e 100%);
}

.glyph-a {
  left: 24%;
  top: 144px;
  width: 110px;
  height: 110px;
  clip-path: polygon(0 48%, 48% 0, 100% 48%, 48% 100%);
}

.glyph-b {
  left: 38%;
  top: 284px;
  width: 170px;
  height: 34px;
}

.glyph-c {
  right: 26%;
  top: 182px;
  width: 130px;
  height: 130px;
  border-radius: 48px;
  transform: rotate(26deg);
}

.glyph-d {
  right: 34%;
  top: 312px;
  width: 120px;
  height: 30px;
  transform: rotate(-36deg);
}

.tile-stage {
  width: min(calc(100% - 40px), 1440px);
  margin: 16px auto 0;
}

.tile-grid-apple {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.product-tile {
  position: relative;
  overflow: hidden;
  min-height: 640px;
  border-radius: 0;
  text-align: center;
}

.light-tile,
.pale-blue-tile,
.warm-tile {
  background: #fbfbfd;
}

.pale-blue-tile {
  background: linear-gradient(180deg, #edf7ff 0%, #fbfdff 100%);
}

.warm-tile {
  background: linear-gradient(180deg, #fff5ef 0%, #fffaf4 100%);
}

.dark-tile {
  background: linear-gradient(180deg, #111215 0%, #000000 100%);
}

.tile-copy {
  position: relative;
  z-index: 2;
  max-width: 620px;
  margin: 0 auto;
  padding: 58px 38px 0;
}

.tile-kicker {
  margin: 0;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.dark-tile .tile-kicker,
.dark-tile .tile-title,
.dark-tile .tile-subtitle,
.dark-tile .plan-spec,
.dark-tile .plan-price {
  color: var(--fillr-text-inverse);
}

.dark-tile .plan-price-note {
  color: rgba(245, 245, 247, 0.58);
}

.tile-title {
  margin: 6px 0 0;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.06;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.tile-subtitle {
  margin: 10px auto 0;
  max-width: 500px;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.28;
  color: var(--fillr-text-secondary);
}

.tile-actions {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-top: 18px;
}

.tile-art {
  position: absolute;
  inset: auto 0 0;
  height: 56%;
}

.arc-shell,
.halo-shell {
  position: absolute;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.arc-one {
  left: 19%;
  bottom: 84px;
  width: 54%;
  height: 54%;
  background: radial-gradient(circle at 50% 50%, rgba(93, 166, 255, 0.28), transparent 56%);
  transform: rotate(-10deg);
}

.arc-two {
  left: 27%;
  bottom: 18px;
  width: 42%;
  height: 42%;
  background: radial-gradient(circle at 50% 50%, rgba(121, 206, 255, 0.2), transparent 58%);
}

.arc-three {
  right: 18%;
  bottom: 148px;
  width: 22%;
  height: 22%;
  background: radial-gradient(circle at 50% 50%, rgba(49, 103, 235, 0.26), transparent 58%);
}

.blade-layer {
  position: absolute;
  left: 50%;
  border-radius: 28px;
  transform-origin: center;
  background: linear-gradient(180deg, rgba(231, 239, 255, 0.96) 0%, rgba(95, 136, 214, 0.12) 100%);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
}

.blade-back {
  bottom: 90px;
  width: 280px;
  height: 180px;
  transform: translateX(-50%) rotate(-18deg);
}

.blade-mid {
  bottom: 62px;
  width: 340px;
  height: 210px;
  transform: translateX(-50%) rotate(-6deg);
}

.blade-front {
  bottom: 38px;
  width: 420px;
  height: 246px;
  transform: translateX(-50%) rotate(10deg);
}

.stack-sheet,
.sheet-layer {
  position: absolute;
  left: 50%;
  width: 340px;
  height: 210px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(215, 224, 239, 0.9) 100%);
  box-shadow: 0 24px 60px rgba(58, 71, 108, 0.14);
}

.stack-top {
  bottom: 196px;
  transform: translateX(-50%) rotate(-18deg);
}

.stack-mid {
  bottom: 126px;
  transform: translateX(-50%) rotate(-7deg);
}

.stack-base {
  bottom: 56px;
  transform: translateX(-50%) rotate(8deg);
}

.metric-ring {
  position: absolute;
  border-radius: 50%;
  border: 20px solid transparent;
}

.ring-large {
  left: 50%;
  bottom: 58px;
  width: 280px;
  height: 280px;
  transform: translateX(-50%);
  border-top-color: #2e6cff;
  border-right-color: #87d8ff;
  border-bottom-color: #ff9a66;
  border-left-color: #4d53e6;
}

.ring-small {
  left: 50%;
  bottom: 136px;
  width: 126px;
  height: 126px;
  transform: translateX(-50%);
  border-width: 14px;
  border-top-color: rgba(46, 108, 255, 0.9);
  border-right-color: rgba(135, 216, 255, 0.8);
  border-bottom-color: rgba(255, 154, 102, 0.82);
  border-left-color: rgba(77, 83, 230, 0.88);
}

.halo-one {
  left: 50%;
  bottom: 56px;
  width: 360px;
  height: 360px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 50%, rgba(255, 209, 153, 0.16), rgba(255, 255, 255, 0) 60%);
}

.halo-two {
  left: 50%;
  bottom: 118px;
  width: 280px;
  height: 280px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 50%, rgba(255, 182, 133, 0.24), rgba(255, 255, 255, 0) 58%);
}

.halo-three {
  left: 50%;
  bottom: 172px;
  width: 180px;
  height: 180px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 70%);
}

.grid-art::before,
.grid-art::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 162px;
  width: 260px;
  height: 2px;
  transform: translateX(-50%);
  background: rgba(79, 108, 170, 0.18);
}

.grid-art::after {
  width: 2px;
  height: 220px;
  bottom: 72px;
}

.grid-node {
  position: absolute;
  width: 82px;
  height: 82px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(226, 233, 245, 0.92) 100%);
  box-shadow: 0 16px 44px rgba(72, 90, 133, 0.12);
}

.node-a {
  left: 26%;
  bottom: 220px;
}

.node-b {
  left: 42%;
  bottom: 126px;
}

.node-c {
  right: 26%;
  bottom: 220px;
}

.node-d {
  right: 38%;
  bottom: 72px;
}

.orbit-shell,
.ribbon-strip,
.prism-panel {
  position: absolute;
}

.orbit-shell {
  left: 50%;
  border-radius: 50%;
  border: 2px solid rgba(82, 133, 245, 0.2);
  transform: translateX(-50%);
}

.orbit-one {
  bottom: 72px;
  width: 360px;
  height: 360px;
}

.orbit-two {
  bottom: 128px;
  width: 250px;
  height: 250px;
}

.orbit-three {
  bottom: 182px;
  width: 132px;
  height: 132px;
}

.ribbon-strip {
  left: 50%;
  width: 360px;
  height: 70px;
  border-radius: 28px;
  background: linear-gradient(90deg, rgba(138, 206, 255, 0.18) 0%, rgba(67, 145, 255, 0.34) 52%, rgba(138, 206, 255, 0.12) 100%);
  transform: translateX(-50%);
}

.strip-one {
  bottom: 204px;
  transform: translateX(-50%) rotate(-15deg);
}

.strip-two {
  bottom: 132px;
  transform: translateX(-50%) rotate(-5deg);
}

.strip-three {
  bottom: 60px;
  transform: translateX(-50%) rotate(9deg);
}

.prism-panel {
  left: 50%;
  width: 320px;
  height: 198px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(90, 136, 224, 0.08) 100%);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
}

.prism-a {
  bottom: 168px;
  transform: translateX(-50%) rotate(-16deg);
}

.prism-b {
  bottom: 104px;
  transform: translateX(-50%) rotate(-4deg);
}

.prism-c {
  bottom: 40px;
  transform: translateX(-50%) rotate(10deg);
}

.sheet-a {
  bottom: 186px;
  transform: translateX(-50%) rotate(-13deg);
}

.sheet-b {
  bottom: 120px;
  transform: translateX(-50%) rotate(-2deg);
}

.sheet-c {
  bottom: 56px;
  transform: translateX(-50%) rotate(11deg);
}

.horizon-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(90, 132, 213, 0.92) 45%, rgba(255, 255, 255, 0) 100%);
}

.line-a {
  bottom: 246px;
  width: 380px;
}

.line-b {
  bottom: 182px;
  width: 280px;
}

.line-c {
  bottom: 118px;
  width: 180px;
}

.platform-constellation {
  min-height: 320px;
}

.constellation-panel {
  position: absolute;
  top: 72px;
  width: 290px;
  height: 170px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.panel-left {
  left: 25%;
}

.panel-right {
  right: 25%;
}

.constellation-beam {
  position: absolute;
  left: 50%;
  top: 120px;
  width: 220px;
  height: 2px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(86, 154, 255, 0.94) 48%, rgba(255, 255, 255, 0) 100%);
}

.apple-home-main {
  padding-top: 0;
}

.footer {
  margin-top: 18px;
  padding: 18px 0 28px;
  background: var(--fillr-bg-tertiary);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-note-row {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-note {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.footer-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.showcase-band {
  padding: 82px 24px 0;
  min-height: 860px;
}

.showcase-band.compact-band {
  min-height: 720px;
}

.showcase-kicker,
.tile-kicker {
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.showcase-title {
  font-size: clamp(48px, 7vw, 76px);
  line-height: 1.03;
  letter-spacing: -0.03em;
}

.showcase-title.medium {
  font-size: clamp(40px, 6vw, 60px);
}

.showcase-subtitle {
  max-width: 660px;
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.28;
  letter-spacing: -0.01em;
}

.showcase-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.showcase-actions.center {
  margin-top: 28px;
}

.showcase-media {
  min-height: 500px;
  margin-top: 42px;
}

.narrow-showcase-copy {
  max-width: 780px;
}

.clean-hero-band {
  min-height: 620px;
  padding-top: 56px;
  padding-bottom: 28px;
}

.clean-hero-band .showcase-copy {
  padding-top: 0;
}

.full-hero-band .showcase-media {
  min-height: 250px;
  margin-top: 28px;
}

.hero-orbit,
.hero-system-stage,
.catalog-sculpture,
.helpers-scene,
.plans-constellation-home {
  position: relative;
  width: min(1080px, calc(100% - 48px));
  height: 100%;
  margin: 0 auto;
}

.hero-orbit {
  min-height: 240px;
}

.hero-halo {
  position: absolute;
  left: 50%;
  top: 42%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(110, 170, 255, 0.24) 0%, rgba(110, 170, 255, 0.08) 48%, rgba(110, 170, 255, 0) 74%);
  filter: blur(8px);
}

.hero-plate,
.catalog-shell,
.catalog-frame,
.family-card,
.plans-band,
.plans-pill,
.platform-panel,
.education-ribbon,
.commercial-card,
.stories-sheet,
.support-step,
.access-orbit {
  position: absolute;
}

.hero-plate {
  left: 50%;
  border-radius: 42px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(230, 238, 249, 0.9) 100%);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 36px 120px rgba(54, 82, 137, 0.11);
}

.hero-plate-back {
  top: 34px;
  width: 410px;
  height: 210px;
  transform: translateX(-50%) rotate(-10deg);
}

.hero-plate-mid {
  top: 24px;
  width: 286px;
  height: 232px;
  transform: translateX(-50%);
}

.hero-plate-front {
  top: 68px;
  width: 392px;
  height: 182px;
  transform: translateX(-50%) rotate(11deg);
}

.hero-surface {
  position: absolute;
  inset: 28px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 0%, rgba(215, 228, 246, 0.32) 100%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  overflow: hidden;
}

.hero-surface-line {
  position: absolute;
  left: 16%;
  right: 16%;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(86, 144, 255, 0.14) 0%, rgba(86, 144, 255, 0.8) 52%, rgba(86, 144, 255, 0.14) 100%);
}

.line-a {
  top: 62px;
}

.line-b {
  top: 116px;
  left: 22%;
  right: 22%;
}

.line-c {
  top: 170px;
  left: 28%;
  right: 28%;
}

.hero-module {
  position: absolute;
  min-width: 184px;
  padding: 14px 16px 16px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.98);
  box-shadow: 0 20px 56px rgba(47, 72, 118, 0.12);
  text-align: left;
}

.hero-module strong {
  display: block;
  margin-top: 10px;
  font-size: 22px;
  line-height: 1.06;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.hero-module small {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--fillr-text-secondary);
}

.hero-glyph {
  position: relative;
  width: 58px;
  height: 40px;
}

.hero-glyph span {
  position: absolute;
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, #7aaef7 0%, #4e7cf1 100%);
}

.hero-module-fillers {
  left: 18%;
  top: 104px;
  transform: rotate(-9deg);
}

.hero-module-helpers {
  left: 50%;
  top: 68px;
  transform: translateX(-50%);
}

.hero-module-platform {
  right: 18%;
  top: 112px;
  transform: rotate(8deg);
}

.hero-glyph-fillers span:nth-child(1) {
  left: 0;
  bottom: 0;
  width: 14px;
  height: 36px;
}

.hero-glyph-fillers span:nth-child(2) {
  left: 24px;
  bottom: 0;
  width: 14px;
  height: 24px;
}

.hero-glyph-fillers span:nth-child(3) {
  left: 48px;
  bottom: 0;
  width: 14px;
  height: 44px;
}

.hero-glyph-helpers span:nth-child(1) {
  left: 0;
  top: 6px;
  width: 72px;
  height: 42px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 205, 150, 0.56) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.hero-glyph-helpers span:nth-child(2) {
  left: 22px;
  top: 18px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle, #ff9c63 0%, #ffcf8d 100%);
}

.hero-glyph-platform span:nth-child(1),
.hero-glyph-platform span:nth-child(2),
.hero-glyph-platform span:nth-child(3) {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.hero-glyph-platform span:nth-child(1) {
  left: 0;
  top: 18px;
}

.hero-glyph-platform span:nth-child(2) {
  left: 29px;
  top: 0;
}

.hero-glyph-platform span:nth-child(3) {
  right: 0;
  top: 18px;
}

.hero-glyph-platform::before,
.hero-glyph-platform::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  height: 2px;
  background: rgba(78, 124, 241, 0.68);
  top: 25px;
}

.hero-glyph-platform::after {
  left: 22px;
  right: 22px;
  top: 12px;
  transform: rotate(-24deg);
}

.hero-system-stage {
  min-height: 252px;
  overflow: hidden;
  padding: 10px 0 22px;
}

.hero-system-stage::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46px;
  background: linear-gradient(180deg, rgba(244, 247, 252, 0) 0%, rgba(244, 247, 252, 0.36) 52%, rgba(244, 247, 252, 0.82) 100%);
  pointer-events: none;
}

.hero-system-glow {
  position: absolute;
  inset: 20px 12% 34px;
  border-radius: 64px;
  background:
    radial-gradient(circle at 50% 10%, rgba(110, 170, 255, 0.26) 0%, rgba(110, 170, 255, 0.08) 34%, rgba(110, 170, 255, 0) 72%);
  filter: blur(10px);
}

.hero-system-shell {
  position: relative;
  width: min(880px, calc(100% - 32px));
  min-height: 0;
  margin: 0 auto;
  padding: 18px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(238, 243, 252, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.98);
  box-shadow: 0 36px 96px rgba(52, 79, 126, 0.14);
}

.hero-system-shell {
  transform: translateY(2px);
}

.hero-system-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 18% 20%, rgba(102, 160, 255, 0.16), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.44), transparent 22%);
  pointer-events: none;
}

.hero-system-topbar {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.hero-system-eyebrow,
.hero-system-status {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-system-eyebrow {
  background: rgba(255, 255, 255, 0.8);
  color: rgba(28, 28, 30, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.hero-system-status {
  background: rgba(0, 113, 227, 0.1);
  color: var(--fillr-accent);
}

.hero-system-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.hero-system-card {
  border-radius: 24px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 32px rgba(47, 72, 118, 0.06);
}

.hero-system-card-primary {
  background: linear-gradient(180deg, rgba(244, 247, 253, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.hero-system-card-head,
.hero-system-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.hero-system-card-head {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.56);
}

.hero-system-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(0, 113, 227, 0.1);
  color: var(--fillr-accent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.hero-system-badge.subtle {
  background: rgba(255, 182, 106, 0.2);
  color: #b05b00;
}

.hero-system-list {
  display: grid;
}

.hero-system-row {
  padding: 10px 0;
  border-top: 1px solid rgba(28, 28, 30, 0.08);
}

.hero-system-row:first-child {
  padding-top: 0;
  border-top: 0;
}

.hero-system-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--fillr-text-primary);
}

.hero-system-value {
  font-size: 13px;
  color: var(--fillr-text-secondary);
  text-align: right;
}

.hero-system-float {
  position: absolute;
  z-index: 2;
  min-width: 188px;
  padding: 12px 14px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 36px rgba(47, 72, 118, 0.08);
  backdrop-filter: blur(10px);
  text-align: left;
}

.hero-system-float strong {
  display: block;
  font-size: 16px;
  line-height: 1.08;
  color: var(--fillr-text-primary);
}

.hero-system-float small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--fillr-text-secondary);
}

.hero-system-float-left {
  left: -2%;
  top: 154px;
  transform: rotate(-6deg);
}

.hero-system-float-right {
  right: -2%;
  top: 154px;
  transform: rotate(7deg);
}

.catalog-frame,
.family-card {
  width: 280px;
  height: 204px;
  padding: 24px 26px;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 26px 72px rgba(51, 87, 151, 0.12);
  text-align: left;
  backdrop-filter: blur(14px);
}

.catalog-frame small,
.family-card small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.35;
  color: var(--fillr-text-secondary);
}

.catalog-glyph,
.helper-glyph {
  position: relative;
  width: 60px;
  height: 44px;
  margin-bottom: 10px;
}

.catalog-glyph span,
.helper-glyph span {
  position: absolute;
  display: block;
}

.chart-glyph span {
  bottom: 0;
  width: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #8cb8ff 0%, #477cf0 100%);
}

.chart-glyph span:nth-child(1) {
  left: 0;
  height: 18px;
}

.chart-glyph span:nth-child(2) {
  left: 18px;
  height: 30px;
}

.chart-glyph span:nth-child(3) {
  left: 36px;
  height: 40px;
}

.signal-glyph span:nth-child(1),
.signal-glyph span:nth-child(2),
.signal-glyph span:nth-child(3) {
  border-radius: 50%;
  background: radial-gradient(circle, #8ab7ff 0%, #4f7cf1 100%);
}

.signal-glyph span:nth-child(1) {
  left: 0;
  top: 16px;
  width: 12px;
  height: 12px;
}

.signal-glyph span:nth-child(2) {
  left: 22px;
  top: 8px;
  width: 16px;
  height: 16px;
}

.signal-glyph span:nth-child(3) {
  left: 46px;
  top: 0;
  width: 12px;
  height: 12px;
}

.signal-glyph::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 22px;
  width: 42px;
  height: 2px;
  background: rgba(79, 124, 241, 0.56);
  transform: rotate(-20deg);
}

.grid-glyph {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.grid-glyph span {
  width: 18px;
  height: 18px;
  border-radius: 8px;
  background: linear-gradient(180deg, #c2d9ff 0%, #6d98f5 100%);
}

.calendar-glyph span:nth-child(1) {
  left: 0;
  top: 8px;
  width: 56px;
  height: 34px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 225, 190, 0.9) 100%);
  border: 1px solid rgba(240, 206, 162, 0.7);
}

.calendar-glyph span:nth-child(2),
.calendar-glyph span:nth-child(3) {
  top: 0;
  width: 10px;
  height: 14px;
  border-radius: 999px;
  background: #f2a45f;
}

.calendar-glyph span:nth-child(2) {
  left: 12px;
}

.calendar-glyph span:nth-child(3) {
  left: 34px;
}

.health-glyph span:nth-child(1) {
  left: 8px;
  top: 12px;
  width: 44px;
  height: 28px;
  border-radius: 999px 999px 20px 20px;
  background: linear-gradient(180deg, #ffb27a 0%, #ff7f7f 100%);
  transform: rotate(-45deg);
}

.health-glyph span:nth-child(2) {
  left: 8px;
  top: 12px;
  width: 44px;
  height: 28px;
  border-radius: 999px 999px 20px 20px;
  background: linear-gradient(180deg, #ffb27a 0%, #ff7f7f 100%);
  transform: rotate(45deg);
}

.family-glyph span {
  border-radius: 50%;
  background: radial-gradient(circle, #ffcf8f 0%, #f29e64 100%);
}

.family-glyph span:nth-child(1) {
  left: 8px;
  top: 18px;
  width: 18px;
  height: 18px;
}

.family-glyph span:nth-child(2) {
  left: 24px;
  top: 8px;
  width: 22px;
  height: 22px;
}

.family-glyph span:nth-child(3) {
  left: 46px;
  top: 18px;
  width: 18px;
  height: 18px;
}
.catalog-frame span,
.family-card span {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.catalog-frame strong,
.family-card strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--fillr-text-primary);
}

.catalog-left {
  left: 15%;
  bottom: 10px;
  transform: rotate(-8deg);
}

.catalog-center {
  left: 50%;
  bottom: 44px;
  transform: translateX(-50%);
}

.catalog-right {
  right: 15%;
  bottom: 10px;
  transform: rotate(8deg);
}

.fillers-band {
  min-height: 454px;
}

.fillers-band .showcase-media {
  min-height: 204px;
  margin-top: 38px;
}

.fillers-banner {
  position: relative;
  width: min(860px, calc(100% - 40px));
  min-height: 228px;
  margin: 0 auto;
}

.fillers-banner-halo {
  position: absolute;
  inset: 22px 12% 18px;
  border-radius: 48px;
  background: radial-gradient(circle at 50% 10%, rgba(116, 177, 255, 0.22) 0%, rgba(116, 177, 255, 0.08) 40%, rgba(116, 177, 255, 0) 78%);
  filter: blur(10px);
}

.fillers-banner-card {
  position: absolute;
  width: 252px;
  min-height: 168px;
  padding: 18px 18px 16px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.98);
  box-shadow: 0 22px 58px rgba(61, 101, 171, 0.12);
  text-align: left;
  backdrop-filter: blur(14px);
}

.fillers-banner-card-left {
  left: 4%;
  bottom: 6px;
  transform: rotate(-6deg);
}

.fillers-banner-card-center {
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 2;
}

.fillers-banner-card-right {
  right: 4%;
  bottom: 6px;
  transform: rotate(6deg);
}

.fillers-banner-kicker {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.56);
}

.fillers-banner-card strong {
  display: block;
  margin-top: 10px;
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--fillr-text-primary);
}

.fillers-banner-card small {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.34;
  color: var(--fillr-text-secondary);
}

.fillers-banner-signal {
  position: relative;
  height: 42px;
  margin-top: 16px;
  overflow: hidden;
}

.fillers-banner-signal span {
  position: absolute;
  display: block;
}

.fillers-banner-signal-commercial span {
  bottom: 0;
  width: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #91bcff 0%, #4f80f1 100%);
}

.fillers-banner-signal-commercial span:nth-child(1) {
  left: 4px;
  height: 16px;
}

.fillers-banner-signal-commercial span:nth-child(2) {
  left: 26px;
  height: 28px;
}

.fillers-banner-signal-commercial span:nth-child(3) {
  left: 48px;
  height: 38px;
}

.fillers-banner-signal-marketing span {
  top: 18px;
  height: 2px;
  border-radius: 999px;
  background: rgba(79, 124, 241, 0.42);
}

.fillers-banner-signal-marketing span:nth-child(1) {
  left: 0;
  width: 34px;
}

.fillers-banner-signal-marketing span:nth-child(2) {
  left: 42px;
  width: 46px;
}

.fillers-banner-signal-marketing span:nth-child(3) {
  left: 96px;
  width: 38px;
}

.fillers-banner-signal-marketing span:nth-child(4) {
  left: 144px;
  width: 54px;
}

.fillers-banner-signal-marketing::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 8px;
  width: 116px;
  height: 22px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, rgba(99, 145, 243, 0.22) 0%, rgba(99, 145, 243, 0) 72%);
}

.fillers-banner-signal-technology span {
  width: 44px;
  height: 20px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(224, 232, 246, 0.9) 100%);
  border: 1px solid rgba(214, 224, 240, 0.9);
}

.fillers-banner-signal-technology span:nth-child(1) {
  left: 2px;
  top: 14px;
}

.fillers-banner-signal-technology span:nth-child(2) {
  left: 56px;
  top: 4px;
}

.fillers-banner-signal-technology span:nth-child(3) {
  left: 110px;
  top: 18px;
}

.fillers-band {
  min-height: 520px;
}

.fillers-band .showcase-media {
  min-height: 300px;
  margin-top: 34px;
}

.fillers-page-hero {
  min-height: 648px;
}

.fillers-page-hero .showcase-media {
  min-height: 338px;
}

.fillers-overview {
  width: min(960px, calc(100% - 36px));
  margin: 0 auto;
}

.fillers-overview-shell {
  padding: 18px;
  border-radius: 42px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(244, 248, 253, 0.94) 100%);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 36px 88px rgba(55, 88, 146, 0.1);
}

.fillers-overview-topbar,
.fillers-overview-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fillers-overview-dots {
  display: flex;
  gap: 7px;
}

.fillers-overview-dots span {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(56, 77, 116, 0.22);
}

.fillers-overview-dots span:nth-child(2) {
  background: rgba(88, 137, 233, 0.54);
}

.fillers-overview-search {
  flex: 1;
  height: 30px;
  border-radius: 999px;
  background: rgba(214, 225, 240, 0.46);
}

.fillers-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.fillers-overview-card {
  min-height: 170px;
  padding: 18px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(223, 232, 246, 0.9);
  text-align: left;
}

.fillers-overview-card.is-commercial {
  background: linear-gradient(180deg, rgba(235, 244, 255, 0.94) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.fillers-overview-card.is-marketing {
  background: linear-gradient(180deg, rgba(252, 247, 242, 0.96) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.fillers-overview-card.is-technology {
  background: linear-gradient(180deg, rgba(243, 246, 252, 0.98) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.fillers-overview-card.is-operations {
  background: linear-gradient(180deg, rgba(246, 250, 253, 0.98) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.fillers-overview-kicker,
.bundle-lineup-kicker {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.52);
}

.fillers-overview-card strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: var(--fillr-text-primary);
}

.fillers-overview-card small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.34;
  color: var(--fillr-text-secondary);
}

.fillers-overview-chips,
.fillers-overview-footer,
.area-panel-footer,
.bundle-lineup-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fillers-overview-chips {
  margin-top: 14px;
}

.fillers-overview-chips span,
.fillers-overview-footer span,
.area-panel-footer span,
.bundle-lineup-modules span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(239, 244, 251, 0.92);
  color: rgba(38, 62, 110, 0.78);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.fillers-overview-footer {
  justify-content: space-between;
  margin-top: 16px;
}

.fillers-commercial-band {
  min-height: 600px;
}

.commercial-lineup {
  width: min(920px, calc(100% - 36px));
  margin: 0 auto;
}

.commercial-lineup-shell {
  padding: 18px;
  border-radius: 38px;
  background: linear-gradient(180deg, rgba(236, 245, 255, 0.98) 0%, rgba(222, 236, 255, 0.74) 100%);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 30px 70px rgba(80, 126, 201, 0.12);
}

.commercial-lineup-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.commercial-lineup-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #2f63be;
  font-size: 12px;
  font-weight: 700;
}

.commercial-lineup-pill.subtle {
  color: rgba(49, 84, 148, 0.78);
}

.commercial-lineup-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.commercial-lineup-card {
  min-height: 196px;
  padding: 18px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(223, 233, 248, 0.9);
  text-align: left;
}

.commercial-lineup-card span,
.area-panel-card span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.46);
}

.commercial-lineup-card strong,
.bundle-lineup-card strong {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  line-height: 1.02;
  letter-spacing: -0.034em;
  color: var(--fillr-text-primary);
}

.commercial-lineup-card small,
.bundle-lineup-card small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.36;
  color: var(--fillr-text-secondary);
}

.commercial-lineup-rail {
  position: relative;
  height: 70px;
  margin-top: 14px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.54);
  overflow: hidden;
}

.commercial-lineup-rail span {
  position: absolute;
  left: 28px;
  right: 28px;
  height: 3px;
  border-radius: 999px;
  background: rgba(76, 125, 213, 0.18);
}

.commercial-lineup-rail span:nth-child(1) {
  top: 18px;
}

.commercial-lineup-rail span:nth-child(2) {
  top: 34px;
}

.commercial-lineup-rail span:nth-child(3) {
  top: 50px;
}

.commercial-lineup-rail span.is-solid {
  background: linear-gradient(90deg, rgba(97, 149, 240, 0.12) 0%, rgba(75, 125, 213, 0.86) 40%, rgba(97, 149, 240, 0.12) 100%);
}

.commercial-lineup-rail span.is-active {
  left: 18%;
  right: 18%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(91, 139, 232, 0.88) 50%, rgba(255, 255, 255, 0) 100%);
}

.fillers-bundles-band {
  min-height: 588px;
}

.bundle-lineup {
  width: min(980px, calc(100% - 36px));
  margin: 0 auto;
}

.bundle-lineup-shell {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.bundle-lineup-card {
  min-height: 248px;
  padding: 20px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(253, 247, 242, 0.94) 100%);
  border: 1px solid rgba(242, 229, 213, 0.88);
  box-shadow: 0 24px 58px rgba(170, 132, 97, 0.09);
  text-align: left;
}

.bundle-lineup-card strong {
  margin-top: 12px;
  font-size: 28px;
}

.bundle-lineup-modules {
  margin-top: 18px;
}

.bundle-lineup-modules span {
  background: rgba(255, 247, 239, 0.96);
  color: rgba(136, 93, 44, 0.82);
}

.area-panel-art {
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 28px;
}

.area-panel,
.finance-panel,
.governance-panel,
.admin-panel,
.strategy-panel {
  width: min(380px, calc(100% - 44px));
  padding: 16px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 250, 255, 0.96) 100%);
  border: 1px solid rgba(231, 237, 247, 0.92);
  box-shadow: 0 24px 60px rgba(53, 85, 138, 0.1);
}

.area-panel-dark {
  background: linear-gradient(180deg, rgba(33, 38, 50, 0.98) 0%, rgba(20, 22, 30, 0.98) 100%);
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 66px rgba(0, 0, 0, 0.28);
}

.area-panel-topbar {
  display: flex;
  gap: 7px;
  margin-bottom: 14px;
}

.area-panel-topbar span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(78, 124, 218, 0.24);
}

.area-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.area-panel-grid.three-up {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.area-panel-grid.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.area-panel-card {
  min-height: 84px;
  padding: 12px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(223, 232, 245, 0.92);
  text-align: left;
}

.area-panel-card.is-dark {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}

.area-panel-card strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: var(--fillr-text-primary);
}

.area-panel-dark .area-panel-card span {
  color: rgba(174, 196, 241, 0.64);
}

.area-panel-dark .area-panel-card strong {
  color: var(--fillr-text-inverse);
}

.area-panel-footer {
  justify-content: space-between;
  margin-top: 12px;
}

.area-panel-footer.dark span {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(173, 199, 246, 0.82);
}

.finance-curve {
  position: relative;
  min-height: 80px;
  margin-top: 12px;
  border-radius: 22px;
  background: rgba(247, 250, 255, 0.94);
  border: 1px solid rgba(223, 232, 245, 0.92);
}

.finance-track {
  position: absolute;
  left: 16px;
  right: 16px;
  top: 42px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 173, 127, 0.54) 0%, rgba(92, 146, 242, 0.6) 100%);
}

.finance-signal {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #f7fbff 0%, #97befd 56%, #5e90f2 100%);
}

.finance-signal.signal-one {
  left: 18%;
  top: 36px;
}

.finance-signal.signal-two {
  left: 46%;
  top: 28px;
}

.finance-signal.signal-three {
  right: 18%;
  top: 18px;
}

.governance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.governance-wide {
  grid-column: 1 / -1;
}

.admin-sheet {
  display: grid;
  gap: 10px;
}

.strategy-rail {
  position: relative;
  height: 54px;
  margin-bottom: 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  overflow: hidden;
}

.strategy-rail span {
  position: absolute;
  left: 16px;
  right: 16px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(108, 162, 255, 0.82) 50%, rgba(255, 255, 255, 0) 100%);
}

.strategy-rail span:nth-child(1) {
  top: 14px;
}

.strategy-rail span:nth-child(2) {
  top: 26px;
}

.strategy-rail span:nth-child(3) {
  top: 38px;
}

.fillers-platform-window {
  width: min(430px, calc(100% - 52px));
  min-height: 246px;
}

.fillers-platform-window .platform-window-shell {
  min-height: 246px;
}

.helpers-page-hero .hero-grid {
  align-items: center;
  gap: 64px;
}

.helpers-page-hero .eyebrow,
.helpers-lineup-section .eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding-left: 0;
}

.helpers-page-hero .eyebrow::before,
.helpers-lineup-section .eyebrow::before {
  display: none;
}

.helpers-page-panel {
  min-height: 520px;
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.88) 0%, rgba(246, 240, 232, 0.94) 100%);
  border-color: rgba(255, 255, 255, 0.86);
  box-shadow: 0 28px 72px rgba(146, 118, 83, 0.08);
}

.helpers-page-panel::before {
  background:
    radial-gradient(circle at 24% 16%, rgba(255, 217, 175, 0.22), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.22), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 46%);
}

.helpers-page-panel .helpers-travel {
  width: min(100%, calc(100% - 28px));
  min-height: 100%;
  padding: 14px 0 12px;
}

.helpers-page-panel .helpers-travel-photo {
  width: min(100%, 760px);
  height: 302px;
}

.helpers-page-panel .helpers-travel-overlay {
  right: 26px;
  bottom: -8px;
}

.helpers-lineup-section {
  padding-top: 28px;
}

.helpers-lineup-shell {
  padding: 24px 18px 18px;
  border-radius: 38px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 245, 240, 0.94) 100%);
  border: 1px solid rgba(243, 235, 224, 0.92);
  box-shadow: 0 28px 66px rgba(142, 114, 82, 0.08);
}

.helpers-lineup-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.helpers-lineup-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 0;
}

.helpers-lineup-card {
  min-height: 184px;
  padding: 18px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(235, 227, 217, 0.96);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.helpers-lineup-card.is-featured {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 247, 241, 0.96) 100%);
  box-shadow: inset 0 0 0 1px rgba(240, 231, 220, 0.92);
}

.helpers-lineup-eyebrow {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.48);
}

.helpers-lineup-title {
  margin: 10px 0 0;
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.034em;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.helpers-lineup-card:not(.is-featured) .helpers-lineup-title {
  font-size: 26px;
}

.helpers-lineup-body {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.4;
  color: var(--fillr-text-secondary);
}

.helpers-lineup-footer {
  margin-top: 16px;
}

.helpers-lineup-footer span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 248, 240, 0.94);
  color: rgba(141, 104, 64, 0.82);
  font-size: 11px;
  font-weight: 600;
}


.helpers-band {
  min-height: 476px;
}

.helpers-band .showcase-media {
  min-height: 292px;
  margin-top: 30px;
}

.helpers-travel {
  position: relative;
  width: min(920px, calc(100% - 40px));
  min-height: 316px;
  margin: 0 auto;
  padding: 12px 0 6px;
}

.helpers-travel::before {
  content: "";
  position: absolute;
  inset: 18px 8% 26px;
  border-radius: 52px;
  background: radial-gradient(circle at 52% 46%, rgba(255, 206, 150, 0.22) 0%, rgba(255, 206, 150, 0.08) 34%, rgba(255, 206, 150, 0) 76%);
  filter: blur(16px);
}

.helpers-travel-photo {
  position: relative;
  z-index: 1;
  width: min(780px, 100%);
  height: 272px;
  margin: 0 auto;
  border-radius: 40px;
  overflow: hidden;
  background: linear-gradient(180deg, #efe2cf 0%, #f7f0e7 46%, #dcc3a4 100%);
  box-shadow: 0 30px 90px rgba(133, 104, 70, 0.12);
}

.helpers-travel-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.12) 22%, rgba(255, 255, 255, 0) 46%),
    linear-gradient(180deg, rgba(255, 248, 239, 0.22) 0%, rgba(255, 248, 239, 0) 56%);
}

.helpers-travel-sky {
  position: absolute;
  left: 52px;
  right: 52px;
  top: 28px;
  height: 138px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(231, 242, 255, 0.96) 0%, rgba(247, 251, 255, 0.92) 100%);
}

.helpers-travel-sky::before,
.helpers-travel-sky::after {
  content: "";
  position: absolute;
  background: rgba(190, 210, 230, 0.44);
}

.helpers-travel-sky::before {
  left: 33%;
  top: 0;
  width: 1px;
  height: 100%;
}

.helpers-travel-sky::after {
  right: 33%;
  top: 0;
  width: 1px;
  height: 100%;
}

.helpers-travel-window {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 168px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, transparent 0, transparent 18%, rgba(211, 195, 174, 0.34) 18%, rgba(211, 195, 174, 0.34) 19%, transparent 19%, transparent 50%, rgba(211, 195, 174, 0.34) 50%, rgba(211, 195, 174, 0.34) 51%, transparent 51%, transparent 82%, rgba(211, 195, 174, 0.34) 82%, rgba(211, 195, 174, 0.34) 83%, transparent 83%);
}

.helpers-travel-floor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 126px;
  background: linear-gradient(180deg, rgba(213, 184, 150, 0.08) 0%, rgba(193, 154, 117, 0.36) 100%);
}

.helpers-travel-person {
  position: absolute;
  left: 324px;
  bottom: 54px;
  width: 98px;
  height: 172px;
}

.helpers-travel-head {
  position: absolute;
  left: 30px;
  top: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f1cfb3 0%, #ddb28b 100%);
}

.helpers-travel-body {
  position: absolute;
  left: 18px;
  top: 30px;
  width: 58px;
  height: 96px;
  border-radius: 28px 28px 16px 16px;
  background: linear-gradient(180deg, #d7bf9f 0%, #c19a75 100%);
}

.helpers-travel-body::before,
.helpers-travel-body::after {
  content: "";
  position: absolute;
  bottom: -46px;
  width: 14px;
  height: 54px;
  border-radius: 12px;
  background: linear-gradient(180deg, #c9a684 0%, #ad815e 100%);
}

.helpers-travel-body::before {
  left: 10px;
}

.helpers-travel-body::after {
  right: 10px;
}

.helpers-travel-arm {
  position: absolute;
  left: 8px;
  top: 58px;
  width: 84px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d7bf9f 0%, #c19a75 100%);
  transform: rotate(8deg);
}

.helpers-travel-suitcase {
  position: absolute;
  left: 438px;
  bottom: 54px;
  width: 92px;
  height: 104px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(203, 174, 142, 0.94) 0%, rgba(182, 147, 111, 0.96) 100%);
  box-shadow: 0 18px 28px rgba(137, 104, 70, 0.16);
}

.helpers-travel-suitcase::before {
  content: "";
  position: absolute;
  left: 26px;
  top: -22px;
  width: 40px;
  height: 28px;
  border: 5px solid rgba(168, 132, 96, 0.72);
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
}

.helpers-travel-suitcase::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 32px;
  height: 2px;
  background: rgba(232, 215, 194, 0.54);
}

.helpers-travel-carryon {
  position: absolute;
  right: 120px;
  bottom: 54px;
  width: 62px;
  height: 78px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(242, 231, 217, 0.96) 0%, rgba(217, 191, 162, 0.96) 100%);
  box-shadow: 0 14px 22px rgba(136, 107, 77, 0.1);
}

.helpers-travel-carryon::before {
  content: "";
  position: absolute;
  left: 18px;
  top: -16px;
  width: 26px;
  height: 18px;
  border: 4px solid rgba(201, 172, 141, 0.82);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
}

.helpers-travel-ticket {
  position: absolute;
  right: 178px;
  top: 62px;
  width: 108px;
  height: 66px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.96) 0%, rgba(246, 233, 215, 0.96) 100%);
  box-shadow: 0 14px 24px rgba(147, 115, 81, 0.12);
  transform: rotate(-8deg);
}

.helpers-travel-ticket::before,
.helpers-travel-ticket::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  height: 2px;
  background: rgba(205, 176, 145, 0.74);
  border-radius: 999px;
}

.helpers-travel-ticket::before {
  top: 22px;
}

.helpers-travel-ticket::after {
  top: 38px;
}

.helpers-travel-overlay {
  position: absolute;
  right: 46px;
  bottom: -2px;
  z-index: 2;
  width: 318px;
  padding: 18px 18px 16px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(255, 255, 255, 0.94);
  box-shadow: 0 26px 64px rgba(125, 102, 75, 0.16);
  backdrop-filter: blur(16px);
  text-align: left;
}

.helpers-travel-eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.52);
}

.helpers-travel-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid rgba(28, 28, 30, 0.08);
}

.helpers-travel-row span {
  font-size: 14px;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.helpers-travel-row strong {
  max-width: 176px;
  font-size: 13px;
  line-height: 1.32;
  font-weight: 500;
  color: var(--fillr-text-secondary);
  text-align: right;
}

.plans-home-band {
  min-height: 568px;
  padding-bottom: 42px;
}

.plans-home-band .showcase-copy {
  max-width: 860px;
}

.plans-home-band .showcase-title.medium {
  font-size: clamp(38px, 5.6vw, 58px);
}

.plans-home-band .showcase-subtitle {
  max-width: 760px;
  font-size: clamp(18px, 2vw, 20px);
}

.plans-home-band .showcase-actions.center {
  margin-top: 34px;
}

.plans-home-band .showcase-media {
  min-height: 246px;
  margin-top: 42px;
}

.plans-page-hero {
  min-height: 640px;
}

.plans-comparison {
  position: relative;
  width: min(940px, calc(100% - 40px));
  min-height: 246px;
  margin: 0 auto;
}

.plans-comparison::before {
  content: "";
  position: absolute;
  inset: 12px 10% 22px;
  border-radius: 44px;
  background: radial-gradient(circle at 50% 50%, rgba(89, 124, 216, 0.22) 0%, rgba(89, 124, 216, 0.08) 34%, rgba(89, 124, 216, 0) 74%);
  filter: blur(12px);
}

.plans-comparison-shell {
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(21, 24, 32, 0.92) 0%, rgba(12, 14, 20, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.plans-plan-card {
  min-height: 190px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
}

.plans-plan-card-primary {
  background: linear-gradient(180deg, rgba(43, 62, 112, 0.3) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(110, 149, 255, 0.28);
}

.plans-plan-tier {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(149, 184, 255, 0.78);
}

.plans-plan-card strong {
  display: block;
  margin-top: 6px;
  font-size: 26px;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.plans-plan-card small {
  display: block;
  margin-top: 10px;
  min-height: 50px;
  font-size: 13px;
  line-height: 1.34;
  color: rgba(255, 255, 255, 0.7);
}

.plans-plan-modules {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.plans-plan-modules span {
  display: block;
  height: 46px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.plans-plan-modules span.is-active {
  background: linear-gradient(180deg, rgba(233, 241, 255, 0.96) 0%, rgba(168, 198, 255, 0.56) 100%);
  border-color: rgba(196, 216, 255, 0.4);
}

.plans-page-entry {
  min-height: 560px;
}

.plans-page-entry .showcase-media {
  min-height: 220px;
}

.plans-entry-art {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(720px, calc(100% - 48px));
  margin: 0 auto;
}

.plans-entry-art .access-sequence {
  width: min(520px, 100%);
  padding: 16px;
  border-radius: 32px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(239, 246, 255, 0.82) 100%);
  border: 1px solid rgba(186, 208, 239, 0.44);
  box-shadow: 0 22px 60px rgba(91, 129, 190, 0.12);
}

.plans-entry-art .access-sequence-step {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(210, 225, 244, 0.9);
  box-shadow: 0 14px 38px rgba(91, 129, 190, 0.08);
}

.plans-entry-art .access-sequence-step.is-emphasis {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(230, 239, 255, 0.9) 100%);
}

.plans-entry-art .access-sequence-step span {
  color: rgba(83, 101, 137, 0.58);
}

.plans-entry-art .access-sequence-step strong {
  color: var(--fillr-text-primary);
}

.plans-page-stage .product-tile {
  display: flex;
  flex-direction: column;
  min-height: 520px;
}

.plans-page-stage .tile-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  max-width: 560px;
  padding-top: 52px;
  padding-bottom: 0;
}

.plans-page-stage .tile-art {
  position: static;
  inset: auto;
  height: auto;
  flex: 1 1 auto;
  align-items: center;
}

.plans-page-stage {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.plans-page-stage .tile-grid-apple {
  width: min(calc(100% - 40px), 1120px);
  margin: 0 auto;
}

.plans-page .eyebrow::before,
.plans-page .card-eyebrow::before {
  display: none;
}

.plans-stage-header {
  align-items: center;
  text-align: center;
  margin-bottom: 6px;
}

.plans-stage-header .section-body {
  max-width: 760px;
}

.plans-stage-header-secondary {
  margin-top: 8px;
}

.plans-quick-cta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: -4px auto 8px;
}

.plans-quick-cta .button {
  min-width: 188px;
}

.plans-primary-grid,
.plans-secondary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.plans-primary-tile {
  min-height: auto;
  border-radius: 28px;
}

.plans-secondary-tile {
  min-height: auto;
  border-radius: 28px;
}

.plans-primary-tile .tile-subtitle,
.plans-secondary-tile .tile-subtitle {
  max-width: 460px;
  margin-top: 0;
}

.plans-primary-tile .tile-copy,
.plans-secondary-tile .tile-copy {
  max-width: none;
  padding: 34px 26px 0;
  gap: 12px;
}

.plans-primary-tile .tile-title,
.plans-secondary-tile .tile-title {
  font-size: clamp(32px, 2.9vw, 46px);
}

.plans-primary-tile .tile-subtitle,
.plans-secondary-tile .tile-subtitle {
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.32;
}

.plans-page-stage .tile-actions {
  margin-top: 2px;
}

.plans-primary-tile .tile-art,
.plans-secondary-tile .tile-art {
  flex: 0 0 auto;
  padding-top: 24px;
  padding-bottom: 30px;
}

.plans-primary-tile .plans-tier-surface {
  width: min(320px, calc(100% - 40px));
}

.plans-primary-tile .plans-offer-sheet,
.plans-secondary-tile .plans-offer-sheet,
.plans-secondary-tile .plans-addon-list {
  width: min(100%, 420px);
}

.plans-primary-grid {
  padding: 24px;
  border-radius: 36px;
  background: linear-gradient(180deg, #191b21 0%, #0f1014 100%);
  box-shadow: 0 28px 72px rgba(17, 18, 21, 0.12);
}

.plans-offer-sheet {
  width: min(420px, 100%);
  display: grid;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(122, 163, 255, 0.14);
}

.plans-offer-sheet.dark {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

.plans-offer-counts {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.plans-offer-counts span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(122, 163, 255, 0.12);
  color: var(--fillr-text-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.plans-offer-sheet.dark .plans-offer-counts span {
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.92);
}

.plans-offer-rows,
.plans-addon-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.plans-offer-rows div,
.plans-addon-list div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
}

.plans-offer-rows dt,
.plans-addon-list dt {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}

.plans-offer-rows dd,
.plans-addon-list dd {
  margin: 0;
  font-size: 15px;
  line-height: 1.42;
  color: var(--fillr-text-primary);
}

.plans-offer-sheet.dark .plans-offer-rows dt {
  color: rgba(255, 255, 255, 0.46);
}

.plans-offer-sheet.dark .plans-offer-rows dd {
  color: rgba(255, 255, 255, 0.9);
}

.plans-addon-list {
  width: min(430px, 100%);
}

.plans-addon-list dd {
  color: var(--fillr-text-secondary);
}

.plans-tier-art,
.plans-extensions-art,
.plans-enterprise-art,
.plans-education-art {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.plans-education-art {
  align-items: flex-end;
  padding-top: 44px;
}

.plans-tier-surface {
  width: min(360px, calc(100% - 56px));
  padding: 18px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(239, 244, 252, 0.94) 100%);
  border: 1px solid rgba(160, 183, 223, 0.22);
  box-shadow: 0 26px 68px rgba(78, 101, 146, 0.1);
}

.plans-tier-surface.dark {
  background: linear-gradient(180deg, rgba(29, 31, 38, 0.96) 0%, rgba(13, 15, 20, 0.98) 100%);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 30px 84px rgba(0, 0, 0, 0.28);
}

.plans-tier-topbar {
  height: 22px;
  border-radius: 999px;
  background: rgba(122, 163, 255, 0.1);
  border: 1px solid rgba(122, 163, 255, 0.14);
}

.plans-tier-surface.dark .plans-tier-topbar {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

.plans-tier-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.plans-tier-grid span {
  display: block;
  height: 92px;
  border-radius: 18px;
  background: rgba(122, 163, 255, 0.08);
  border: 1px solid rgba(122, 163, 255, 0.1);
}

.plans-tier-surface.dark .plans-tier-grid span {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}

.plans-tier-grid span.is-active {
  background: linear-gradient(180deg, rgba(237, 243, 255, 0.98) 0%, rgba(181, 206, 255, 0.58) 100%);
  border-color: rgba(184, 210, 255, 0.4);
}

.plans-tier-surface.dark .plans-tier-grid span.is-active {
  background: linear-gradient(180deg, rgba(225, 236, 255, 0.96) 0%, rgba(141, 182, 255, 0.38) 100%);
  border-color: rgba(181, 208, 255, 0.34);
}

.plans-tier-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}

.plans-tier-footer small {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--fillr-text-secondary);
}

.plans-tier-surface.dark .plans-tier-footer small {
  color: rgba(255, 255, 255, 0.66);
}

.plans-extensions-surface {
  width: min(300px, calc(100% - 80px));
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.plans-extension-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 68px;
  padding: 14px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 18px 48px rgba(78, 101, 146, 0.09);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

@media (max-width: 1180px) {
  .plans-primary-grid,
  .plans-secondary-grid {
    grid-template-columns: 1fr;
  }

  .plans-primary-tile,
  .plans-secondary-tile {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .plans-quick-cta {
    width: min(100%, calc(100% - 24px));
    flex-direction: column;
    align-items: stretch;
  }

  .plans-quick-cta .button {
    width: 100%;
    min-width: 0;
  }

  .plans-page-stage .tile-copy {
    max-width: 100%;
    padding-inline: 22px;
    gap: 12px;
  }

  .plans-stage-header .section-body {
    max-width: 100%;
  }

  .plans-offer-sheet,
  .plans-addon-list,
  .plans-tier-surface,
  .plans-extensions-surface {
    width: min(100%, calc(100% - 28px));
  }

  .plans-offer-sheet {
    padding: 14px;
  }

  .plans-offer-rows div,
  .plans-addon-list div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .plans-tier-art,
  .plans-extensions-art,
  .plans-enterprise-art,
  .plans-education-art {
    padding-top: 12px;
    padding-bottom: 22px;
  }
}

.plans-enterprise-window {
  width: min(390px, calc(100% - 44px));
  min-height: 248px;
}

.plans-enterprise-window .platform-window-shell {
  min-height: 248px;
  padding: 16px;
  border-radius: 28px;
}

.plans-enterprise-window .platform-window-body {
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
}

.plans-enterprise-window .platform-window-summary {
  gap: 10px;
}

.plans-enterprise-window .platform-window-block {
  min-height: 66px;
  padding: 12px;
}

.plans-enterprise-window .platform-window-block strong {
  font-size: 15px;
}

.plans-education-editorial {
  position: static;
  width: min(324px, calc(100% - 72px));
  transform: none;
  margin-top: auto;
}

.plans-education-editorial .education-editorial-page {
  padding: 18px 18px 16px;
}

.plans-education-editorial .education-editorial-page strong {
  max-width: 210px;
  font-size: 24px;
}

.plans-education-editorial .education-editorial-page small {
  max-width: 220px;
  font-size: 12px;
}

.home-tile-stage {
  margin-top: 12px;
}

.home-tile-stage .tile-grid-apple {
  gap: 14px;
  align-items: stretch;
}

.home-tile-stage .product-tile {
  min-height: 560px;
}

.home-tile-stage .tile-copy {
  padding-top: 44px;
}

.home-tile-stage .tile-title {
  font-size: clamp(32px, 3.7vw, 46px);
}

.home-tile-stage .tile-subtitle {
  max-width: 470px;
}

.home-tile-stage .tile-art {
  height: 52%;
}

.platform-art,
.education-art,
.commercial-art,
.stories-art,
.support-art,
.access-art {
  position: relative;
}

.education-home-tile .tile-copy {
  max-width: 560px;
  padding-top: 52px;
}

.education-home-tile,
.platform-home-tile,
.commercial-home-tile,
.access-home-tile {
  display: flex;
  flex-direction: column;
  min-height: 560px;
}

.education-home-tile .tile-subtitle {
  max-width: 500px;
}

.education-home-tile .tile-art {
  position: relative;
  inset: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  height: auto;
  margin-top: 16px;
  padding: 0 0 24px;
}

.education-home-tile .tile-title {
  font-size: clamp(30px, 3.15vw, 40px);
}

.education-home-tile .tile-actions {
  margin-top: 20px;
}

.platform-home-tile .tile-copy {
  max-width: 560px;
  padding-left: 46px;
  padding-right: 46px;
}

.commercial-home-tile .tile-copy,
.access-home-tile .tile-copy {
  max-width: 560px;
  padding-top: 34px;
}

.platform-home-tile .tile-title {
  font-size: clamp(30px, 3.2vw, 42px);
  max-width: 620px;
}

.platform-home-tile .tile-subtitle {
  max-width: 430px;
}

.platform-home-tile .tile-art {
  position: relative;
  inset: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  height: auto;
  margin-top: 16px;
  padding: 0 0 24px;
}

.commercial-home-tile .tile-art,
.access-home-tile .tile-art {
  position: relative;
  inset: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  width: min(560px, 100%);
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 28px;
  box-sizing: border-box;
}

.platform-window {
  position: relative;
  left: auto;
  bottom: auto;
  width: min(372px, calc(100% - 88px));
  min-height: 224px;
  margin: 0 auto;
  transform: none;
}

.platform-window-glow {
  position: absolute;
  inset: 12px 16% 18px;
  border-radius: 34px;
  background: radial-gradient(circle at 50% 18%, rgba(108, 162, 255, 0.34) 0%, rgba(108, 162, 255, 0.12) 38%, rgba(108, 162, 255, 0) 76%);
  filter: blur(8px);
}

.commercial-home-tile .tile-title,
.access-home-tile .tile-title {
  font-size: clamp(30px, 3.15vw, 40px);
}

.commercial-home-tile .tile-actions,
.access-home-tile .tile-actions {
  margin-top: 14px;
}

.platform-window-shell {
  position: relative;
  z-index: 1;
  min-height: 224px;
  padding: 13px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(34, 38, 49, 0.96) 0%, rgba(18, 20, 27, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.platform-window-topbar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.platform-window-dots {
  display: flex;
  align-items: center;
  gap: 6px;
}

.platform-window-dots span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
}

.platform-window-dots span:nth-child(2) {
  background: rgba(150, 190, 255, 0.54);
}

.platform-window-search {
  flex: 1;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.platform-window-body {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
}

.platform-window-sidebar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 6px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.platform-window-nav {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.platform-window-nav.short {
  width: 62%;
}

.platform-window-nav.is-active {
  background: linear-gradient(90deg, rgba(164, 198, 255, 0.92) 0%, rgba(91, 135, 238, 0.96) 100%);
}

.platform-window-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.platform-window-header,
.platform-window-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.platform-window-label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(174, 196, 241, 0.76);
}

.platform-window-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(122, 163, 255, 0.14);
  color: #a9c9ff;
  font-size: 10px;
  font-weight: 600;
}

.platform-window-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 8px;
}

.platform-window-block {
  min-height: 58px;
  padding: 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.06);
  text-align: left;
}

.platform-window-block span {
  display: block;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.52);
}

.platform-window-block strong {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.08;
  color: #ffffff;
}

.platform-window-block-wide {
  background: linear-gradient(180deg, rgba(72, 97, 155, 0.24) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.platform-window-timeline {
  position: relative;
  min-height: 52px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.platform-window-track {
  position: absolute;
  left: 10px;
  right: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(108, 162, 255, 0.78) 42%, rgba(255, 255, 255, 0) 100%);
}

.platform-window-track.track-top {
  top: 15px;
}

.platform-window-track.track-mid {
  top: 25px;
  opacity: 0.8;
}

.platform-window-track.track-low {
  top: 35px;
  opacity: 0.58;
}

.platform-window-signal {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle, #eaf2ff 0%, #98bfff 58%, #5d8ff1 100%);
  box-shadow: 0 0 14px rgba(111, 165, 255, 0.38);
}

.platform-window-signal.signal-left {
  left: 18%;
  top: 12px;
}

.platform-window-signal.signal-center {
  left: 49%;
  top: 22px;
  transform: translateX(-50%);
}

.platform-window-signal.signal-right {
  right: 16%;
  top: 31px;
}

.platform-window-chip {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.68);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.platform-window-chip.subtle {
  background: rgba(122, 163, 255, 0.12);
  color: rgba(174, 201, 255, 0.86);
}

.platform-page-hero .hero-grid {
  align-items: center;
  gap: 56px;
}

.platform-page-hero .eyebrow,
.platform-reading-copy .eyebrow,
.platform-band .eyebrow,
.platform-cta-band .eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  padding-left: 0;
}

.platform-page-hero .eyebrow::before,
.platform-reading-copy .eyebrow::before,
.platform-band .eyebrow::before,
.platform-cta-band .eyebrow::before {
  display: none;
}

.platform-page-hero .hero-title,
.platform-page-hero .hero-body {
  color: var(--fillr-text-inverse);
}

.platform-page-hero .hero-content {
  max-width: 560px;
}

.platform-page-stage {
  display: flex;
  justify-content: center;
  width: 100%;
}

.platform-page-window {
  width: min(560px, calc(100% - 12px));
  min-height: 340px;
}

.platform-page-window .platform-window-shell {
  min-height: 340px;
  padding: 18px;
  border-radius: 34px;
}

.platform-page-window .platform-window-topbar {
  margin-bottom: 14px;
}

.platform-page-window .platform-window-search {
  height: 28px;
}

.platform-page-window .platform-window-body {
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
}

.platform-page-window .platform-window-sidebar {
  gap: 10px;
  padding: 10px 8px;
  border-radius: 22px;
}

.platform-page-window .platform-window-summary {
  gap: 10px;
}

.platform-page-window .platform-window-block {
  min-height: 74px;
  padding: 12px;
  border-radius: 18px;
}

.platform-page-window .platform-window-block span {
  font-size: 11px;
}

.platform-page-window .platform-window-block strong {
  font-size: 16px;
}

.platform-page-window .platform-window-timeline {
  min-height: 66px;
  padding: 12px;
}

.platform-reading-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 28px;
  align-items: center;
}

.platform-reading-band {
  padding: 42px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(20, 22, 25, 0.97) 0%, rgba(8, 10, 14, 0.99) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.18);
}

.platform-reading-copy .section-title,
.platform-reading-copy .section-body {
  max-width: 500px;
}

.platform-reading-band .platform-reading-copy .section-title,
.platform-reading-band .platform-reading-copy .section-body {
  color: var(--fillr-text-inverse);
}

.platform-reading-surface {
  padding: 30px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(33, 36, 42, 0.96) 0%, rgba(17, 19, 24, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.platform-reading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.platform-reading-row:first-child {
  padding-top: 0;
  border-top: 0;
}

.platform-reading-row:last-child {
  padding-bottom: 0;
}

.platform-reading-row span {
  font-size: 15px;
  color: rgba(245, 245, 247, 0.7);
}

.platform-reading-row strong {
  font-size: 22px;
  line-height: 1.08;
  text-align: right;
  color: #fff;
}

.platform-control-intro {
  max-width: 900px;
  margin: 0 auto 28px;
  text-align: center;
}

.platform-control-intro .eyebrow,
.platform-control-intro .section-title,
.platform-control-intro .section-body {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.platform-control-intro .section-title {
  color: rgba(18, 18, 21, 0.96);
}

.platform-control-intro .section-body {
  color: rgba(50, 52, 57, 0.82);
}

.platform-control-intro .eyebrow::before {
  display: none;
}

.platform-control-shell {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-radius: 34px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.05);
}

.platform-control-column {
  padding: 32px 30px;
}

.platform-control-column + .platform-control-column {
  border-left: 1px solid rgba(15, 15, 18, 0.08);
}

.platform-control-column h3 {
  margin: 8px 0 0;
  font-size: 28px;
  line-height: 1.06;
  letter-spacing: -0.02em;
}

.platform-control-column p {
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.45;
  color: var(--fillr-text-secondary);
}

.platform-band .eyebrow,
.platform-band .section-title,
.platform-band .section-body {
  max-width: 560px;
}

.lane-badge {
  min-width: 102px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(174, 201, 255, 0.86);
}

.platform-end-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.platform-end-grid .card {
  min-height: 100%;
}

.platform-cta-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 40px 42px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(20, 22, 25, 0.96) 0%, rgba(6, 7, 10, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.platform-cta-band .section-title,
.platform-cta-band .section-body {
  color: var(--fillr-text-inverse);
  max-width: 560px;
}

.education-editorial {
  position: relative;
  left: auto;
  bottom: auto;
  width: min(430px, calc(100% - 88px));
  transform: none;
}

.education-editorial-page {
  padding: 22px 24px 20px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 246, 239, 0.96) 100%);
  border: 1px solid rgba(242, 230, 218, 0.92);
  box-shadow: 0 18px 44px rgba(154, 124, 92, 0.1);
  text-align: left;
}

.education-editorial-page strong {
  display: block;
  max-width: 320px;
  font-size: 30px;
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: var(--fillr-text-primary);
}

.education-editorial-page small {
  display: block;
  margin-top: 10px;
  max-width: 300px;
  font-size: 14px;
  line-height: 1.34;
  color: var(--fillr-text-secondary);
}

.education-editorial-chart {
  display: flex;
  align-items: end;
  gap: 10px;
  height: 82px;
  margin-top: 20px;
  padding: 18px 18px 14px;
  border-radius: 24px;
  background: rgba(255, 250, 245, 0.86);
  border: 1px solid rgba(239, 227, 214, 0.9);
}

.education-editorial-chart span {
  display: block;
  width: 22px;
  border-radius: 11px;
  background: linear-gradient(180deg, rgba(255, 181, 123, 0.96) 0%, rgba(255, 141, 105, 0.9) 100%);
}

.education-editorial-chart .is-short {
  height: 24px;
}

.education-editorial-chart .is-mid {
  height: 38px;
}

.education-editorial-chart .is-tall {
  height: 54px;
}

.education-editorial-chart .is-peak {
  height: 68px;
}

.education-hero-surface {
  width: min(680px, calc(100% - 88px));
  margin: 0 auto;
}

.education-hero-page {
  padding: 28px 30px 30px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 246, 239, 0.96) 100%);
  border: 1px solid rgba(242, 230, 218, 0.92);
  box-shadow: 0 24px 64px rgba(154, 124, 92, 0.11);
  text-align: left;
}

.education-surface-topline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.48);
}

.education-hero-page strong {
  display: block;
  max-width: 440px;
  font-size: clamp(34px, 4vw, 46px);
  line-height: 0.98;
  letter-spacing: -0.05em;
  color: var(--fillr-text-primary);
}

.education-hero-page small {
  display: block;
  margin-top: 12px;
  max-width: 430px;
  font-size: 15px;
  line-height: 1.42;
  color: var(--fillr-text-secondary);
}

.education-hero-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.education-hero-note {
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(255, 250, 245, 0.86);
  border: 1px solid rgba(239, 227, 214, 0.9);
}

.education-hero-note span,
.education-format-cell span,
.education-line-item span,
.education-case-sheet span,
.education-guide-sheet span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.44);
}

.education-hero-note b,
.education-format-cell strong,
.education-line-item strong,
.education-case-sheet strong,
.education-conversation-sheet p {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.14;
  color: var(--fillr-text-primary);
}

.education-format-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: min(860px, calc(100% - 88px));
  margin: 0 auto;
  padding: 20px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(223, 231, 246, 0.78);
  box-shadow: 0 22px 54px rgba(118, 140, 178, 0.08);
}

.education-format-cell {
  padding: 18px 18px 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(223, 231, 246, 0.88);
  text-align: left;
}

.education-card-art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}

.education-case-sheet,
.education-guide-sheet,
.education-metric-sheet,
.education-conversation-sheet {
  width: min(320px, 100%);
  padding: 22px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(249, 244, 238, 0.94) 100%);
  border: 1px solid rgba(232, 225, 215, 0.9);
  box-shadow: 0 20px 50px rgba(154, 124, 92, 0.08);
  text-align: left;
}

.education-case-sheet small {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.38;
  color: var(--fillr-text-secondary);
}

.education-guide-sheet {
  display: grid;
  gap: 14px;
}

.education-guide-sheet div {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(227, 219, 209, 0.72);
}

.education-guide-sheet div:last-child {
  border-bottom: none;
}

.education-guide-sheet b {
  font-size: 18px;
  line-height: 1.14;
  color: var(--fillr-text-primary);
}

.education-metric-sheet {
  display: flex;
  align-items: end;
  gap: 14px;
  min-height: 186px;
}

.education-metric-sheet span {
  display: block;
  width: 32px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 194, 140, 0.98) 0%, rgba(255, 136, 102, 0.88) 100%);
}

.education-metric-sheet .is-short {
  height: 38px;
}

.education-metric-sheet .is-mid {
  height: 66px;
}

.education-metric-sheet .is-tall {
  height: 94px;
}

.education-metric-sheet .is-peak {
  height: 126px;
}

.education-conversation-sheet p {
  margin: 0;
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.education-lines-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: min(920px, calc(100% - 88px));
  margin: 0 auto;
  padding: 18px;
  border-radius: 32px;
  background: rgba(13, 17, 23, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.22);
}

.education-line-item {
  padding: 18px 18px 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  text-align: left;
}

.education-line-item span {
  color: rgba(255, 255, 255, 0.42);
}

.education-line-item strong {
  color: var(--fillr-text-inverse);
}

.education-formats-band,
.education-lines-band {
  min-height: auto;
}

.education-formats-band .showcase-media,
.education-lines-band .showcase-media {
  min-height: auto;
  margin-top: 26px;
}

.education-lines-band {
  padding-bottom: 54px;
}

.platform-beam {
  position: absolute;
  left: 50%;
  bottom: 170px;
  width: 60px;
  height: 220px;
  border-radius: 999px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 50% 15%, rgba(111, 173, 255, 0.8) 0%, rgba(111, 173, 255, 0.18) 48%, rgba(111, 173, 255, 0) 72%);
  filter: blur(4px);
}

.platform-panel {
  left: 50%;
  width: 360px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(113, 143, 198, 0.08) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
  transform: translateX(-50%);
}

.platform-node {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle, #9cc4ff 0%, #5d8ff1 100%);
  box-shadow: 0 0 20px rgba(103, 153, 255, 0.48);
}

.node-left {
  left: 28%;
  bottom: 146px;
}

.node-center {
  left: 50%;
  bottom: 212px;
  transform: translateX(-50%);
}

.node-right {
  right: 28%;
  bottom: 138px;
}

.platform-panel-back {
  bottom: 150px;
  height: 170px;
  transform: translateX(-50%) rotate(-9deg);
}

.platform-panel-mid {
  bottom: 88px;
  height: 188px;
  transform: translateX(-50%);
}

.platform-panel-front {
  bottom: 26px;
  height: 160px;
  transform: translateX(-50%) rotate(9deg);
}

.education-ribbon {
  min-width: 168px;
  padding: 16px 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 48px rgba(116, 106, 91, 0.1);
  font-size: 20px;
  font-weight: 600;
  color: var(--fillr-text-primary);
}

.education-dot {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffca70 0%, #ff8c68 60%, #ff6ea2 100%);
  box-shadow: 0 0 22px rgba(255, 162, 107, 0.28);
}

.dot-one {
  left: 18%;
  bottom: 126px;
}

.dot-two {
  left: 52%;
  bottom: 58px;
}

.dot-three {
  right: 18%;
  bottom: 136px;
}

.ribbon-one {
  left: 22%;
  bottom: 172px;
  transform: rotate(-7deg);
}

.ribbon-two {
  left: 50%;
  bottom: 108px;
  transform: translateX(-50%);
}

.ribbon-three {
  right: 18%;
  bottom: 40px;
  transform: rotate(8deg);
}

.commercial-card {
  position: absolute;
  left: 50%;
  width: 390px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(228, 235, 246, 0.9) 100%);
  box-shadow: 0 24px 64px rgba(52, 80, 126, 0.11);
  transform: translateX(-50%);
}

.commercial-card-back {
  bottom: 140px;
  height: 150px;
}

.commercial-card-mid {
  bottom: 84px;
  height: 168px;
}

.commercial-card-front {
  bottom: 28px;
  height: 186px;
}

.commercial-art {
  width: min(372px, 100%);
  margin-inline: auto;
}

.commercial-board {
  width: 100%;
  margin-inline: auto;
  padding: 14px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 244, 251, 0.96) 100%);
  border: 1px solid rgba(220, 228, 241, 0.98);
  box-shadow: 0 22px 56px rgba(64, 98, 156, 0.12);
}

.commercial-board-topbar {
  display: flex;
  align-items: center;
  gap: 12px;
}

.commercial-board-dots {
  display: flex;
  gap: 6px;
}

.commercial-board-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(120, 150, 208, 0.34);
}

.commercial-board-dots span:nth-child(2) {
  background: rgba(104, 146, 235, 0.72);
}

.commercial-board-search {
  flex: 1;
  height: 24px;
  border-radius: 999px;
  background: rgba(122, 150, 202, 0.08);
  border: 1px solid rgba(122, 150, 202, 0.14);
}

.commercial-board-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.commercial-board-column {
  min-height: 118px;
  padding: 14px 12px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(220, 228, 241, 0.94);
  text-align: left;
}

.commercial-board-column small {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(82, 100, 136, 0.66);
}

.commercial-board-column strong {
  display: block;
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: var(--fillr-text-primary);
}

.commercial-board-column span {
  display: block;
  height: 6px;
  margin-top: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(125, 162, 236, 0.82) 0%, rgba(125, 162, 236, 0.18) 100%);
}

.commercial-board-column span.short {
  width: 68%;
  margin-top: 8px;
}

.commercial-board-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.commercial-board-footer span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  background: rgba(234, 240, 250, 0.92);
  color: rgba(73, 90, 124, 0.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.commercial-board-footer .is-accent {
  background: rgba(112, 150, 235, 0.14);
  color: rgba(84, 124, 214, 0.88);
}

.commercial-marker {
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle, #9cc4ff 0%, #5d8ff1 100%);
  box-shadow: 0 0 20px rgba(91, 142, 242, 0.32);
}

.marker-a {
  left: 32%;
  bottom: 176px;
}

.marker-b {
  left: 50%;
  bottom: 118px;
  transform: translateX(-50%);
}

.marker-c {
  right: 31%;
  bottom: 58px;
}

.stories-sheet {
  left: 50%;
  width: 170px;
  height: 250px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(227, 238, 252, 0.88) 100%);
  box-shadow: 0 22px 56px rgba(79, 118, 178, 0.1);
}

.stories-sheet-left {
  bottom: 54px;
  transform: translateX(-165%) rotate(-8deg);
}

.stories-sheet-center {
  bottom: 30px;
  transform: translateX(-50%);
}

.stories-sheet-right {
  bottom: 50px;
  transform: translateX(62%) rotate(8deg);
}

.stories-caption {
  position: absolute;
  left: 50%;
  width: 74px;
  height: 8px;
  border-radius: 999px;
  background: rgba(121, 156, 214, 0.22);
}

.caption-left {
  bottom: 82px;
  transform: translateX(-165%) rotate(-8deg);
}

.caption-center {
  bottom: 58px;
  transform: translateX(-50%);
}

.caption-right {
  bottom: 76px;
  transform: translateX(62%) rotate(8deg);
}

.support-step {
  left: 50%;
  width: 250px;
  height: 160px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(231, 237, 246, 0.88) 100%);
  box-shadow: 0 24px 58px rgba(70, 82, 113, 0.08);
}

.support-step-back {
  bottom: 164px;
  transform: translateX(-74%);
}

.support-step-mid {
  bottom: 102px;
  transform: translateX(-50%);
}

.support-step-front {
  bottom: 40px;
  transform: translateX(-26%);
}

.support-path {
  position: absolute;
  left: 50%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(112, 148, 208, 0) 0%, rgba(112, 148, 208, 0.54) 48%, rgba(112, 148, 208, 0) 100%);
}

.path-one {
  bottom: 176px;
  width: 220px;
  transform: translateX(-50%);
}

.path-two {
  bottom: 92px;
  width: 180px;
  transform: translateX(-50%);
}

.access-art {
  width: min(372px, 100%);
  margin-inline: auto;
}

.access-sequence {
  width: 100%;
  margin-inline: auto;
  padding: 14px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.access-sequence-step {
  padding: 15px 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
  text-align: left;
}

.access-sequence-step + .access-sequence-step {
  margin-top: 12px;
}

.access-sequence-step.is-emphasis {
  background: rgba(255, 255, 255, 0.12);
}

.access-sequence-step span {
  display: block;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.54);
}

.access-sequence-step strong {
  display: block;
  margin-top: 6px;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.showcase-actions {
  gap: 40px;
}

.showcase-actions.center {
  margin-top: 24px;
}

.hero-mini,
.catalog-ui,
.helper-scene-mini {
  position: relative;
  margin-top: 16px;
  overflow: hidden;
}

.hero-mini {
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.94) 0%, rgba(228, 237, 250, 0.88) 100%);
  border: 1px solid rgba(255, 255, 255, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.hero-mini-bars span,
.catalog-ui span,
.helper-scene-mini span {
  position: absolute;
  display: block;
}

.hero-mini-bars span {
  bottom: 10px;
  width: 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #82b2ff 0%, #4f80f1 100%);
}

.hero-mini-bars span:nth-child(1) {
  left: 18px;
  height: 22px;
}

.hero-mini-bars span:nth-child(2) {
  left: 38px;
  height: 34px;
}

.hero-mini-bars span:nth-child(3) {
  left: 58px;
  height: 16px;
}

.hero-mini-bars::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 14px;
  height: 4px;
  border-radius: 999px;
  background: rgba(92, 126, 184, 0.14);
}

.hero-mini-avatars span {
  top: 14px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.88) 0%, rgba(255, 224, 189, 0.94) 30%, rgba(214, 230, 255, 0.95) 100%);
  box-shadow: 0 8px 18px rgba(88, 119, 176, 0.14);
}

.hero-mini-avatars span:nth-child(1) {
  left: 18px;
}

.hero-mini-avatars span:nth-child(2) {
  left: 42px;
}

.hero-mini-avatars span:nth-child(3) {
  left: 66px;
}

.hero-mini-avatars::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 202, 150, 0.14) 0%, rgba(123, 171, 255, 0.24) 50%, rgba(255, 202, 150, 0.14) 100%);
}

.hero-mini-network::before,
.hero-mini-network::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 28px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(100, 138, 206, 0.08) 0%, rgba(100, 138, 206, 0.5) 50%, rgba(100, 138, 206, 0.08) 100%);
}

.hero-mini-network::after {
  top: auto;
  bottom: 14px;
  left: 34px;
  right: 34px;
}

.hero-mini-network span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #a7cbff 0%, #5f91f2 100%);
  box-shadow: 0 0 14px rgba(89, 134, 230, 0.3);
}

.hero-mini-network span:nth-child(1) {
  left: 20px;
  top: 12px;
}

.hero-mini-network span:nth-child(2) {
  left: 52px;
  top: 24px;
}

.hero-mini-network span:nth-child(3) {
  right: 20px;
  top: 10px;
}

.hero-mini-network span:nth-child(4) {
  right: 34px;
  bottom: 12px;
}

.catalog-ui {
  height: 72px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(247, 250, 255, 0.94) 0%, rgba(227, 237, 249, 0.88) 100%);
  border: 1px solid rgba(255, 255, 255, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.ui-chart span {
  bottom: 14px;
  width: 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #8bb7ff 0%, #5e8ef1 100%);
}

.ui-chart span:nth-child(1) {
  left: 22px;
  height: 20px;
}

.ui-chart span:nth-child(2) {
  left: 48px;
  height: 36px;
}

.ui-chart span:nth-child(3) {
  left: 74px;
  height: 28px;
}

.ui-chart::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 18px;
  height: 3px;
  border-radius: 999px;
  background: rgba(96, 130, 188, 0.14);
}

.ui-waves span {
  left: 50%;
  border-radius: 999px;
  transform: translateX(-50%);
  border: 2px solid rgba(97, 142, 233, 0.32);
}

.ui-waves span:nth-child(1) {
  bottom: 16px;
  width: 96px;
  height: 24px;
}

.ui-waves span:nth-child(2) {
  bottom: 24px;
  width: 70px;
  height: 18px;
}

.ui-waves span:nth-child(3) {
  bottom: 32px;
  width: 40px;
  height: 12px;
}

.ui-grid span {
  width: 24px;
  height: 24px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(214, 228, 246, 0.92) 100%);
  box-shadow: 0 10px 18px rgba(88, 120, 178, 0.1);
}

.ui-grid span:nth-child(1) {
  left: 22px;
  top: 14px;
}

.ui-grid span:nth-child(2) {
  left: 52px;
  top: 14px;
}

.ui-grid span:nth-child(3) {
  left: 22px;
  top: 42px;
}

.ui-grid span:nth-child(4) {
  left: 52px;
  top: 42px;
}

.helper-scene-mini {
  height: 74px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 238, 230, 0.94) 100%);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.helper-scene-calendar::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 16px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 187, 130, 0.26) 0%, rgba(255, 219, 185, 0.56) 100%);
}

.helper-scene-calendar span {
  height: 8px;
  border-radius: 999px;
  background: rgba(153, 132, 107, 0.2);
}

.helper-scene-calendar span:nth-child(1) {
  left: 18px;
  right: 18px;
  top: 34px;
}

.helper-scene-calendar span:nth-child(2) {
  left: 18px;
  width: 54px;
  top: 48px;
}

.helper-scene-calendar span:nth-child(3) {
  right: 18px;
  width: 34px;
  top: 48px;
}

.helper-scene-health span:nth-child(1),
.helper-scene-health span:nth-child(2) {
  width: 34px;
  height: 34px;
  border-radius: 18px;
  top: 20px;
  background: linear-gradient(180deg, rgba(255, 222, 196, 0.84) 0%, rgba(255, 255, 255, 0.98) 100%);
  box-shadow: 0 10px 18px rgba(133, 109, 88, 0.1);
}

.helper-scene-health span:nth-child(1) {
  left: 26px;
  transform: rotate(-14deg);
}

.helper-scene-health span:nth-child(2) {
  left: 50px;
  transform: rotate(14deg);
}

.helper-scene-health::before,
.helper-scene-health::after {
  content: "";
  position: absolute;
  background: #ef7f7f;
}

.helper-scene-health::before {
  left: 84px;
  top: 24px;
  width: 16px;
  height: 28px;
  border-radius: 10px;
}

.helper-scene-health::after {
  left: 78px;
  top: 30px;
  width: 28px;
  height: 16px;
  border-radius: 10px;
}

.helper-scene-family span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 22px;
  background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.94) 0%, rgba(255, 225, 201, 0.92) 36%, rgba(222, 231, 246, 0.95) 100%);
  box-shadow: 0 8px 18px rgba(121, 100, 79, 0.12);
}

.helper-scene-family span:nth-child(1) {
  left: 24px;
}

.helper-scene-family span:nth-child(2) {
  left: 48px;
  top: 16px;
  width: 30px;
  height: 30px;
}

.helper-scene-family span:nth-child(3) {
  left: 80px;
}

.helper-scene-family::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 205, 150, 0.16) 0%, rgba(255, 230, 207, 0.34) 50%, rgba(255, 205, 150, 0.16) 100%);
}

.plans-pill small {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.25;
  color: rgba(28, 28, 30, 0.56);
}

.platform-strip {
  position: absolute;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(113, 156, 255, 0) 0%, rgba(113, 156, 255, 0.6) 46%, rgba(113, 156, 255, 0) 100%);
}

.strip-left {
  left: 32%;
  bottom: 148px;
  width: 120px;
  transform: rotate(-24deg);
}

.strip-right {
  right: 32%;
  bottom: 144px;
  width: 126px;
  transform: rotate(24deg);
}

.education-sheet {
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 38px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 245, 234, 0.9) 100%);
  box-shadow: 0 24px 60px rgba(194, 160, 120, 0.08);
}

.sheet-one {
  left: 22%;
  bottom: 22px;
  transform: rotate(-10deg);
}

.sheet-two {
  right: 18%;
  bottom: 10px;
  transform: rotate(10deg);
}

.commercial-line {
  position: absolute;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(98, 139, 236, 0) 0%, rgba(98, 139, 236, 0.58) 50%, rgba(98, 139, 236, 0) 100%);
}

.line-one {
  left: 34%;
  bottom: 156px;
  width: 140px;
  transform: rotate(-24deg);
}

.line-two {
  right: 32%;
  bottom: 92px;
  width: 142px;
  transform: rotate(-22deg);
}

.stories-badge {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(226, 238, 254, 0.96) 100%);
  box-shadow: 0 12px 24px rgba(89, 126, 181, 0.12);
}

.stories-badge::before,
.stories-badge::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  height: 4px;
  border-radius: 999px;
  background: rgba(112, 146, 201, 0.28);
}

.stories-badge::before {
  top: 14px;
}

.stories-badge::after {
  top: 24px;
}

.badge-left {
  left: 28%;
  bottom: 152px;
  transform: rotate(-8deg);
}

.badge-center {
  left: 50%;
  bottom: 126px;
  transform: translateX(-50%);
}

.badge-right {
  right: 28%;
  bottom: 146px;
  transform: rotate(8deg);
}

.support-bubble {
  position: absolute;
  width: 88px;
  height: 42px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(231, 237, 246, 0.9) 100%);
  box-shadow: 0 18px 38px rgba(80, 96, 130, 0.1);
}

.support-bubble::after {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: inherit;
  transform: rotate(45deg);
}

.bubble-one {
  left: 34%;
  bottom: 194px;
}

.bubble-one::after {
  left: 18px;
}

.bubble-two {
  right: 32%;
  bottom: 112px;
}

.bubble-two::after {
  right: 18px;
}

.access-core {
  position: absolute;
  left: 50%;
  bottom: 112px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(121, 162, 255, 0.68) 0%, rgba(121, 162, 255, 0.16) 54%, rgba(121, 162, 255, 0) 74%);
  filter: blur(0.2px);
}

.access-core::before {
  content: "";
  position: absolute;
  inset: 26px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.98) 0%, rgba(181, 204, 255, 0.98) 100%);
}

.access-page-hero {
  min-height: auto;
}

.access-page-surface {
  width: min(700px, calc(100% - 88px));
  margin: 0 auto;
}

.access-page-shell {
  padding: 28px 30px 30px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 248, 252, 0.96) 100%);
  border: 1px solid rgba(223, 231, 246, 0.82);
  box-shadow: 0 26px 68px rgba(89, 106, 140, 0.1);
  text-align: left;
}

.access-page-topline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.access-page-topline span,
.access-page-block span,
.access-reason-step span,
.access-fit-row span,
.access-entry-row span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.44);
}

.access-page-shell strong {
  display: block;
  max-width: 460px;
  font-size: clamp(34px, 4vw, 46px);
  line-height: 0.98;
  letter-spacing: -0.05em;
  color: var(--fillr-text-primary);
}

.access-page-shell small {
  display: block;
  margin-top: 12px;
  max-width: 440px;
  font-size: 15px;
  line-height: 1.42;
  color: var(--fillr-text-secondary);
}

.access-page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.access-page-block,
.access-reason-step,
.access-fit-row,
.access-entry-row {
  padding: 16px 18px 18px;
  border-radius: 24px;
  background: rgba(250, 251, 253, 0.96);
  border: 1px solid rgba(223, 231, 246, 0.78);
}

.access-page-block b,
.access-reason-step strong,
.access-fit-row strong,
.access-entry-row strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.16;
  color: var(--fillr-text-primary);
}

.access-decision-band {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
}

.access-cta-section {
  padding-top: 4px;
}

.access-cta-band {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.access-cta-kicker {
  margin-bottom: 14px;
  justify-content: center;
}

.access-reason-board,
.access-fit-board {
  padding: 26px;
  border-radius: 30px;
  background: rgba(246, 247, 250, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.access-reason-board .card-title,
.access-fit-board .card-title {
  max-width: 520px;
}

.access-reason-grid,
.access-fit-grid,
.access-entry-surface {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.access-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 24px;
  align-items: start;
}

.access-form-card {
  min-height: 0;
}

.access-form-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0 24px;
}

.access-form-highlight {
  padding: 14px 16px 16px;
  border-radius: 22px;
  background: rgba(246, 247, 250, 0.82);
  border: 1px solid rgba(223, 231, 246, 0.78);
}

.access-form-highlight span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(28, 28, 30, 0.44);
}

.access-form-highlight strong {
  display: block;
  margin-top: 6px;
  font-size: 17px;
  line-height: 1.18;
  color: var(--fillr-text-primary);
}

.access-sidebar-stack {
  display: grid;
  gap: 24px;
}

.access-entry-surface {
  padding: 18px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(223, 231, 246, 0.82);
}

@media (max-width: 1023px) {
  :root {
    --fillr-section-gap: 88px;
  }

  .globalnav-flyout {
    display: none !important;
  }

  .brand-lockup,
  .nav-actions {
    margin-inline: 0;
  }

  .nav-links,
  .globalnav .button {
    display: none;
  }

  .menu-toggle {
    display: inline-flex;
    position: relative;
  }

  .hero-grid,
  .platform-band-grid,
  .platform-reading-grid,
  .split-content,
  .section-header.row,
  .panel-grid {
    grid-template-columns: 1fr;
  }

  .hero-panel,
  .platform-band,
  .dark-panel {
    min-height: auto;
  }

  .panel-grid {
    position: relative;
    inset: auto;
    padding: 24px;
  }

  .cards-grid.three,
  .cards-grid.four,
  .cards-grid.six,
  .support-grid,
  .feature-grid,
  .platform-end-grid,
  .stats-row,
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .access-page-surface {
    width: min(100%, calc(100% - 24px));
  }

  .access-form-highlights,
  .access-page-grid,
  .access-decision-band,
  .access-form-layout {
    grid-template-columns: 1fr;
  }

  .showcase-band {
    min-height: 660px;
  }

  .platform-page-window {
    width: min(100%, calc(100% - 20px));
  }

  .platform-page-window .platform-window-shell {
    min-height: 320px;
  }

  .platform-reading-band {
    padding: 34px;
  }

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

  .platform-control-column + .platform-control-column {
    border-left: 0;
    border-top: 1px solid rgba(15, 15, 18, 0.08);
  }

  .platform-cta-band {
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 32px;
  }

  .showcase-band.compact-band {
    min-height: 560px;
  }

  .tile-grid-apple {
    grid-template-columns: 1fr;
  }

  .product-tile {
    min-height: 540px;
  }

  .cluster-card {
    min-width: 184px;
    padding: 20px 22px;
  }

  .cluster-card strong {
    font-size: 24px;
  }

  .badge-one {
    left: 8%;
  }

  .badge-two {
    left: 34%;
  }

  .badge-three {
    right: 9%;
  }

  .panel-left {
    left: 10%;
  }

  .panel-right {
    right: 10%;
  }

  .window-grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  .window-card.large {
    grid-row: auto;
  }

  .lineup-frame {
    width: 240px;
    height: 184px;
  }

  .squad-chip {
    min-width: 172px;
    font-size: 18px;
  }

  .hero-orbit,
  .hero-system-stage,
  .catalog-sculpture,
  .helpers-scene,
  .plans-constellation-home {
    min-height: 420px;
  }

  .hero-plate-back,
  .hero-plate-front {
    width: 420px;
  }

  .hero-plate-mid {
    width: 310px;
    height: 280px;
  }

  .hero-pill {
    min-width: 134px;
    font-size: 18px;
  }

  .catalog-frame,
  .family-card {
    width: 236px;
    height: 182px;
  }

  .fillers-band {
    min-height: 418px;
  }

  .fillers-band .showcase-media {
    min-height: 214px;
    margin-top: 30px;
  }

  .fillers-banner {
    width: min(100%, calc(100% - 24px));
    min-height: 214px;
  }

  .fillers-banner-card {
    width: 214px;
    min-height: 156px;
    padding: 16px 16px 14px;
  }

  .fillers-banner-card strong {
    font-size: 23px;
  }

  .fillers-page-hero,
  .fillers-commercial-band,
  .fillers-bundles-band {
    min-height: auto;
  }

  .fillers-overview,
  .commercial-lineup,
  .bundle-lineup {
    width: min(100%, calc(100% - 24px));
  }

  .fillers-overview-grid,
  .commercial-lineup-grid,
  .bundle-lineup-shell,
  .area-panel-grid.three-up {
    grid-template-columns: 1fr;
  }

  .fillers-overview-card,
  .commercial-lineup-card,
  .bundle-lineup-card {
    min-height: auto;
  }

  .area-panel,
  .finance-panel,
  .governance-panel,
  .admin-panel,
  .strategy-panel,
  .fillers-platform-window {
    width: min(100%, calc(100% - 28px));
  }

  .area-panel-grid,
  .area-panel-grid.two-up,
  .governance-grid {
    grid-template-columns: 1fr;
  }

  .governance-wide {
    grid-column: auto;
  }

  .helpers-band {
    min-height: 474px;
  }

  .helpers-band .showcase-media {
    min-height: 304px;
    margin-top: 28px;
  }

  .helpers-travel {
    width: min(100%, calc(100% - 24px));
    min-height: 324px;
  }

  .helpers-travel-photo {
    width: min(100%, 700px);
    height: 272px;
  }

  .helpers-travel-sky {
    left: 40px;
    right: 40px;
    top: 24px;
    height: 132px;
  }

  .helpers-travel-person {
    left: 274px;
    bottom: 52px;
    transform: scale(0.92);
    transform-origin: bottom left;
  }

  .helpers-travel-suitcase {
    left: 388px;
    bottom: 52px;
    transform: scale(0.92);
    transform-origin: bottom left;
  }

  .helpers-travel-carryon {
    right: 98px;
    bottom: 52px;
  }

  .helpers-travel-ticket {
    right: 148px;
    top: 58px;
    transform: rotate(-8deg) scale(0.92);
    transform-origin: top right;
  }

  .helpers-travel-overlay {
    right: 28px;
    width: 286px;
    padding: 16px;
    bottom: -4px;
  }

  .helpers-page-panel {
    min-height: 500px;
  }

  .helpers-page-panel .helpers-travel {
    width: min(100%, calc(100% - 20px));
    padding-top: 18px;
  }

  .education-hero-surface,
  .education-format-board,
  .education-lines-board {
    width: min(100%, calc(100% - 24px));
  }

  .education-hero-columns,
  .education-format-board,
  .education-lines-board {
    grid-template-columns: 1fr;
  }

  .education-card-art {
    min-height: 190px;
  }

  .education-case-sheet,
  .education-guide-sheet,
  .education-metric-sheet,
  .education-conversation-sheet {
    width: min(100%, 320px);
  }

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

  .helpers-lineup-title {
    font-size: 28px;
  }

  .helpers-lineup-card:not(.is-featured) .helpers-lineup-title {
    font-size: 22px;
  }

  .catalog-frame strong,
  .family-card strong {
    font-size: 24px;
  }

  .plans-home-band {
    min-height: 526px;
    padding-bottom: 36px;
  }

  .plans-page-entry {
    min-height: 500px;
  }

  .plans-home-band .showcase-media {
    min-height: 256px;
    margin-top: 36px;
  }

  .plans-comparison {
    width: min(100%, calc(100% - 24px));
    min-height: 252px;
  }

  .plans-comparison-shell {
    width: 100%;
    padding: 18px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .plans-plan-card {
    min-height: auto;
    padding: 16px;
  }

  .plans-plan-card strong {
    font-size: 24px;
  }

  .plans-plan-card small {
    min-height: 0;
  }

  .plans-entry-art {
    width: min(100%, calc(100% - 24px));
  }

  .plans-entry-art .access-sequence,
  .plans-tier-surface,
  .plans-extensions-surface,
  .plans-enterprise-window,
  .plans-education-editorial {
    width: min(100%, calc(100% - 24px));
  }

  .plans-tier-grid span {
    height: 78px;
  }

  .plans-extension-chip {
    min-height: 72px;
    font-size: 16px;
  }

  .plans-education-editorial .education-editorial-page strong {
    font-size: 24px;
  }

  .home-tile-stage .product-tile {
    min-height: 500px;
  }

  .home-tile-stage .tile-copy {
    padding-top: 46px;
  }

  .home-tile-stage .tile-art {
    height: 50%;
  }

  .education-home-tile .tile-art,
  .platform-home-tile .tile-art {
    align-items: flex-start;
    height: auto;
    margin-top: 18px;
    padding-bottom: 18px;
  }

  .education-editorial {
    width: min(374px, calc(100% - 54px));
    bottom: auto;
  }

  .education-editorial-page {
    padding: 16px 18px 16px;
    border-radius: 24px;
  }

  .education-editorial-page strong {
    max-width: 248px;
    font-size: 24px;
  }

  .education-editorial-page small {
    max-width: 224px;
    font-size: 12px;
  }

  .education-editorial-chart {
    height: 58px;
    margin-top: 14px;
    padding: 12px 12px 10px;
    border-radius: 20px;
  }

  .education-editorial-chart span {
    width: 18px;
  }

  .education-editorial-chart .is-short {
    height: 18px;
  }

  .education-editorial-chart .is-mid {
    height: 26px;
  }

  .education-editorial-chart .is-tall {
    height: 36px;
  }

  .education-editorial-chart .is-peak {
    height: 46px;
  }

  .education-hero-page {
    padding: 22px 22px 24px;
    border-radius: 26px;
  }

  .education-surface-topline {
    margin-bottom: 14px;
  }

  .education-hero-page strong {
    max-width: 280px;
    font-size: 29px;
  }

  .education-hero-page small {
    max-width: 260px;
    font-size: 13px;
  }

  .education-hero-note,
  .education-format-cell,
  .education-line-item {
    padding: 14px 14px 16px;
    border-radius: 20px;
  }

  .education-case-sheet,
  .education-guide-sheet,
  .education-metric-sheet,
  .education-conversation-sheet {
    width: min(100%, 260px);
    padding: 18px;
    border-radius: 22px;
  }

  .education-conversation-sheet p {
    font-size: 20px;
  }

  .education-metric-sheet {
    min-height: 150px;
    gap: 10px;
  }

  .education-metric-sheet span {
    width: 24px;
    border-radius: 12px;
  }

  .education-format-board,
  .education-lines-board {
    padding: 14px;
    border-radius: 24px;
  }

  .platform-panel,
  .commercial-card {
    width: 290px;
  }

  .education-home-tile,
  .platform-home-tile,
  .commercial-home-tile,
  .access-home-tile {
    min-height: 540px;
  }

  .education-home-tile .tile-art,
  .platform-home-tile .tile-art,
  .commercial-home-tile .tile-art,
  .access-home-tile .tile-art {
    margin-top: 18px;
    padding-bottom: 18px;
  }

  .commercial-art {
    width: min(346px, calc(100% - 56px));
  }

  .commercial-board-columns {
    gap: 8px;
  }

  .commercial-board-column {
    min-height: 106px;
    padding: 12px 10px;
  }

  .commercial-board-column strong {
    font-size: 17px;
  }

  .platform-window {
    width: min(350px, calc(100% - 44px));
    min-height: 226px;
  }

  .platform-window-shell {
    min-height: 226px;
  }

  .stories-sheet {
    width: 138px;
    height: 216px;
  }

  .support-step {
    width: 210px;
    height: 138px;
  }

  .access-art {
    width: min(336px, calc(100% - 56px));
  }

  .access-sequence-step {
    padding: 14px 16px;
    border-radius: 22px;
  }

  .access-sequence-step strong {
    font-size: 20px;
  }

  .sticky-card {
    position: static;
  }
}

@media (max-width: 767px) {
  :root {
    --fillr-grid-gap: 18px;
    --fillr-section-gap: 72px;
  }

  .container {
    width: min(calc(100% - 32px), var(--fillr-container));
  }

  .hero {
    padding-top: 72px;
  }

  .showcase-band {
    margin-top: 8px;
    padding: 42px 16px 0;
    min-height: 580px;
  }

  .showcase-band.compact-band {
    min-height: 500px;
  }

  .fillers-band {
    min-height: 414px;
  }

  .showcase-actions {
    gap: 18px;
  }

  .showcase-kicker,
  .tile-kicker {
    font-size: 19px;
  }

  .showcase-subtitle,
  .tile-subtitle {
    font-size: 19px;
  }

  .showcase-media {
    min-height: 320px;
    margin-top: 28px;
  }

  .function-cluster,
  .signal-ribbon,
  .symbol-field,
  .platform-constellation,
  .product-window,
  .lineup-stage,
  .squad-stage {
    width: calc(100% - 8px);
  }

  .hero-orbit,
  .hero-system-stage,
  .catalog-sculpture,
  .helpers-scene,
  .plans-constellation-home {
    width: min(100%, calc(100% - 24px));
    min-height: 320px;
  }

  .clean-hero-band {
    min-height: auto;
    padding-top: 58px;
  }

  .full-hero-band .showcase-media {
    min-height: 360px;
  }

  .hero-system-shell {
    width: min(100%, calc(100% - 12px));
    min-height: 0;
    padding: 16px;
    border-radius: 30px;
  }

  .hero-system-grid {
    grid-template-columns: 1fr;
  }

  .hero-system-card,
  .hero-system-card-primary {
    min-height: auto;
  }

  .hero-system-float {
    display: none;
  }

  .fillers-band .showcase-media {
    min-height: 236px;
    margin-top: 24px;
  }

  .fillers-banner {
    width: min(100%, calc(100% - 14px));
    min-height: 228px;
  }

  .fillers-banner-card {
    width: 176px;
    min-height: 142px;
    padding: 14px 14px 12px;
    border-radius: 24px;
  }

  .fillers-banner-card-left {
    left: 2%;
    bottom: 24px;
  }

  .fillers-banner-card-center {
    bottom: 40px;
  }

  .fillers-banner-card-right {
    right: 2%;
    bottom: 24px;
  }

  .fillers-banner-card strong {
    font-size: 19px;
  }

  .fillers-banner-card small {
    font-size: 12px;
  }

  .fillers-overview-shell,
  .commercial-lineup-shell,
  .bundle-lineup-card,
  .area-panel,
  .finance-panel,
  .governance-panel,
  .admin-panel,
  .strategy-panel {
    border-radius: 24px;
  }

  .fillers-overview-grid,
  .commercial-lineup-grid,
  .bundle-lineup-shell,
  .area-panel-grid,
  .governance-grid {
    grid-template-columns: 1fr;
  }

  .fillers-overview-card strong,
  .commercial-lineup-card strong,
  .bundle-lineup-card strong {
    font-size: 22px;
  }

  .area-panel-card strong {
    font-size: 16px;
  }

  .fillers-overview-footer,
  .commercial-lineup-header,
  .area-panel-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .fillers-platform-window,
  .platform-window {
    width: min(100%, calc(100% - 18px));
  }

  .helpers-band {
    min-height: 492px;
  }

  .helpers-band .showcase-media {
    min-height: 318px;
    margin-top: 26px;
  }

  .helpers-travel {
    width: min(100%, calc(100% - 14px));
    min-height: 346px;
    padding-top: 2px;
  }

  .helpers-travel-photo {
    height: 224px;
    border-radius: 30px;
  }

  .helpers-travel-sky {
    left: 18px;
    right: 18px;
    top: 18px;
    height: 104px;
    border-radius: 22px;
  }

  .helpers-travel-person {
    left: 130px;
    bottom: 40px;
    transform: scale(0.68);
    transform-origin: bottom left;
  }

  .helpers-travel-suitcase {
    left: 208px;
    bottom: 40px;
    transform: scale(0.72);
    transform-origin: bottom left;
  }

  .helpers-travel-carryon {
    right: 64px;
    bottom: 38px;
    transform: scale(0.84);
    transform-origin: bottom right;
  }

  .helpers-travel-ticket {
    right: 86px;
    top: 32px;
    transform: rotate(-8deg) scale(0.78);
    transform-origin: top right;
  }

  .helpers-travel-overlay {
    right: 10px;
    left: 10px;
    bottom: -36px;
    width: auto;
    padding: 14px 14px 12px;
    border-radius: 24px;
  }

  .helpers-travel-row span,
  .helpers-travel-row strong {
    font-size: 12px;
  }

  .helpers-page-hero .hero-grid {
    gap: 28px;
  }

  .helpers-page-panel {
    min-height: 476px;
  }

  .helpers-page-panel .helpers-travel {
    width: min(100%, calc(100% - 10px));
    padding-bottom: 10px;
  }

  .helpers-lineup-shell {
    padding: 16px;
    border-radius: 28px;
  }

  .helpers-lineup-grid {
    grid-template-columns: 1fr;
  }

  .helpers-lineup-card,
  .helpers-lineup-card.is-featured {
    grid-column: auto;
    min-height: auto;
    padding: 16px;
    border-radius: 22px;
  }

  .helpers-lineup-title,
  .helpers-lineup-card:not(.is-featured) .helpers-lineup-title {
    font-size: 22px;
  }

  .helpers-lineup-body {
    font-size: 14px;
  }

  .helpers-lineup-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .window-shell {
    border-radius: 30px;
  }

  .window-grid {
    padding: 20px;
    gap: 12px;
  }

  .window-card {
    padding: 18px;
    border-radius: 22px;
  }

  .window-card strong,
  .lineup-frame strong {
    font-size: 24px;
  }

  .window-card small {
    font-size: 15px;
  }

  .hero-halo {
    width: 300px;
    height: 300px;
  }

  .hero-plate-back {
    top: 112px;
    width: 290px;
    height: 170px;
  }

  .hero-plate-mid {
    top: 122px;
    width: 224px;
    height: 194px;
  }

  .hero-plate-front {
    top: 148px;
    width: 286px;
    height: 156px;
  }

  .hero-pill {
    min-width: 112px;
    padding: 10px 16px;
    font-size: 15px;
  }

  .hero-pill-fillers {
    left: 8%;
    top: 186px;
  }

  .hero-pill-helpers {
    top: 134px;
  }

  .hero-pill-platform {
    right: 8%;
    top: 196px;
  }

  .lineup-stage {
    min-height: 300px;
  }

  .catalog-shell,
  .catalog-frame,
  .family-card {
    width: 176px;
  }

  .catalog-shell {
    height: 160px;
  }

  .catalog-frame,
  .family-card {
    height: 134px;
    padding: 16px 18px;
    border-radius: 24px;
  }

  .catalog-frame strong,
  .family-card strong {
    font-size: 18px;
  }

  .catalog-left,
  .family-left {
    left: 4%;
    bottom: 18px;
  }

  .catalog-center,
  .family-center {
    bottom: 42px;
  }

  .catalog-right,
  .family-right {
    right: 4%;
    bottom: 18px;
  }

  .lineup-frame {
    width: 160px;
    height: 138px;
    padding: 16px 18px;
    border-radius: 22px;
  }

  .lineup-left,
  .helper-left {
    left: 2%;
    bottom: 62px;
  }

  .lineup-center,
  .helper-center {
    bottom: 118px;
  }

  .lineup-right,
  .helper-right {
    right: 2%;
    bottom: 62px;
  }

  .squad-stage {
    min-height: 240px;
  }

  .plans-home-band {
    min-height: 488px;
    padding-bottom: 32px;
  }

  .plans-page-hero {
    min-height: 580px;
  }

  .plans-page-entry {
    min-height: 468px;
  }

  .plans-home-band .showcase-media {
    min-height: 262px;
    margin-top: 32px;
  }

  .plans-comparison {
    width: min(100%, calc(100% - 14px));
    min-height: 266px;
  }

  .plans-comparison-shell {
    padding: 16px;
    border-radius: 28px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .plans-plan-card {
    padding: 14px;
    border-radius: 20px;
  }

  .plans-plan-card strong {
    font-size: 21px;
  }

  .plans-plan-card small {
    font-size: 12px;
  }

  .plans-entry-art {
    width: min(100%, calc(100% - 20px));
  }

  .plans-entry-art .access-sequence,
  .plans-tier-surface,
  .plans-extensions-surface,
  .plans-enterprise-window,
  .plans-education-editorial {
    width: min(100%, calc(100% - 20px));
  }

  .plans-page-stage .product-tile {
    min-height: 440px;
  }

  .plans-tier-art,
  .plans-extensions-art,
  .plans-enterprise-art,
  .plans-education-art {
    padding-bottom: 24px;
  }

  .plans-tier-surface {
    padding: 14px;
    border-radius: 24px;
  }

  .plans-tier-grid {
    gap: 8px;
  }

  .plans-tier-grid span {
    height: 62px;
    border-radius: 14px;
  }

  .plans-tier-footer {
    margin-top: 12px;
  }

  .plans-tier-footer small {
    font-size: 10px;
  }

  .plans-extensions-surface {
    gap: 10px;
  }

  .plans-extension-chip {
    min-height: 62px;
    padding: 12px;
    border-radius: 18px;
    font-size: 14px;
  }

  .plans-enterprise-window {
    min-height: 214px;
  }

  .plans-enterprise-window .platform-window-shell {
    min-height: 214px;
    padding: 12px;
    border-radius: 24px;
  }

  .plans-enterprise-window .platform-window-block {
    min-height: 56px;
    padding: 10px;
  }

  .plans-enterprise-window .platform-window-block strong {
    font-size: 13px;
  }

  .plans-education-editorial .education-editorial-page {
    padding: 16px 16px 14px;
    border-radius: 22px;
  }

  .plans-education-editorial .education-editorial-page strong {
    max-width: 190px;
    font-size: 21px;
  }

  .plans-education-editorial .education-editorial-page small {
    max-width: 200px;
    font-size: 11px;
  }

  .plans-plan-modules {
    gap: 8px;
    margin-top: 14px;
  }

  .plans-plan-modules span {
    height: 42px;
    border-radius: 12px;
  }

  .squad-strip {
    width: 220px;
    height: 42px;
  }

  .strip-back {
    bottom: 142px;
  }

  .strip-mid {
    bottom: 94px;
  }

  .strip-front {
    bottom: 48px;
  }

  .squad-chip {
    min-width: 132px;
    padding: 11px 14px;
    font-size: 14px;
  }

  .chip-left {
    left: 2%;
    bottom: 130px;
  }

  .chip-center {
    bottom: 82px;
  }

  .chip-right {
    right: 2%;
    bottom: 38px;
  }

  .cluster-shell {
    border-radius: 28px;
  }

  .shell-a {
    left: 28%;
    width: 44%;
    top: 112px;
    height: 170px;
  }

  .shell-b {
    left: 8%;
    width: 34%;
    top: 158px;
    height: 156px;
  }

  .shell-c {
    right: 8%;
    width: 34%;
    top: 154px;
    height: 158px;
  }

  .cluster-card {
    min-width: 0;
    width: 138px;
    padding: 14px 16px;
    border-radius: 22px;
  }

  .cluster-card span {
    font-size: 11px;
  }

  .cluster-card strong {
    font-size: 18px;
  }

  .card-a {
    left: 4%;
    top: 214px;
  }

  .card-b {
    left: 34%;
    top: 128px;
  }

  .card-c {
    right: 4%;
    top: 214px;
  }

  .ribbon-badge {
    min-width: 0;
    padding: 11px 14px;
    font-size: 16px;
  }

  .badge-one {
    left: 2%;
  }

  .badge-two {
    left: 34%;
  }

  .badge-three {
    right: 2%;
  }

  .tile-copy {
    padding: 40px 22px 0;
  }

  .product-tile {
    min-height: 460px;
  }

  .tile-art {
    height: 58%;
  }

  .platform-window {
    width: min(308px, calc(100% - 30px));
    min-height: 216px;
    bottom: 20px;
  }

  .platform-window-shell {
    min-height: 216px;
    padding: 12px;
    border-radius: 26px;
  }

  .platform-window-topbar {
    margin-bottom: 10px;
  }

  .platform-window-body {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  .platform-window-sidebar {
    gap: 8px;
    padding: 8px 7px;
    border-radius: 18px;
  }

  .platform-window-summary {
    gap: 8px;
  }

  .platform-window-block {
    min-height: 58px;
    padding: 10px;
    border-radius: 16px;
  }

  .platform-window-block strong {
    font-size: 13px;
  }

  .platform-window-timeline {
    min-height: 56px;
    padding: 10px;
    border-radius: 18px;
  }

  .platform-window-header,
  .platform-window-footer {
    gap: 8px;
  }

  .platform-window-chip {
    min-height: 22px;
    font-size: 9px;
  }

  .home-tile-stage {
    margin-top: 10px;
  }

  .home-tile-stage .product-tile {
    min-height: 430px;
  }

  .home-tile-stage .tile-copy {
    padding-top: 36px;
  }

  .home-tile-stage .tile-art {
    height: 54%;
  }

  .education-home-tile .tile-copy {
    max-width: 500px;
  }

  .education-home-tile .tile-art {
    height: auto;
  }

  .education-editorial {
    width: min(300px, calc(100% - 30px));
  }

  .education-editorial-page {
    padding: 13px 14px 13px;
    border-radius: 20px;
  }

  .education-editorial-page strong {
    max-width: 190px;
    font-size: 19px;
  }

  .education-editorial-page small {
    margin-top: 6px;
    max-width: 176px;
    font-size: 10px;
  }

  .education-editorial-chart {
    gap: 8px;
    height: 46px;
    margin-top: 12px;
    padding: 9px 9px 8px;
    border-radius: 16px;
  }

  .education-editorial-chart span {
    width: 12px;
    border-radius: 8px;
  }

  .education-editorial-chart .is-short {
    height: 12px;
  }

  .education-editorial-chart .is-mid {
    height: 18px;
  }

  .education-hero-page {
    padding: 18px 18px 20px;
    border-radius: 22px;
  }

  .education-surface-topline {
    flex-direction: column;
    gap: 6px;
  }

  .education-hero-page strong {
    max-width: 210px;
    font-size: 23px;
  }

  .education-hero-page small {
    max-width: 220px;
    font-size: 12px;
  }

  .education-hero-columns {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 14px;
  }

  .education-card-art {
    min-height: 156px;
  }

  .education-case-sheet,
  .education-guide-sheet,
  .education-metric-sheet,
  .education-conversation-sheet {
    width: min(100%, 236px);
    padding: 16px;
    border-radius: 18px;
  }

  .education-metric-sheet span {
    width: 18px;
    border-radius: 10px;
  }

  .education-metric-sheet .is-short {
    height: 28px;
  }

  .education-metric-sheet .is-mid {
    height: 48px;
  }

  .education-metric-sheet .is-tall {
    height: 72px;
  }

  .education-metric-sheet .is-peak {
    height: 96px;
  }

  .education-format-board,
  .education-lines-board {
    padding: 12px;
    border-radius: 20px;
  }

  .education-editorial-chart .is-tall {
    height: 26px;
  }

  .education-editorial-chart .is-peak {
    height: 34px;
  }

  .commercial-art {
    width: min(272px, calc(100% - 34px));
  }

  .commercial-board {
    padding: 11px;
    border-radius: 24px;
  }

  .commercial-board-columns {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .commercial-board-column {
    min-height: 0;
    padding: 10px;
  }

  .commercial-board-column strong {
    font-size: 16px;
  }

  .commercial-board-column span {
    margin-top: 12px;
  }

  .access-art {
    width: min(280px, calc(100% - 34px));
  }

  .access-sequence {
    padding: 11px;
    border-radius: 24px;
  }

  .access-sequence-step {
    padding: 12px 14px;
    border-radius: 20px;
  }

  .access-sequence-step span {
    font-size: 9px;
  }

  .access-sequence-step strong {
    font-size: 18px;
  }

  .stories-sheet {
    width: 100px;
    height: 168px;
    border-radius: 24px;
  }

  .support-step {
    width: 150px;
    height: 102px;
    border-radius: 24px;
  }

  .blade-back {
    width: 180px;
    height: 116px;
  }

  .blade-mid {
    width: 220px;
    height: 136px;
  }

  .blade-front {
    width: 280px;
    height: 166px;
  }

  .stack-sheet,
  .sheet-layer {
    width: 230px;
    height: 144px;
  }

  .ring-large {
    width: 196px;
    height: 196px;
    border-width: 14px;
  }

  .ring-small {
    width: 94px;
    height: 94px;
    border-width: 10px;
  }

  .halo-one {
    width: 240px;
    height: 240px;
  }

  .halo-two {
    width: 184px;
    height: 184px;
  }

  .halo-three {
    width: 112px;
    height: 112px;
  }

  .grid-node {
    width: 58px;
    height: 58px;
    border-radius: 16px;
  }

  .panel-left,
  .panel-right {
    width: 180px;
    height: 118px;
    top: 92px;
  }

  .panel-left {
    left: 4%;
  }

  .panel-right {
    right: 4%;
  }

  .hero-panel,
  .search-card,
  .platform-band,
  .dark-panel {
    border-radius: 28px;
  }

  .cards-grid.two,
  .cards-grid.three,
  .cards-grid.four,
  .cards-grid.six,
  .support-grid,
  .feature-grid,
  .platform-end-grid,
  .stats-row,
  .footer-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .card,
  .feature-card,
  .support-card,
  .faq-list details,
  .search-card,
  .platform-band {
    padding: 24px;
  }

  .hero-actions,
  .section-actions,
  .search-bar {
    grid-template-columns: 1fr;
    display: grid;
  }

  .button,
  .button-plain {
    width: 100%;
    justify-content: center;
  }

  .platform-page-hero .hero-grid {
    gap: 30px;
  }

  .platform-page-window {
    width: min(100%, calc(100% - 12px));
    min-height: 292px;
  }

  .platform-page-window .platform-window-shell {
    min-height: 292px;
    padding: 14px;
    border-radius: 28px;
  }

  .platform-page-window .platform-window-body {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  .platform-page-window .platform-window-block {
    min-height: 64px;
    padding: 10px;
  }

  .platform-page-window .platform-window-block strong {
    font-size: 14px;
  }

  .platform-reading-surface {
    padding: 22px;
    border-radius: 28px;
  }

  .platform-reading-band {
    padding: 26px 22px;
    border-radius: 28px;
  }

  .platform-reading-row strong {
    font-size: 18px;
  }

  .platform-control-column {
    padding: 24px;
  }

  .platform-control-column h3 {
    font-size: 24px;
  }

  .platform-cta-band {
    padding: 28px 24px;
    border-radius: 28px;
  }

  .button-plain {
    width: auto;
    justify-content: flex-start;
  }

  .mini-panel {
    padding: 18px;
    border-radius: 20px;
  }

  .footer-note-row {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

  .footer {
    margin-top: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.governance-page {
  background:
    radial-gradient(circle at 24% 18%, rgba(37, 99, 235, 0.14), transparent 28%),
    linear-gradient(180deg, #06080d 0%, #10131a 100%);
  color: #f5f7fb;
}

.governance-page .eyebrow::before,
.governance-page .card-eyebrow::before {
  content: none;
}

.governance-page .hero {
  padding-top: 48px;
  padding-bottom: 44px;
}

.governance-page-hero .hero-title,
.governance-page-hero .hero-body,
.governance-page-hero .eyebrow {
  text-align: center;
}

.governance-page-hero .eyebrow,
.governance-track-copy .eyebrow,
.governance-page #lineup .eyebrow {
  color: rgba(255, 255, 255, 0.74);
}

.governance-page-hero .hero-title,
.governance-track-copy .section-title,
.governance-page #lineup .section-title,
.governance-result-grid .card.dark .card-title {
  color: #f5f7fb;
}

.governance-page-hero .hero-body,
.governance-track-copy .section-body,
.governance-page #lineup .section-body,
.governance-result-grid .card.dark .card-body {
  color: rgba(255, 255, 255, 0.8);
}

.governance-page-hero .hero-actions {
  justify-content: center;
}

.governance-hero-stack {
  display: grid;
  gap: 36px;
}

.governance-hero-copy {
  max-width: 920px;
  margin: 0 auto;
}

.governance-register-surface {
  max-width: 1160px;
  margin: 0 auto;
  padding: 26px;
  border-radius: 36px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(37, 40, 49, 0.92) 0%, rgba(20, 23, 30, 0.92) 100%);
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.34);
}

.governance-register-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.register-title {
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.76);
}

.governance-register-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.register-column {
  min-height: 210px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 12px;
}

.register-label {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.register-column strong {
  font-size: clamp(34px, 4vw, 46px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.register-column p {
  margin: 0;
  font-size: 21px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.8);
}

.governance-register-footer {
  margin-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.register-footer-row {
  display: grid;
  grid-template-columns: minmax(160px, 240px) 1fr;
  gap: 18px;
  padding: 18px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.register-footer-row:last-child {
  border-bottom: 0;
}

.register-footer-row span {
  color: rgba(255, 255, 255, 0.64);
}

.register-footer-row strong {
  color: #f5f7fb;
  font-weight: 600;
}

.governance-page .subnav {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.governance-page .subnav-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
}

.governance-page .subnav-chip.is-active {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.governance-reading-sheet {
  padding: 34px;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.96);
  color: #111319;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 28px;
}

.governance-reading-list {
  border-radius: 28px;
  background: #f4f5f8;
  border: 1px solid #e0e3ea;
  overflow: hidden;
}

.governance-reading-row {
  display: grid;
  grid-template-columns: minmax(160px, 200px) 1fr;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid #dde2ea;
}

.governance-reading-row:last-child {
  border-bottom: 0;
}

.governance-reading-row span {
  color: #6d7482;
}

.governance-reading-row strong {
  color: #111319;
  font-weight: 600;
}

.governance-lineup-table {
  display: grid;
  gap: 14px;
}

.governance-lineup-row {
  padding: 22px 24px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  color: #111319;
  border: 1px solid rgba(225, 229, 237, 0.88);
  display: grid;
  grid-template-columns: minmax(0, 0.45fr) minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.governance-lineup-head {
  display: grid;
  gap: 8px;
}

.governance-lineup-head span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7b8190;
}

.governance-lineup-head strong {
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.governance-lineup-row p {
  margin: 0;
  color: #4e5563;
  font-size: 19px;
  line-height: 1.45;
}

.governance-track-band {
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 28px;
}

.governance-track-copy {
  max-width: 860px;
}

.governance-track-copy .section-title,
.governance-track-copy .section-body {
  max-width: 820px;
}

.governance-track-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.track-step {
  min-height: 172px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 12px;
}

.track-step span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

.track-step strong {
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.track-step p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 18px;
  line-height: 1.45;
}

.governance-result-grid {
  display: grid;
  gap: 22px;
}

.governance-page .section-actions {
  margin-top: 22px;
}

.tecnologia-page {
  background:
    radial-gradient(circle at 26% 18%, rgba(59, 130, 246, 0.16), transparent 28%),
    linear-gradient(180deg, #07101b 0%, #0c1420 58%, #f5f6f9 58%, #f5f6f9 100%);
  color: #f5f7fb;
}

.tecnologia-page main {
  background: linear-gradient(180deg, #07101b 0%, #0c1420 72%, #f5f6f9 72%, #f5f6f9 100%);
}

.tecnologia-page .eyebrow::before,
.tecnologia-page .card-eyebrow::before {
  content: none;
}

.tecnologia-page .hero {
  padding-top: 52px;
  padding-bottom: 46px;
}

.tecnologia-hero-stack {
  display: grid;
  gap: 34px;
}

.tecnologia-hero-copy {
  max-width: 880px;
  margin: 0 auto;
}

.tecnologia-page-hero .hero-title,
.tecnologia-page-hero .hero-body,
.tecnologia-page-hero .eyebrow {
  text-align: center;
}

.tecnologia-page-hero .hero-actions {
  justify-content: center;
}

.tecnologia-page-hero .eyebrow,
.tecnologia-page #lineup .eyebrow,
.tecnologia-page #cadencia .eyebrow,
.tecnologia-page #resultado .eyebrow {
  color: rgba(255, 255, 255, 0.74);
}

.tecnologia-page-hero .hero-title,
.tecnologia-page #lineup .section-title,
.tecnologia-page #cadencia .section-title,
.tecnologia-page #resultado .section-title {
  color: #f5f7fb;
}

.tecnologia-page-hero .hero-body,
.tecnologia-page #lineup .section-body,
.tecnologia-page #cadencia .section-body,
.tecnologia-page #resultado .section-body {
  color: rgba(255, 255, 255, 0.8);
}

.tecnologia-stack-surface {
  max-width: 1180px;
  margin: 0 auto;
  padding: 26px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(28, 35, 47, 0.94) 0%, rgba(15, 19, 27, 0.96) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 38px 92px rgba(0, 0, 0, 0.34);
}

.tecnologia-stack-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.74);
}

.tecnologia-stack-lanes {
  display: grid;
  gap: 18px;
}

.stack-lane {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.stack-spine {
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.12) 18%, rgba(255, 255, 255, 0.12) 82%, transparent 100%);
}

.stack-module {
  min-height: 164px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 12px;
}

.stack-module span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.stack-module strong {
  font-size: clamp(34px, 3.8vw, 46px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.tecnologia-stack-footer {
  margin-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.stack-footer-row {
  display: grid;
  grid-template-columns: minmax(160px, 220px) 1fr;
  gap: 18px;
  padding: 18px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.stack-footer-row:last-child {
  border-bottom: 0;
}

.stack-footer-row span {
  color: rgba(255, 255, 255, 0.64);
}

.stack-footer-row strong {
  color: #f5f7fb;
  font-weight: 600;
}

.tecnologia-page .subnav {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.tecnologia-page .subnav-chip {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
}

.tecnologia-page .subnav-chip.is-active {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

.tecnologia-reading-band {
  padding: 34px;
  border-radius: 34px;
  background: #ffffff;
  color: #12151c;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 28px;
  border: 1px solid #e4e8ef;
}

.tecnologia-reading-rows {
  display: grid;
  gap: 14px;
}

.tech-reading-row {
  padding: 18px 20px;
  border-radius: 24px;
  background: #f4f6fa;
  border: 1px solid #e3e7f0;
  display: grid;
  gap: 6px;
}

.tech-reading-row span {
  color: #738096;
  font-size: 14px;
}

.tech-reading-row strong {
  color: #12151c;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.tecnologia-lineup-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.tech-lineup-card {
  min-height: 224px;
  padding: 22px;
  border-radius: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
  border: 1px solid #e2e7ef;
  display: grid;
  align-content: start;
  gap: 12px;
}

.tech-lineup-card span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7a8292;
}

.tech-lineup-card strong {
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #12151c;
}

.tech-lineup-card p {
  margin: 0;
  color: #596273;
  font-size: 18px;
  line-height: 1.5;
}

.tecnologia-cadence-sheet {
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(25, 31, 43, 0.96) 0%, rgba(16, 20, 29, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 28px;
}

.tecnologia-cadence-left {
  max-width: 520px;
}

.tecnologia-cadence-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cadence-node {
  min-height: 188px;
  padding: 20px 18px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 10px;
}

.cadence-node span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

.cadence-node strong {
  font-size: 28px;
  line-height: 1.04;
  letter-spacing: -0.03em;
}

.cadence-node p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.45;
}

.tecnologia-result-band {
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(17, 21, 30, 0.96) 0%, rgba(12, 16, 24, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.administrativo-page {
  background:
    linear-gradient(180deg, #f7f8fb 0%, #f2f4f8 58%, #0f1218 58%, #0f1218 100%);
  color: #111319;
}

.administrativo-page .eyebrow::before,
.administrativo-page .card-eyebrow::before {
  content: none;
}

.administrativo-page .hero {
  padding-top: 48px;
  padding-bottom: 42px;
}

.administrativo-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 30px;
  align-items: center;
}

.administrativo-hero-copy {
  max-width: 560px;
}

.administrativo-desk-surface {
  padding: 24px;
  border-radius: 34px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
  border: 1px solid #e3e8f0;
  box-shadow: 0 30px 78px rgba(15, 23, 42, 0.12);
}

.desk-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #788193;
}

.desk-trays {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.desk-tray {
  min-height: 182px;
  padding: 22px;
  border-radius: 26px;
  background: #f7f9fc;
  border: 1px solid #e1e7f0;
  display: grid;
  align-content: start;
  gap: 12px;
}

.desk-tray span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7f8898;
}

.desk-tray strong {
  font-size: 34px;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.desk-tray p {
  margin: 0;
  color: #596273;
  font-size: 18px;
  line-height: 1.45;
}

.desk-register {
  margin-top: 18px;
  border-top: 1px solid #e1e6ee;
}

.desk-register-row {
  display: grid;
  grid-template-columns: minmax(160px, 200px) 1fr;
  gap: 18px;
  padding: 16px 2px;
  border-bottom: 1px solid #e8ebf2;
}

.desk-register-row:last-child {
  border-bottom: 0;
}

.desk-register-row span {
  color: #788193;
}

.desk-register-row strong {
  color: #111319;
  font-weight: 600;
}

.administrativo-sheet {
  padding: 34px;
  border-radius: 34px;
  background: #ffffff;
  border: 1px solid #e2e7ef;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
  gap: 28px;
}

.administrativo-sheet-columns {
  display: grid;
  gap: 14px;
}

.sheet-note {
  padding: 18px 20px;
  border-radius: 24px;
  background: #f5f7fb;
  border: 1px solid #e3e8f0;
  display: grid;
  gap: 8px;
}

.sheet-note span {
  color: #788193;
  font-size: 14px;
}

.sheet-note strong {
  color: #111319;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.administrativo-lineup-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.admin-lineup-item {
  min-height: 232px;
  padding: 22px;
  border-radius: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%);
  border: 1px solid #e2e7ef;
  display: grid;
  align-content: start;
  gap: 12px;
}

.admin-lineup-item span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #7d8594;
}

.admin-lineup-item strong {
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #111319;
}

.admin-lineup-item p {
  margin: 0;
  color: #596273;
  font-size: 18px;
  line-height: 1.5;
}

.administrativo-flow-band {
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(20, 24, 33, 0.96) 0%, rgba(14, 17, 24, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 28px;
}

.administrativo-flow-copy .eyebrow,
.administrativo-result-grid .card.dark .card-eyebrow {
  color: rgba(255, 255, 255, 0.74);
}

.administrativo-flow-copy .section-title,
.administrativo-result-grid .card.dark .card-title {
  color: #f5f7fb;
}

.administrativo-flow-copy .section-body,
.administrativo-result-grid .card.dark .card-body {
  color: rgba(255, 255, 255, 0.8);
}

.administrativo-flow-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.flow-step-card {
  min-height: 180px;
  padding: 20px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 10px;
}

.flow-step-card span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

.flow-step-card strong {
  font-size: 28px;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #f5f7fb;
}

.flow-step-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.45;
}

.administrativo-result-grid {
  display: grid;
  gap: 22px;
}

.estrategia-page {
  background:
    linear-gradient(180deg, #faf8f5 0%, #f6f3ee 60%, #0b0f15 60%, #0b0f15 100%);
  color: #12151c;
}

.estrategia-page .eyebrow::before,
.estrategia-page .card-eyebrow::before {
  content: none;
}

.estrategia-page .hero {
  padding-top: 52px;
  padding-bottom: 42px;
}

.estrategia-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 30px;
  align-items: center;
}

.estrategia-hero-copy {
  max-width: 540px;
}

.estrategia-agenda-board {
  padding: 24px;
  border-radius: 34px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f4ef 100%);
  border: 1px solid #e7e1d7;
  box-shadow: 0 30px 78px rgba(17, 24, 39, 0.12);
}

.agenda-board-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a7e6f;
}

.agenda-board-list {
  display: grid;
  gap: 12px;
}

.agenda-board-row {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 18px;
  padding: 18px 20px;
  border-radius: 24px;
  background: #fbfaf7;
  border: 1px solid #ebe4da;
}

.agenda-row-time {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #9a8e7e;
  font-weight: 600;
  align-self: start;
  padding-top: 4px;
}

.agenda-row-copy {
  display: grid;
  gap: 8px;
}

.agenda-row-copy span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8f8375;
}

.agenda-row-copy strong {
  font-size: 32px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: #12151c;
}

.agenda-row-copy p {
  margin: 0;
  color: #615a52;
  font-size: 18px;
  line-height: 1.45;
}

.estrategia-page .subnav {
  background: transparent;
}

.estrategia-overview-surface {
  padding: 34px;
  border-radius: 34px;
  background: #ffffff;
  border: 1px solid #e9e4dc;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 28px;
}

.estrategia-overview-columns {
  display: grid;
  gap: 14px;
}

.overview-column {
  padding: 18px 20px;
  border-radius: 24px;
  background: #f8f5f0;
  border: 1px solid #ebe4da;
  display: grid;
  gap: 8px;
}

.overview-column span {
  color: #8f8375;
  font-size: 14px;
}

.overview-column strong {
  color: #12151c;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.estrategia-page #sequencia .eyebrow,
.estrategia-page #sequencia .section-title,
.estrategia-page #sequencia .section-body,
.estrategia-page #resultado .eyebrow,
.estrategia-page #resultado .section-title,
.estrategia-page #resultado .section-body,
.estrategia-result-grid .card.dark .card-title,
.estrategia-result-grid .card.dark .card-body,
.estrategia-result-grid .card.dark .card-eyebrow {
  color: inherit;
}

.estrategia-page #sequencia .eyebrow,
.estrategia-page #resultado .eyebrow,
.estrategia-result-grid .card.dark .card-eyebrow {
  color: rgba(255, 255, 255, 0.74);
}

.estrategia-page #sequencia .section-title,
.estrategia-page #resultado .section-title,
.estrategia-result-grid .card.dark .card-title {
  color: #f5f7fb;
}

.estrategia-page #sequencia .section-body,
.estrategia-page #resultado .section-body,
.estrategia-result-grid .card.dark .card-body {
  color: rgba(255, 255, 255, 0.8);
}

.estrategia-page #lineup .eyebrow {
  color: #8f8375;
}

.estrategia-page #lineup .section-title {
  color: #12151c;
}

.estrategia-page #lineup .section-body {
  color: #615a52;
}

.estrategia-lineup-stack {
  display: grid;
  gap: 18px;
}

.estrategia-lineup-card {
  padding: 22px 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(230, 224, 214, 0.88);
  display: grid;
  grid-template-columns: minmax(0, 0.35fr) minmax(0, 0.8fr) minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.estrategia-lineup-card.is-offset {
  margin-left: 44px;
}

.estrategia-lineup-card span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8f8375;
}

.estrategia-lineup-card strong {
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -0.04em;
  color: #12151c;
}

.estrategia-lineup-card p {
  margin: 0;
  color: #5f5850;
  font-size: 18px;
  line-height: 1.45;
}

.coord-comercial-page {
  background:
    linear-gradient(180deg, #f7f4ef 0%, #f2eee8 54%, #0d1117 54%, #0d1117 100%);
  color: #12151c;
}

.coord-comercial-page .eyebrow::before,
.coord-comercial-page .card-eyebrow::before {
  content: none;
}

.coord-comercial-page .hero {
  padding-top: 54px;
  padding-bottom: 42px;
}

.coord-comercial-hero-copy {
  max-width: 720px;
}

.coord-comercial-ribbon {
  margin-top: 34px;
  padding: 24px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 244, 238, 0.98) 100%);
  border: 1px solid #e7e0d6;
  box-shadow: 0 28px 70px rgba(18, 23, 31, 0.1);
  display: grid;
  gap: 18px;
}

.coord-comercial-ribbon-head {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.ribbon-summary {
  padding: 16px 18px;
  border-radius: 22px;
  background: #fbf9f5;
  border: 1px solid #ece5db;
  display: grid;
  gap: 6px;
}

.ribbon-summary span,
.ribbon-panel span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8c806f;
}

.ribbon-summary strong {
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: #12151c;
}

.coord-comercial-ribbon-body {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 0.8fr));
  gap: 14px;
}

.ribbon-panel {
  min-height: 164px;
  padding: 20px 22px;
  border-radius: 26px;
  background: #fbf9f5;
  border: 1px solid #ece5db;
  display: grid;
  align-content: start;
  gap: 10px;
}

.ribbon-panel-primary {
  background: linear-gradient(180deg, #fefdf9 0%, #f3ede5 100%);
}

.ribbon-panel strong {
  font-size: 42px;
  line-height: 0.95;
  letter-spacing: -0.05em;
  color: #12151c;
  max-width: 8ch;
}

.ribbon-panel p {
  margin: 0;
  color: #5f5850;
  font-size: 17px;
  line-height: 1.5;
}

.coord-comercial-page .subnav {
  background: transparent;
}

.coord-comercial-overview {
  padding: 34px;
  border-radius: 34px;
  background: #ffffff;
  border: 1px solid #e9e2d8;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 24px;
}

.coord-comercial-overview-copy {
  max-width: 640px;
}

.coord-comercial-overview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.overview-reading-card {
  padding: 18px 20px;
  border-radius: 24px;
  background: #f8f5f0;
  border: 1px solid #ebe4da;
  display: grid;
  gap: 8px;
}

.overview-reading-card span {
  color: #8f8375;
  font-size: 14px;
}

.overview-reading-card strong {
  color: #12151c;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.coord-comercial-sheet {
  padding: 18px;
  border-radius: 34px;
  background: #ffffff;
  border: 1px solid #e8e2d8;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.sheet-column {
  min-height: 220px;
  padding: 22px;
  border-radius: 26px;
  background: #fbfaf7;
  border: 1px solid #ece5db;
  display: grid;
  align-content: start;
  gap: 10px;
}

.sheet-column span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8f8375;
}

.sheet-column strong {
  font-size: 36px;
  line-height: 0.96;
  letter-spacing: -0.05em;
  color: #12151c;
}

.sheet-column p {
  margin: 0;
  color: #5f5850;
  font-size: 17px;
  line-height: 1.48;
}

.coord-comercial-cadence-band {
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(18, 23, 31, 0.96) 0%, rgba(12, 16, 22, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 28px;
}

.coord-comercial-cadence-copy {
  max-width: 800px;
}

.coord-comercial-cadence-band .eyebrow,
.coord-comercial-cadence-band .section-title,
.coord-comercial-cadence-band .section-body {
  color: inherit;
}

.coord-comercial-cadence-band .eyebrow {
  color: rgba(255, 255, 255, 0.7);
}

.coord-comercial-cadence-band .section-title {
  color: #f5f7fb;
}

.coord-comercial-cadence-band .section-body {
  color: rgba(255, 255, 255, 0.78);
}

.coord-comercial-cadence-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.cadence-step {
  min-height: 178px;
  padding: 20px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 10px;
}

.cadence-step span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

.cadence-step strong {
  font-size: 30px;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: #f5f7fb;
}

.cadence-step p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.45;
}

.coord-comercial-result-grid {
  display: grid;
  gap: 22px;
}

@media (max-width: 1080px) {
  .coord-comercial-ribbon-head,
  .coord-comercial-ribbon-body,
  .coord-comercial-overview,
  .coord-comercial-overview-grid,
  .coord-comercial-sheet,
  .coord-comercial-cadence-rail {
    grid-template-columns: 1fr 1fr;
  }

  .coord-comercial-overview {
    grid-template-columns: 1fr;
  }

  .coord-comercial-ribbon-body .ribbon-panel-primary {
    grid-column: 1 / -1;
  }

  .coord-comercial-sheet .sheet-column:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .coord-comercial-ribbon,
  .coord-comercial-overview,
  .coord-comercial-sheet,
  .coord-comercial-cadence-band {
    padding: 24px;
    border-radius: 28px;
  }

  .coord-comercial-ribbon-head,
  .coord-comercial-ribbon-body,
  .coord-comercial-overview-grid,
  .coord-comercial-sheet,
  .coord-comercial-cadence-rail {
    grid-template-columns: 1fr;
  }

  .ribbon-panel strong,
  .sheet-column strong {
    font-size: 30px;
  }
}

.estrategia-sequence-band {
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(18, 23, 31, 0.96) 0%, rgba(12, 16, 22, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: grid;
  gap: 28px;
}

.estrategia-sequence-copy {
  max-width: 840px;
}

.estrategia-sequence-rows {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.sequence-row-card {
  min-height: 182px;
  padding: 20px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  align-content: start;
  gap: 10px;
}

.sequence-row-card span {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}

.sequence-row-card strong {
  font-size: 28px;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #f5f7fb;
}

.sequence-row-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.45;
}

.estrategia-result-grid {
  display: grid;
  gap: 22px;
}

@media (max-width: 1080px) {
  .estrategia-hero-grid,
  .estrategia-overview-surface,
  .estrategia-lineup-card {
    grid-template-columns: 1fr;
  }

  .estrategia-lineup-card.is-offset {
    margin-left: 0;
  }

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

@media (max-width: 720px) {
  .estrategia-agenda-board,
  .estrategia-overview-surface,
  .estrategia-sequence-band {
    padding: 24px;
    border-radius: 28px;
  }

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

  .agenda-board-row {
    grid-template-columns: 1fr;
  }

  .agenda-row-copy strong,
  .estrategia-lineup-card strong,
  .sequence-row-card strong {
    font-size: 24px;
  }
}

@media (max-width: 1080px) {
  .administrativo-hero-grid,
  .administrativo-sheet,
  .administrativo-flow-band {
    grid-template-columns: 1fr;
  }

  .administrativo-lineup-columns,
  .administrativo-flow-steps,
  .desk-trays {
    grid-template-columns: 1fr 1fr;
  }

  .desk-register-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .administrativo-desk-surface,
  .administrativo-sheet,
  .administrativo-flow-band {
    padding: 24px;
    border-radius: 28px;
  }

  .administrativo-lineup-columns,
  .administrativo-flow-steps,
  .desk-trays {
    grid-template-columns: 1fr;
  }

  .desk-tray strong {
    font-size: 30px;
  }

  .admin-lineup-item strong,
  .flow-step-card strong {
    font-size: 24px;
  }
}

@media (max-width: 1080px) {
  .stack-lane,
  .tecnologia-reading-band,
  .tecnologia-cadence-sheet {
    grid-template-columns: 1fr;
  }

  .tecnologia-lineup-grid,
  .tecnologia-cadence-flow {
    grid-template-columns: 1fr 1fr;
  }

  .stack-footer-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .tecnologia-stack-surface,
  .tecnologia-reading-band,
  .tecnologia-cadence-sheet,
  .tecnologia-result-band {
    padding: 24px;
    border-radius: 28px;
  }

  .tecnologia-lineup-grid,
  .tecnologia-cadence-flow {
    grid-template-columns: 1fr;
  }

  .stack-module strong {
    font-size: 30px;
  }

  .tech-lineup-card strong,
  .cadence-node strong {
    font-size: 24px;
  }
}

@media (max-width: 1060px) {
  .governance-register-grid,
  .governance-track-steps {
    grid-template-columns: 1fr;
  }

  .governance-reading-sheet,
  .governance-lineup-row {
    grid-template-columns: 1fr;
  }

  .register-footer-row,
  .governance-reading-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .governance-register-surface,
  .governance-reading-sheet,
  .governance-track-band {
    padding: 24px;
    border-radius: 28px;
  }

  .register-column strong {
    font-size: 32px;
  }

  .register-column p,
  .governance-lineup-row p,
  .track-step p {
    font-size: 17px;
  }

  .governance-lineup-head strong {
    font-size: 22px;
  }

  .track-step strong {
    font-size: 24px;
  }
}

.inteligencia-page {
  --intel-border: rgba(12, 20, 38, 0.08);
  --intel-soft: #f5f7fb;
  --intel-blue: #254e9b;
  --intel-glow: radial-gradient(circle at 28% 22%, rgba(89, 142, 255, 0.18), transparent 34%), radial-gradient(circle at 84% 18%, rgba(255, 255, 255, 0.82), transparent 26%), linear-gradient(180deg, #fbfcff 0%, #f4f6fb 100%);
}

.inteligencia-page .eyebrow::before,
.inteligencia-page .card-eyebrow::before {
  content: none;
  display: none;
}

.inteligencia-page .hero {
  background: var(--intel-glow);
  padding: 72px 0 44px;
}

.inteligencia-hero-stack {
  display: grid;
  gap: 34px;
}

.inteligencia-hero-copy {
  max-width: 760px;
  text-align: center;
  margin: 0 auto;
}

.inteligencia-hero-copy .hero-title {
  max-width: 9ch;
  margin-left: auto;
  margin-right: auto;
}

.inteligencia-hero-copy .hero-body {
  max-width: 21ch;
  margin-left: auto;
  margin-right: auto;
}

.inteligencia-hero-copy .hero-actions {
  justify-content: center;
}

.inteligencia-hero-sheet {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--intel-border);
  border-radius: 38px;
  padding: 30px;
  box-shadow: 0 30px 80px rgba(31, 46, 80, 0.12);
  backdrop-filter: blur(12px);
}

.hero-sheet-head {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: 26px;
  align-items: end;
  margin-bottom: 26px;
}

.hero-sheet-copy {
  display: grid;
  gap: 8px;
}

.hero-sheet-label {
  color: rgba(28, 34, 46, 0.64);
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hero-sheet-copy strong {
  color: #171b24;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.hero-sheet-note {
  margin: 0;
  color: rgba(28, 34, 46, 0.68);
  font-size: 19px;
  line-height: 1.45;
  text-align: right;
}

.hero-sheet-grid {
  display: grid;
  grid-template-columns: 1.06fr 0.94fr;
  gap: 18px;
  margin-bottom: 18px;
}

.hero-sheet-card {
  background: rgba(246, 248, 252, 0.92);
  border: 1px solid rgba(37, 78, 155, 0.09);
  border-radius: 28px;
  padding: 24px;
}

.hero-sheet-card-account {
  grid-column: 1 / span 2;
}

.dossier-kicker {
  margin: 0 0 10px;
  color: rgba(28, 34, 46, 0.6);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-sheet-card strong {
  display: block;
  color: #151821;
  font-size: 33px;
  line-height: 1.02;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}

.hero-sheet-card span {
  display: block;
  color: rgba(28, 34, 46, 0.72);
  font-size: 18px;
  line-height: 1.4;
}

.hero-sheet-foot {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.hero-foot-item {
  border-top: 1px solid rgba(12, 20, 38, 0.08);
  padding-top: 14px;
}

.hero-foot-item span {
  display: block;
  color: rgba(28, 34, 46, 0.62);
  font-size: 15px;
  margin-bottom: 8px;
}

.hero-foot-item strong {
  display: block;
  color: #171b24;
  font-size: 18px;
  font-weight: 600;
}

.inteligencia-reading-sheet {
  background: #ffffff;
  border: 1px solid var(--intel-border);
  border-radius: 34px;
  padding: 34px;
  box-shadow: 0 22px 56px rgba(24, 39, 75, 0.06);
}

.sheet-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.intel-sheet-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.intel-sheet-column {
  min-height: 220px;
  background: var(--intel-soft);
  border: 1px solid rgba(12, 20, 38, 0.06);
  border-radius: 28px;
  padding: 22px;
}

.intel-sheet-column span {
  display: block;
  color: rgba(28, 34, 46, 0.56);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.intel-sheet-column strong {
  display: block;
  color: #161b25;
  font-size: 28px;
  line-height: 1.04;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}

.intel-sheet-column p {
  margin: 0;
  color: rgba(28, 34, 46, 0.72);
  font-size: 18px;
  line-height: 1.45;
}

.inteligencia-method-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: start;
}

.inteligencia-method-editorial {
  padding: 8px 0;
  max-width: 520px;
}

.inteligencia-method-rail {
  background: #eff3fb;
  border: 1px solid rgba(12, 20, 38, 0.06);
  border-radius: 34px;
  padding: 14px;
  display: grid;
  gap: 12px;
}

.method-step {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  background: rgba(255, 255, 255, 0.86);
  border-radius: 24px;
  padding: 18px 20px;
}

.method-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: rgba(37, 78, 155, 0.1);
  color: var(--intel-blue);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.method-step strong {
  display: block;
  color: #161b25;
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}

.method-step p {
  margin: 0;
  color: rgba(28, 34, 46, 0.72);
  font-size: 18px;
  line-height: 1.45;
}

.inteligencia-delivery-band {
  border-radius: 34px;
}

.inteligencia-delivery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.delivery-cell {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 20px;
}

.delivery-cell span {
  display: block;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.delivery-cell strong {
  display: block;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.06;
  letter-spacing: -0.04em;
  margin-bottom: 10px;
}

.delivery-cell p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 17px;
  line-height: 1.45;
}

.inteligencia-connection-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 28px;
  background: linear-gradient(135deg, #f8fafc 0%, #eef3fb 100%);
  border: 1px solid var(--intel-border);
  border-radius: 34px;
  padding: 34px;
}

.inteligencia-connection-copy {
  max-width: 560px;
}

.inteligencia-connection-rail {
  display: grid;
  gap: 12px;
}

.connection-row {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(12, 20, 38, 0.06);
  border-radius: 22px;
  padding: 18px 20px;
}

.connection-row span {
  color: rgba(28, 34, 46, 0.58);
  font-size: 15px;
}

.connection-row strong {
  color: #161b25;
  font-size: 22px;
  line-height: 1.12;
  letter-spacing: -0.03em;
}

@media (max-width: 1200px) {
  .inteligencia-method-layout,
  .inteligencia-connection-surface {
    grid-template-columns: 1fr;
  }

  .hero-sheet-head,
  .intel-sheet-columns,
  .inteligencia-delivery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-sheet-note {
    text-align: left;
  }
}

@media (max-width: 900px) {
  .hero-sheet-grid,
  .hero-sheet-foot,
  .intel-sheet-columns,
  .inteligencia-delivery-grid,
  .connection-row {
    grid-template-columns: 1fr;
  }

  .hero-sheet-card-account {
    grid-column: auto;
  }

  .inteligencia-hero-sheet,
  .inteligencia-reading-sheet,
  .inteligencia-connection-surface {
    padding: 26px;
    border-radius: 28px;
  }
}

@media (max-width: 720px) {
  .inteligencia-page .hero {
    padding: 56px 0 28px;
  }

  .inteligencia-hero-copy .hero-title {
    max-width: 11ch;
  }

  .hero-sheet-copy strong,
  .hero-sheet-card strong,
  .intel-sheet-column strong,
  .method-step strong,
  .delivery-cell strong {
    font-size: 24px;
  }

  .method-step {
    grid-template-columns: 1fr;
  }

  .method-index {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }
}

.prospeccao-page {
  --prospect-blue: #2f6ee7;
  --prospect-ink: #141922;
  --prospect-soft: #eef4ff;
  --prospect-line: rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 20%, #ffffff 100%);
}

.prospeccao-page .eyebrow::before,
.prospeccao-page .card-eyebrow::before {
  content: none;
  display: none;
}

.prospeccao-page-hero {
  padding: 72px 0 40px;
  background:
    radial-gradient(circle at 22% 16%, rgba(69, 121, 233, 0.16) 0, rgba(69, 121, 233, 0) 36%),
    radial-gradient(circle at 78% 18%, rgba(93, 126, 182, 0.1) 0, rgba(93, 126, 182, 0) 28%),
    linear-gradient(180deg, #fbfdff 0%, #f5f8fd 100%);
}

.prospeccao-hero-stack {
  display: grid;
  gap: 34px;
}

.prospeccao-hero-copy {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.prospeccao-hero-copy .eyebrow,
.prospeccao-cadence-surface .eyebrow,
.prospeccao-reading-note .eyebrow,
.prospeccao-rhythm-band .eyebrow,
.prospeccao-result-copy .eyebrow {
  justify-content: center;
  color: rgba(20, 25, 34, 0.58);
  letter-spacing: 0.12em;
}

.prospeccao-hero-copy .hero-title {
  margin: 0 auto 18px;
  max-width: 10ch;
  color: var(--prospect-ink);
}

.prospeccao-hero-copy .hero-body {
  max-width: 17ch;
  margin: 0 auto;
  color: rgba(20, 25, 34, 0.74);
}

.prospeccao-hero-copy .hero-actions {
  justify-content: center;
}

.prospeccao-hero-ledger {
  background: #ffffff;
  border: 1px solid rgba(18, 26, 42, 0.08);
  border-radius: 38px;
  box-shadow: 0 28px 70px rgba(30, 48, 88, 0.08);
  padding: 22px;
}

.prospect-ledger-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--prospect-line);
}

.ledger-label {
  display: block;
  color: rgba(20, 25, 34, 0.56);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ledger-intro strong {
  display: block;
  color: var(--prospect-ink);
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.ledger-note {
  max-width: 460px;
  margin: 0;
  color: rgba(20, 25, 34, 0.66);
  font-size: 18px;
  line-height: 1.46;
  text-align: right;
}

.ledger-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding-top: 18px;
}

.ledger-touch {
  min-height: 220px;
  background: linear-gradient(180deg, rgba(243, 247, 255, 0.86) 0%, #ffffff 100%);
  border: 1px solid rgba(18, 26, 42, 0.06);
  border-radius: 28px;
  padding: 22px;
}

.touch-kicker {
  display: block;
  color: var(--prospect-blue);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.ledger-touch strong {
  display: block;
  color: var(--prospect-ink);
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.045em;
  margin-bottom: 12px;
}

.ledger-touch p {
  margin: 0;
  color: rgba(20, 25, 34, 0.68);
  font-size: 18px;
  line-height: 1.5;
}

.prospeccao-page .subnav {
  border-top: 1px solid rgba(18, 26, 42, 0.05);
  border-bottom: 1px solid rgba(18, 26, 42, 0.05);
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(18px);
}

.prospeccao-page .subnav-strip {
  justify-content: center;
}

.prospeccao-page .subnav-chip {
  background: transparent;
  border-color: rgba(18, 26, 42, 0.08);
}

.prospeccao-page .subnav-chip.is-active {
  background: rgba(47, 110, 231, 0.1);
  border-color: rgba(47, 110, 231, 0.16);
  color: var(--prospect-ink);
}

.prospeccao-cadence-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 28px;
  background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
  border: 1px solid rgba(18, 26, 42, 0.07);
  border-radius: 36px;
  padding: 34px;
}

.prospeccao-cadence-surface .eyebrow,
.prospeccao-reading-note .eyebrow,
.prospeccao-result-copy .eyebrow {
  justify-content: flex-start;
}

.cadence-rows {
  display: grid;
  gap: 12px;
}

.cadence-row {
  display: grid;
  grid-template-columns: minmax(0, 0.34fr) minmax(0, 0.66fr);
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(244, 248, 255, 0.96);
  border: 1px solid rgba(18, 26, 42, 0.06);
}

.cadence-row span {
  color: rgba(20, 25, 34, 0.54);
  font-size: 15px;
}

.cadence-row strong {
  color: var(--prospect-ink);
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.03em;
}

.prospeccao-reading-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: start;
}

.prospeccao-reading-note {
  padding: 6px 0;
  max-width: 520px;
}

.prospeccao-reading-board {
  display: grid;
  gap: 12px;
}

.reading-strip {
  display: grid;
  grid-template-columns: minmax(0, 0.28fr) minmax(0, 0.72fr);
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid rgba(18, 26, 42, 0.07);
  box-shadow: 0 18px 36px rgba(27, 41, 73, 0.05);
}

.reading-strip span {
  color: rgba(20, 25, 34, 0.56);
  font-size: 14px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.reading-strip strong {
  display: block;
  color: var(--prospect-ink);
  font-size: 28px;
  line-height: 1.06;
  letter-spacing: -0.04em;
  margin-bottom: 6px;
}

.reading-strip p {
  margin: 0;
  color: rgba(20, 25, 34, 0.68);
  font-size: 18px;
  line-height: 1.46;
}

.prospeccao-rhythm-band {
  border-radius: 38px;
  background: radial-gradient(circle at top, rgba(65, 108, 203, 0.12), transparent 38%), #0f172a;
}

.prospeccao-rhythm-band .eyebrow {
  justify-content: flex-start;
  color: rgba(255, 255, 255, 0.58);
}

.rhythm-lane {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.rhythm-step {
  min-height: 196px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.rhythm-step span {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.rhythm-step strong {
  color: #ffffff;
  font-size: 30px;
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.prospeccao-result-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 28px;
  align-items: start;
}

.prospeccao-result-copy {
  max-width: 540px;
}

.prospeccao-result-sheet {
  display: grid;
  gap: 12px;
  padding: 14px;
  background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%);
  border: 1px solid rgba(18, 26, 42, 0.06);
  border-radius: 34px;
}

.result-sheet-row {
  display: grid;
  grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.82);
}

.result-sheet-row span {
  color: rgba(20, 25, 34, 0.56);
  font-size: 15px;
}

.result-sheet-row strong {
  color: var(--prospect-ink);
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: -0.03em;
}

@media (max-width: 1200px) {
  .ledger-track,
  .rhythm-lane {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prospeccao-cadence-surface,
  .prospeccao-reading-layout,
  .prospeccao-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .prospeccao-page-hero {
    padding: 60px 0 30px;
  }

  .prospect-ledger-top,
  .ledger-track,
  .rhythm-lane,
  .reading-strip,
  .result-sheet-row,
  .cadence-row {
    grid-template-columns: 1fr;
  }

  .ledger-note {
    text-align: left;
  }

  .prospeccao-hero-ledger,
  .prospeccao-cadence-surface,
  .prospeccao-rhythm-band,
  .prospeccao-result-sheet {
    border-radius: 30px;
    padding: 24px;
  }
}

@media (max-width: 720px) {
  .prospeccao-hero-copy .hero-title {
    max-width: 9ch;
  }

  .ledger-intro strong,
  .ledger-touch strong,
  .reading-strip strong,
  .rhythm-step strong {
    font-size: 28px;
  }

  .result-sheet-row strong,
  .cadence-row strong {
    font-size: 22px;
  }
}

.negociacao-page {
  --deal-ink: #151a24;
  --deal-blue: #2d6de8;
  --deal-line: rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #fcfdff 0%, #ffffff 22%, #ffffff 100%);
}

.negociacao-page .eyebrow::before,
.negociacao-page .card-eyebrow::before {
  content: none;
  display: none;
}

.negociacao-page-hero {
  padding: 72px 0 40px;
  background:
    radial-gradient(circle at 76% 14%, rgba(61, 104, 191, 0.12) 0, rgba(61, 104, 191, 0) 30%),
    radial-gradient(circle at 24% 18%, rgba(71, 116, 204, 0.08) 0, rgba(71, 116, 204, 0) 34%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.negociacao-hero-stack {
  display: grid;
  gap: 34px;
}

.negociacao-hero-copy {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.negociacao-hero-copy .hero-title {
  margin: 0 auto 18px;
  max-width: 10ch;
  color: var(--deal-ink);
}

.negociacao-hero-copy .hero-body {
  max-width: 18ch;
  margin: 0 auto;
  color: rgba(21, 26, 36, 0.74);
}

.negociacao-hero-copy .hero-actions,
.negociacao-page .subnav-strip {
  justify-content: center;
}

.negociacao-room {
  background: linear-gradient(180deg, #11161e 0%, #171d28 100%);
  border-radius: 38px;
  padding: 22px;
  box-shadow: 0 28px 70px rgba(13, 18, 28, 0.18);
}

.room-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.room-kicker {
  display: block;
  color: rgba(255, 255, 255, 0.54);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.room-head strong {
  display: block;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.room-head p {
  max-width: 430px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 1.45;
  text-align: right;
}

.room-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px 0;
}

.room-panel {
  min-height: 230px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.room-panel span {
  display: block;
  color: rgba(255, 255, 255, 0.54);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.room-panel strong {
  display: block;
  color: #ffffff;
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.045em;
  margin-bottom: 12px;
}

.room-panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 18px;
  line-height: 1.48;
}

.room-foot {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.room-foot div {
  padding: 16px 18px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.03);
}

.room-foot span {
  display: block;
  color: rgba(255, 255, 255, 0.52);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.room-foot strong {
  color: #ffffff;
  font-size: 22px;
  line-height: 1.16;
  letter-spacing: -0.03em;
}

.negociacao-page .subnav {
  border-top: 1px solid rgba(15, 23, 42, 0.05);
  border-bottom: 1px solid rgba(15, 23, 42, 0.05);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
}

.negociacao-page .subnav-chip.is-active {
  background: rgba(45, 109, 232, 0.1);
  border-color: rgba(45, 109, 232, 0.16);
  color: var(--deal-ink);
}

.negociacao-briefing-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 28px;
  background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 36px;
  padding: 34px;
}

.negociacao-briefing-copy .eyebrow,
.negociacao-reading-note .eyebrow,
.negociacao-decision-band .eyebrow,
.negociacao-continuity-copy .eyebrow {
  justify-content: flex-start;
  color: rgba(21, 26, 36, 0.58);
}

.briefing-rows {
  display: grid;
  gap: 12px;
}

.briefing-row {
  display: grid;
  grid-template-columns: minmax(0, 0.3fr) minmax(0, 0.7fr);
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(244, 248, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.briefing-row span {
  color: rgba(21, 26, 36, 0.54);
  font-size: 15px;
}

.briefing-row strong {
  color: var(--deal-ink);
  font-size: 24px;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

.negociacao-reading-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: start;
}

.negociacao-reading-note {
  max-width: 540px;
  padding: 8px 0;
}

.negociacao-reading-sheet {
  padding: 14px;
  border-radius: 34px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow: 0 18px 36px rgba(27, 41, 73, 0.05);
  display: grid;
  gap: 12px;
}

.reading-sheet-row {
  display: grid;
  grid-template-columns: minmax(0, 0.28fr) minmax(0, 0.72fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  border-radius: 24px;
  background: linear-gradient(135deg, #fbfdff 0%, #f2f7ff 100%);
}

.reading-sheet-row span {
  color: rgba(21, 26, 36, 0.56);
  font-size: 14px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.reading-sheet-row strong {
  color: var(--deal-ink);
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.negociacao-decision-band {
  border-radius: 38px;
  background: radial-gradient(circle at top, rgba(69, 110, 205, 0.1), transparent 38%), #121720;
}

.negociacao-decision-band .eyebrow {
  color: rgba(255, 255, 255, 0.58);
}

.decision-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.decision-column {
  min-height: 204px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.decision-column span {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.decision-column strong {
  display: block;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.04;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}

.decision-column p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 18px;
  line-height: 1.48;
}

.negociacao-continuity-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 28px;
  align-items: start;
}

.negociacao-continuity-copy {
  max-width: 540px;
}

.negociacao-continuity-rail {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 34px;
  background: linear-gradient(135deg, #f7faff 0%, #edf4ff 100%);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.continuity-step {
  display: grid;
  grid-template-columns: minmax(0, 0.28fr) minmax(0, 0.72fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.84);
}

.continuity-step span {
  color: rgba(21, 26, 36, 0.56);
  font-size: 14px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.continuity-step strong {
  color: var(--deal-ink);
  font-size: 25px;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

@media (max-width: 1200px) {
  .room-body,
  .decision-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .negociacao-briefing-surface,
  .negociacao-reading-layout,
  .negociacao-continuity-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .negociacao-page-hero {
    padding: 60px 0 30px;
  }

  .room-head,
  .room-body,
  .room-foot,
  .decision-columns,
  .briefing-row,
  .reading-sheet-row,
  .continuity-step {
    grid-template-columns: 1fr;
  }

  .room-head p {
    text-align: left;
  }

  .negociacao-room,
  .negociacao-briefing-surface,
  .negociacao-reading-sheet,
  .negociacao-decision-band,
  .negociacao-continuity-rail {
    padding: 24px;
    border-radius: 30px;
  }
}

@media (max-width: 720px) {
  .negociacao-hero-copy .hero-title {
    max-width: 9ch;
  }

  .room-head strong,
  .room-panel strong,
  .reading-sheet-row strong,
  .decision-column strong {
    font-size: 28px;
  }

  .briefing-row strong,
  .continuity-step strong {
    font-size: 22px;
  }
}

.sucesso-page {
  --success-ink: #151a24;
  --success-blue: #2d6de8;
  --success-green: #2f9c78;
  --success-line: rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #fcfefd 0%, #ffffff 22%, #ffffff 100%);
}

.sucesso-page .eyebrow::before,
.sucesso-page .card-eyebrow::before {
  content: none;
  display: none;
}

.sucesso-page-hero {
  padding: 72px 0 40px;
  background:
    radial-gradient(circle at 24% 18%, rgba(78, 144, 115, 0.12) 0, rgba(78, 144, 115, 0) 34%),
    radial-gradient(circle at 78% 12%, rgba(76, 117, 210, 0.08) 0, rgba(76, 117, 210, 0) 30%),
    linear-gradient(180deg, #fcfffe 0%, #f7fbfa 100%);
}

.sucesso-hero-stack {
  display: grid;
  gap: 34px;
}

.sucesso-hero-copy {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.sucesso-hero-copy .hero-title {
  margin: 0 auto 18px;
  max-width: 10ch;
  color: var(--success-ink);
}

.sucesso-hero-copy .hero-body {
  max-width: 18ch;
  margin: 0 auto;
  color: rgba(21, 26, 36, 0.74);
}

.sucesso-hero-copy .hero-actions,
.sucesso-page .subnav-strip {
  justify-content: center;
}

.sucesso-hero-sheet {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 38px;
  box-shadow: 0 28px 70px rgba(28, 46, 74, 0.08);
  padding: 22px;
}

.sucesso-sheet-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--success-line);
}

.sheet-kicker {
  display: block;
  color: rgba(21, 26, 36, 0.54);
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.sucesso-sheet-head strong {
  display: block;
  color: var(--success-ink);
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.sucesso-sheet-head p {
  max-width: 430px;
  margin: 0;
  color: rgba(21, 26, 36, 0.66);
  font-size: 18px;
  line-height: 1.46;
  text-align: right;
}

.sucesso-stage-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 18px 0;
}

.stage-chip {
  padding: 18px 20px;
  border-radius: 24px;
  background: linear-gradient(135deg, #f7fbf9 0%, #f0f7f4 100%);
  border: 1px solid rgba(47, 156, 120, 0.12);
}

.stage-chip span {
  display: block;
  color: rgba(21, 26, 36, 0.54);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.stage-chip strong {
  color: var(--success-ink);
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.sucesso-sheet-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.sheet-panel {
  min-height: 214px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(247, 251, 249, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.sheet-panel span {
  display: block;
  color: rgba(21, 26, 36, 0.54);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.sheet-panel strong {
  display: block;
  color: var(--success-ink);
  font-size: 32px;
  line-height: 1.04;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}

.sheet-panel p {
  margin: 0;
  color: rgba(21, 26, 36, 0.68);
  font-size: 18px;
  line-height: 1.48;
}

.sucesso-page .subnav {
  border-top: 1px solid rgba(15, 23, 42, 0.05);
  border-bottom: 1px solid rgba(15, 23, 42, 0.05);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
}

.sucesso-page .subnav-chip.is-active {
  background: rgba(47, 156, 120, 0.1);
  border-color: rgba(47, 156, 120, 0.16);
  color: var(--success-ink);
}

.sucesso-continuity-surface {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 28px;
  background: linear-gradient(135deg, #ffffff 0%, #f7fbf9 100%);
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 36px;
  padding: 34px;
}

.sucesso-continuity-copy .eyebrow,
.sucesso-health-copy .eyebrow,
.sucesso-milestone-band .eyebrow,
.sucesso-expansion-copy .eyebrow {
  justify-content: flex-start;
  color: rgba(21, 26, 36, 0.58);
}

.continuity-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.continuity-card {
  min-height: 168px;
  padding: 20px;
  border-radius: 24px;
  background: rgba(244, 249, 247, 0.94);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.continuity-card span {
  display: block;
  color: rgba(21, 26, 36, 0.54);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.continuity-card strong {
  color: var(--success-ink);
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.sucesso-health-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 28px;
  align-items: start;
}

.sucesso-health-copy {
  max-width: 540px;
  padding: 8px 0;
}

.sucesso-health-board {
  display: grid;
  gap: 12px;
}

.health-row {
  display: grid;
  grid-template-columns: minmax(0, 0.28fr) minmax(0, 0.72fr);
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  border-radius: 28px;
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow: 0 18px 36px rgba(27, 41, 73, 0.05);
}

.health-row span {
  color: rgba(21, 26, 36, 0.56);
  font-size: 14px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.health-row strong {
  color: var(--success-ink);
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.sucesso-milestone-band {
  border-radius: 38px;
  background: radial-gradient(circle at top, rgba(58, 141, 110, 0.1), transparent 38%), #121a17;
}

.sucesso-milestone-band .eyebrow {
  color: rgba(255, 255, 255, 0.58);
}

.milestone-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.milestone-node {
  min-height: 198px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.milestone-node span {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.milestone-node strong {
  color: #ffffff;
  font-size: 30px;
  line-height: 1.06;
  letter-spacing: -0.04em;
}

.sucesso-expansion-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 28px;
  align-items: start;
}

.sucesso-expansion-copy {
  max-width: 540px;
}

.sucesso-expansion-sheet {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 34px;
  background: linear-gradient(135deg, #f7fbf9 0%, #eef6f2 100%);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.expansion-line {
  display: grid;
  grid-template-columns: minmax(0, 0.28fr) minmax(0, 0.72fr);
  gap: 18px;
  align-items: center;
  padding: 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.84);
}

.expansion-line span {
  color: rgba(21, 26, 36, 0.56);
  font-size: 14px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.expansion-line strong {
  color: var(--success-ink);
  font-size: 25px;
  line-height: 1.14;
  letter-spacing: -0.03em;
}

@media (max-width: 1200px) {
  .sucesso-stage-band,
  .sucesso-sheet-grid,
  .milestone-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sucesso-continuity-surface,
  .sucesso-health-layout,
  .sucesso-expansion-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .sucesso-page-hero {
    padding: 60px 0 30px;
  }

  .sucesso-sheet-head,
  .sucesso-stage-band,
  .sucesso-sheet-grid,
  .continuity-steps,
  .health-row,
  .milestone-track,
  .expansion-line {
    grid-template-columns: 1fr;
  }

  .sucesso-sheet-head p {
    text-align: left;
  }

  .sucesso-hero-sheet,
  .sucesso-continuity-surface,
  .sucesso-milestone-band,
  .sucesso-expansion-sheet {
    padding: 24px;
    border-radius: 30px;
  }
}

@media (max-width: 720px) {
  .sucesso-hero-copy .hero-title {
    max-width: 9ch;
  }

  .sucesso-sheet-head strong,
  .sheet-panel strong,
  .continuity-card strong,
  .health-row strong,
  .milestone-node strong {
    font-size: 28px;
  }

  .expansion-line strong {
    font-size: 22px;
  }
}

.receita-page {
  --receita-paper: rgba(247, 249, 255, 0.9);
  --receita-line: rgba(118, 145, 220, 0.2);
  --receita-soft: rgba(243, 246, 255, 0.92);
}

.receita-page .eyebrow::before {
  display: none;
}

.receita-page-hero {
  padding-top: 76px;
  background:
    radial-gradient(circle at 22% 26%, rgba(120, 154, 255, 0.14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.receita-hero-stack {
  display: grid;
  gap: 56px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 700px);
}

.receita-hero-copy {
  max-width: 720px;
}

.receita-ledger {
  display: grid;
  gap: 18px;
  padding: 28px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 255, 0.9));
  border: 1px solid rgba(140, 160, 210, 0.18);
  box-shadow: 0 28px 70px rgba(40, 60, 110, 0.12);
}

.receita-ledger-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}

.receita-ledger-head strong {
  display: block;
  margin-top: 6px;
  font-size: 1.2rem;
  color: #111216;
}

.receita-ledger-pill {
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(229, 236, 255, 0.85);
  color: #3478f6;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.receita-ledger-summary {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.receita-ledger-summary div,
.receita-strip {
  padding: 18px 20px;
  border-radius: 24px;
  border: 1px solid var(--receita-line);
  background: rgba(255, 255, 255, 0.72);
}

.receita-ledger-summary small,
.receita-strip span,
.integrity-row span,
.reading-sheet-head span,
.reading-sheet-grid span,
.rhythm-node span,
.close-line span {
  display: block;
  margin-bottom: 8px;
  color: #6a707d;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.receita-ledger-summary span,
.receita-strip strong,
.integrity-row strong,
.reading-sheet-head strong,
.reading-sheet-grid strong,
.rhythm-node strong,
.close-line strong {
  color: #14161c;
  font-size: 1.15rem;
  line-height: 1.25;
}

.receita-integrity-surface {
  display: grid;
  gap: 28px;
  padding: 40px;
  border-radius: 32px;
  background: var(--receita-soft);
  border: 1px solid rgba(130, 150, 205, 0.16);
}

.receita-integrity-copy {
  max-width: 760px;
}

.receita-integrity-board {
  display: grid;
  gap: 12px;
}

.integrity-row {
  display: grid;
  gap: 6px;
  padding: 18px 20px;
  border-top: 1px solid var(--receita-line);
}

.integrity-row:first-child {
  border-top: 0;
}

.receita-reading-grid,
.receita-close-grid {
  display: grid;
  gap: 32px;
  align-items: start;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
}

.receita-reading-copy,
.receita-close-copy {
  max-width: 520px;
}

.receita-reading-sheet,
.receita-close-sheet {
  display: grid;
  gap: 20px;
  padding: 32px;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(130, 150, 205, 0.14);
  box-shadow: 0 22px 54px rgba(46, 64, 117, 0.08);
}

.reading-sheet-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
}

.reading-sheet-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reading-sheet-grid article {
  padding: 20px;
  border-radius: 24px;
  background: rgba(247, 249, 255, 0.9);
  border: 1px solid rgba(130, 150, 205, 0.14);
}

.reading-sheet-grid p {
  margin: 10px 0 0;
  color: #5d6574;
  line-height: 1.5;
}

.receita-rhythm-band {
  display: grid;
  gap: 30px;
}

.receita-rhythm-track {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rhythm-node {
  min-height: 190px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.rhythm-node strong {
  color: #f5f7fb;
}

.close-line {
  display: grid;
  gap: 6px;
  padding-top: 16px;
  border-top: 1px solid var(--receita-line);
}

.close-line:first-child {
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 1100px) {
  .receita-hero-stack,
  .receita-reading-grid,
  .receita-close-grid {
    grid-template-columns: 1fr;
  }

  .receita-ledger-summary,
  .receita-rhythm-track {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .receita-page-hero {
    padding-top: 52px;
  }

  .receita-ledger,
  .receita-integrity-surface,
  .receita-reading-sheet,
  .receita-close-sheet {
    padding: 22px;
    border-radius: 24px;
  }

  .receita-ledger-head,
  .reading-sheet-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .receita-ledger-summary,
  .reading-sheet-grid,
  .receita-rhythm-track {
    grid-template-columns: 1fr;
  }
}

.coord-marketing-page {
  --coord-marketing-paper: rgba(251, 251, 248, 0.95);
  --coord-marketing-line: rgba(179, 164, 129, 0.18);
  --coord-marketing-warm: rgba(249, 244, 236, 0.9);
}

.coord-marketing-page .eyebrow::before {
  display: none;
}

.coord-marketing-hero {
  padding-top: 70px;
  background:
    radial-gradient(circle at 28% 24%, rgba(208, 222, 255, 0.18), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #faf9f5 100%);
}

.coord-marketing-hero-stack {
  display: grid;
  gap: 44px;
}

.coord-marketing-copy {
  max-width: 920px;
}

.coord-marketing-sheet {
  display: grid;
  gap: 24px;
  padding: 30px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 249, 245, 0.92));
  border: 1px solid var(--coord-marketing-line);
  box-shadow: 0 30px 70px rgba(42, 45, 58, 0.08);
}

.coord-sheet-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
}

.coord-sheet-head strong {
  display: block;
  margin-top: 6px;
  color: #15161a;
  font-size: 1.35rem;
}

.coord-sheet-pill {
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(234, 238, 248, 0.8);
  color: #5b6783;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.coord-sheet-rows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.coord-row,
.coord-agenda-board article,
.layer-card,
.coord-close-line {
  display: grid;
  gap: 8px;
  padding: 22px 24px;
  border-radius: 24px;
  border: 1px solid var(--coord-marketing-line);
  background: rgba(255, 255, 255, 0.82);
}

.coord-row span,
.coord-timeline small,
.coord-agenda-board span,
.layer-card span,
.coord-interface-node span,
.coord-close-line span {
  color: #707687;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.coord-row strong,
.coord-agenda-board strong,
.layer-card strong,
.coord-interface-node strong,
.coord-close-line strong {
  color: #14161c;
  font-size: 1.22rem;
  line-height: 1.2;
}

.coord-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.coord-timeline div {
  padding: 18px 20px;
  border-radius: 22px;
  background: var(--coord-marketing-warm);
  border: 1px solid rgba(191, 176, 138, 0.16);
}

.coord-timeline span {
  display: block;
  margin-top: 6px;
  color: #1d1f25;
  font-size: 1rem;
  font-weight: 600;
}

.coord-marketing-agenda {
  display: grid;
  gap: 28px;
  padding: 40px;
  border-radius: 34px;
  background: var(--coord-marketing-paper);
  border: 1px solid rgba(186, 172, 139, 0.14);
}

.coord-agenda-copy {
  max-width: 760px;
}

.coord-agenda-board {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.coord-agenda-board p {
  margin: 6px 0 0;
  color: #636a78;
  line-height: 1.55;
}

.coord-marketing-layer-grid,
.coord-marketing-close-grid {
  display: grid;
  gap: 32px;
  align-items: start;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
}

.coord-layer-copy,
.coord-close-copy {
  max-width: 560px;
}

.coord-layer-stack {
  display: grid;
  gap: 18px;
}

.coord-interface-band {
  display: grid;
  gap: 30px;
}

.coord-interface-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coord-interface-node {
  min-height: 190px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.coord-interface-node strong {
  color: #f4f6fa;
}

.coord-close-sheet {
  display: grid;
  gap: 16px;
  padding: 30px;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(185, 171, 137, 0.15);
  box-shadow: 0 22px 54px rgba(57, 51, 40, 0.08);
}

@media (max-width: 1100px) {
  .coord-agenda-board,
  .coord-interface-grid {
    grid-template-columns: 1fr 1fr;
  }

  .coord-marketing-layer-grid,
  .coord-marketing-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .coord-marketing-hero {
    padding-top: 52px;
  }

  .coord-marketing-sheet,
  .coord-marketing-agenda,
  .coord-close-sheet {
    padding: 22px;
    border-radius: 24px;
  }

  .coord-sheet-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .coord-sheet-rows,
  .coord-timeline,
  .coord-agenda-board,
  .coord-interface-grid {
    grid-template-columns: 1fr;
  }
}

.positioning-page {
  --positioning-paper: rgba(252, 251, 247, 0.96);
  --positioning-line: rgba(188, 176, 149, 0.18);
  --positioning-soft: rgba(248, 244, 236, 0.82);
}

.positioning-page .eyebrow::before {
  display: none;
}

.positioning-hero {
  padding-top: 70px;
  background:
    radial-gradient(circle at 30% 22%, rgba(194, 214, 255, 0.18), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%);
}

.positioning-hero-stack {
  display: grid;
  gap: 42px;
}

.positioning-copy {
  max-width: 920px;
}

.positioning-sheet {
  display: grid;
  gap: 24px;
  padding: 32px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 249, 242, 0.92));
  border: 1px solid var(--positioning-line);
  box-shadow: 0 26px 70px rgba(51, 48, 38, 0.08);
}

.positioning-sheet-head strong {
  display: block;
  margin-top: 8px;
  color: #18191d;
  font-size: 1.28rem;
}

.positioning-statement {
  margin: 0;
  padding: 28px 32px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid var(--positioning-line);
  color: #17181c;
  font-size: clamp(2rem, 3.8vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -0.04em;
  font-weight: 700;
}

.positioning-signal-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.positioning-signal-grid article,
.positioning-message-grid article,
.ladder-step,
.positioning-close-line {
  display: grid;
  gap: 8px;
  padding: 22px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid var(--positioning-line);
}

.positioning-signal-grid span,
.positioning-message-grid span,
.ladder-step span,
.proof-node span,
.positioning-close-line span {
  color: #6f7583;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.positioning-signal-grid strong,
.positioning-message-grid strong,
.ladder-step strong,
.proof-node strong,
.positioning-close-line strong {
  color: #15161b;
  font-size: 1.2rem;
  line-height: 1.22;
}

.positioning-message-surface {
  display: grid;
  gap: 28px;
  padding: 40px;
  border-radius: 32px;
  background: var(--positioning-paper);
  border: 1px solid rgba(188, 176, 149, 0.14);
}

.positioning-message-copy {
  max-width: 760px;
}

.positioning-message-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.positioning-structure-grid,
.positioning-close-grid {
  display: grid;
  gap: 32px;
  align-items: start;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
}

.positioning-structure-copy,
.positioning-close-copy {
  max-width: 540px;
}

.positioning-ladder {
  display: grid;
  gap: 18px;
}

.ladder-step p {
  margin: 4px 0 0;
  color: #62697a;
  line-height: 1.55;
}

.positioning-proof-band {
  display: grid;
  gap: 30px;
}

.positioning-proof-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.proof-node {
  min-height: 190px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.proof-node strong {
  color: #f5f7fb;
}

.positioning-close-sheet {
  display: grid;
  gap: 16px;
  padding: 30px;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(187, 174, 145, 0.15);
  box-shadow: 0 22px 54px rgba(57, 53, 43, 0.08);
}

@media (max-width: 1100px) {
  .positioning-signal-grid,
  .positioning-message-grid,
  .positioning-proof-grid {
    grid-template-columns: 1fr 1fr;
  }

  .positioning-structure-grid,
  .positioning-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .positioning-hero {
    padding-top: 52px;
  }

  .positioning-sheet,
  .positioning-message-surface,
  .positioning-close-sheet {
    padding: 22px;
    border-radius: 24px;
  }

  .positioning-statement {
    padding: 22px;
    border-radius: 22px;
  }

  .positioning-signal-grid,
  .positioning-message-grid,
  .positioning-proof-grid {
    grid-template-columns: 1fr;
  }
}

.launch-page {
  --launch-paper: rgba(250, 246, 239, 0.94);
  --launch-line: rgba(183, 160, 117, 0.18);
  --launch-accent: #d28348;
  --launch-shadow: 0 30px 70px rgba(86, 70, 42, 0.12);
}

.launch-page .eyebrow::before {
  content: none;
}

.launch-hero {
  padding-top: 54px;
  background:
    radial-gradient(circle at 50% 6%, rgba(230, 206, 166, 0.34), transparent 30%),
    linear-gradient(180deg, #fbfaf7 0%, #f4efe7 100%);
}

.launch-hero-stack {
  display: grid;
  gap: 40px;
}

.launch-copy {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.launch-copy .hero-body {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.launch-copy .hero-actions {
  justify-content: center;
}

.launch-board {
  display: grid;
  gap: 28px;
  padding: 34px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid var(--launch-line);
  box-shadow: var(--launch-shadow);
}

.launch-board-head,
.launch-board-main,
.launch-timeline,
.launch-premiere-grid,
.launch-prep-rail,
.launch-circulation-grid,
.launch-close-sheet {
  display: grid;
}

.launch-board-head {
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
}

.launch-board-kicker,
.launch-stage-card span,
.launch-premiere-grid span,
.launch-prep-row span,
.launch-circulation-node span,
.launch-close-line span {
  color: #716858;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.launch-board-head strong {
  color: #171618;
  font-size: 1.5rem;
  line-height: 1.15;
}

.launch-board-main {
  gap: 16px;
  grid-template-columns: 1.15fr 1fr 1fr;
}

.launch-stage-card {
  min-height: 220px;
  padding: 24px;
  border-radius: 30px;
  background: rgba(248, 244, 236, 0.78);
  border: 1px solid rgba(183, 160, 117, 0.14);
}

.launch-stage-card.is-primary {
  background: rgba(250, 247, 241, 0.98);
}

.launch-stage-card strong,
.launch-premiere-grid strong,
.launch-prep-row strong,
.launch-circulation-node strong,
.launch-close-line strong {
  color: #18171a;
  font-size: 1.36rem;
  line-height: 1.14;
}

.launch-stage-card p,
.launch-prep-row p {
  margin: 10px 0 0;
  color: #666050;
  line-height: 1.58;
}

.launch-timeline {
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.launch-tick {
  position: relative;
  min-height: 98px;
  padding: 22px 18px 18px;
  border-radius: 24px;
  background: rgba(250, 247, 240, 0.68);
  border: 1px solid rgba(183, 160, 117, 0.12);
}

.launch-tick::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 18px;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: rgba(184, 167, 136, 0.45);
}

.launch-tick.is-done::before,
.launch-tick.is-live::before {
  background: var(--launch-accent);
}

.launch-tick.is-live {
  box-shadow: inset 0 0 0 1px rgba(210, 131, 72, 0.22);
}

.launch-tick span {
  display: block;
  padding-top: 18px;
  color: #2b2a2e;
  font-weight: 600;
  line-height: 1.4;
}

.launch-premiere-surface {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background: var(--launch-paper);
  border: 1px solid var(--launch-line);
}

.launch-premiere-copy {
  max-width: 760px;
}

.launch-premiere-grid {
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.launch-prep-grid,
.launch-close-grid {
  display: grid;
  gap: 34px;
  align-items: start;
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
}

.launch-prep-copy,
.launch-close-copy {
  max-width: 520px;
}

.launch-prep-rail {
  gap: 14px;
}

.launch-prep-row,
.launch-circulation-node,
.launch-close-line {
  display: grid;
  gap: 8px;
  padding: 24px 26px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(183, 160, 117, 0.15);
  box-shadow: 0 18px 40px rgba(82, 70, 42, 0.06);
}

.launch-circulation-band {
  display: grid;
  gap: 28px;
}

.launch-circulation-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.launch-circulation-node {
  min-height: 180px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: none;
}

.launch-circulation-node strong {
  color: #f7f8fb;
}

.launch-close-sheet {
  gap: 14px;
}

@media (max-width: 1100px) {
  .launch-board-main,
  .launch-premiere-grid,
  .launch-circulation-grid {
    grid-template-columns: 1fr 1fr;
  }

  .launch-timeline,
  .launch-prep-grid,
  .launch-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .launch-hero {
    padding-top: 52px;
  }

  .launch-board,
  .launch-premiere-surface,
  .launch-prep-row,
  .launch-circulation-node,
  .launch-close-line {
    padding: 22px;
    border-radius: 24px;
  }

  .launch-board-main,
  .launch-premiere-grid,
  .launch-circulation-grid {
    grid-template-columns: 1fr;
  }
}

.content-page {
  --content-paper: rgba(250, 247, 240, 0.94);
  --content-line: rgba(176, 160, 130, 0.18);
  --content-accent: #8e684b;
}

.content-page .eyebrow::before {
  content: none;
}

.content-hero {
  padding-top: 56px;
  background:
    linear-gradient(180deg, #f7f4ed 0%, #ffffff 100%);
}

.content-hero-stack {
  display: grid;
  gap: 38px;
}

.content-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.content-copy .hero-body {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.content-copy .hero-actions {
  justify-content: center;
}

.content-edition {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--content-line);
  box-shadow: 0 28px 70px rgba(74, 60, 40, 0.08);
}

.content-edition-bar,
.content-edition-grid,
.content-edition-foot,
.content-editorial-grid,
.content-piece-stack,
.content-rhythm-grid,
.content-close-sheet {
  display: grid;
}

.content-edition-bar {
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: end;
}

.content-edition-kicker,
.content-cover span,
.content-column span,
.content-edition-foot span,
.content-editorial-grid span,
.content-piece-card span,
.content-rhythm-node span,
.content-close-line span {
  color: #746a57;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.content-edition-bar strong {
  color: #18171a;
  font-size: 1.5rem;
  line-height: 1.15;
}

.content-edition-grid {
  gap: 16px;
  grid-template-columns: 1.3fr 1fr 1fr;
}

.content-cover,
.content-column,
.content-editorial-grid article,
.content-piece-card,
.content-rhythm-node,
.content-close-line {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(176, 160, 130, 0.14);
}

.content-cover {
  min-height: 250px;
  background: rgba(248, 243, 235, 0.85);
}

.content-column {
  min-height: 250px;
  background: rgba(255, 255, 255, 0.84);
}

.content-cover strong,
.content-column strong,
.content-editorial-grid strong,
.content-piece-card strong,
.content-rhythm-node strong,
.content-close-line strong {
  color: #17161a;
  font-size: 1.36rem;
  line-height: 1.14;
}

.content-cover p,
.content-column p,
.content-piece-card p {
  margin: 10px 0 0;
  color: #67604f;
  line-height: 1.58;
}

.content-edition-foot {
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-edition-foot div {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(176, 160, 130, 0.18);
}

.content-edition-foot strong {
  color: #242329;
  font-size: 1.05rem;
  line-height: 1.34;
}

.content-editorial-surface {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background: var(--content-paper);
  border: 1px solid var(--content-line);
}

.content-editorial-copy {
  max-width: 760px;
}

.content-editorial-grid {
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-pieces-grid,
.content-close-grid {
  display: grid;
  gap: 34px;
  align-items: start;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.content-pieces-copy,
.content-close-copy {
  max-width: 520px;
}

.content-piece-stack {
  gap: 14px;
}

.content-piece-card {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 42px rgba(72, 58, 38, 0.07);
}

.content-rhythm-band {
  display: grid;
  gap: 28px;
}

.content-rhythm-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.content-rhythm-node {
  min-height: 182px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.09);
}

.content-rhythm-node strong {
  color: #f7f8fb;
}

.content-close-sheet {
  gap: 14px;
}

.content-close-line {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 46px rgba(72, 58, 38, 0.07);
}

@media (max-width: 1100px) {
  .content-edition-grid,
  .content-editorial-grid,
  .content-rhythm-grid {
    grid-template-columns: 1fr 1fr;
  }

  .content-edition-foot,
  .content-pieces-grid,
  .content-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .content-hero {
    padding-top: 52px;
  }

  .content-edition,
  .content-editorial-surface,
  .content-cover,
  .content-column,
  .content-editorial-grid article,
  .content-piece-card,
  .content-rhythm-node,
  .content-close-line {
    padding: 22px;
    border-radius: 24px;
  }

  .content-edition-grid,
  .content-editorial-grid,
  .content-rhythm-grid {
    grid-template-columns: 1fr;
  }
}

.demand-page {
  --demand-paper: rgba(249, 246, 239, 0.95);
  --demand-line: rgba(176, 161, 132, 0.18);
  --demand-accent: #c88243;
  --demand-ink: #19181c;
}

.demand-page .eyebrow::before {
  content: none;
}

.demand-hero {
  padding-top: 56px;
  background:
    radial-gradient(circle at 50% 12%, rgba(215, 225, 255, 0.42), transparent 34%),
    linear-gradient(180deg, #fbfaf7 0%, #f6f1e9 100%);
}

.demand-hero-stack {
  display: grid;
  gap: 38px;
}

.demand-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.demand-copy .hero-body {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.demand-copy .hero-actions {
  justify-content: center;
}

.demand-intake-board {
  display: grid;
  gap: 24px;
  padding: 34px;
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--demand-line);
  box-shadow: 0 28px 72px rgba(79, 67, 49, 0.08);
}

.demand-board-head,
.demand-track,
.demand-board-foot,
.demand-source-grid,
.demand-criteria-stack,
.demand-reading-grid,
.demand-close-sheet {
  display: grid;
}

.demand-board-head {
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
}

.demand-kicker,
.demand-step span,
.demand-board-foot span,
.demand-source-grid span,
.demand-criteria-card span,
.demand-reading-node span,
.demand-close-line span {
  color: #746a58;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.demand-board-head strong {
  color: var(--demand-ink);
  font-size: 1.52rem;
  line-height: 1.14;
}

.demand-track {
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.demand-step,
.demand-source-grid article,
.demand-criteria-card,
.demand-reading-node,
.demand-close-line {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(176, 161, 132, 0.14);
}

.demand-step {
  min-height: 228px;
  background: rgba(249, 244, 236, 0.84);
}

.demand-step strong,
.demand-source-grid strong,
.demand-criteria-card strong,
.demand-reading-node strong,
.demand-close-line strong {
  color: #18171a;
  font-size: 1.34rem;
  line-height: 1.12;
}

.demand-step p,
.demand-criteria-card p {
  margin: 10px 0 0;
  color: #68604f;
  line-height: 1.58;
}

.demand-board-foot {
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.demand-board-foot div {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(176, 161, 132, 0.16);
}

.demand-board-foot strong {
  color: #28262b;
  font-size: 1.05rem;
  line-height: 1.34;
}

.demand-source-surface {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background: var(--demand-paper);
  border: 1px solid var(--demand-line);
}

.demand-source-copy {
  max-width: 760px;
}

.demand-source-grid {
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.demand-criteria-grid,
.demand-close-grid {
  display: grid;
  gap: 34px;
  align-items: start;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.demand-criteria-copy,
.demand-close-copy {
  max-width: 520px;
}

.demand-criteria-stack,
.demand-close-sheet {
  gap: 14px;
}

.demand-criteria-card,
.demand-close-line {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 44px rgba(74, 60, 40, 0.07);
}

.demand-reading-band {
  display: grid;
  gap: 28px;
}

.demand-reading-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.demand-reading-node {
  min-height: 180px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

.demand-reading-node strong {
  color: #f7f8fb;
}

@media (max-width: 1100px) {
  .demand-track,
  .demand-source-grid,
  .demand-reading-grid {
    grid-template-columns: 1fr 1fr;
  }

  .demand-board-foot,
  .demand-criteria-grid,
  .demand-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .demand-hero {
    padding-top: 52px;
  }

  .demand-intake-board,
  .demand-source-surface,
  .demand-step,
  .demand-source-grid article,
  .demand-criteria-card,
  .demand-reading-node,
  .demand-close-line {
    padding: 22px;
    border-radius: 24px;
  }

  .demand-track,
  .demand-source-grid,
  .demand-reading-grid {
    grid-template-columns: 1fr;
  }
}

.nurture-page {
  --nurture-paper: rgba(249, 246, 239, 0.96);
  --nurture-line: rgba(182, 160, 123, 0.18);
  --nurture-accent: #c9924f;
}

.nurture-page .eyebrow::before {
  content: none;
}

.nurture-hero {
  padding-top: 56px;
  background:
    radial-gradient(circle at 50% 10%, rgba(238, 212, 171, 0.34), transparent 34%),
    linear-gradient(180deg, #fbfaf7 0%, #f7f1e7 100%);
}

.nurture-hero-stack {
  display: grid;
  gap: 38px;
}

.nurture-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.nurture-copy .hero-body {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.nurture-copy .hero-actions {
  justify-content: center;
}

.nurture-ribbon {
  display: grid;
  gap: 24px;
  padding: 34px;
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--nurture-line);
  box-shadow: 0 28px 74px rgba(82, 67, 43, 0.08);
}

.nurture-ribbon-head,
.nurture-ribbon-track,
.nurture-journey-grid,
.nurture-progress-stack,
.nurture-signal-grid,
.nurture-close-sheet {
  display: grid;
}

.nurture-ribbon-head {
  gap: 12px;
  justify-items: center;
  text-align: center;
}

.nurture-kicker,
.nurture-pulse small,
.nurture-journey-grid span,
.nurture-progress-card span,
.nurture-signal-node span,
.nurture-close-line span {
  color: #766a56;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.nurture-ribbon-head strong {
  color: #18171a;
  font-size: 1.52rem;
  line-height: 1.14;
}

.nurture-ribbon-track {
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.nurture-pulse,
.nurture-journey-grid article,
.nurture-progress-card,
.nurture-signal-node,
.nurture-close-line {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(182, 160, 123, 0.14);
}

.nurture-pulse {
  min-height: 178px;
  display: grid;
  align-content: end;
  gap: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(249, 242, 230, 0.86) 100%);
}

.nurture-pulse span,
.nurture-journey-grid strong,
.nurture-progress-card strong,
.nurture-signal-node strong,
.nurture-close-line strong {
  color: #18171a;
  font-size: 1.3rem;
  line-height: 1.12;
  font-weight: 600;
}

.nurture-pulse.is-start,
.nurture-pulse.is-ready {
  box-shadow: inset 0 0 0 1px rgba(201, 146, 79, 0.2);
}

.nurture-journey-surface {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background: var(--nurture-paper);
  border: 1px solid var(--nurture-line);
}

.nurture-journey-copy {
  max-width: 760px;
}

.nurture-journey-grid {
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nurture-progress-grid,
.nurture-close-grid {
  display: grid;
  gap: 34px;
  align-items: start;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.nurture-progress-copy,
.nurture-close-copy {
  max-width: 520px;
}

.nurture-progress-stack,
.nurture-close-sheet {
  gap: 14px;
}

.nurture-progress-card,
.nurture-close-line {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 42px rgba(79, 63, 39, 0.07);
}

.nurture-progress-card p {
  margin: 10px 0 0;
  color: #69604f;
  line-height: 1.58;
}

.nurture-signal-band {
  display: grid;
  gap: 28px;
}

.nurture-signal-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nurture-signal-node {
  min-height: 180px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.09);
}

.nurture-signal-node strong {
  color: #f7f8fb;
}

@media (max-width: 1100px) {
  .nurture-ribbon-track,
  .nurture-journey-grid,
  .nurture-signal-grid {
    grid-template-columns: 1fr 1fr;
  }

  .nurture-progress-grid,
  .nurture-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .nurture-hero {
    padding-top: 52px;
  }

  .nurture-ribbon,
  .nurture-journey-surface,
  .nurture-pulse,
  .nurture-journey-grid article,
  .nurture-progress-card,
  .nurture-signal-node,
  .nurture-close-line {
    padding: 22px;
    border-radius: 24px;
  }

  .nurture-ribbon-track,
  .nurture-journey-grid,
  .nurture-signal-grid {
    grid-template-columns: 1fr;
  }
}

.automation-page {
  --automation-paper: rgba(245, 247, 249, 0.95);
  --automation-line: rgba(142, 153, 168, 0.18);
  --automation-accent: #6f90d6;
}

.automation-page .eyebrow::before {
  content: none;
}

.automation-hero {
  padding-top: 56px;
  background:
    radial-gradient(circle at 50% 10%, rgba(197, 214, 240, 0.34), transparent 34%),
    linear-gradient(180deg, #f8fafc 0%, #f3f5f8 100%);
}

.automation-hero-stack {
  display: grid;
  gap: 38px;
}

.automation-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.automation-copy .hero-body {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.automation-copy .hero-actions {
  justify-content: center;
}

.automation-flow-surface {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--automation-line);
  box-shadow: 0 28px 74px rgba(51, 64, 84, 0.09);
}

.automation-flow-head,
.automation-flow-rail,
.automation-flow-ledger,
.automation-system-grid,
.automation-rules-stack,
.automation-reading-grid,
.automation-close-sheet {
  display: grid;
}

.automation-flow-head {
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
}

.automation-kicker,
.automation-phase span,
.automation-flow-line span,
.automation-system-grid span,
.automation-rule-card span,
.automation-reading-node span,
.automation-close-line span {
  color: #687488;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.automation-flow-head strong {
  color: #17191d;
  font-size: 1.5rem;
  line-height: 1.14;
}

.automation-flow-rail {
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.automation-phase,
.automation-system-grid article,
.automation-rule-card,
.automation-reading-node,
.automation-close-line {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(142, 153, 168, 0.15);
}

.automation-phase {
  min-height: 196px;
  background: linear-gradient(180deg, rgba(250, 252, 255, 0.96) 0%, rgba(240, 245, 252, 0.9) 100%);
}

.automation-phase strong,
.automation-system-grid strong,
.automation-rule-card strong,
.automation-reading-node strong,
.automation-close-line strong {
  color: #18191d;
  font-size: 1.32rem;
  line-height: 1.12;
}

.automation-phase p,
.automation-rule-card p {
  margin: 10px 0 0;
  color: #5d6675;
  line-height: 1.58;
}

.automation-flow-ledger {
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.automation-flow-line {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(142, 153, 168, 0.16);
}

.automation-flow-line strong {
  color: #272c33;
  font-size: 1.05rem;
  line-height: 1.34;
}

.automation-system-surface {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background: var(--automation-paper);
  border: 1px solid var(--automation-line);
}

.automation-system-copy {
  max-width: 760px;
}

.automation-system-grid {
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.automation-rules-grid,
.automation-close-grid {
  display: grid;
  gap: 34px;
  align-items: start;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
}

.automation-rules-copy,
.automation-close-copy {
  max-width: 520px;
}

.automation-rules-stack,
.automation-close-sheet {
  gap: 14px;
}

.automation-rule-card,
.automation-close-line {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 42px rgba(52, 66, 84, 0.07);
}

.automation-reading-band {
  display: grid;
  gap: 28px;
}

.automation-reading-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.automation-reading-node {
  min-height: 180px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

.automation-reading-node strong {
  color: #f7f8fb;
}

.coord-operacoes-page {
  --coord-operacoes-paper: rgba(252, 252, 250, 0.96);
  --coord-operacoes-line: rgba(118, 125, 135, 0.16);
  --coord-operacoes-accent: #6c85c8;
}

.coord-operacoes-page .eyebrow::before {
  content: none;
}

.coord-operacoes-hero {
  padding-top: 64px;
  background:
    radial-gradient(circle at 50% 0%, rgba(221, 230, 244, 0.7), transparent 42%),
    linear-gradient(180deg, #fbfcfd 0%, #f4f6f8 100%);
}

.coord-operacoes-hero-stack {
  display: grid;
  gap: 38px;
}

.coord-operacoes-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.coord-operacoes-copy .hero-body {
  max-width: 740px;
  margin-right: auto;
  margin-left: auto;
}

.coord-operacoes-copy .hero-actions {
  justify-content: center;
}

.coord-operacoes-planner {
  display: grid;
  gap: 24px;
  padding: 34px;
  border-radius: 40px;
  background: var(--coord-operacoes-paper);
  border: 1px solid var(--coord-operacoes-line);
  box-shadow: 0 28px 76px rgba(55, 66, 84, 0.08);
}

.coord-operacoes-planner-head,
.coord-operacoes-planner-grid,
.coord-operacoes-planner-ledger,
.coord-operacoes-sheet-lines,
.coord-operacoes-fronts-list,
.coord-operacoes-cadence-steps,
.coord-operacoes-result-card {
  display: grid;
}

.coord-operacoes-planner-head {
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
}

.coord-operacoes-kicker,
.coord-operacoes-planner-column span,
.coord-operacoes-ledger-row span,
.coord-operacoes-sheet-line span,
.coord-operacoes-front span,
.coord-operacoes-step span,
.coord-operacoes-result-row span {
  color: #6b7480;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.coord-operacoes-planner-head strong {
  color: #181b21;
  font-size: 1.52rem;
  line-height: 1.12;
}

.coord-operacoes-planner-grid {
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.coord-operacoes-planner-column,
.coord-operacoes-sheet-line,
.coord-operacoes-front,
.coord-operacoes-step,
.coord-operacoes-result-row {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(118, 125, 135, 0.14);
}

.coord-operacoes-planner-column {
  min-height: 216px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 247, 250, 0.92) 100%);
}

.coord-operacoes-planner-column strong,
.coord-operacoes-front strong,
.coord-operacoes-step strong,
.coord-operacoes-result-row strong {
  color: #181b21;
  font-size: 1.34rem;
  line-height: 1.12;
}

.coord-operacoes-planner-column p {
  margin: 10px 0 0;
  color: #606977;
  line-height: 1.6;
}

.coord-operacoes-planner-ledger {
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.coord-operacoes-ledger-row {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(118, 125, 135, 0.16);
}

.coord-operacoes-ledger-row strong {
  color: #252a31;
  font-size: 1.04rem;
  line-height: 1.34;
}

.coord-operacoes-sheet {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--coord-operacoes-line);
}

.coord-operacoes-sheet-copy {
  max-width: 780px;
}

.coord-operacoes-sheet-lines {
  gap: 14px;
}

.coord-operacoes-sheet-line {
  background: rgba(248, 249, 251, 0.92);
  display: grid;
  gap: 8px;
}

.coord-operacoes-sheet-line strong {
  color: #181b21;
  font-size: 1.18rem;
  line-height: 1.26;
}

.coord-operacoes-fronts-grid,
.coord-operacoes-result-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
}

.coord-operacoes-fronts-copy,
.coord-operacoes-result-copy {
  max-width: 520px;
}

.coord-operacoes-fronts-list,
.coord-operacoes-result-card {
  gap: 14px;
}

.coord-operacoes-front,
.coord-operacoes-result-row {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 42px rgba(53, 66, 84, 0.06);
}

.coord-operacoes-cadence-band {
  display: grid;
  gap: 28px;
}

.coord-operacoes-cadence-steps {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coord-operacoes-step {
  min-height: 176px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.09);
}

.coord-operacoes-step strong {
  color: #f6f7fb;
}

.process-page {
  --process-paper: rgba(252, 252, 250, 0.96);
  --process-line: rgba(119, 125, 134, 0.16);
  --process-accent: #6c86cb;
}

.process-page .eyebrow::before {
  content: none;
}

.process-hero {
  padding-top: 60px;
  background:
    radial-gradient(circle at 50% 0%, rgba(218, 229, 246, 0.72), transparent 44%),
    linear-gradient(180deg, #fbfcfd 0%, #f6f7f9 100%);
}

.process-hero-stack {
  display: grid;
  gap: 38px;
}

.process-copy {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.process-copy .hero-body {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.process-copy .hero-actions {
  justify-content: center;
}

.process-board {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 40px;
  background: var(--process-paper);
  border: 1px solid var(--process-line);
  box-shadow: 0 28px 74px rgba(54, 65, 83, 0.08);
}

.process-board-head,
.process-track,
.process-ledger,
.process-sheet-grid,
.process-check-stack,
.process-flow-rail,
.process-result-panel {
  display: grid;
}

.process-board-head {
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
}

.process-kicker,
.process-track-node span,
.process-ledger-row span,
.process-sheet-card span,
.process-check-card span,
.process-flow-step span,
.process-result-row span {
  color: #6b7480;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.process-board-head strong {
  color: #181b21;
  font-size: 1.5rem;
  line-height: 1.12;
}

.process-track {
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.process-track-node,
.process-sheet-card,
.process-check-card,
.process-flow-step,
.process-result-row {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(119, 125, 134, 0.14);
}

.process-track-node {
  min-height: 188px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 247, 251, 0.92) 100%);
}

.process-track-node strong,
.process-sheet-card strong,
.process-check-card strong,
.process-flow-step strong,
.process-result-row strong {
  color: #181b21;
  font-size: 1.26rem;
  line-height: 1.14;
}

.process-track-node p {
  margin: 10px 0 0;
  color: #606977;
  line-height: 1.58;
}

.process-ledger {
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.process-ledger-row {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(119, 125, 134, 0.16);
}

.process-ledger-row strong {
  color: #262b31;
  font-size: 1.04rem;
  line-height: 1.34;
}

.process-sheet {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--process-line);
}

.process-sheet-copy {
  max-width: 760px;
}

.process-sheet-grid,
.process-check-stack,
.process-result-panel {
  gap: 14px;
}

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

.process-check-grid,
.process-result-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
}

.process-check-copy,
.process-result-copy {
  max-width: 520px;
}

.process-check-card,
.process-result-row {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 42px rgba(54, 66, 84, 0.06);
}

.process-flow-band {
  display: grid;
  gap: 28px;
}

.process-flow-rail {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.process-flow-step {
  min-height: 170px;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.09);
}

.process-flow-step strong {
  color: #f6f7fb;
}

@media (max-width: 1100px) {
  .process-track,
  .process-sheet-grid,
  .process-flow-rail {
    grid-template-columns: 1fr 1fr;
  }

  .process-check-grid,
  .process-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .process-hero {
    padding-top: 54px;
  }

  .process-board,
  .process-track-node,
  .process-sheet,
  .process-sheet-card,
  .process-check-card,
  .process-flow-step,
  .process-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .process-track,
  .process-ledger,
  .process-sheet-grid,
  .process-flow-rail {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
  .coord-operacoes-planner-grid,
  .coord-operacoes-cadence-steps {
    grid-template-columns: 1fr 1fr;
  }

  .coord-operacoes-fronts-grid,
  .coord-operacoes-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .coord-operacoes-hero {
    padding-top: 54px;
  }

  .coord-operacoes-planner,
  .coord-operacoes-planner-column,
  .coord-operacoes-sheet,
  .coord-operacoes-sheet-line,
  .coord-operacoes-front,
  .coord-operacoes-step,
  .coord-operacoes-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .coord-operacoes-planner-grid,
  .coord-operacoes-planner-ledger,
  .coord-operacoes-cadence-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1100px) {
  .automation-flow-rail,
  .automation-flow-ledger,
  .automation-system-grid,
  .automation-reading-grid {
    grid-template-columns: 1fr 1fr;
  }

  .automation-rules-grid,
  .automation-close-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .automation-hero {
    padding-top: 52px;
  }

  .automation-flow-surface,
  .automation-system-surface,
  .automation-phase,
  .automation-system-grid article,
  .automation-rule-card,
  .automation-reading-node,
  .automation-close-line {
    padding: 22px;
    border-radius: 24px;
  }

  .automation-flow-rail,
  .automation-flow-ledger,
  .automation-system-grid,
  .automation-reading-grid {
    grid-template-columns: 1fr;
  }
}

.projects-page {
  --projects-bg: linear-gradient(180deg, #fbfbfd 0%, #f2f4f8 100%);
  --projects-line: rgba(118, 126, 140, 0.16);
}

.projects-page .eyebrow::before {
  content: none;
}

.projects-page main {
  background: var(--projects-bg);
}

.projects-hero {
  padding-top: 78px;
}

.projects-hero-stack {
  display: grid;
  gap: 34px;
}

.projects-copy {
  max-width: 880px;
  text-align: center;
  justify-self: center;
}

.projects-copy .hero-actions {
  justify-content: center;
}

.projects-portfolio {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--projects-line);
  box-shadow: 0 28px 72px rgba(34, 44, 62, 0.08);
}

.projects-portfolio-head,
.projects-milestones,
.projects-ledger-table,
.projects-band-rail,
.projects-result-panel {
  display: grid;
}

.projects-portfolio-head {
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.projects-kicker,
.projects-card span,
.projects-milestone span,
.projects-ledger-row span,
.projects-step-card span,
.projects-band-step span,
.projects-result-row span {
  display: block;
  color: #7a8393;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.projects-portfolio-head strong {
  display: block;
  margin-top: 6px;
  color: #20252d;
  font-size: 1.38rem;
  line-height: 1.2;
}

.projects-portfolio-grid,
.projects-milestones {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.projects-card,
.projects-milestone,
.projects-step-card,
.projects-result-row {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(118, 126, 140, 0.14);
}

.projects-card {
  min-height: 182px;
  background: linear-gradient(180deg, rgba(252, 252, 254, 0.98) 0%, rgba(242, 246, 251, 0.94) 100%);
}

.projects-card strong,
.projects-milestone strong,
.projects-step-card strong,
.projects-band-step strong,
.projects-result-row strong,
.projects-ledger-row strong {
  display: block;
  margin-top: 10px;
  color: #191d24;
  font-size: 1.3rem;
  line-height: 1.12;
}

.projects-card p {
  margin: 10px 0 0;
  color: #616a77;
  line-height: 1.56;
}

.projects-milestone {
  background: rgba(248, 250, 253, 0.9);
}

.projects-milestone.is-current {
  background: linear-gradient(180deg, rgba(237, 242, 252, 0.96) 0%, rgba(229, 236, 249, 0.98) 100%);
}

.projects-ledger {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--projects-line);
}

.projects-ledger-copy {
  max-width: 760px;
}

.projects-ledger-table {
  gap: 0;
  grid-template-columns: 1fr 1fr;
}

.projects-ledger-row {
  display: grid;
  gap: 8px;
  padding: 18px 0;
  border-top: 1px solid rgba(118, 126, 140, 0.16);
}

.projects-steps-grid,
.projects-result-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
}

.projects-steps-copy,
.projects-result-copy {
  max-width: 520px;
}

.projects-steps-stack,
.projects-result-panel {
  display: grid;
  gap: 14px;
}

.projects-step-card,
.projects-result-row {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 42px rgba(54, 66, 84, 0.06);
}

.projects-band {
  display: grid;
  gap: 28px;
}

.projects-band-rail {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.projects-band-step {
  min-height: 166px;
  padding: 24px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.projects-band-step strong {
  color: #f6f7fb;
}

@media (max-width: 1100px) {
  .projects-portfolio-grid,
  .projects-milestones,
  .projects-band-rail {
    grid-template-columns: 1fr 1fr;
  }

  .projects-ledger-table,
  .projects-steps-grid,
  .projects-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .projects-hero {
    padding-top: 54px;
  }

  .projects-portfolio,
  .projects-card,
  .projects-milestone,
  .projects-ledger,
  .projects-step-card,
  .projects-band-step,
  .projects-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .projects-portfolio-grid,
  .projects-milestones,
  .projects-band-rail {
    grid-template-columns: 1fr;
  }

  .projects-portfolio-head {
    grid-template-columns: 1fr;
  }
}

.compras-page {
  --compras-bg: linear-gradient(180deg, #f9f8f6 0%, #efeeea 100%);
  --compras-line: rgba(121, 116, 107, 0.16);
}

.compras-page .eyebrow::before {
  content: none;
}

.compras-page main {
  background: var(--compras-bg);
}

.compras-hero {
  padding-top: 76px;
}

.compras-hero-stack {
  display: grid;
  gap: 36px;
}

.compras-copy {
  max-width: 860px;
  text-align: center;
  justify-self: center;
}

.compras-copy .hero-actions {
  justify-content: center;
}

.compras-desk {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--compras-line);
  box-shadow: 0 24px 64px rgba(54, 48, 38, 0.08);
}

.compras-desk-head,
.compras-sheet,
.compras-options,
.compras-band-rail,
.compras-result-panel {
  display: grid;
}

.compras-desk-head {
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.compras-kicker,
.compras-sheet-row span,
.compras-option span,
.compras-criteria-card span,
.compras-compare-column span,
.compras-band-step span,
.compras-result-row span {
  display: block;
  color: #7f7467;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.compras-desk-head strong {
  display: block;
  margin-top: 6px;
  color: #28231d;
  font-size: 1.38rem;
  line-height: 1.2;
}

.compras-sheet {
  gap: 0;
  grid-template-columns: 1fr 1fr;
}

.compras-sheet-row {
  display: grid;
  gap: 8px;
  padding: 18px 0;
  border-top: 1px solid rgba(121, 116, 107, 0.16);
}

.compras-sheet-row strong,
.compras-option strong,
.compras-criteria-card strong,
.compras-compare-column strong,
.compras-band-step strong,
.compras-result-row strong {
  display: block;
  margin-top: 10px;
  color: #1c1916;
  font-size: 1.26rem;
  line-height: 1.14;
}

.compras-options {
  gap: 14px;
  grid-template-columns: 1fr 1fr;
}

.compras-option,
.compras-criteria-card,
.compras-compare-column,
.compras-result-row {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(121, 116, 107, 0.14);
}

.compras-option {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 242, 236, 0.92) 100%);
}

.compras-option p,
.compras-compare-column p {
  margin: 10px 0 0;
  color: #655d53;
  line-height: 1.56;
}

.compras-criteria-grid,
.compras-result-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
}

.compras-criteria-copy,
.compras-result-copy {
  max-width: 520px;
}

.compras-criteria-stack,
.compras-result-panel {
  display: grid;
  gap: 14px;
}

.compras-criteria-card,
.compras-result-row {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 42px rgba(65, 58, 47, 0.06);
}

.compras-compare {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--compras-line);
}

.compras-compare-copy {
  max-width: 820px;
}

.compras-compare-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compras-compare-column {
  background: rgba(249, 247, 243, 0.94);
}

.compras-compare-column.is-selected {
  background: linear-gradient(180deg, rgba(242, 236, 227, 0.96) 0%, rgba(236, 229, 217, 0.98) 100%);
}

.compras-band {
  display: grid;
  gap: 28px;
}

.compras-band-rail {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.compras-band-step {
  min-height: 166px;
  padding: 24px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.compras-band-step strong {
  color: #f6f7fb;
}

@media (max-width: 1100px) {
  .compras-sheet,
  .compras-options,
  .compras-compare-grid,
  .compras-band-rail,
  .compras-criteria-grid,
  .compras-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .compras-hero {
    padding-top: 54px;
  }

  .compras-desk,
  .compras-option,
  .compras-criteria-card,
  .compras-compare,
  .compras-compare-column,
  .compras-band-step,
  .compras-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .compras-desk-head {
    grid-template-columns: 1fr;
  }
}

.quality-page {
  --quality-bg: linear-gradient(180deg, #fbfbfc 0%, #f0f2f5 100%);
  --quality-line: rgba(116, 124, 136, 0.16);
}

.quality-page .eyebrow::before {
  content: none;
}

.quality-page main {
  background: var(--quality-bg);
}

.quality-hero {
  padding-top: 78px;
}

.quality-hero-stack {
  display: grid;
  gap: 36px;
}

.quality-copy {
  max-width: 860px;
  text-align: center;
  justify-self: center;
}

.quality-copy .hero-actions {
  justify-content: center;
}

.quality-board {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--quality-line);
  box-shadow: 0 24px 64px rgba(48, 58, 72, 0.08);
}

.quality-board-head,
.quality-board-grid,
.quality-ledger,
.quality-sheet-grid,
.quality-signal-stack,
.quality-band-rail,
.quality-result-panel {
  display: grid;
}

.quality-board-head {
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.quality-kicker,
.quality-board-card span,
.quality-ledger-row span,
.quality-sheet-card span,
.quality-signal-card span,
.quality-band-step span,
.quality-result-row span {
  display: block;
  color: #758093;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.quality-board-head strong {
  display: block;
  margin-top: 6px;
  color: #1f2530;
  font-size: 1.38rem;
  line-height: 1.2;
}

.quality-board-grid {
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quality-board-card,
.quality-sheet-card,
.quality-signal-card,
.quality-result-row {
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(116, 124, 136, 0.14);
}

.quality-board-card {
  min-height: 180px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 246, 250, 0.94) 100%);
}

.quality-board-card strong,
.quality-ledger-row strong,
.quality-sheet-card strong,
.quality-signal-card strong,
.quality-band-step strong,
.quality-result-row strong {
  display: block;
  margin-top: 10px;
  color: #191d24;
  font-size: 1.28rem;
  line-height: 1.14;
}

.quality-board-card p {
  margin: 10px 0 0;
  color: #616a77;
  line-height: 1.56;
}

.quality-ledger {
  gap: 0;
  grid-template-columns: 1fr 1fr;
}

.quality-ledger-row {
  display: grid;
  gap: 8px;
  padding: 18px 0;
  border-top: 1px solid rgba(116, 124, 136, 0.16);
}

.quality-sheet {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 38px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--quality-line);
}

.quality-sheet-copy {
  max-width: 780px;
}

.quality-sheet-grid {
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quality-signal-grid,
.quality-result-grid {
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
}

.quality-signal-copy,
.quality-result-copy {
  max-width: 520px;
}

.quality-signal-stack,
.quality-result-panel {
  gap: 14px;
}

.quality-signal-card,
.quality-result-row {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 18px 42px rgba(54, 66, 84, 0.06);
}

.quality-band {
  display: grid;
  gap: 28px;
}

.quality-band-rail {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quality-band-step {
  min-height: 166px;
  padding: 24px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.quality-band-step strong {
  color: #f6f7fb;
}

@media (max-width: 1100px) {
  .quality-board-grid,
  .quality-sheet-grid,
  .quality-band-rail {
    grid-template-columns: 1fr 1fr;
  }

  .quality-ledger,
  .quality-signal-grid,
  .quality-result-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .quality-hero {
    padding-top: 54px;
  }

  .quality-board,
  .quality-board-card,
  .quality-sheet,
  .quality-sheet-card,
  .quality-signal-card,
  .quality-band-step,
  .quality-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .quality-board-head,
  .quality-board-grid,
  .quality-sheet-grid,
  .quality-band-rail {
    grid-template-columns: 1fr;
  }
}

.fincoord-page {
  --fincoord-line: rgba(112, 122, 138, 0.15);
  --fincoord-soft: rgba(255, 255, 255, 0.92);
  background: linear-gradient(180deg, #fbfbfc 0%, #f1f3f6 100%);
}

.fincoord-page .eyebrow::before {
  content: none;
}

.fincoord-hero {
  padding-top: 74px;
}

.fincoord-hero-stack {
  display: grid;
  gap: 38px;
}

.fincoord-copy {
  max-width: 860px;
  text-align: center;
  justify-self: center;
}

.fincoord-copy .hero-actions {
  justify-content: center;
}

.fincoord-board,
.fincoord-sheet,
.fincoord-result-panel {
  border: 1px solid var(--fincoord-line);
  background: var(--fincoord-soft);
  box-shadow: 0 22px 54px rgba(51, 63, 79, 0.08);
}

.fincoord-board {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 38px;
}

.fincoord-board-head,
.fincoord-board-grid,
.fincoord-strip,
.fincoord-sheet-grid,
.fincoord-frentes,
.fincoord-cycle-grid,
.fincoord-result {
  display: grid;
}

.fincoord-board-head {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.fincoord-kicker,
.fincoord-ticket span,
.fincoord-strip-row span,
.fincoord-sheet-card span,
.fincoord-frentes-row span,
.fincoord-cycle-step span,
.fincoord-result-row span {
  display: block;
  color: #748092;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.fincoord-board-head strong {
  display: block;
  margin-top: 6px;
  color: #1f2530;
  font-size: 1.36rem;
  line-height: 1.2;
}

.fincoord-board-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.fincoord-ticket,
.fincoord-sheet-card,
.fincoord-frentes-row,
.fincoord-result-row {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(112, 122, 138, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(242, 245, 249, 0.94) 100%);
}

.fincoord-ticket strong,
.fincoord-strip-row strong,
.fincoord-sheet-card strong,
.fincoord-frentes-row strong,
.fincoord-cycle-step strong,
.fincoord-result-row strong {
  display: block;
  margin-top: 10px;
  color: #1a1e26;
  font-size: 1.24rem;
  line-height: 1.14;
}

.fincoord-ticket p {
  margin: 10px 0 0;
  color: #606a78;
  line-height: 1.56;
}

.fincoord-strip {
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
}

.fincoord-strip-row {
  display: grid;
  gap: 8px;
  padding: 18px 0;
  border-top: 1px solid rgba(112, 122, 138, 0.15);
}

.fincoord-sheet {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 36px;
}

.fincoord-sheet-copy {
  max-width: 760px;
}

.fincoord-sheet-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.fincoord-frentes {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 34px;
  align-items: start;
}

.fincoord-frentes-copy,
.fincoord-result-copy {
  max-width: 540px;
}

.fincoord-frentes-table {
  display: grid;
  gap: 14px;
}

.fincoord-cycle {
  display: grid;
  gap: 28px;
}

.fincoord-cycle-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.fincoord-cycle-step {
  min-height: 160px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.fincoord-cycle-step strong {
  color: #f6f7fb;
}

.fincoord-result {
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: 36px;
  align-items: start;
}

.fincoord-result-panel {
  display: grid;
  gap: 14px;
  padding: 28px;
  border-radius: 34px;
}

@media (max-width: 1100px) {
  .fincoord-board-grid,
  .fincoord-sheet-grid,
  .fincoord-cycle-grid {
    grid-template-columns: 1fr 1fr;
  }

  .fincoord-strip,
  .fincoord-frentes,
  .fincoord-result {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .fincoord-hero {
    padding-top: 54px;
  }

  .fincoord-board,
  .fincoord-ticket,
  .fincoord-sheet,
  .fincoord-sheet-card,
  .fincoord-frentes-row,
  .fincoord-cycle-step,
  .fincoord-result-panel,
  .fincoord-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .fincoord-board-head,
  .fincoord-board-grid,
  .fincoord-strip,
  .fincoord-sheet-grid,
  .fincoord-cycle-grid {
    grid-template-columns: 1fr;
  }
}

.planfin-page {
  --planfin-line: rgba(116, 126, 142, 0.16);
  background: linear-gradient(180deg, #fcfcfd 0%, #eef2f7 100%);
}

.planfin-page .eyebrow::before {
  content: none;
}

.planfin-hero {
  padding-top: 78px;
}

.planfin-hero-stack {
  display: grid;
  gap: 38px;
}

.planfin-copy {
  max-width: 860px;
  text-align: center;
  justify-self: center;
}

.planfin-copy .hero-actions {
  justify-content: center;
}

.planfin-board,
.planfin-sheet,
.planfin-result-panel {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid var(--planfin-line);
  box-shadow: 0 24px 60px rgba(48, 60, 78, 0.08);
}

.planfin-board {
  display: grid;
  gap: 22px;
  padding: 34px;
  border-radius: 40px;
}

.planfin-board-head,
.planfin-horizon,
.planfin-note-grid,
.planfin-sheet-grid,
.planfin-ledger,
.planfin-ledger-rows,
.planfin-cycle-grid,
.planfin-result {
  display: grid;
}

.planfin-board-head {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.planfin-kicker,
.planfin-horizon-band span,
.planfin-note span,
.planfin-sheet-card span,
.planfin-ledger-row span,
.planfin-cycle-step span,
.planfin-result-row span {
  display: block;
  color: #738095;
  font-size: 0.84rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.planfin-board-head strong {
  display: block;
  margin-top: 6px;
  color: #1e2430;
  font-size: 1.36rem;
  line-height: 1.2;
}

.planfin-horizon {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.planfin-horizon-band,
.planfin-note,
.planfin-sheet-card,
.planfin-ledger-row,
.planfin-result-row {
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(116, 126, 142, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 246, 250, 0.94) 100%);
}

.planfin-horizon-band strong,
.planfin-note strong,
.planfin-sheet-card strong,
.planfin-ledger-row strong,
.planfin-cycle-step strong,
.planfin-result-row strong {
  display: block;
  margin-top: 10px;
  color: #1a1f28;
  font-size: 1.22rem;
  line-height: 1.14;
}

.planfin-note-grid,
.planfin-sheet-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.planfin-sheet {
  display: grid;
  gap: 28px;
  padding: 42px;
  border-radius: 38px;
}

.planfin-sheet-copy {
  max-width: 780px;
}

.planfin-ledger {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 34px;
  align-items: start;
}

.planfin-ledger-copy,
.planfin-result-copy {
  max-width: 540px;
}

.planfin-ledger-rows,
.planfin-result-panel {
  gap: 14px;
}

.planfin-cycle {
  display: grid;
  gap: 28px;
}

.planfin-cycle-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.planfin-cycle-step {
  min-height: 160px;
  padding: 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.planfin-cycle-step strong {
  color: #f6f7fb;
}

.planfin-result {
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
  gap: 36px;
  align-items: start;
}

.planfin-result-panel {
  display: grid;
  padding: 28px;
  border-radius: 34px;
}

@media (max-width: 1100px) {
  .planfin-horizon,
  .planfin-note-grid,
  .planfin-sheet-grid,
  .planfin-cycle-grid {
    grid-template-columns: 1fr 1fr;
  }

  .planfin-ledger,
  .planfin-result {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .planfin-hero {
    padding-top: 54px;
  }

  .planfin-board,
  .planfin-horizon-band,
  .planfin-note,
  .planfin-sheet,
  .planfin-sheet-card,
  .planfin-ledger-row,
  .planfin-cycle-step,
  .planfin-result-panel,
  .planfin-result-row {
    padding: 22px;
    border-radius: 24px;
  }

  .planfin-board-head,
  .planfin-horizon,
  .planfin-note-grid,
  .planfin-sheet-grid,
  .planfin-cycle-grid {
    grid-template-columns: 1fr;
  }
}


/* Contabilidade */
.contab-page .eyebrow::before,
.contab-page .card-eyebrow::before {
  content: none;
}
.contab-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 18% 12%, #eef3ff, transparent 26%),
    linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 52%, #ffffff 100%);
}
.contab-hero-shell { display:grid; gap:32px; justify-items:center; }
.contab-copy { max-width: 760px; text-align:center; }
.contab-copy .hero-title { max-width: 920px; margin-inline:auto; }
.contab-copy .hero-body, .contab-copy .hero-actions { justify-content:center; }
.contab-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.contab-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f8fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.contab-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.contab-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.contab-hero-art .contab-art-item-1 { background:linear-gradient(180deg, #f7f8fb 0%, #eef3ff 100%); }
.contab-hero-art .contab-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.contab-hero-art .contab-art-item-3 { background:linear-gradient(180deg, #eef3ff 0%, #ffffff 100%); }
.contab-hero-art .contab-art-item-4 { background:linear-gradient(180deg, #f7f8fb 0%, #d7e4ff 100%); }
.contab-hero-art .contab-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eef3ff 100%); }
.contab-section-block, .contab-result-shell { display:grid; gap:24px; }
.contab-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.contab-section-card, .contab-reading-card, .contab-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.contab-section-card span, .contab-reading-card span, .contab-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.contab-section-card strong, .contab-reading-card strong, .contab-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.contab-section-card p { margin:0; color:var(--fillr-text-secondary); }
.contab-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.contab-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.contab-band-wrap .section-header { margin-bottom:24px; }
.contab-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.contab-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.contab-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.contab-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.contab-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.contab-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .contab-hero-art, .contab-section-surface, .contab-reading-grid, .contab-band, .contab-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .contab-hero { padding:88px 0 48px; } .contab-hero-art, .contab-section-surface, .contab-reading-grid, .contab-band, .contab-result-art { grid-template-columns:1fr; } .contab-hero-art { padding:20px; } }


/* Tesouraria */
.tesou-page .eyebrow::before,
.tesou-page .card-eyebrow::before {
  content: none;
}
.tesou-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 25% 23%, #fff1db, transparent 26%),
    linear-gradient(180deg, #fbfaf6 0%, #fbfaf6 52%, #ffffff 100%);
}
.tesou-hero-shell { display:grid; gap:32px; justify-items:center; }
.tesou-copy { max-width: 760px; text-align:center; }
.tesou-copy .hero-title { max-width: 920px; margin-inline:auto; }
.tesou-copy .hero-body, .tesou-copy .hero-actions { justify-content:center; }
.tesou-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.tesou-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #fbfaf6 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.tesou-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.tesou-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.tesou-hero-art .tesou-art-item-1 { background:linear-gradient(180deg, #fbfaf6 0%, #fff1db 100%); }
.tesou-hero-art .tesou-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.tesou-hero-art .tesou-art-item-3 { background:linear-gradient(180deg, #fff1db 0%, #ffffff 100%); }
.tesou-hero-art .tesou-art-item-4 { background:linear-gradient(180deg, #fbfaf6 0%, #f6dcc4 100%); }
.tesou-hero-art .tesou-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #fff1db 100%); }
.tesou-section-block, .tesou-result-shell { display:grid; gap:24px; }
.tesou-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.tesou-section-card, .tesou-reading-card, .tesou-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.tesou-section-card span, .tesou-reading-card span, .tesou-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.tesou-section-card strong, .tesou-reading-card strong, .tesou-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.tesou-section-card p { margin:0; color:var(--fillr-text-secondary); }
.tesou-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.tesou-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.tesou-band-wrap .section-header { margin-bottom:24px; }
.tesou-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.tesou-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.tesou-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.tesou-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.tesou-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.tesou-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .tesou-hero-art, .tesou-section-surface, .tesou-reading-grid, .tesou-band, .tesou-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .tesou-hero { padding:88px 0 48px; } .tesou-hero-art, .tesou-section-surface, .tesou-reading-grid, .tesou-band, .tesou-result-art { grid-template-columns:1fr; } .tesou-hero-art { padding:20px; } }


/* Controladoria */
.control-page .eyebrow::before,
.control-page .card-eyebrow::before {
  content: none;
}
.control-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 32% 34%, #e4eef5, transparent 26%),
    linear-gradient(180deg, #f5f7f9 0%, #f5f7f9 52%, #ffffff 100%);
}
.control-hero-shell { display:grid; gap:32px; justify-items:center; }
.control-copy { max-width: 760px; text-align:center; }
.control-copy .hero-title { max-width: 920px; margin-inline:auto; }
.control-copy .hero-body, .control-copy .hero-actions { justify-content:center; }
.control-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.control-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f5f7f9 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.control-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.control-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.control-hero-art .control-art-item-1 { background:linear-gradient(180deg, #f5f7f9 0%, #e4eef5 100%); }
.control-hero-art .control-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.control-hero-art .control-art-item-3 { background:linear-gradient(180deg, #e4eef5 0%, #ffffff 100%); }
.control-hero-art .control-art-item-4 { background:linear-gradient(180deg, #f5f7f9 0%, #d6dfe8 100%); }
.control-hero-art .control-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #e4eef5 100%); }
.control-section-block, .control-result-shell { display:grid; gap:24px; }
.control-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.control-section-card, .control-reading-card, .control-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.control-section-card span, .control-reading-card span, .control-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.control-section-card strong, .control-reading-card strong, .control-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.control-section-card p { margin:0; color:var(--fillr-text-secondary); }
.control-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.control-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.control-band-wrap .section-header { margin-bottom:24px; }
.control-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.control-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.control-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.control-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.control-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.control-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .control-hero-art, .control-section-surface, .control-reading-grid, .control-band, .control-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .control-hero { padding:88px 0 48px; } .control-hero-art, .control-section-surface, .control-reading-grid, .control-band, .control-result-art { grid-template-columns:1fr; } .control-hero-art { padding:20px; } }


/* Coordenação de Pessoas */
.coordpess-page .eyebrow::before,
.coordpess-page .card-eyebrow::before {
  content: none;
}
.coordpess-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 39% 45%, #efe7fb, transparent 26%),
    linear-gradient(180deg, #f8f6fb 0%, #f8f6fb 52%, #ffffff 100%);
}
.coordpess-hero-shell { display:grid; gap:32px; justify-items:center; }
.coordpess-copy { max-width: 760px; text-align:center; }
.coordpess-copy .hero-title { max-width: 920px; margin-inline:auto; }
.coordpess-copy .hero-body, .coordpess-copy .hero-actions { justify-content:center; }
.coordpess-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.coordpess-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f8f6fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.coordpess-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordpess-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.coordpess-hero-art .coordpess-art-item-1 { background:linear-gradient(180deg, #f8f6fb 0%, #efe7fb 100%); }
.coordpess-hero-art .coordpess-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.coordpess-hero-art .coordpess-art-item-3 { background:linear-gradient(180deg, #efe7fb 0%, #ffffff 100%); }
.coordpess-hero-art .coordpess-art-item-4 { background:linear-gradient(180deg, #f8f6fb 0%, #ddcff7 100%); }
.coordpess-hero-art .coordpess-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7fb 100%); }
.coordpess-section-block, .coordpess-result-shell { display:grid; gap:24px; }
.coordpess-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.coordpess-section-card, .coordpess-reading-card, .coordpess-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.coordpess-section-card span, .coordpess-reading-card span, .coordpess-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordpess-section-card strong, .coordpess-reading-card strong, .coordpess-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.coordpess-section-card p { margin:0; color:var(--fillr-text-secondary); }
.coordpess-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.coordpess-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.coordpess-band-wrap .section-header { margin-bottom:24px; }
.coordpess-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.coordpess-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.coordpess-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.coordpess-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.coordpess-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.coordpess-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .coordpess-hero-art, .coordpess-section-surface, .coordpess-reading-grid, .coordpess-band, .coordpess-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .coordpess-hero { padding:88px 0 48px; } .coordpess-hero-art, .coordpess-section-surface, .coordpess-reading-grid, .coordpess-band, .coordpess-result-art { grid-template-columns:1fr; } .coordpess-hero-art { padding:20px; } }


/* Recrutamento */
.recruta-page .eyebrow::before,
.recruta-page .card-eyebrow::before {
  content: none;
}
.recruta-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 46% 56%, #ddf4e5, transparent 26%),
    linear-gradient(180deg, #f6fbf8 0%, #f6fbf8 52%, #ffffff 100%);
}
.recruta-hero-shell { display:grid; gap:32px; justify-items:center; }
.recruta-copy { max-width: 760px; text-align:center; }
.recruta-copy .hero-title { max-width: 920px; margin-inline:auto; }
.recruta-copy .hero-body, .recruta-copy .hero-actions { justify-content:center; }
.recruta-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.recruta-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6fbf8 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.recruta-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.recruta-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.recruta-hero-art .recruta-art-item-1 { background:linear-gradient(180deg, #f6fbf8 0%, #ddf4e5 100%); }
.recruta-hero-art .recruta-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.recruta-hero-art .recruta-art-item-3 { background:linear-gradient(180deg, #ddf4e5 0%, #ffffff 100%); }
.recruta-hero-art .recruta-art-item-4 { background:linear-gradient(180deg, #f6fbf8 0%, #c8e9d4 100%); }
.recruta-hero-art .recruta-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #ddf4e5 100%); }
.recruta-section-block, .recruta-result-shell { display:grid; gap:24px; }
.recruta-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.recruta-section-card, .recruta-reading-card, .recruta-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.recruta-section-card span, .recruta-reading-card span, .recruta-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.recruta-section-card strong, .recruta-reading-card strong, .recruta-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.recruta-section-card p { margin:0; color:var(--fillr-text-secondary); }
.recruta-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.recruta-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.recruta-band-wrap .section-header { margin-bottom:24px; }
.recruta-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.recruta-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.recruta-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.recruta-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.recruta-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.recruta-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .recruta-hero-art, .recruta-section-surface, .recruta-reading-grid, .recruta-band, .recruta-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .recruta-hero { padding:88px 0 48px; } .recruta-hero-art, .recruta-section-surface, .recruta-reading-grid, .recruta-band, .recruta-result-art { grid-template-columns:1fr; } .recruta-hero-art { padding:20px; } }


/* Desenvolvimento */
.desenv-page .eyebrow::before,
.desenv-page .card-eyebrow::before {
  content: none;
}
.desenv-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 53% 17%, #eee6df, transparent 26%),
    linear-gradient(180deg, #f7f6f4 0%, #f7f6f4 52%, #ffffff 100%);
}
.desenv-hero-shell { display:grid; gap:32px; justify-items:center; }
.desenv-copy { max-width: 760px; text-align:center; }
.desenv-copy .hero-title { max-width: 920px; margin-inline:auto; }
.desenv-copy .hero-body, .desenv-copy .hero-actions { justify-content:center; }
.desenv-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.desenv-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f6f4 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.desenv-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.desenv-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.desenv-hero-art .desenv-art-item-1 { background:linear-gradient(180deg, #f7f6f4 0%, #eee6df 100%); }
.desenv-hero-art .desenv-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.desenv-hero-art .desenv-art-item-3 { background:linear-gradient(180deg, #eee6df 0%, #ffffff 100%); }
.desenv-hero-art .desenv-art-item-4 { background:linear-gradient(180deg, #f7f6f4 0%, #ddc9bc 100%); }
.desenv-hero-art .desenv-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eee6df 100%); }
.desenv-section-block, .desenv-result-shell { display:grid; gap:24px; }
.desenv-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.desenv-section-card, .desenv-reading-card, .desenv-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.desenv-section-card span, .desenv-reading-card span, .desenv-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.desenv-section-card strong, .desenv-reading-card strong, .desenv-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.desenv-section-card p { margin:0; color:var(--fillr-text-secondary); }
.desenv-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.desenv-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.desenv-band-wrap .section-header { margin-bottom:24px; }
.desenv-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.desenv-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.desenv-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.desenv-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.desenv-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.desenv-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .desenv-hero-art, .desenv-section-surface, .desenv-reading-grid, .desenv-band, .desenv-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .desenv-hero { padding:88px 0 48px; } .desenv-hero-art, .desenv-section-surface, .desenv-reading-grid, .desenv-band, .desenv-result-art { grid-template-columns:1fr; } .desenv-hero-art { padding:20px; } }


/* Cultura */
.cultura-page .eyebrow::before,
.cultura-page .card-eyebrow::before {
  content: none;
}
.cultura-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 60% 28%, #deebff, transparent 26%),
    linear-gradient(180deg, #f6faff 0%, #f6faff 52%, #ffffff 100%);
}
.cultura-hero-shell { display:grid; gap:32px; justify-items:center; }
.cultura-copy { max-width: 760px; text-align:center; }
.cultura-copy .hero-title { max-width: 920px; margin-inline:auto; }
.cultura-copy .hero-body, .cultura-copy .hero-actions { justify-content:center; }
.cultura-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.cultura-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6faff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.cultura-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.cultura-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.cultura-hero-art .cultura-art-item-1 { background:linear-gradient(180deg, #f6faff 0%, #deebff 100%); }
.cultura-hero-art .cultura-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.cultura-hero-art .cultura-art-item-3 { background:linear-gradient(180deg, #deebff 0%, #ffffff 100%); }
.cultura-hero-art .cultura-art-item-4 { background:linear-gradient(180deg, #f6faff 0%, #c9def7 100%); }
.cultura-hero-art .cultura-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #deebff 100%); }
.cultura-section-block, .cultura-result-shell { display:grid; gap:24px; }
.cultura-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.cultura-section-card, .cultura-reading-card, .cultura-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.cultura-section-card span, .cultura-reading-card span, .cultura-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.cultura-section-card strong, .cultura-reading-card strong, .cultura-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.cultura-section-card p { margin:0; color:var(--fillr-text-secondary); }
.cultura-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.cultura-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.cultura-band-wrap .section-header { margin-bottom:24px; }
.cultura-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.cultura-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.cultura-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.cultura-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.cultura-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.cultura-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .cultura-hero-art, .cultura-section-surface, .cultura-reading-grid, .cultura-band, .cultura-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .cultura-hero { padding:88px 0 48px; } .cultura-hero-art, .cultura-section-surface, .cultura-reading-grid, .cultura-band, .cultura-result-art { grid-template-columns:1fr; } .cultura-hero-art { padding:20px; } }


/* Pessoal */
.pessoalx-page .eyebrow::before,
.pessoalx-page .card-eyebrow::before {
  content: none;
}
.pessoalx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 67% 39%, #efe7ff, transparent 26%),
    linear-gradient(180deg, #faf7ff 0%, #faf7ff 52%, #ffffff 100%);
}
.pessoalx-hero-shell { display:grid; gap:32px; justify-items:center; }
.pessoalx-copy { max-width: 760px; text-align:center; }
.pessoalx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.pessoalx-copy .hero-body, .pessoalx-copy .hero-actions { justify-content:center; }
.pessoalx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.pessoalx-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #faf7ff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.pessoalx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.pessoalx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.pessoalx-hero-art .pessoalx-art-item-1 { background:linear-gradient(180deg, #faf7ff 0%, #efe7ff 100%); }
.pessoalx-hero-art .pessoalx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.pessoalx-hero-art .pessoalx-art-item-3 { background:linear-gradient(180deg, #efe7ff 0%, #ffffff 100%); }
.pessoalx-hero-art .pessoalx-art-item-4 { background:linear-gradient(180deg, #faf7ff 0%, #dbcdf8 100%); }
.pessoalx-hero-art .pessoalx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7ff 100%); }
.pessoalx-section-block, .pessoalx-result-shell { display:grid; gap:24px; }
.pessoalx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.pessoalx-section-card, .pessoalx-reading-card, .pessoalx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.pessoalx-section-card span, .pessoalx-reading-card span, .pessoalx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.pessoalx-section-card strong, .pessoalx-reading-card strong, .pessoalx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.pessoalx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.pessoalx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.pessoalx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.pessoalx-band-wrap .section-header { margin-bottom:24px; }
.pessoalx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.pessoalx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.pessoalx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.pessoalx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.pessoalx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.pessoalx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .pessoalx-hero-art, .pessoalx-section-surface, .pessoalx-reading-grid, .pessoalx-band, .pessoalx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .pessoalx-hero { padding:88px 0 48px; } .pessoalx-hero-art, .pessoalx-section-surface, .pessoalx-reading-grid, .pessoalx-band, .pessoalx-result-art { grid-template-columns:1fr; } .pessoalx-hero-art { padding:20px; } }


/* Coordenação de Governança */
.coordgov-page .eyebrow::before,
.coordgov-page .card-eyebrow::before {
  content: none;
}
.coordgov-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 74% 50%, #eef3ff, transparent 26%),
    linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 52%, #ffffff 100%);
}
.coordgov-hero-shell { display:grid; gap:32px; justify-items:center; }
.coordgov-copy { max-width: 760px; text-align:center; }
.coordgov-copy .hero-title { max-width: 920px; margin-inline:auto; }
.coordgov-copy .hero-body, .coordgov-copy .hero-actions { justify-content:center; }
.coordgov-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.coordgov-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f8fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.coordgov-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordgov-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.coordgov-hero-art .coordgov-art-item-1 { background:linear-gradient(180deg, #f7f8fb 0%, #eef3ff 100%); }
.coordgov-hero-art .coordgov-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.coordgov-hero-art .coordgov-art-item-3 { background:linear-gradient(180deg, #eef3ff 0%, #ffffff 100%); }
.coordgov-hero-art .coordgov-art-item-4 { background:linear-gradient(180deg, #f7f8fb 0%, #d7e4ff 100%); }
.coordgov-hero-art .coordgov-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eef3ff 100%); }
.coordgov-section-block, .coordgov-result-shell { display:grid; gap:24px; }
.coordgov-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.coordgov-section-card, .coordgov-reading-card, .coordgov-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.coordgov-section-card span, .coordgov-reading-card span, .coordgov-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordgov-section-card strong, .coordgov-reading-card strong, .coordgov-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.coordgov-section-card p { margin:0; color:var(--fillr-text-secondary); }
.coordgov-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.coordgov-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.coordgov-band-wrap .section-header { margin-bottom:24px; }
.coordgov-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.coordgov-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.coordgov-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.coordgov-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.coordgov-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.coordgov-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .coordgov-hero-art, .coordgov-section-surface, .coordgov-reading-grid, .coordgov-band, .coordgov-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .coordgov-hero { padding:88px 0 48px; } .coordgov-hero-art, .coordgov-section-surface, .coordgov-reading-grid, .coordgov-band, .coordgov-result-art { grid-template-columns:1fr; } .coordgov-hero-art { padding:20px; } }


/* Contratos */
.contrato-page .eyebrow::before,
.contrato-page .card-eyebrow::before {
  content: none;
}
.contrato-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 19% 61%, #fff1db, transparent 26%),
    linear-gradient(180deg, #fbfaf6 0%, #fbfaf6 52%, #ffffff 100%);
}
.contrato-hero-shell { display:grid; gap:32px; justify-items:center; }
.contrato-copy { max-width: 760px; text-align:center; }
.contrato-copy .hero-title { max-width: 920px; margin-inline:auto; }
.contrato-copy .hero-body, .contrato-copy .hero-actions { justify-content:center; }
.contrato-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.contrato-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #fbfaf6 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.contrato-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.contrato-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.contrato-hero-art .contrato-art-item-1 { background:linear-gradient(180deg, #fbfaf6 0%, #fff1db 100%); }
.contrato-hero-art .contrato-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.contrato-hero-art .contrato-art-item-3 { background:linear-gradient(180deg, #fff1db 0%, #ffffff 100%); }
.contrato-hero-art .contrato-art-item-4 { background:linear-gradient(180deg, #fbfaf6 0%, #f6dcc4 100%); }
.contrato-hero-art .contrato-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #fff1db 100%); }
.contrato-section-block, .contrato-result-shell { display:grid; gap:24px; }
.contrato-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.contrato-section-card, .contrato-reading-card, .contrato-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.contrato-section-card span, .contrato-reading-card span, .contrato-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.contrato-section-card strong, .contrato-reading-card strong, .contrato-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.contrato-section-card p { margin:0; color:var(--fillr-text-secondary); }
.contrato-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.contrato-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.contrato-band-wrap .section-header { margin-bottom:24px; }
.contrato-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.contrato-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.contrato-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.contrato-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.contrato-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.contrato-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .contrato-hero-art, .contrato-section-surface, .contrato-reading-grid, .contrato-band, .contrato-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .contrato-hero { padding:88px 0 48px; } .contrato-hero-art, .contrato-section-surface, .contrato-reading-grid, .contrato-band, .contrato-result-art { grid-template-columns:1fr; } .contrato-hero-art { padding:20px; } }


/* Compliance */
.complia-page .eyebrow::before,
.complia-page .card-eyebrow::before {
  content: none;
}
.complia-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 26% 22%, #e4eef5, transparent 26%),
    linear-gradient(180deg, #f5f7f9 0%, #f5f7f9 52%, #ffffff 100%);
}
.complia-hero-shell { display:grid; gap:32px; justify-items:center; }
.complia-copy { max-width: 760px; text-align:center; }
.complia-copy .hero-title { max-width: 920px; margin-inline:auto; }
.complia-copy .hero-body, .complia-copy .hero-actions { justify-content:center; }
.complia-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.complia-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f5f7f9 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.complia-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.complia-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.complia-hero-art .complia-art-item-1 { background:linear-gradient(180deg, #f5f7f9 0%, #e4eef5 100%); }
.complia-hero-art .complia-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.complia-hero-art .complia-art-item-3 { background:linear-gradient(180deg, #e4eef5 0%, #ffffff 100%); }
.complia-hero-art .complia-art-item-4 { background:linear-gradient(180deg, #f5f7f9 0%, #d6dfe8 100%); }
.complia-hero-art .complia-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #e4eef5 100%); }
.complia-section-block, .complia-result-shell { display:grid; gap:24px; }
.complia-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.complia-section-card, .complia-reading-card, .complia-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.complia-section-card span, .complia-reading-card span, .complia-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.complia-section-card strong, .complia-reading-card strong, .complia-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.complia-section-card p { margin:0; color:var(--fillr-text-secondary); }
.complia-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.complia-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.complia-band-wrap .section-header { margin-bottom:24px; }
.complia-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.complia-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.complia-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.complia-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.complia-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.complia-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .complia-hero-art, .complia-section-surface, .complia-reading-grid, .complia-band, .complia-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .complia-hero { padding:88px 0 48px; } .complia-hero-art, .complia-section-surface, .complia-reading-grid, .complia-band, .complia-result-art { grid-template-columns:1fr; } .complia-hero-art { padding:20px; } }


/* Riscos */
.riscosx-page .eyebrow::before,
.riscosx-page .card-eyebrow::before {
  content: none;
}
.riscosx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 33% 33%, #efe7fb, transparent 26%),
    linear-gradient(180deg, #f8f6fb 0%, #f8f6fb 52%, #ffffff 100%);
}
.riscosx-hero-shell { display:grid; gap:32px; justify-items:center; }
.riscosx-copy { max-width: 760px; text-align:center; }
.riscosx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.riscosx-copy .hero-body, .riscosx-copy .hero-actions { justify-content:center; }
.riscosx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.riscosx-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f8f6fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.riscosx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.riscosx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.riscosx-hero-art .riscosx-art-item-1 { background:linear-gradient(180deg, #f8f6fb 0%, #efe7fb 100%); }
.riscosx-hero-art .riscosx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.riscosx-hero-art .riscosx-art-item-3 { background:linear-gradient(180deg, #efe7fb 0%, #ffffff 100%); }
.riscosx-hero-art .riscosx-art-item-4 { background:linear-gradient(180deg, #f8f6fb 0%, #ddcff7 100%); }
.riscosx-hero-art .riscosx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7fb 100%); }
.riscosx-section-block, .riscosx-result-shell { display:grid; gap:24px; }
.riscosx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.riscosx-section-card, .riscosx-reading-card, .riscosx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.riscosx-section-card span, .riscosx-reading-card span, .riscosx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.riscosx-section-card strong, .riscosx-reading-card strong, .riscosx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.riscosx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.riscosx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.riscosx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.riscosx-band-wrap .section-header { margin-bottom:24px; }
.riscosx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.riscosx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.riscosx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.riscosx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.riscosx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.riscosx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .riscosx-hero-art, .riscosx-section-surface, .riscosx-reading-grid, .riscosx-band, .riscosx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .riscosx-hero { padding:88px 0 48px; } .riscosx-hero-art, .riscosx-section-surface, .riscosx-reading-grid, .riscosx-band, .riscosx-result-art { grid-template-columns:1fr; } .riscosx-hero-art { padding:20px; } }


/* Coordenação de Tecnologia */
.coordtec-page .eyebrow::before,
.coordtec-page .card-eyebrow::before {
  content: none;
}
.coordtec-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 40% 44%, #ddf4e5, transparent 26%),
    linear-gradient(180deg, #f6fbf8 0%, #f6fbf8 52%, #ffffff 100%);
}
.coordtec-hero-shell { display:grid; gap:32px; justify-items:center; }
.coordtec-copy { max-width: 760px; text-align:center; }
.coordtec-copy .hero-title { max-width: 920px; margin-inline:auto; }
.coordtec-copy .hero-body, .coordtec-copy .hero-actions { justify-content:center; }
.coordtec-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.coordtec-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6fbf8 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.coordtec-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordtec-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.coordtec-hero-art .coordtec-art-item-1 { background:linear-gradient(180deg, #f6fbf8 0%, #ddf4e5 100%); }
.coordtec-hero-art .coordtec-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.coordtec-hero-art .coordtec-art-item-3 { background:linear-gradient(180deg, #ddf4e5 0%, #ffffff 100%); }
.coordtec-hero-art .coordtec-art-item-4 { background:linear-gradient(180deg, #f6fbf8 0%, #c8e9d4 100%); }
.coordtec-hero-art .coordtec-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #ddf4e5 100%); }
.coordtec-section-block, .coordtec-result-shell { display:grid; gap:24px; }
.coordtec-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.coordtec-section-card, .coordtec-reading-card, .coordtec-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.coordtec-section-card span, .coordtec-reading-card span, .coordtec-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordtec-section-card strong, .coordtec-reading-card strong, .coordtec-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.coordtec-section-card p { margin:0; color:var(--fillr-text-secondary); }
.coordtec-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.coordtec-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.coordtec-band-wrap .section-header { margin-bottom:24px; }
.coordtec-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.coordtec-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.coordtec-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.coordtec-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.coordtec-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.coordtec-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .coordtec-hero-art, .coordtec-section-surface, .coordtec-reading-grid, .coordtec-band, .coordtec-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .coordtec-hero { padding:88px 0 48px; } .coordtec-hero-art, .coordtec-section-surface, .coordtec-reading-grid, .coordtec-band, .coordtec-result-art { grid-template-columns:1fr; } .coordtec-hero-art { padding:20px; } }


/* Produto */
.produtox-page .eyebrow::before,
.produtox-page .card-eyebrow::before {
  content: none;
}
.produtox-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 47% 55%, #eee6df, transparent 26%),
    linear-gradient(180deg, #f7f6f4 0%, #f7f6f4 52%, #ffffff 100%);
}
.produtox-hero-shell { display:grid; gap:32px; justify-items:center; }
.produtox-copy { max-width: 760px; text-align:center; }
.produtox-copy .hero-title { max-width: 920px; margin-inline:auto; }
.produtox-copy .hero-body, .produtox-copy .hero-actions { justify-content:center; }
.produtox-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.produtox-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f6f4 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.produtox-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.produtox-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.produtox-hero-art .produtox-art-item-1 { background:linear-gradient(180deg, #f7f6f4 0%, #eee6df 100%); }
.produtox-hero-art .produtox-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.produtox-hero-art .produtox-art-item-3 { background:linear-gradient(180deg, #eee6df 0%, #ffffff 100%); }
.produtox-hero-art .produtox-art-item-4 { background:linear-gradient(180deg, #f7f6f4 0%, #ddc9bc 100%); }
.produtox-hero-art .produtox-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eee6df 100%); }
.produtox-section-block, .produtox-result-shell { display:grid; gap:24px; }
.produtox-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.produtox-section-card, .produtox-reading-card, .produtox-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.produtox-section-card span, .produtox-reading-card span, .produtox-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.produtox-section-card strong, .produtox-reading-card strong, .produtox-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.produtox-section-card p { margin:0; color:var(--fillr-text-secondary); }
.produtox-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.produtox-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.produtox-band-wrap .section-header { margin-bottom:24px; }
.produtox-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.produtox-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.produtox-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.produtox-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.produtox-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.produtox-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .produtox-hero-art, .produtox-section-surface, .produtox-reading-grid, .produtox-band, .produtox-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .produtox-hero { padding:88px 0 48px; } .produtox-hero-art, .produtox-section-surface, .produtox-reading-grid, .produtox-band, .produtox-result-art { grid-template-columns:1fr; } .produtox-hero-art { padding:20px; } }


/* Engenharia */
.engenha-page .eyebrow::before,
.engenha-page .card-eyebrow::before {
  content: none;
}
.engenha-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 54% 16%, #deebff, transparent 26%),
    linear-gradient(180deg, #f6faff 0%, #f6faff 52%, #ffffff 100%);
}
.engenha-hero-shell { display:grid; gap:32px; justify-items:center; }
.engenha-copy { max-width: 760px; text-align:center; }
.engenha-copy .hero-title { max-width: 920px; margin-inline:auto; }
.engenha-copy .hero-body, .engenha-copy .hero-actions { justify-content:center; }
.engenha-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.engenha-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6faff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.engenha-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.engenha-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.engenha-hero-art .engenha-art-item-1 { background:linear-gradient(180deg, #f6faff 0%, #deebff 100%); }
.engenha-hero-art .engenha-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.engenha-hero-art .engenha-art-item-3 { background:linear-gradient(180deg, #deebff 0%, #ffffff 100%); }
.engenha-hero-art .engenha-art-item-4 { background:linear-gradient(180deg, #f6faff 0%, #c9def7 100%); }
.engenha-hero-art .engenha-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #deebff 100%); }
.engenha-section-block, .engenha-result-shell { display:grid; gap:24px; }
.engenha-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.engenha-section-card, .engenha-reading-card, .engenha-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.engenha-section-card span, .engenha-reading-card span, .engenha-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.engenha-section-card strong, .engenha-reading-card strong, .engenha-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.engenha-section-card p { margin:0; color:var(--fillr-text-secondary); }
.engenha-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.engenha-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.engenha-band-wrap .section-header { margin-bottom:24px; }
.engenha-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.engenha-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.engenha-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.engenha-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.engenha-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.engenha-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .engenha-hero-art, .engenha-section-surface, .engenha-reading-grid, .engenha-band, .engenha-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .engenha-hero { padding:88px 0 48px; } .engenha-hero-art, .engenha-section-surface, .engenha-reading-grid, .engenha-band, .engenha-result-art { grid-template-columns:1fr; } .engenha-hero-art { padding:20px; } }


/* Infraestrutura */
.infrax-page .eyebrow::before,
.infrax-page .card-eyebrow::before {
  content: none;
}
.infrax-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 61% 27%, #efe7ff, transparent 26%),
    linear-gradient(180deg, #faf7ff 0%, #faf7ff 52%, #ffffff 100%);
}
.infrax-hero-shell { display:grid; gap:32px; justify-items:center; }
.infrax-copy { max-width: 760px; text-align:center; }
.infrax-copy .hero-title { max-width: 920px; margin-inline:auto; }
.infrax-copy .hero-body, .infrax-copy .hero-actions { justify-content:center; }
.infrax-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.infrax-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #faf7ff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.infrax-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.infrax-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.infrax-hero-art .infrax-art-item-1 { background:linear-gradient(180deg, #faf7ff 0%, #efe7ff 100%); }
.infrax-hero-art .infrax-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.infrax-hero-art .infrax-art-item-3 { background:linear-gradient(180deg, #efe7ff 0%, #ffffff 100%); }
.infrax-hero-art .infrax-art-item-4 { background:linear-gradient(180deg, #faf7ff 0%, #dbcdf8 100%); }
.infrax-hero-art .infrax-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7ff 100%); }
.infrax-section-block, .infrax-result-shell { display:grid; gap:24px; }
.infrax-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.infrax-section-card, .infrax-reading-card, .infrax-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.infrax-section-card span, .infrax-reading-card span, .infrax-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.infrax-section-card strong, .infrax-reading-card strong, .infrax-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.infrax-section-card p { margin:0; color:var(--fillr-text-secondary); }
.infrax-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.infrax-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.infrax-band-wrap .section-header { margin-bottom:24px; }
.infrax-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.infrax-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.infrax-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.infrax-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.infrax-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.infrax-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .infrax-hero-art, .infrax-section-surface, .infrax-reading-grid, .infrax-band, .infrax-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .infrax-hero { padding:88px 0 48px; } .infrax-hero-art, .infrax-section-surface, .infrax-reading-grid, .infrax-band, .infrax-result-art { grid-template-columns:1fr; } .infrax-hero-art { padding:20px; } }


/* Dados */
.dadosx-page .eyebrow::before,
.dadosx-page .card-eyebrow::before {
  content: none;
}
.dadosx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 68% 38%, #eef3ff, transparent 26%),
    linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 52%, #ffffff 100%);
}
.dadosx-hero-shell { display:grid; gap:32px; justify-items:center; }
.dadosx-copy { max-width: 760px; text-align:center; }
.dadosx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.dadosx-copy .hero-body, .dadosx-copy .hero-actions { justify-content:center; }
.dadosx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.dadosx-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f8fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.dadosx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.dadosx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.dadosx-hero-art .dadosx-art-item-1 { background:linear-gradient(180deg, #f7f8fb 0%, #eef3ff 100%); }
.dadosx-hero-art .dadosx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.dadosx-hero-art .dadosx-art-item-3 { background:linear-gradient(180deg, #eef3ff 0%, #ffffff 100%); }
.dadosx-hero-art .dadosx-art-item-4 { background:linear-gradient(180deg, #f7f8fb 0%, #d7e4ff 100%); }
.dadosx-hero-art .dadosx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eef3ff 100%); }
.dadosx-section-block, .dadosx-result-shell { display:grid; gap:24px; }
.dadosx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.dadosx-section-card, .dadosx-reading-card, .dadosx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.dadosx-section-card span, .dadosx-reading-card span, .dadosx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.dadosx-section-card strong, .dadosx-reading-card strong, .dadosx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.dadosx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.dadosx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.dadosx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.dadosx-band-wrap .section-header { margin-bottom:24px; }
.dadosx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.dadosx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.dadosx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.dadosx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.dadosx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.dadosx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .dadosx-hero-art, .dadosx-section-surface, .dadosx-reading-grid, .dadosx-band, .dadosx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .dadosx-hero { padding:88px 0 48px; } .dadosx-hero-art, .dadosx-section-surface, .dadosx-reading-grid, .dadosx-band, .dadosx-result-art { grid-template-columns:1fr; } .dadosx-hero-art { padding:20px; } }


/* Segurança */
.segurx-page .eyebrow::before,
.segurx-page .card-eyebrow::before {
  content: none;
}
.segurx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 75% 49%, #fff1db, transparent 26%),
    linear-gradient(180deg, #fbfaf6 0%, #fbfaf6 52%, #ffffff 100%);
}
.segurx-hero-shell { display:grid; gap:32px; justify-items:center; }
.segurx-copy { max-width: 760px; text-align:center; }
.segurx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.segurx-copy .hero-body, .segurx-copy .hero-actions { justify-content:center; }
.segurx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.segurx-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #fbfaf6 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.segurx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.segurx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.segurx-hero-art .segurx-art-item-1 { background:linear-gradient(180deg, #fbfaf6 0%, #fff1db 100%); }
.segurx-hero-art .segurx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.segurx-hero-art .segurx-art-item-3 { background:linear-gradient(180deg, #fff1db 0%, #ffffff 100%); }
.segurx-hero-art .segurx-art-item-4 { background:linear-gradient(180deg, #fbfaf6 0%, #f6dcc4 100%); }
.segurx-hero-art .segurx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #fff1db 100%); }
.segurx-section-block, .segurx-result-shell { display:grid; gap:24px; }
.segurx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.segurx-section-card, .segurx-reading-card, .segurx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.segurx-section-card span, .segurx-reading-card span, .segurx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.segurx-section-card strong, .segurx-reading-card strong, .segurx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.segurx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.segurx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.segurx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.segurx-band-wrap .section-header { margin-bottom:24px; }
.segurx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.segurx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.segurx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.segurx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.segurx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.segurx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .segurx-hero-art, .segurx-section-surface, .segurx-reading-grid, .segurx-band, .segurx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .segurx-hero { padding:88px 0 48px; } .segurx-hero-art, .segurx-section-surface, .segurx-reading-grid, .segurx-band, .segurx-result-art { grid-template-columns:1fr; } .segurx-hero-art { padding:20px; } }


/* Coordenação Administrativo */
.coordadm-page .eyebrow::before,
.coordadm-page .card-eyebrow::before {
  content: none;
}
.coordadm-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 20% 60%, #e4eef5, transparent 26%),
    linear-gradient(180deg, #f5f7f9 0%, #f5f7f9 52%, #ffffff 100%);
}
.coordadm-hero-shell { display:grid; gap:32px; justify-items:center; }
.coordadm-copy { max-width: 760px; text-align:center; }
.coordadm-copy .hero-title { max-width: 920px; margin-inline:auto; }
.coordadm-copy .hero-body, .coordadm-copy .hero-actions { justify-content:center; }
.coordadm-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.coordadm-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f5f7f9 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.coordadm-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordadm-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.coordadm-hero-art .coordadm-art-item-1 { background:linear-gradient(180deg, #f5f7f9 0%, #e4eef5 100%); }
.coordadm-hero-art .coordadm-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.coordadm-hero-art .coordadm-art-item-3 { background:linear-gradient(180deg, #e4eef5 0%, #ffffff 100%); }
.coordadm-hero-art .coordadm-art-item-4 { background:linear-gradient(180deg, #f5f7f9 0%, #d6dfe8 100%); }
.coordadm-hero-art .coordadm-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #e4eef5 100%); }
.coordadm-section-block, .coordadm-result-shell { display:grid; gap:24px; }
.coordadm-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.coordadm-section-card, .coordadm-reading-card, .coordadm-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.coordadm-section-card span, .coordadm-reading-card span, .coordadm-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordadm-section-card strong, .coordadm-reading-card strong, .coordadm-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.coordadm-section-card p { margin:0; color:var(--fillr-text-secondary); }
.coordadm-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.coordadm-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.coordadm-band-wrap .section-header { margin-bottom:24px; }
.coordadm-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.coordadm-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.coordadm-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.coordadm-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.coordadm-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.coordadm-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .coordadm-hero-art, .coordadm-section-surface, .coordadm-reading-grid, .coordadm-band, .coordadm-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .coordadm-hero { padding:88px 0 48px; } .coordadm-hero-art, .coordadm-section-surface, .coordadm-reading-grid, .coordadm-band, .coordadm-result-art { grid-template-columns:1fr; } .coordadm-hero-art { padding:20px; } }


/* Documentação */
.docsx-page .eyebrow::before,
.docsx-page .card-eyebrow::before {
  content: none;
}
.docsx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 27% 21%, #efe7fb, transparent 26%),
    linear-gradient(180deg, #f8f6fb 0%, #f8f6fb 52%, #ffffff 100%);
}
.docsx-hero-shell { display:grid; gap:32px; justify-items:center; }
.docsx-copy { max-width: 760px; text-align:center; }
.docsx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.docsx-copy .hero-body, .docsx-copy .hero-actions { justify-content:center; }
.docsx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.docsx-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f8f6fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.docsx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.docsx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.docsx-hero-art .docsx-art-item-1 { background:linear-gradient(180deg, #f8f6fb 0%, #efe7fb 100%); }
.docsx-hero-art .docsx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.docsx-hero-art .docsx-art-item-3 { background:linear-gradient(180deg, #efe7fb 0%, #ffffff 100%); }
.docsx-hero-art .docsx-art-item-4 { background:linear-gradient(180deg, #f8f6fb 0%, #ddcff7 100%); }
.docsx-hero-art .docsx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7fb 100%); }
.docsx-section-block, .docsx-result-shell { display:grid; gap:24px; }
.docsx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.docsx-section-card, .docsx-reading-card, .docsx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.docsx-section-card span, .docsx-reading-card span, .docsx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.docsx-section-card strong, .docsx-reading-card strong, .docsx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.docsx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.docsx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.docsx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.docsx-band-wrap .section-header { margin-bottom:24px; }
.docsx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.docsx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.docsx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.docsx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.docsx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.docsx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .docsx-hero-art, .docsx-section-surface, .docsx-reading-grid, .docsx-band, .docsx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .docsx-hero { padding:88px 0 48px; } .docsx-hero-art, .docsx-section-surface, .docsx-reading-grid, .docsx-band, .docsx-result-art { grid-template-columns:1fr; } .docsx-hero-art { padding:20px; } }


/* Suporte interno */
.supint-page .eyebrow::before,
.supint-page .card-eyebrow::before {
  content: none;
}
.supint-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 34% 32%, #ddf4e5, transparent 26%),
    linear-gradient(180deg, #f6fbf8 0%, #f6fbf8 52%, #ffffff 100%);
}
.supint-hero-shell { display:grid; gap:32px; justify-items:center; }
.supint-copy { max-width: 760px; text-align:center; }
.supint-copy .hero-title { max-width: 920px; margin-inline:auto; }
.supint-copy .hero-body, .supint-copy .hero-actions { justify-content:center; }
.supint-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.supint-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6fbf8 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.supint-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.supint-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.supint-hero-art .supint-art-item-1 { background:linear-gradient(180deg, #f6fbf8 0%, #ddf4e5 100%); }
.supint-hero-art .supint-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.supint-hero-art .supint-art-item-3 { background:linear-gradient(180deg, #ddf4e5 0%, #ffffff 100%); }
.supint-hero-art .supint-art-item-4 { background:linear-gradient(180deg, #f6fbf8 0%, #c8e9d4 100%); }
.supint-hero-art .supint-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #ddf4e5 100%); }
.supint-section-block, .supint-result-shell { display:grid; gap:24px; }
.supint-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.supint-section-card, .supint-reading-card, .supint-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.supint-section-card span, .supint-reading-card span, .supint-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.supint-section-card strong, .supint-reading-card strong, .supint-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.supint-section-card p { margin:0; color:var(--fillr-text-secondary); }
.supint-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.supint-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.supint-band-wrap .section-header { margin-bottom:24px; }
.supint-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.supint-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.supint-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.supint-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.supint-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.supint-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .supint-hero-art, .supint-section-surface, .supint-reading-grid, .supint-band, .supint-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .supint-hero { padding:88px 0 48px; } .supint-hero-art, .supint-section-surface, .supint-reading-grid, .supint-band, .supint-result-art { grid-template-columns:1fr; } .supint-hero-art { padding:20px; } }


/* Comunicação */
.comunica-page .eyebrow::before,
.comunica-page .card-eyebrow::before {
  content: none;
}
.comunica-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 41% 43%, #eee6df, transparent 26%),
    linear-gradient(180deg, #f7f6f4 0%, #f7f6f4 52%, #ffffff 100%);
}
.comunica-hero-shell { display:grid; gap:32px; justify-items:center; }
.comunica-copy { max-width: 760px; text-align:center; }
.comunica-copy .hero-title { max-width: 920px; margin-inline:auto; }
.comunica-copy .hero-body, .comunica-copy .hero-actions { justify-content:center; }
.comunica-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.comunica-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f6f4 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.comunica-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.comunica-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.comunica-hero-art .comunica-art-item-1 { background:linear-gradient(180deg, #f7f6f4 0%, #eee6df 100%); }
.comunica-hero-art .comunica-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.comunica-hero-art .comunica-art-item-3 { background:linear-gradient(180deg, #eee6df 0%, #ffffff 100%); }
.comunica-hero-art .comunica-art-item-4 { background:linear-gradient(180deg, #f7f6f4 0%, #ddc9bc 100%); }
.comunica-hero-art .comunica-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eee6df 100%); }
.comunica-section-block, .comunica-result-shell { display:grid; gap:24px; }
.comunica-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.comunica-section-card, .comunica-reading-card, .comunica-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.comunica-section-card span, .comunica-reading-card span, .comunica-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.comunica-section-card strong, .comunica-reading-card strong, .comunica-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.comunica-section-card p { margin:0; color:var(--fillr-text-secondary); }
.comunica-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.comunica-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.comunica-band-wrap .section-header { margin-bottom:24px; }
.comunica-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.comunica-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.comunica-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.comunica-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.comunica-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.comunica-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .comunica-hero-art, .comunica-section-surface, .comunica-reading-grid, .comunica-band, .comunica-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .comunica-hero { padding:88px 0 48px; } .comunica-hero-art, .comunica-section-surface, .comunica-reading-grid, .comunica-band, .comunica-result-art { grid-template-columns:1fr; } .comunica-hero-art { padding:20px; } }


/* Coordenação Estratégico */
.coordest-page .eyebrow::before,
.coordest-page .card-eyebrow::before {
  content: none;
}
.coordest-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 48% 54%, #deebff, transparent 26%),
    linear-gradient(180deg, #f6faff 0%, #f6faff 52%, #ffffff 100%);
}
.coordest-hero-shell { display:grid; gap:32px; justify-items:center; }
.coordest-copy { max-width: 760px; text-align:center; }
.coordest-copy .hero-title { max-width: 920px; margin-inline:auto; }
.coordest-copy .hero-body, .coordest-copy .hero-actions { justify-content:center; }
.coordest-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.coordest-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6faff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.coordest-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordest-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.coordest-hero-art .coordest-art-item-1 { background:linear-gradient(180deg, #f6faff 0%, #deebff 100%); }
.coordest-hero-art .coordest-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.coordest-hero-art .coordest-art-item-3 { background:linear-gradient(180deg, #deebff 0%, #ffffff 100%); }
.coordest-hero-art .coordest-art-item-4 { background:linear-gradient(180deg, #f6faff 0%, #c9def7 100%); }
.coordest-hero-art .coordest-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #deebff 100%); }
.coordest-section-block, .coordest-result-shell { display:grid; gap:24px; }
.coordest-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.coordest-section-card, .coordest-reading-card, .coordest-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.coordest-section-card span, .coordest-reading-card span, .coordest-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.coordest-section-card strong, .coordest-reading-card strong, .coordest-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.coordest-section-card p { margin:0; color:var(--fillr-text-secondary); }
.coordest-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.coordest-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.coordest-band-wrap .section-header { margin-bottom:24px; }
.coordest-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.coordest-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.coordest-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.coordest-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.coordest-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.coordest-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .coordest-hero-art, .coordest-section-surface, .coordest-reading-grid, .coordest-band, .coordest-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .coordest-hero { padding:88px 0 48px; } .coordest-hero-art, .coordest-section-surface, .coordest-reading-grid, .coordest-band, .coordest-result-art { grid-template-columns:1fr; } .coordest-hero-art { padding:20px; } }


/* Portfolio */
.portfol-page .eyebrow::before,
.portfol-page .card-eyebrow::before {
  content: none;
}
.portfol-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 55% 15%, #efe7ff, transparent 26%),
    linear-gradient(180deg, #faf7ff 0%, #faf7ff 52%, #ffffff 100%);
}
.portfol-hero-shell { display:grid; gap:32px; justify-items:center; }
.portfol-copy { max-width: 760px; text-align:center; }
.portfol-copy .hero-title { max-width: 920px; margin-inline:auto; }
.portfol-copy .hero-body, .portfol-copy .hero-actions { justify-content:center; }
.portfol-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.portfol-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #faf7ff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.portfol-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.portfol-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.portfol-hero-art .portfol-art-item-1 { background:linear-gradient(180deg, #faf7ff 0%, #efe7ff 100%); }
.portfol-hero-art .portfol-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.portfol-hero-art .portfol-art-item-3 { background:linear-gradient(180deg, #efe7ff 0%, #ffffff 100%); }
.portfol-hero-art .portfol-art-item-4 { background:linear-gradient(180deg, #faf7ff 0%, #dbcdf8 100%); }
.portfol-hero-art .portfol-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7ff 100%); }
.portfol-section-block, .portfol-result-shell { display:grid; gap:24px; }
.portfol-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.portfol-section-card, .portfol-reading-card, .portfol-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.portfol-section-card span, .portfol-reading-card span, .portfol-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.portfol-section-card strong, .portfol-reading-card strong, .portfol-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.portfol-section-card p { margin:0; color:var(--fillr-text-secondary); }
.portfol-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.portfol-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.portfol-band-wrap .section-header { margin-bottom:24px; }
.portfol-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.portfol-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.portfol-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.portfol-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.portfol-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.portfol-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .portfol-hero-art, .portfol-section-surface, .portfol-reading-grid, .portfol-band, .portfol-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .portfol-hero { padding:88px 0 48px; } .portfol-hero-art, .portfol-section-surface, .portfol-reading-grid, .portfol-band, .portfol-result-art { grid-template-columns:1fr; } .portfol-hero-art { padding:20px; } }


/* Cenarios */
.cenarx-page .eyebrow::before,
.cenarx-page .card-eyebrow::before {
  content: none;
}
.cenarx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 62% 26%, #eef3ff, transparent 26%),
    linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 52%, #ffffff 100%);
}
.cenarx-hero-shell { display:grid; gap:32px; justify-items:center; }
.cenarx-copy { max-width: 760px; text-align:center; }
.cenarx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.cenarx-copy .hero-body, .cenarx-copy .hero-actions { justify-content:center; }
.cenarx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.cenarx-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f8fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.cenarx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.cenarx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.cenarx-hero-art .cenarx-art-item-1 { background:linear-gradient(180deg, #f7f8fb 0%, #eef3ff 100%); }
.cenarx-hero-art .cenarx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.cenarx-hero-art .cenarx-art-item-3 { background:linear-gradient(180deg, #eef3ff 0%, #ffffff 100%); }
.cenarx-hero-art .cenarx-art-item-4 { background:linear-gradient(180deg, #f7f8fb 0%, #d7e4ff 100%); }
.cenarx-hero-art .cenarx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eef3ff 100%); }
.cenarx-section-block, .cenarx-result-shell { display:grid; gap:24px; }
.cenarx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.cenarx-section-card, .cenarx-reading-card, .cenarx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.cenarx-section-card span, .cenarx-reading-card span, .cenarx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.cenarx-section-card strong, .cenarx-reading-card strong, .cenarx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.cenarx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.cenarx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.cenarx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.cenarx-band-wrap .section-header { margin-bottom:24px; }
.cenarx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.cenarx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.cenarx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.cenarx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.cenarx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.cenarx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .cenarx-hero-art, .cenarx-section-surface, .cenarx-reading-grid, .cenarx-band, .cenarx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .cenarx-hero { padding:88px 0 48px; } .cenarx-hero-art, .cenarx-section-surface, .cenarx-reading-grid, .cenarx-band, .cenarx-result-art { grid-template-columns:1fr; } .cenarx-hero-art { padding:20px; } }


/* Relacoes */
.relacx-page .eyebrow::before,
.relacx-page .card-eyebrow::before {
  content: none;
}
.relacx-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 69% 37%, #fff1db, transparent 26%),
    linear-gradient(180deg, #fbfaf6 0%, #fbfaf6 52%, #ffffff 100%);
}
.relacx-hero-shell { display:grid; gap:32px; justify-items:center; }
.relacx-copy { max-width: 760px; text-align:center; }
.relacx-copy .hero-title { max-width: 920px; margin-inline:auto; }
.relacx-copy .hero-body, .relacx-copy .hero-actions { justify-content:center; }
.relacx-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.relacx-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #fbfaf6 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.relacx-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.relacx-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.relacx-hero-art .relacx-art-item-1 { background:linear-gradient(180deg, #fbfaf6 0%, #fff1db 100%); }
.relacx-hero-art .relacx-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.relacx-hero-art .relacx-art-item-3 { background:linear-gradient(180deg, #fff1db 0%, #ffffff 100%); }
.relacx-hero-art .relacx-art-item-4 { background:linear-gradient(180deg, #fbfaf6 0%, #f6dcc4 100%); }
.relacx-hero-art .relacx-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #fff1db 100%); }
.relacx-section-block, .relacx-result-shell { display:grid; gap:24px; }
.relacx-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.relacx-section-card, .relacx-reading-card, .relacx-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.relacx-section-card span, .relacx-reading-card span, .relacx-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.relacx-section-card strong, .relacx-reading-card strong, .relacx-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.relacx-section-card p { margin:0; color:var(--fillr-text-secondary); }
.relacx-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.relacx-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.relacx-band-wrap .section-header { margin-bottom:24px; }
.relacx-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.relacx-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.relacx-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.relacx-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.relacx-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.relacx-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .relacx-hero-art, .relacx-section-surface, .relacx-reading-grid, .relacx-band, .relacx-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .relacx-hero { padding:88px 0 48px; } .relacx-hero-art, .relacx-section-surface, .relacx-reading-grid, .relacx-band, .relacx-result-art { grid-template-columns:1fr; } .relacx-hero-art { padding:20px; } }


/* Coordenação Pessoal */
.helpcoord-page .eyebrow::before,
.helpcoord-page .card-eyebrow::before {
  content: none;
}
.helpcoord-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 76% 48%, #e4eef5, transparent 26%),
    linear-gradient(180deg, #f5f7f9 0%, #f5f7f9 52%, #ffffff 100%);
}
.helpcoord-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpcoord-copy { max-width: 760px; text-align:center; }
.helpcoord-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpcoord-copy .hero-body, .helpcoord-copy .hero-actions { justify-content:center; }
.helpcoord-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.helpcoord-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f5f7f9 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpcoord-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpcoord-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpcoord-hero-art .helpcoord-art-item-1 { background:linear-gradient(180deg, #f5f7f9 0%, #e4eef5 100%); }
.helpcoord-hero-art .helpcoord-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.helpcoord-hero-art .helpcoord-art-item-3 { background:linear-gradient(180deg, #e4eef5 0%, #ffffff 100%); }
.helpcoord-hero-art .helpcoord-art-item-4 { background:linear-gradient(180deg, #f5f7f9 0%, #d6dfe8 100%); }
.helpcoord-hero-art .helpcoord-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #e4eef5 100%); }
.helpcoord-section-block, .helpcoord-result-shell { display:grid; gap:24px; }
.helpcoord-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpcoord-section-card, .helpcoord-reading-card, .helpcoord-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); }
.helpcoord-section-card span, .helpcoord-reading-card span, .helpcoord-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpcoord-section-card strong, .helpcoord-reading-card strong, .helpcoord-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpcoord-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpcoord-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpcoord-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpcoord-band-wrap .section-header { margin-bottom:24px; }
.helpcoord-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.helpcoord-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpcoord-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpcoord-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpcoord-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpcoord-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpcoord-hero-art, .helpcoord-section-surface, .helpcoord-reading-grid, .helpcoord-band, .helpcoord-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpcoord-hero { padding:88px 0 48px; } .helpcoord-hero-art, .helpcoord-section-surface, .helpcoord-reading-grid, .helpcoord-band, .helpcoord-result-art { grid-template-columns:1fr; } .helpcoord-hero-art { padding:20px; } }


/* Agenda */
.helpagenda-page .eyebrow::before,
.helpagenda-page .card-eyebrow::before {
  content: none;
}
.helpagenda-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 21% 59%, #efe7fb, transparent 26%),
    linear-gradient(180deg, #f8f6fb 0%, #f8f6fb 52%, #ffffff 100%);
}
.helpagenda-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpagenda-copy { max-width: 760px; text-align:center; }
.helpagenda-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpagenda-copy .hero-body, .helpagenda-copy .hero-actions { justify-content:center; }
.helpagenda-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.helpagenda-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f8f6fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpagenda-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpagenda-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpagenda-hero-art .helpagenda-art-item-1 { background:linear-gradient(180deg, #f8f6fb 0%, #efe7fb 100%); }
.helpagenda-hero-art .helpagenda-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.helpagenda-hero-art .helpagenda-art-item-3 { background:linear-gradient(180deg, #efe7fb 0%, #ffffff 100%); }
.helpagenda-hero-art .helpagenda-art-item-4 { background:linear-gradient(180deg, #f8f6fb 0%, #ddcff7 100%); }
.helpagenda-hero-art .helpagenda-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7fb 100%); }
.helpagenda-section-block, .helpagenda-result-shell { display:grid; gap:24px; }
.helpagenda-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpagenda-section-card, .helpagenda-reading-card, .helpagenda-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); }
.helpagenda-section-card span, .helpagenda-reading-card span, .helpagenda-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpagenda-section-card strong, .helpagenda-reading-card strong, .helpagenda-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpagenda-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpagenda-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f8f6fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpagenda-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpagenda-band-wrap .section-header { margin-bottom:24px; }
.helpagenda-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.helpagenda-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpagenda-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpagenda-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpagenda-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpagenda-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpagenda-hero-art, .helpagenda-section-surface, .helpagenda-reading-grid, .helpagenda-band, .helpagenda-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpagenda-hero { padding:88px 0 48px; } .helpagenda-hero-art, .helpagenda-section-surface, .helpagenda-reading-grid, .helpagenda-band, .helpagenda-result-art { grid-template-columns:1fr; } .helpagenda-hero-art { padding:20px; } }


/* Casa */
.helpcasa-page .eyebrow::before,
.helpcasa-page .card-eyebrow::before {
  content: none;
}
.helpcasa-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 28% 20%, #ddf4e5, transparent 26%),
    linear-gradient(180deg, #f6fbf8 0%, #f6fbf8 52%, #ffffff 100%);
}
.helpcasa-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpcasa-copy { max-width: 760px; text-align:center; }
.helpcasa-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpcasa-copy .hero-body, .helpcasa-copy .hero-actions { justify-content:center; }
.helpcasa-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.helpcasa-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6fbf8 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpcasa-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpcasa-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpcasa-hero-art .helpcasa-art-item-1 { background:linear-gradient(180deg, #f6fbf8 0%, #ddf4e5 100%); }
.helpcasa-hero-art .helpcasa-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.helpcasa-hero-art .helpcasa-art-item-3 { background:linear-gradient(180deg, #ddf4e5 0%, #ffffff 100%); }
.helpcasa-hero-art .helpcasa-art-item-4 { background:linear-gradient(180deg, #f6fbf8 0%, #c8e9d4 100%); }
.helpcasa-hero-art .helpcasa-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #ddf4e5 100%); }
.helpcasa-section-block, .helpcasa-result-shell { display:grid; gap:24px; }
.helpcasa-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpcasa-section-card, .helpcasa-reading-card, .helpcasa-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); }
.helpcasa-section-card span, .helpcasa-reading-card span, .helpcasa-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpcasa-section-card strong, .helpcasa-reading-card strong, .helpcasa-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpcasa-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpcasa-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6fbf8 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpcasa-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpcasa-band-wrap .section-header { margin-bottom:24px; }
.helpcasa-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.helpcasa-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpcasa-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpcasa-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpcasa-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpcasa-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpcasa-hero-art, .helpcasa-section-surface, .helpcasa-reading-grid, .helpcasa-band, .helpcasa-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpcasa-hero { padding:88px 0 48px; } .helpcasa-hero-art, .helpcasa-section-surface, .helpcasa-reading-grid, .helpcasa-band, .helpcasa-result-art { grid-template-columns:1fr; } .helpcasa-hero-art { padding:20px; } }


/* Saúde */
.helpsaude-page .eyebrow::before,
.helpsaude-page .card-eyebrow::before {
  content: none;
}
.helpsaude-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 35% 31%, #eee6df, transparent 26%),
    linear-gradient(180deg, #f7f6f4 0%, #f7f6f4 52%, #ffffff 100%);
}
.helpsaude-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpsaude-copy { max-width: 760px; text-align:center; }
.helpsaude-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpsaude-copy .hero-body, .helpsaude-copy .hero-actions { justify-content:center; }
.helpsaude-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.helpsaude-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f6f4 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpsaude-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpsaude-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpsaude-hero-art .helpsaude-art-item-1 { background:linear-gradient(180deg, #f7f6f4 0%, #eee6df 100%); }
.helpsaude-hero-art .helpsaude-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.helpsaude-hero-art .helpsaude-art-item-3 { background:linear-gradient(180deg, #eee6df 0%, #ffffff 100%); }
.helpsaude-hero-art .helpsaude-art-item-4 { background:linear-gradient(180deg, #f7f6f4 0%, #ddc9bc 100%); }
.helpsaude-hero-art .helpsaude-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eee6df 100%); }
.helpsaude-section-block, .helpsaude-result-shell { display:grid; gap:24px; }
.helpsaude-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpsaude-section-card, .helpsaude-reading-card, .helpsaude-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); }
.helpsaude-section-card span, .helpsaude-reading-card span, .helpsaude-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpsaude-section-card strong, .helpsaude-reading-card strong, .helpsaude-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpsaude-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpsaude-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f6f4 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpsaude-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpsaude-band-wrap .section-header { margin-bottom:24px; }
.helpsaude-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.helpsaude-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpsaude-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpsaude-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpsaude-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpsaude-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpsaude-hero-art, .helpsaude-section-surface, .helpsaude-reading-grid, .helpsaude-band, .helpsaude-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpsaude-hero { padding:88px 0 48px; } .helpsaude-hero-art, .helpsaude-section-surface, .helpsaude-reading-grid, .helpsaude-band, .helpsaude-result-art { grid-template-columns:1fr; } .helpsaude-hero-art { padding:20px; } }


/* Família */
.helpfamilia-page .eyebrow::before,
.helpfamilia-page .card-eyebrow::before {
  content: none;
}
.helpfamilia-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 42% 42%, #deebff, transparent 26%),
    linear-gradient(180deg, #f6faff 0%, #f6faff 52%, #ffffff 100%);
}
.helpfamilia-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpfamilia-copy { max-width: 760px; text-align:center; }
.helpfamilia-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpfamilia-copy .hero-body, .helpfamilia-copy .hero-actions { justify-content:center; }
.helpfamilia-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.helpfamilia-art-item { min-height:144px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f6faff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpfamilia-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpfamilia-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpfamilia-hero-art .helpfamilia-art-item-1 { background:linear-gradient(180deg, #f6faff 0%, #deebff 100%); }
.helpfamilia-hero-art .helpfamilia-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.helpfamilia-hero-art .helpfamilia-art-item-3 { background:linear-gradient(180deg, #deebff 0%, #ffffff 100%); }
.helpfamilia-hero-art .helpfamilia-art-item-4 { background:linear-gradient(180deg, #f6faff 0%, #c9def7 100%); }
.helpfamilia-hero-art .helpfamilia-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #deebff 100%); }
.helpfamilia-section-block, .helpfamilia-result-shell { display:grid; gap:24px; }
.helpfamilia-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpfamilia-section-card, .helpfamilia-reading-card, .helpfamilia-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); }
.helpfamilia-section-card span, .helpfamilia-reading-card span, .helpfamilia-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpfamilia-section-card strong, .helpfamilia-reading-card strong, .helpfamilia-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpfamilia-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpfamilia-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpfamilia-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpfamilia-band-wrap .section-header { margin-bottom:24px; }
.helpfamilia-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #14161b 0%, #000000 100%); }
.helpfamilia-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpfamilia-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpfamilia-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpfamilia-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpfamilia-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpfamilia-hero-art, .helpfamilia-section-surface, .helpfamilia-reading-grid, .helpfamilia-band, .helpfamilia-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpfamilia-hero { padding:88px 0 48px; } .helpfamilia-hero-art, .helpfamilia-section-surface, .helpfamilia-reading-grid, .helpfamilia-band, .helpfamilia-result-art { grid-template-columns:1fr; } .helpfamilia-hero-art { padding:20px; } }


/* Finanças pessoais */
.helpfin-page .eyebrow::before,
.helpfin-page .card-eyebrow::before {
  content: none;
}
.helpfin-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 49% 53%, #efe7ff, transparent 26%),
    linear-gradient(180deg, #faf7ff 0%, #faf7ff 52%, #ffffff 100%);
}
.helpfin-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpfin-copy { max-width: 760px; text-align:center; }
.helpfin-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpfin-copy .hero-body, .helpfin-copy .hero-actions { justify-content:center; }
.helpfin-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.helpfin-art-item { min-height:156px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #faf7ff 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpfin-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpfin-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpfin-hero-art .helpfin-art-item-1 { background:linear-gradient(180deg, #faf7ff 0%, #efe7ff 100%); }
.helpfin-hero-art .helpfin-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.helpfin-hero-art .helpfin-art-item-3 { background:linear-gradient(180deg, #efe7ff 0%, #ffffff 100%); }
.helpfin-hero-art .helpfin-art-item-4 { background:linear-gradient(180deg, #faf7ff 0%, #dbcdf8 100%); }
.helpfin-hero-art .helpfin-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #efe7ff 100%); }
.helpfin-section-block, .helpfin-result-shell { display:grid; gap:24px; }
.helpfin-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpfin-section-card, .helpfin-reading-card, .helpfin-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); }
.helpfin-section-card span, .helpfin-reading-card span, .helpfin-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpfin-section-card strong, .helpfin-reading-card strong, .helpfin-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpfin-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpfin-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #faf7ff 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpfin-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpfin-band-wrap .section-header { margin-bottom:24px; }
.helpfin-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #181a1f 0%, #000000 100%); }
.helpfin-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpfin-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpfin-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpfin-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpfin-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpfin-hero-art, .helpfin-section-surface, .helpfin-reading-grid, .helpfin-band, .helpfin-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpfin-hero { padding:88px 0 48px; } .helpfin-hero-art, .helpfin-section-surface, .helpfin-reading-grid, .helpfin-band, .helpfin-result-art { grid-template-columns:1fr; } .helpfin-hero-art { padding:20px; } }


/* Viagens */
.helpviagem-page .eyebrow::before,
.helpviagem-page .card-eyebrow::before {
  content: none;
}
.helpviagem-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 56% 14%, #eef3ff, transparent 26%),
    linear-gradient(180deg, #f7f8fb 0%, #f7f8fb 52%, #ffffff 100%);
}
.helpviagem-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpviagem-copy { max-width: 760px; text-align:center; }
.helpviagem-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpviagem-copy .hero-body, .helpviagem-copy .hero-actions { justify-content:center; }
.helpviagem-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:16px; }
.helpviagem-art-item { min-height:120px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #f7f8fb 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpviagem-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpviagem-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpviagem-hero-art .helpviagem-art-item-1 { background:linear-gradient(180deg, #f7f8fb 0%, #eef3ff 100%); }
.helpviagem-hero-art .helpviagem-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.helpviagem-hero-art .helpviagem-art-item-3 { background:linear-gradient(180deg, #eef3ff 0%, #ffffff 100%); }
.helpviagem-hero-art .helpviagem-art-item-4 { background:linear-gradient(180deg, #f7f8fb 0%, #d7e4ff 100%); }
.helpviagem-hero-art .helpviagem-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #eef3ff 100%); }
.helpviagem-section-block, .helpviagem-result-shell { display:grid; gap:24px; }
.helpviagem-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpviagem-section-card, .helpviagem-reading-card, .helpviagem-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); }
.helpviagem-section-card span, .helpviagem-reading-card span, .helpviagem-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpviagem-section-card strong, .helpviagem-reading-card strong, .helpviagem-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpviagem-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpviagem-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #f7f8fb 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpviagem-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpviagem-band-wrap .section-header { margin-bottom:24px; }
.helpviagem-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #0f1115 0%, #000000 100%); }
.helpviagem-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpviagem-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpviagem-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpviagem-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpviagem-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpviagem-hero-art, .helpviagem-section-surface, .helpviagem-reading-grid, .helpviagem-band, .helpviagem-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpviagem-hero { padding:88px 0 48px; } .helpviagem-hero-art, .helpviagem-section-surface, .helpviagem-reading-grid, .helpviagem-band, .helpviagem-result-art { grid-template-columns:1fr; } .helpviagem-hero-art { padding:20px; } }


/* Eventos */
.helpevento-page .eyebrow::before,
.helpevento-page .card-eyebrow::before {
  content: none;
}
.helpevento-hero {
  padding: 112px 0 56px;
  background:
    radial-gradient(circle at 63% 25%, #fff1db, transparent 26%),
    linear-gradient(180deg, #fbfaf6 0%, #fbfaf6 52%, #ffffff 100%);
}
.helpevento-hero-shell { display:grid; gap:32px; justify-items:center; }
.helpevento-copy { max-width: 760px; text-align:center; }
.helpevento-copy .hero-title { max-width: 920px; margin-inline:auto; }
.helpevento-copy .hero-body, .helpevento-copy .hero-actions { justify-content:center; }
.helpevento-hero-art { width:min(100%, 920px); padding:28px; border-radius:34px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, rgba(255,255,255,0.92) 0%, rgba(250,250,252,0.98) 100%); box-shadow:0 24px 80px rgba(0,0,0,0.08); display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:16px; }
.helpevento-art-item { min-height:132px; padding:18px; border-radius:24px; border:1px solid rgba(0,0,0,0.06); background:linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #fbfaf6 100%); display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.helpevento-art-item span { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpevento-art-item strong { font-size:clamp(22px, 2vw, 36px); line-height:1.05; letter-spacing:-0.03em; }
.helpevento-hero-art .helpevento-art-item-1 { background:linear-gradient(180deg, #fbfaf6 0%, #fff1db 100%); }
.helpevento-hero-art .helpevento-art-item-2 { background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.helpevento-hero-art .helpevento-art-item-3 { background:linear-gradient(180deg, #fff1db 0%, #ffffff 100%); }
.helpevento-hero-art .helpevento-art-item-4 { background:linear-gradient(180deg, #fbfaf6 0%, #f6dcc4 100%); }
.helpevento-hero-art .helpevento-art-item-5 { background:linear-gradient(180deg, #ffffff 0%, #fff1db 100%); }
.helpevento-section-block, .helpevento-result-shell { display:grid; gap:24px; }
.helpevento-section-surface { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
.helpevento-section-card, .helpevento-reading-card, .helpevento-result-item { padding:22px; border-radius:26px; border:1px solid rgba(0,0,0,0.08); background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); }
.helpevento-section-card span, .helpevento-reading-card span, .helpevento-result-item span { display:block; margin-bottom:10px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fillr-text-tertiary); }
.helpevento-section-card strong, .helpevento-reading-card strong, .helpevento-result-item strong { display:block; font-size:clamp(20px, 1.8vw, 30px); line-height:1.08; letter-spacing:-0.03em; margin-bottom:8px; }
.helpevento-section-card p { margin:0; color:var(--fillr-text-secondary); }
.helpevento-reading-sheet { padding:32px; border-radius:34px; background:linear-gradient(180deg, #ffffff 0%, #fbfaf6 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:var(--fillr-shadow-card); display:grid; gap:24px; }
.helpevento-reading-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
.helpevento-band-wrap .section-header { margin-bottom:24px; }
.helpevento-band { padding:28px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; background:linear-gradient(180deg, #111317 0%, #000000 100%); }
.helpevento-band-step { padding:20px; border-radius:24px; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.03); }
.helpevento-band-step span { display:block; margin-bottom:8px; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:rgba(245,245,247,0.62); }
.helpevento-band-step strong { display:block; margin-bottom:8px; font-size:28px; line-height:1.06; letter-spacing:-0.03em; color:#f5f5f7; }
.helpevento-band-step p { margin:0; color:rgba(245,245,247,0.74); }
.helpevento-result-art { max-width:840px; margin-inline:auto; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
@media (max-width: 1023px) { .helpevento-hero-art, .helpevento-section-surface, .helpevento-reading-grid, .helpevento-band, .helpevento-result-art { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .helpevento-hero { padding:88px 0 48px; } .helpevento-hero-art, .helpevento-section-surface, .helpevento-reading-grid, .helpevento-band, .helpevento-result-art { grid-template-columns:1fr; } .helpevento-hero-art { padding:20px; } }


/* Imprensa */
.press-page .eyebrow::before,
.press-page .card-eyebrow::before {
  content: none;
}
.press-hero {
  padding: 108px 0 56px;
  background:
    radial-gradient(circle at 28% 22%, rgba(214, 229, 255, 0.9) 0%, rgba(214, 229, 255, 0) 28%),
    linear-gradient(180deg, #f8f9fc 0%, #ffffff 58%, #ffffff 100%);
}
.press-hero-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 0.88fr);
  gap: 40px;
  align-items: center;
}
.press-copy {
  max-width: 660px;
}
.press-hero-surface {
  display: grid;
  gap: 18px;
  padding: 24px;
  border-radius: 34px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,250,255,0.98) 100%);
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.08);
}
.press-surface-sheet,
.press-release-card,
.press-kit-item,
.press-contact-card,
.press-contact-row {
  border-radius: 28px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);
}
.press-surface-sheet {
  padding: 24px;
}
.press-surface-sheet-primary {
  min-height: 182px;
  display: grid;
  align-content: space-between;
}
.press-surface-sheet span,
.press-kit-item span,
.press-contact-row span {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fillr-text-tertiary);
}
.press-surface-sheet strong,
.press-kit-item strong,
.press-contact-row strong {
  display: block;
  font-size: clamp(20px, 2vw, 34px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}
.press-surface-sheet p,
.press-kit-item p {
  margin: 10px 0 0;
  color: var(--fillr-text-secondary);
}
.press-surface-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.press-release-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.press-release-card {
  padding: 24px;
}
.press-kit-shell,
.press-contact-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  align-items: center;
}
.press-kit-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.press-kit-item {
  padding: 22px;
  min-height: 180px;
}
.press-boilerplate-band {
  padding: 36px;
  border-radius: 36px;
  background: linear-gradient(180deg, #111317 0%, #050608 100%);
}
.press-boilerplate-band .showcase-kicker,
.press-boilerplate-band .section-title,
.press-boilerplate-band .section-body {
  color: #f5f5f7;
}
.press-boilerplate-band .section-body {
  max-width: 920px;
  color: rgba(245,245,247,0.82);
}
.press-contact-card {
  padding: 18px;
  display: grid;
  gap: 14px;
}
.press-contact-row {
  padding: 20px 22px;
}
@media (max-width: 1023px) {
  .press-hero-shell,
  .press-kit-shell,
  .press-contact-shell,
  .press-release-grid,
  .press-surface-grid,
  .press-kit-board {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .press-hero {
    padding: 88px 0 44px;
  }
  .press-hero-surface,
  .press-boilerplate-band {
    padding: 22px;
  }
}

@media (max-width: 1023px) {
  .showcase-copy,
  .hero-content {
    max-width: min(100%, 760px);
  }

  .subnav {
    margin-top: 28px;
    padding-top: 12px;
  }

  .subnav-strip {
    gap: 8px;
    scroll-padding-inline: 6px;
  }

  .subnav-chip {
    flex: 0 0 auto;
  }
}

@media (max-width: 767px) {
  .showcase-band {
    padding-inline: 14px;
  }

  .showcase-copy {
    max-width: 100%;
  }

  .showcase-title {
    font-size: clamp(34px, 13vw, 54px);
    line-height: 1.02;
  }

  .showcase-title.medium {
    font-size: clamp(30px, 11vw, 40px);
  }

  .showcase-subtitle {
    max-width: 34ch;
    font-size: 17px;
    line-height: 1.36;
  }

  .hero-title {
    font-size: clamp(34px, 13vw, 56px);
    line-height: 1.02;
  }

  .section-title {
    font-size: clamp(28px, 10vw, 38px);
  }

  .hero-body,
  .section-body {
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.44;
  }

  .showcase-actions,
  .showcase-actions.center,
  .hero-actions,
  .section-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .showcase-actions .button,
  .showcase-actions .button-plain,
  .hero-actions .button,
  .hero-actions .button-plain,
  .section-actions .button,
  .section-actions .button-plain {
    width: 100%;
    justify-content: center;
  }

  .subnav {
    margin-top: 18px;
    padding-top: 10px;
  }

  .subnav-strip {
    gap: 8px;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .subnav-chip {
    min-height: 36px;
    padding: 0 14px;
    font-size: 14px;
    scroll-snap-align: start;
  }

  .footer {
    margin-top: 72px;
    padding: 20px 0 24px;
  }

  .footer-grid {
    gap: 18px;
  }

  .footer-title {
    margin-bottom: 6px;
  }

  .footer-list {
    gap: 6px;
  }

  .footer > .container > .footer-legal {
    margin-top: 16px;
    padding-top: 14px;
  }

  .mobile-menu {
    padding: 16px 18px 24px;
  }

  .mobile-menu-links a {
    font-size: 20px;
  }
}