:root {
  --navy: #071b46;
  --navy-deep: #02102d;
  --navy-soft: #092558;
  --blue: #0b63e5;
  --blue-dark: #075a91;
  --blue-light: #eaf3ff;
  --cyan: #12a8ff;
  --green: #17b26a;
  --green-bg: #eaf8f0;
  --orange: #ff9800;
  --orange-bg: #fff4e5;
  --red: #e5484d;
  --bg: #f6f8fc;
  --surface: #ffffff;
  --surface-2: #f8fbff;
  --text: #07153f;
  --muted: #53617e;
  --muted-2: #7c8aa8;
  --border: #dfe7f2;
  --border-2: #ccd9eb;
  --shadow: 0 16px 38px rgba(8, 31, 89, .1);
  --shadow-soft: 0 10px 24px rgba(8, 31, 89, .06);
  --radius: 18px;
  --radius-sm: 12px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: Inter, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { overflow-wrap: break-word; }
.skip-link { position: fixed; z-index: 200; top: -70px; left: 16px; padding: 12px 16px; border-radius: 8px; background: #fff; color: var(--navy); font-weight: 800; }
.skip-link:focus { top: 12px; }
.content-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 12px 22px; border: 1px solid transparent; border-radius: 13px; font-size: 1rem; font-weight: 800; text-decoration: none; text-align: center; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.button:hover { transform: translateY(-1px); }
.button:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #80b8ff; outline-offset: 3px; }
.button-primary { color: #fff; background: linear-gradient(180deg, #0869f5 0%, #004fd1 100%); box-shadow: 0 10px 22px rgba(11, 99, 229, .2); }
.button-primary:hover { background: linear-gradient(180deg, #075fe2 0%, #0048bd 100%); }
.button-secondary { color: var(--blue); background: #fff; border-color: var(--blue); }
.button-secondary:hover, .button-outline:hover { background: var(--blue-light); }
.button-outline { color: var(--blue); background: #fff; border-color: var(--border-2); box-shadow: none; }
.button-small { min-height: 42px; padding-inline: 16px; font-size: 0.875rem; }
.button-wide { width: 100%; }

/* Estrutura inspirada diretamente no sistema aprovado */
.site-shell { display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); min-height: 100vh; }
.site-sidebar { position: sticky; z-index: 60; top: 0; display: flex; height: 100vh; flex-direction: column; padding: 30px 18px 22px; overflow-y: auto; color: #fff; background: radial-gradient(circle at 80% 10%, rgba(18, 168, 255, .11), transparent 28%), linear-gradient(180deg, #06224f 0%, #02142d 100%); }
.sidebar-brand { display: block; padding: 0 5px; margin: 0 0 42px; border-radius: 8px; }
.sidebar-brand img { width: 192px; height: auto; }
.sidebar-nav { display: flex; flex-direction: column; gap: 8px; }
.sidebar-nav a { display: flex; min-height: 52px; align-items: center; gap: 13px; padding: 0 14px; border-radius: 11px; color: rgba(255,255,255,.92); font-size: 1rem; font-weight: 650; text-decoration: none; }
.sidebar-nav a:hover, .sidebar-nav a.active { color: #fff; background: linear-gradient(90deg, rgba(12,109,178,.82), rgba(9,86,139,.68)); }
.sidebar-nav a > span { display: grid; width: 25px; height: 25px; place-items: center; font-size: 1.25rem; font-weight: 500; }
.sidebar-security { display: flex; gap: 12px; align-items: flex-start; padding: 16px; margin-top: auto; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.07); }
.sidebar-security .shield { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border: 1px solid var(--cyan); border-radius: 50%; color: var(--cyan); font-weight: 900; }
.sidebar-security strong { display: block; margin-bottom: 5px; font-size: 0.75rem; }
.sidebar-security p { margin: 0; color: rgba(255,255,255,.78); font-size: 0.75rem; line-height: 1.45; }
.sidebar-cta { display: flex; min-height: 44px; align-items: center; justify-content: center; margin-top: 14px; border-radius: 9px; color: #fff; background: linear-gradient(180deg, #0869f5, #004fd1); font-size: 0.875rem; font-weight: 800; text-decoration: none; }
.site-content { min-width: 0; background: #fff; }
.mobile-header { display: none; }

.public-shell { background: linear-gradient(180deg, #f7faff, #eef4fb); }
.public-shell .site-content { background: transparent; }
.public-header { background: #f7faff; border-bottom: 1px solid var(--border); }
.public-nav { display: flex; min-height: 84px; gap: 24px; align-items: center; justify-content: space-between; }
.public-links { display: flex; gap: 28px; align-items: center; }
.public-links a { color: #405071; font-weight: 750; font-size: .9375rem; text-decoration: none; }
.public-links a:hover { color: var(--blue-dark); }
.public-nav .brand { padding: 3px 9px; background: #071b46; border-radius: 10px; }
.public-nav .brand img { width: 150px; height: auto; }
.product-hero { display: grid; width: min(1180px, calc(100% - 40px)); margin-inline: auto; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: 44px; align-items: center; min-height: 680px; padding: 58px 0 64px; }
.eyebrow, .section-label { margin: 0 0 14px; color: var(--blue); font-size: 0.8125rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hero-copy h1 { max-width: 690px; margin: 0 0 20px; color: #071d4f; font-size: clamp(2.625rem, 4.6vw, 3.875rem); line-height: 1.04; letter-spacing: -.045em; }
.hero-copy h1 span { color: #0d8de5; }
.hero-lead { max-width: 680px; margin: 0 0 12px; color: #24375e; font-size: 1.25rem; line-height: 1.55; }
.hero-support { max-width: 680px; margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 29px 0 23px; }
.hero-benefits { display: flex; flex-wrap: wrap; gap: 11px 20px; padding: 0; margin: 0; list-style: none; color: #30456d; font-size: 0.8125rem; font-weight: 700; }
.hero-benefits li { display: flex; align-items: center; gap: 7px; }
.hero-benefits span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; color: #fff; background: var(--green); font-size: 0.6875rem; }
.system-preview { min-width: 0; margin: 0; padding: 22px; overflow: hidden; border: 1px solid var(--border-2); border-radius: 28px; background: radial-gradient(circle at 80% 12%, rgba(18,155,255,.26), transparent 38%), linear-gradient(160deg, #031c4b, #001135); box-shadow: 0 28px 70px rgba(3,28,75,.24); }
.preview-toolbar { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 16px; border-bottom: 1px solid var(--border); background: #fbfdff; color: #263b64; font-size: 0.75rem; }
.preview-toolbar > div { display: flex; align-items: center; gap: 9px; }
.window-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 15px 0 0 var(--orange), 30px 0 0 #e5484d; margin-right: 28px; }
.synthetic-tag { flex: 0 0 auto; padding: 6px 9px; border: 1px solid #bed8ff; border-radius: 999px; color: var(--blue); background: var(--blue-light); font-size: 0.625rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.preview-crop { aspect-ratio: 1.42 / 1; overflow: hidden; background: var(--bg); }
.preview-crop img { width: auto; max-width: none; height: 100%; object-fit: cover; object-position: left top; }
.system-preview figcaption { padding: 15px 0 0; color: #d4e2f5; font-size: .8125rem; line-height: 1.5; }
.catalog-status { margin: 18px 0 0; color: var(--muted); font-size: 1rem; line-height: 1.6; }

.confidence-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #f8fbff; }
.confidence-strip article { display: flex; min-width: 0; gap: 12px; align-items: center; padding: 21px 24px; border-right: 1px solid var(--border); }
.confidence-strip article:last-child { border-right: 0; }
.confidence-strip article > span { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 50%; color: var(--blue); background: var(--blue-light); font-size: 0.6875rem; font-weight: 900; }
.confidence-strip strong, .confidence-strip small { display: block; }
.confidence-strip strong { margin-bottom: 3px; color: #10224f; font-size: 0.8125rem; }
.confidence-strip small { color: var(--muted); font-size: 0.6875rem; line-height: 1.35; }

.section { padding: 92px 0; }
.section-heading { margin-bottom: 40px; }
.section-heading h2, .resource-copy h2, .audience-grid h2, .security-layout h2, .final-cta h2 { margin: 0; color: #07102c; font-size: clamp(2.1875rem, 3.7vw, 3.25rem); line-height: 1.08; letter-spacing: -.038em; }
.section-heading > p, .section-heading > div + p, .resource-copy > p:not(.section-label), .audience-grid > div > p:not(.section-label), .security-layout > div > p:not(.section-label), .final-cta p { color: var(--muted); font-size: 1.0625rem; line-height: 1.65; }
.split-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .75fr); gap: 68px; align-items: end; }
.split-heading > p { margin: 0 0 2px; }
.centered-heading { max-width: 780px; margin-inline: auto; text-align: center; }
.centered-heading > p:last-child { margin: 15px auto 0; }

.problem-section { background: #fff; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.problem-grid article { min-height: 250px; padding: 28px; border: 1px solid var(--border); border-radius: 15px; background: #fff; box-shadow: var(--shadow-soft); }
.problem-grid article > span { color: var(--blue); font-size: 0.75rem; font-weight: 900; letter-spacing: .1em; }
.problem-grid h3 { margin: 42px 0 10px; color: #10224f; font-size: 1.25rem; }
.problem-grid p { margin: 0; color: var(--muted); font-size: 0.9375rem; line-height: 1.6; }

.workflow-section { color: #fff; background: radial-gradient(circle at 82% 10%, rgba(18,168,255,.13), transparent 25%), linear-gradient(180deg, #071b46, #02102d); }
.workflow-section .section-label { color: #82b9ff; }
.workflow-section .section-heading h2 { color: #fff; }
.workflow-section .section-heading > p:last-child { color: #b8cae2; }
.workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 0; margin: 0; list-style: none; }
.workflow-grid li { position: relative; min-height: 290px; padding: 25px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(255,255,255,.05); }
.step-number { position: absolute; top: 19px; right: 19px; display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(130,185,255,.52); border-radius: 50%; color: #9bc8ff; font-size: 0.6875rem; font-weight: 900; }
.step-icon { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(130,185,255,.42); border-radius: 14px; color: #59b6ff; background: rgba(18,168,255,.08); font-size: 1.75rem; }
.workflow-grid h3 { margin: 32px 0 10px; color: #fff; font-size: 1.25rem; }
.workflow-grid p { margin: 0; color: #b8cae2; font-size: 0.875rem; line-height: 1.6; }

.resources-section { background: #f6f8fc; }
.resource-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: 58px; align-items: start; }
.resource-copy { position: sticky; top: 42px; }
.resource-copy > p:not(.section-label) { margin: 20px 0; }
.text-link { display: inline-flex; gap: 9px; align-items: center; color: var(--blue); font-weight: 850; text-decoration: none; }
.resource-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.resource-grid article { display: grid; grid-template-columns: 58px 1fr; gap: 15px; min-height: 170px; padding: 22px; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.resource-code { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid #bed8ff; border-radius: 15px; color: var(--blue); background: var(--blue-light); font-size: 0.8125rem; font-weight: 900; }
.resource-grid h3 { margin: 4px 0 8px; color: #10224f; font-size: 1.125rem; }
.resource-grid p { margin: 0; color: var(--muted); font-size: 0.875rem; line-height: 1.55; }

.audience-section { background: #fff; }
.audience-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr); gap: 70px; align-items: center; }
.audience-grid > div > p:not(.section-label) { margin: 20px 0 0; }
.audience-grid ul { display: grid; gap: 10px; padding: 0; margin: 0; list-style: none; }
.audience-grid li { display: grid; grid-template-columns: 31px 1fr; gap: 13px; align-items: center; padding: 17px 18px; border: 1px solid var(--border); border-radius: 12px; color: #30456d; background: #fbfdff; line-height: 1.5; }
.audience-grid li span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; color: #078a4d; background: var(--green-bg); font-weight: 900; }

.plans-section { background: #f6f8fc; }
.plans-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.plan-card { display: flex; min-height: 315px; flex-direction: column; padding: 24px; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: var(--shadow-soft); }
.plan-kicker { color: var(--blue); font-size: 0.6875rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.plan-card h3 { margin: 16px 0 0; color: #10224f; font-size: 1.375rem; }
.plan-price { margin: 18px 0 8px; color: #07102c; font-size: 2rem; font-weight: 950; letter-spacing: -.04em; }
.plan-price small { font-size: 0.875rem; letter-spacing: 0; }
.plan-card > p:not(.plan-price) { flex: 1; margin: 0 0 22px; color: var(--muted); font-size: 0.875rem; line-height: 1.55; }
.plan-card .button { width: 100%; }
.plan-trial { color: #fff; background: linear-gradient(180deg, #071b46, #02142d); border-color: #071b46; }
.plan-trial .plan-kicker { color: #74dbae; }
.plan-trial h3, .plan-trial .plan-price { color: #fff; }
.plan-trial > p:not(.plan-price) { color: #b8cae2; }
.commercial-note { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; padding: 18px 20px; margin-top: 18px; border: 1px solid #f0ce8c; border-radius: 11px; color: #795c36; background: #fff9ed; font-size: 0.8125rem; line-height: 1.5; }
.commercial-note strong { color: #74420a; }

.security-section { background: #fff; }
.security-layout { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; }
.security-layout > div > p:not(.section-label) { margin: 20px 0 0; }
.security-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.security-cards article { min-height: 250px; padding: 23px; border: 1px solid var(--border); border-radius: 14px; background: #fbfdff; }
.security-cards article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #078a4d; background: var(--green-bg); font-size: 0.6875rem; font-weight: 900; }
.security-cards h3 { margin: 36px 0 9px; color: #10224f; font-size: 1.125rem; }
.security-cards p { margin: 0; color: var(--muted); font-size: 0.875rem; line-height: 1.55; }

.final-cta { padding: 66px 0; border-top: 1px solid #cfe0f6; background: var(--blue-light); }
.final-cta-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 44px; align-items: center; }
.final-cta h2 { font-size: clamp(2.125rem, 3.4vw, 3rem); }
.final-cta p:not(.section-label) { margin: 14px 0 0; }

.site-footer { padding: 48px 0 20px; color: #c7d5e8; background: #02102d; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 42px; }
.footer-brand img { width: 158px; }
.footer-brand p { max-width: 300px; color: #90a7c3; font-size: 0.8125rem; line-height: 1.55; }
.footer-grid > div:not(.footer-brand) { display: grid; align-content: start; gap: 10px; }
.footer-grid strong { margin-bottom: 4px; color: #fff; font-size: 0.8125rem; }
.footer-grid a { color: #9fb3cb; font-size: 0.75rem; text-decoration: none; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 18px; margin-top: 38px; border-top: 1px solid rgba(255,255,255,.1); color: #7189a5; font-size: 0.6875rem; }

/* Ponte para o produto local */
.bridge-body { min-height: 100vh; background: #f7f9fd; }
.bridge-shell { display: grid; grid-template-columns: minmax(360px, 470px) minmax(0, 1fr); min-height: 100vh; }
.bridge-hero { position: relative; display: flex; flex-direction: column; padding: 36px 38px 30px; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 18%, rgba(18,168,255,.15), transparent 33%), linear-gradient(180deg, #06224f 0%, #02142d 100%); }
.bridge-hero::after { position: absolute; right: -170px; bottom: -90px; width: 520px; height: 210px; border: 1px solid rgba(255,152,0,.34); border-bottom: 0; border-radius: 280px 280px 0 0; content: ""; transform: rotate(-12deg); }
.bridge-brand { position: relative; z-index: 1; align-self: flex-start; border-radius: 8px; }
.bridge-brand img { width: 190px; }
.bridge-copy { position: relative; z-index: 1; margin: auto 0; padding: 54px 0; }
.bridge-copy .eyebrow { color: #82b9ff; }
.bridge-copy h1 { margin: 0 0 20px; font-size: clamp(2.375rem, 4vw, 3.375rem); line-height: 1.05; letter-spacing: -.04em; }
.bridge-copy h1 span { color: var(--cyan); }
.bridge-copy > p:not(.eyebrow) { margin: 0; color: rgba(255,255,255,.82); font-size: 1.0625rem; line-height: 1.6; }
.bridge-benefits { display: grid; gap: 19px; padding: 0; margin: 32px 0 0; list-style: none; }
.bridge-benefits li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.bridge-benefits li > span { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; color: var(--cyan); background: rgba(18,168,255,.12); font-weight: 900; }
.bridge-benefits strong, .bridge-benefits small { display: block; }
.bridge-benefits strong { margin-bottom: 4px; font-size: 0.875rem; }
.bridge-benefits small { color: rgba(255,255,255,.72); font-size: 0.75rem; line-height: 1.45; }
.bridge-security { position: relative; z-index: 1; display: flex; gap: 12px; padding: 16px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.07); }
.bridge-security > span { color: var(--cyan); font-size: 1.625rem; }
.bridge-security strong { display: block; margin-bottom: 4px; font-size: 0.75rem; }
.bridge-security p { margin: 0; color: rgba(255,255,255,.72); font-size: 0.75rem; line-height: 1.45; }
.bridge-main { display: grid; grid-template-rows: auto 1fr; min-width: 0; padding: 28px 38px 38px; }
.bridge-topbar { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 0.8125rem; font-weight: 750; }
.bridge-topbar a { color: var(--blue); text-decoration: none; }
.bridge-panel { width: min(650px, 100%); align-self: center; justify-self: center; padding: 35px 38px; border: 1px solid var(--border); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.bridge-panel-heading { padding-bottom: 20px; border-bottom: 1px solid var(--border); text-align: center; }
.bridge-panel-heading > span { color: var(--blue); font-size: 0.75rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.bridge-panel-heading h2 { margin: 11px 0 8px; color: #07102c; font-size: 1.9375rem; }
.bridge-panel-heading p { margin: 0; color: var(--muted); }
.purchase-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 0; margin: 22px 0; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.purchase-summary div { padding: 18px 14px; border-right: 1px solid var(--border); text-align: center; }
.purchase-summary div:last-child { border-right: 0; }
.purchase-summary dt { margin-bottom: 7px; color: var(--muted); font-size: 0.75rem; }
.purchase-summary dd { margin: 0; color: #10224f; font-size: 0.875rem; font-weight: 900; }
.local-status { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 13px 0 0; color: var(--muted); font-size: 0.75rem; }
.local-status span { color: var(--green); font-size: 0.625rem; }
.bridge-warning { padding: 15px 16px; margin-top: 22px; border: 1px solid #f0ce8c; border-radius: 11px; background: #fff9ed; }
.bridge-warning strong { color: #74420a; font-size: 0.8125rem; }
.bridge-warning p { margin: 5px 0 0; color: #795c36; font-size: 0.75rem; line-height: 1.5; }
.bridge-links { display: flex; justify-content: center; gap: 18px; margin-top: 19px; }
.bridge-links a { color: var(--blue); font-size: 0.75rem; font-weight: 800; }

/* Páginas auxiliares */
.container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.site-header { background: linear-gradient(180deg, #071b46, #02142d); border-bottom: 1px solid rgba(255,255,255,.1); }
.nav-shell { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; }
.brand { border-radius: 7px; }
.brand img { width: 156px; }
.legal-main, .route-main { min-height: calc(100vh - 76px); padding: 68px 0; background: #f6f8fc; }
.legal-card, .route-card { width: min(860px, calc(100% - 40px)); padding: 38px; margin: 0 auto; border: 1px solid var(--border); border-radius: 16px; background: #fff; box-shadow: var(--shadow-soft); }
.legal-card h1, .route-card h1 { margin: 0 0 14px; color: #07102c; font-size: clamp(2.125rem, 5vw, 3.125rem); line-height: 1.08; letter-spacing: -.04em; }
.legal-card > p, .route-card > p { color: var(--muted); line-height: 1.65; }
.legal-meta { display: inline-flex; padding: 7px 10px; margin-bottom: 20px; border-radius: 999px; color: var(--blue); background: var(--blue-light); font-size: 0.6875rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.legal-section { padding: 21px 0; border-top: 1px solid var(--border); }
.legal-section h2 { margin: 0 0 8px; color: #10224f; font-size: 1.25rem; }
.legal-section p, .legal-section li { color: var(--muted); line-height: 1.65; }
.legal-actions, .route-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.route-card { text-align: center; }
.route-actions { justify-content: center; }

@media (max-width: 1180px) {
  .product-hero { gap: 32px; }
  .hero-copy { max-width: 820px; }
  .system-preview { max-width: 920px; }
  .plans-grid { grid-template-columns: repeat(3, 1fr); }
  .security-layout { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 82px; }
  .public-nav { flex-wrap: wrap; padding-block: 14px; gap: 12px; }
  .public-links { order: 3; flex: 0 0 100%; flex-wrap: wrap; justify-content: center; gap: 14px 24px; padding-top: 8px; }
  .site-shell { display: block; }
  .site-sidebar { display: none; }
  .mobile-header { position: sticky; z-index: 50; top: 0; display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; padding: 0 22px; background: linear-gradient(180deg, #071b46, #02142d); }
  .mobile-header .brand img { width: 148px; }
  .product-hero { min-height: auto; grid-template-columns: 1fr; padding: 48px 0 64px; }
  .content-container { width: min(100% - 40px, 1160px); }
  .confidence-strip { grid-template-columns: 1fr 1fr; }
  .confidence-strip article:nth-child(2) { border-right: 0; }
  .confidence-strip article:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .split-heading, .resource-layout, .audience-grid { grid-template-columns: 1fr; gap: 32px; }
  .resource-copy { position: static; }
  .workflow-grid { grid-template-columns: 1fr 1fr; }
  .plans-grid { grid-template-columns: 1fr 1fr; }
  .security-cards { grid-template-columns: repeat(3, 1fr); }
  .bridge-shell { grid-template-columns: 1fr; }
  .bridge-hero { min-height: 620px; }
  .bridge-copy { max-width: 720px; }
  .bridge-main { min-height: 720px; }
}

@media (max-width: 640px) {
  .content-container { width: min(100% - 28px, 1160px); }
  .section { padding: 70px 0; }
  .mobile-header { min-height: 68px; padding-inline: 14px; }
  .mobile-header .brand img { width: 128px; }
  .button-small { min-height: 40px; padding-inline: 11px; font-size: 0.75rem; }
  .product-hero { width: calc(100% - 28px); gap: 34px; padding: 38px 0 54px; }
  .hero-copy h1 { font-size: 2.625rem; }
  .hero-lead { font-size: 1.125rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-benefits { display: grid; }
  .preview-toolbar { align-items: flex-start; flex-direction: column; padding-block: 11px; }
  .system-preview { padding: 12px; border-radius: 18px; }
  .preview-crop { aspect-ratio: 1.42 / 1; }
  .confidence-strip, .problem-grid, .workflow-grid, .resource-grid, .plans-grid, .security-cards { grid-template-columns: 1fr; }
  .confidence-strip article, .confidence-strip article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--border); }
  .confidence-strip article:last-child { border-bottom: 0; }
  .problem-grid article, .workflow-grid li, .security-cards article { min-height: 0; }
  .workflow-grid h3 { margin-top: 24px; }
  .resource-grid article { grid-template-columns: 50px 1fr; min-height: 0; padding: 19px; }
  .resource-code { width: 48px; height: 48px; }
  .commercial-note { grid-template-columns: 1fr; }
  .final-cta-grid { grid-template-columns: 1fr; }
  .final-cta .button { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .bridge-hero { min-height: 0; padding: 28px 22px; }
  .bridge-brand img { width: 158px; }
  .bridge-copy { padding: 62px 0 40px; }
  .bridge-copy h1 { font-size: 2.4375rem; }
  .bridge-main { min-height: 680px; padding: 24px 14px 34px; }
  .bridge-panel { padding: 28px 18px; }
  .purchase-summary { grid-template-columns: 1fr; }
  .purchase-summary div { border-right: 0; border-bottom: 1px solid var(--border); }
  .purchase-summary div:last-child { border-bottom: 0; }
  .bridge-links { flex-wrap: wrap; }
  .legal-card, .route-card { width: min(100% - 28px, 860px); padding: 27px 20px; }
  .legal-actions, .route-actions { flex-direction: column; }
  .legal-actions .button, .route-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
.solutions-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.solution-card { padding:32px; background:#fff; border:1px solid #dce4ee; border-radius:16px; }
.solution-card h3 { margin:8px 0 16px; font-size:1.6rem; color:#071b46; }
.solution-card p,.solution-card li { line-height:1.65; }
.solution-card ul { padding-left:22px; margin:20px 0 28px; }
.solution-card .mini-note { font-size:.875rem; margin-top:16px; color:#4d617a; }
.faq-section details { border-bottom:1px solid #dce4ee; padding:20px 0; }
.faq-section summary { cursor:pointer; font-size:1.1rem; font-weight:650; color:#071b46; }
.faq-section details p { max-width:850px; line-height:1.7; margin:16px 0 0; }
.faq-section summary:focus-visible { outline:3px solid #2864df; outline-offset:5px; }
@media(max-width:768px) { .solutions-grid { grid-template-columns:1fr; } .solution-card { padding:24px; } }

/* Muaeté co-branding applies only to the public storefront. */
@font-face { font-family: "Manrope"; src: url("assets/brand/manrope-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("assets/brand/manrope-500.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("assets/brand/manrope-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("assets/brand/manrope-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("assets/brand/manrope-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("assets/brand/ibm-plex-mono-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("assets/brand/ibm-plex-mono-500.ttf") format("truetype"); font-weight: 500; font-display: swap; }

.marketing-page, .bridge-body {
  --muaete-graphite: #20272b;
  --muaete-green: #175c4a;
  --muaete-sand: #e8e1d6;
  --muaete-copper: #b96a3c;
  --muaete-paper: #f7f8f6;
  --muaete-line: #c6c8c2;
  --blue: var(--muaete-green);
  --blue-dark: #104638;
  --blue-light: #edf3f0;
  --text: #20272b;
  --muted: #555e5e;
  --border: var(--muaete-line);
  --border-2: #aeb4ae;
  --shadow: none;
  --shadow-soft: none;
  color: var(--muaete-graphite);
  background: var(--muaete-paper);
  font-family: "Manrope", "Avenir Next", sans-serif;
}
.marketing-page .content-container { width: min(1240px, calc(100% - 64px)); }
.marketing-page .public-shell, .marketing-page .site-content { background: var(--muaete-paper); }
.marketing-page .public-header { color: #fff; background: var(--muaete-graphite); border-color: rgba(255,255,255,.14); }
.marketing-page .public-nav { min-height: 100px; }
.marketing-page .public-nav .brand { padding: 0; color: #fff; background: transparent; border-radius: 0; text-decoration: none; }
.muaete-brand { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; }
.muaete-wordmark { display: block; font-size: 2rem; font-weight: 800; letter-spacing: .015em; }
.brand-signature { display: block; margin-top: .55rem; font-family: "IBM Plex Mono", monospace; font-size: .68rem; font-weight: 400; letter-spacing: .05em; white-space: nowrap; }
.marketing-page .public-links { margin-left: auto; }
.marketing-page .public-links a, .marketing-page .muaete-reference { color: #f7f8f6; font-size: .875rem; font-weight: 500; }
.marketing-page .public-links a:hover, .marketing-page .muaete-reference:hover { color: var(--muaete-sand); text-decoration: underline; text-decoration-color: var(--muaete-copper); text-underline-offset: 8px; }
.marketing-page .nav-utilities { display: flex; align-items: center; gap: 20px; }
.marketing-page .button { border-radius: 0; box-shadow: none; font-weight: 600; }
.marketing-page .button:hover { transform: none; }
.marketing-page .button-primary { color: #0e1417; background: var(--muaete-copper); }
.marketing-page .button-primary:hover { color: #0e1417; background: #cc8050; }
.marketing-page .button-secondary, .marketing-page .button-outline { color: var(--muaete-green); background: transparent; border-color: currentColor; }
.marketing-page .public-header .button-primary { color: #0e1417; }
.marketing-page .product-hero { min-height: 700px; color: #fff; background: var(--muaete-graphite); box-shadow: 0 0 0 100vmax var(--muaete-graphite); clip-path: inset(0 -100vmax); }
.marketing-page .eyebrow, .marketing-page .section-label { color: var(--muaete-green); font-family: "IBM Plex Mono", monospace; font-size: .78rem; font-weight: 500; letter-spacing: .08em; }
.marketing-page .product-hero .eyebrow { color: var(--muaete-sand); }
.marketing-page .hero-copy h1 { max-width: 720px; color: #fff; font-size: clamp(3rem, 5.2vw, 5.2rem); font-weight: 600; line-height: 1.08; }
.marketing-page .hero-copy h1 span { color: var(--muaete-sand); }
.marketing-page .hero-lead { color: #eef1ee; font-size: 1.08rem; }
.marketing-page .hero-support, .marketing-page .hero-benefits { color: #d1d6d3; }
.marketing-page .hero-benefits span { background: var(--muaete-green); }
.marketing-page .system-preview { padding: 18px; border-color: rgba(255,255,255,.24); border-radius: 0; background: #12191c; box-shadow: none; }
.marketing-page .preview-toolbar { color: #fff; background: var(--muaete-green); border: 0; }
.marketing-page .synthetic-tag { color: var(--muaete-sand); background: transparent; border-color: var(--muaete-sand); border-radius: 0; }
.marketing-page .confidence-strip { background: var(--muaete-sand); border-color: var(--muaete-line); }
.marketing-page .confidence-strip article { border-color: rgba(32,39,43,.18); }
.marketing-page .confidence-strip article > span { color: var(--muaete-paper); background: var(--muaete-green); border-radius: 0; }
.marketing-page .confidence-strip strong { color: var(--muaete-graphite); }
.marketing-page .section { background: var(--muaete-paper); }
.marketing-page .problem-section, .marketing-page .audience-section, .marketing-page .security-section { background: #fff; }
.marketing-page .resources-section, .marketing-page .plans-section { background: var(--muaete-sand); }
.marketing-page .workflow-section { background: var(--muaete-green); }
.marketing-page .workflow-section .section-label { color: var(--muaete-sand); }
.marketing-page .section-heading h2, .marketing-page .resource-copy h2, .marketing-page .audience-grid h2, .marketing-page .security-layout h2, .marketing-page .final-cta h2 { color: var(--muaete-graphite); font-weight: 600; }
.marketing-page .workflow-section .section-heading h2 { color: #fff; }
.marketing-page .problem-grid article, .marketing-page .resource-grid article, .marketing-page .security-cards article, .marketing-page .plan-card, .marketing-page .solution-card { border-radius: 0; border-color: var(--muaete-line); box-shadow: none; }
.marketing-page .problem-grid article > span, .marketing-page .plan-kicker, .marketing-page .text-link { color: var(--muaete-green); }
.marketing-page .problem-grid h3, .marketing-page .resource-grid h3, .marketing-page .plan-card h3, .marketing-page .solution-card h3 { color: var(--muaete-graphite); }
.marketing-page .workflow-grid li { border-radius: 0; background: rgba(255,255,255,.06); }
.marketing-page .step-icon { color: var(--muaete-sand); background: transparent; border-color: var(--muaete-sand); border-radius: 0; }
.marketing-page .step-number { color: var(--muaete-sand); border-color: var(--muaete-sand); }
.marketing-page .resource-code { color: #fff; background: var(--muaete-green); border-color: var(--muaete-green); border-radius: 0; }
.marketing-page .audience-grid li { border-radius: 0; color: var(--muaete-graphite); background: transparent; }
.marketing-page .audience-grid li span { color: #fff; background: var(--muaete-green); }
.marketing-page .plan-trial { color: #fff; background: var(--muaete-graphite); border-color: var(--muaete-graphite); }
.marketing-page .plan-trial .plan-kicker { color: var(--muaete-sand); }
.marketing-page .plan-trial h3 { color: #fff; }
.marketing-page .commercial-note { border: 0; border-left: 3px solid var(--muaete-copper); border-radius: 0; background: rgba(255,255,255,.46); }
.marketing-page .final-cta { background: var(--muaete-sand); border-color: var(--muaete-line); }
.marketing-page .site-footer { color: #fff; background: var(--muaete-graphite); }
.marketing-page .footer-brand .muaete-wordmark { margin-bottom: 0; }
.marketing-page .footer-brand .brand-signature { color: var(--muaete-sand); }
.marketing-page .footer-brand p { color: #d1d6d3; }
.marketing-page .footer-grid a { color: var(--muaete-sand); }
.marketing-page .footer-bottom { color: #c4cbc6; }
.marketing-page a:focus-visible, .marketing-page button:focus-visible, .marketing-page summary:focus-visible { outline-color: var(--muaete-copper); }

.marketing-page .access-section { border-bottom: 1px solid var(--muaete-line); }
.access-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: 64px; }
.access-copy { margin-bottom: 0; }
.marketing-page .access-copy h2 { font-size: clamp(2rem, 3.3vw, 2.8rem); }
.access-copy .access-trial { color: var(--muaete-green); font-weight: 800; }
.access-copy .access-privacy { margin-bottom: 0; font-size: .9375rem; }
.access-card { min-width: 0; padding: 32px; border: 1px solid var(--muaete-line); background: #fff; }
.access-card h3 { margin: 0 0 24px; font-size: 1.5rem; color: var(--muaete-graphite); }
.access-card .auth-provider-stack { display: grid; gap: 14px; }
.access-card .button { min-height: 52px; }
.access-note, .access-legal { margin: 22px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.65; }
.access-legal { padding-top: 20px; border-top: 1px solid var(--muaete-line); }
.access-legal a { color: var(--muaete-green); text-underline-offset: 3px; }
.access-status { padding: 14px; margin: 18px 0 0; color: var(--muaete-graphite); border-left: 3px solid var(--muaete-copper); background: var(--muaete-paper); font-size: .9375rem; line-height: 1.6; }
.access-card .auth-provider-disabled { opacity: .7; cursor: not-allowed; }

/* Static module information uses native details, without loading private apps. */
.marketing-page .module-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-bottom: 32px; padding-block: 24px; border-block: 1px solid var(--muaete-line); }
.marketing-page .module-benefits p { margin: 0; color: var(--muted); line-height: 1.7; }
.marketing-page .module-benefits strong { display: block; margin-bottom: 6px; color: var(--muaete-green); }
.marketing-page .module-catalog-hint { margin: 0 0 24px; color: var(--muted); line-height: 1.7; }
.marketing-page .module-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.marketing-page .module-family { display: flex; flex-direction: column; min-width: 0; padding: 28px; background: #fff; border: 1px solid var(--muaete-line); }
.marketing-page .module-family .section-label { margin: 0 0 12px; }
.marketing-page .module-family h3 { margin: 0; color: var(--muaete-graphite); font-size: 1.4rem; line-height: 1.3; }
.marketing-page .module-family-purpose { margin: 12px 0 24px; color: var(--muted); font-size: .9375rem; line-height: 1.7; }
.marketing-page .module-entry { border-top: 1px solid var(--muaete-line); }
.marketing-page .module-entry summary { padding: 16px 0; color: var(--muaete-green); font-size: .9375rem; font-weight: 700; line-height: 1.5; cursor: pointer; overflow-wrap: anywhere; }
.marketing-page .module-entry summary::marker { color: var(--muaete-copper); }
.marketing-page .module-entry div { padding-bottom: 16px; }
.marketing-page .module-entry p { margin: 0; color: var(--muted); font-size: .9375rem; line-height: 1.7; }
.marketing-page .module-quote { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 8px; color: var(--muaete-green); font-size: .875rem; font-weight: 700; text-underline-offset: 4px; }
.marketing-page .module-price { margin: auto 0 0; padding-top: 24px; color: var(--muted); font-size: .875rem; }
.marketing-page .module-price strong { color: var(--muaete-graphite); }
.marketing-page .module-contract { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px; margin-top: 32px; padding: 32px; background: var(--muaete-sand); border-left: 3px solid var(--muaete-copper); }
.marketing-page .module-contract h3 { margin: 0 0 16px; color: var(--muaete-graphite); font-size: 1.4rem; }
.marketing-page .module-contract p { line-height: 1.7; }
.marketing-page .module-contract .section-label { margin-top: 0; }
.marketing-page .module-contract-actions { display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 16px; min-width: 0; }
.marketing-page .module-contract-actions .button { text-align: center; }
.marketing-page .module-contract-actions .mini-note { margin: 0; color: var(--muted); font-size: .875rem; }
.marketing-page .module-technical-note { margin: 24px 0 0; color: var(--muted); font-size: .875rem; line-height: 1.7; }

@media (max-width: 1000px) {
  .marketing-page .module-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .marketing-page .module-benefits, .marketing-page .module-catalog-grid, .marketing-page .module-contract { grid-template-columns: minmax(0, 1fr); }
  .marketing-page .module-family, .marketing-page .module-contract { padding: 24px; }
  .marketing-page .module-contract { gap: 24px; }
}

@media (max-width: 1100px) {
  .marketing-page .public-nav { flex-wrap: wrap; padding-block: 16px; }
  .marketing-page .public-links { order: 3; flex: 0 0 100%; justify-content: center; }
  .marketing-page .product-hero { min-height: 0; grid-template-columns: minmax(0,1fr); }
  .marketing-page .nav-utilities { margin-left: auto; }
}
@media (max-width: 700px) {
  .access-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .access-card { padding: 24px; }
  .marketing-page .content-container { width: min(100% - 32px, 1240px); }
  .marketing-page .public-links, .marketing-page .muaete-reference { display: none; }
  .marketing-page .public-nav { min-height: 82px; flex-wrap: nowrap; }
  .marketing-page .muaete-wordmark { font-size: 1.65rem; }
  .marketing-page .brand-signature { max-width: 180px; white-space: normal; line-height: 1.35; }
  .marketing-page .button-small { min-height: 42px; padding-inline: 12px; }
  .marketing-page .product-hero { width: calc(100% - 32px); padding: 48px 0 58px; }
  .marketing-page .hero-copy h1 { font-size: clamp(2.4rem, 11vw, 3.25rem); }
}

/* Apresentação RaizPro: produto, evidências e Fluxo Muaeté. */
.product-wordmark { font-size: 2.1rem; font-weight: 800; letter-spacing: -.035em; }
.product-brand .brand-signature { color: var(--muaete-sand); font-size: .63rem; }
.marketing-page .public-links { gap: 22px; }
.marketing-page .product-hero { width: min(1240px, calc(100% - 64px)); grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr); gap: 44px 48px; min-height: 0; padding: 64px 0 40px; }
.marketing-page .hero-copy h1 { font-size: clamp(2.75rem, 4.6vw, 4.4rem); letter-spacing: -.045em; line-height: 1.08; }
.hero-phrase { display: inline-block; max-width: 100%; white-space: normal; }
.marketing-page .hero-lead { max-width: 600px; margin-block: 24px 16px; font-size: 1.13rem; line-height: 1.65; }
.marketing-page .hero-support { max-width: 600px; font-size: .94rem; }
.marketing-page .product-hero .button-secondary { color: var(--muaete-sand); border-color: #9ba59e; }
.marketing-page .product-hero .button-secondary:hover { color: #fff; background: rgba(255,255,255,.07); }
.marketing-page .product-hero .preview-crop { aspect-ratio: auto; background: var(--muaete-paper); }
.marketing-page .product-hero .preview-crop img { width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.marketing-page .product-hero .preview-toolbar { gap: 12px; padding-inline: 12px; font-size: .7rem; }
.marketing-page .product-hero .synthetic-tag { padding: 5px 6px; font-size: .56rem; }
.hero-flow { grid-column: 1 / -1; display: grid; grid-template-columns: 210px minmax(0, 1fr) 230px; align-items: center; gap: 30px; padding-top: 28px; border-top: 1px solid #626e67; }
.flow-inputs { display: grid; gap: 14px; color: var(--muaete-sand); font-family: "IBM Plex Mono", monospace; font-size: .71rem; }
.hero-flow svg { display: block; width: 100%; height: 94px; overflow: visible; }
.hero-flow path { fill: none; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.flow-records { stroke: #95b4a7; }
.flow-evidence { stroke: var(--muaete-sand); }
.flow-knowledge { stroke: var(--muaete-copper); }
.hero-flow circle { fill: var(--muaete-copper); }
.hero-flow strong { color: var(--muaete-paper); font-size: 1.1rem; line-height: 1.7; font-weight: 600; }
.hero-flow strong span { color: var(--muaete-sand); }
.marketing-page .example-section { background: var(--muaete-paper); }
.example-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 56px; align-items: start; }
.example-context { min-width: 0; padding: 38px; color: #d1d6d3; background: var(--muaete-graphite); }
.example-tag { display: inline-block; padding: 8px 10px; border: 1px solid #9ba59e; color: var(--muaete-sand); font-family: "IBM Plex Mono", monospace; font-size: .66rem; line-height: 1.6; }
.example-label { margin: 34px 0 12px; color: var(--muaete-sand); font-size: .8rem; }
.example-context h3 { margin: 0 0 20px; color: var(--muaete-paper); font-size: clamp(1.7rem, 2.5vw, 2.15rem); line-height: 1.25; font-weight: 600; }
.example-context p { line-height: 1.7; }
.example-context .example-boundary { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid #626e67; font-size: .8rem; }
.example-reasoning { display: grid; margin: 0; padding: 0; list-style: none; }
.example-reasoning li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 22px; padding: 24px 0; border-bottom: 1px solid var(--muaete-line); }
.example-reasoning li:first-child { padding-top: 0; }
.example-number { display: grid; width: 38px; height: 38px; place-items: center; color: var(--muaete-green); background: var(--muaete-sand); font-family: "IBM Plex Mono", monospace; font-size: .8rem; }
.example-reasoning h3 { margin: 0 0 10px; color: var(--muaete-graphite); font-size: 1.15rem; font-weight: 600; }
.example-reasoning p { margin: 0; color: var(--muted); line-height: 1.7; }
.example-next { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 32px; margin-top: 32px; border-top: 1px solid var(--muaete-line); }
.example-next p { margin: 0; color: var(--muted); line-height: 1.8; }
.example-next strong { color: var(--muaete-graphite); font-weight: 600; }
.example-next .button { flex: 0 0 auto; }
.plans-comparison { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 32px; align-items: start; }
.plans-comparison .plan-trial { padding: 36px; }
.plans-comparison .plan-trial p { color: var(--muaete-sand); }
.plans-comparison .plan-trial .button { margin-top: 18px; }
.package-comparison { min-width: 0; padding: 0 24px; background: var(--muaete-paper); }
.package-table { width: 100%; border-collapse: collapse; text-align: left; }
.package-table caption { padding: 26px 0 18px; text-align: left; color: var(--muaete-graphite); font-size: 1.1rem; font-weight: 600; }
.package-table th, .package-table td { padding: 16px 12px; border-bottom: 1px solid var(--muaete-line); vertical-align: middle; }
.package-table thead th { color: var(--muted); font-size: .75rem; font-weight: 600; }
.package-table th:first-child { padding-left: 0; }
.package-table td:last-child, .package-table thead th:last-child { padding-right: 0; }
.package-table tbody th { color: var(--muaete-graphite); font-size: 1rem; font-weight: 600; }
.package-table tbody th span { display: block; margin-top: 5px; color: var(--muted); font-size: .8rem; font-weight: 400; line-height: 1.5; }
.package-table td { color: var(--muaete-graphite); font-family: "IBM Plex Mono", monospace; font-size: .87rem; white-space: nowrap; }
.package-table tr:last-child th, .package-table tr:last-child td { border-bottom: 0; }
.package-link { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; color: var(--muaete-green); font-family: "Manrope", sans-serif; font-size: .82rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1100px) {
  .marketing-page .product-hero { grid-template-columns: minmax(0, 1fr); }
  .marketing-page .system-preview { width: min(100%, 740px); }
  .hero-flow { grid-template-columns: 170px minmax(0, 1fr) 185px; gap: 20px; }
  .hero-flow strong { font-size: 1rem; }
  .example-layout { gap: 30px; }
  .example-context { padding: 28px; }
  .plans-comparison { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .marketing-page .public-nav { gap: 16px; }
  .product-wordmark { font-size: 1.8rem; }
  .product-brand .brand-signature { font-size: .58rem; }
  .marketing-page .product-hero { width: calc(100% - 32px); padding: 40px 0 32px; gap: 32px; }
  .marketing-page .hero-copy h1 { font-size: clamp(2.4rem, 10.8vw, 3.25rem); }
  .marketing-page .hero-lead { margin-top: 22px; font-size: 1rem; }
  .marketing-page .hero-actions { align-items: stretch; flex-direction: column; }
  .marketing-page .hero-support { font-size: .88rem; }
  .marketing-page .hero-benefits { flex-direction: column; }
  .marketing-page .product-hero .preview-toolbar { flex-wrap: wrap; padding-block: 9px; }
  .hero-flow { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 24px; }
  .flow-inputs { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .66rem; }
  .hero-flow svg { height: 64px; }
  .hero-flow strong { font-size: 1rem; }
  .example-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .example-context { padding: 24px; }
  .example-reasoning li { gap: 16px; }
  .example-next { flex-direction: column; align-items: stretch; gap: 22px; }
  .plans-comparison .plan-trial { padding: 28px; }
  .package-comparison { padding-inline: 12px; }
  .package-table { table-layout: fixed; }
  .package-table th, .package-table td { padding: 12px 5px; }
  .package-table thead th { font-size: .66rem; }
  .package-table th:first-child { width: 44%; }
  .package-table thead th:nth-child(2) { width: 27%; }
  .package-table thead th:last-child { width: 29%; }
  .package-table tbody th { font-size: .86rem; }
  .package-table tbody th span { font-size: .72rem; }
  .package-table td { font-size: .72rem; white-space: normal; }
  .package-link { gap: 4px; font-size: .72rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Reflow follows content and available space, including enlarged browser text. */
.marketing-page :is(.public-nav,.public-links,.nav-utilities,.preview-toolbar,.preview-toolbar > div,.final-cta,.footer-bottom) { flex-wrap: wrap; }
.marketing-page :is(.public-nav,.hero-copy,.preview-toolbar > div,.hero-benefits li,.footer-grid > div) { min-width: 0; }
.marketing-page :is(.button,.package-link,.module-quote) { max-width: 100%; white-space: normal; line-height: 1.5; }
.marketing-page .button > :is(svg,[aria-hidden="true"]) { flex-shrink: 0; }
.marketing-page .button > span:not([aria-hidden="true"]) { min-width: 0; overflow-wrap: anywhere; }
.marketing-page :is(.hero-benefits li,.audience-list li) { align-items: flex-start; }
.marketing-page :is(.hero-benefits li,.audience-list li) > span { flex: 0 0 18px; }
.marketing-page :is(.confidence-strip,.problem-grid,.workflow-grid,.resource-grid,.security-cards,.module-catalog-grid,.module-benefits) { grid-template-columns: repeat(auto-fit,minmax(min(100%,16rem),1fr)); }
.marketing-page .hero-copy h1 { text-wrap: balance; }
.marketing-page .hero-flow > * { min-width: 0; }
.marketing-page .preview-toolbar { padding-block: .75rem; }
.marketing-page .window-dot { flex-shrink: 0; }
.marketing-page .workflow-grid li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-content: start; }
.marketing-page .step-number { position: static; grid-column: 2; grid-row: 1; width: 1.75rem; height: 1.75rem; font-size: .75rem; line-height: 1; }
.marketing-page .step-icon { grid-column: 1; grid-row: 1; width: 3.5rem; height: 3.5rem; font-size: 2rem; line-height: 1; }
.marketing-page .workflow-grid :is(h3,p) { grid-column: 1 / -1; margin: 0; }
.marketing-page .resource-icon { width: 3.5rem; height: 3.5rem; font-size: 1rem; }
.example-number { width: 2.375rem; height: 2.375rem; line-height: 1; }
.example-reasoning li { grid-template-columns: 2.375rem minmax(0,1fr); }
.marketing-page .package-table :is(th,td) { overflow-wrap: anywhere; white-space: normal; }
.marketing-page .content-section { scroll-margin-top: 1rem; }
.marketing-page .access-legal a { display: inline-block; }
.marketing-page .product-hero { container: public-hero / inline-size; }
.marketing-page :is(.access-section,.site-footer) { container: public-section / inline-size; }
.marketing-page .footer-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,14rem),1fr)); }
.marketing-page .footer-grid :is(a,strong,span) { overflow-wrap: anywhere; }
.marketing-page .footer-brand .brand-signature { white-space: normal; line-height: 1.65; }
@container public-hero (max-width: 45rem) {
  .hero-flow { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .flow-inputs { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
}
@container public-section (max-width: 50rem) {
  .access-layout { grid-template-columns: minmax(0,1fr); gap: 2rem; }
}
/* The commercial handoff shares the same typography, surfaces and action hierarchy. */
.bridge-body .bridge-hero { background: var(--muaete-graphite); }
.bridge-body .bridge-hero::after { display: none; }
.bridge-body .bridge-copy :is(.eyebrow,h1 span), .bridge-body .bridge-security > span { color: var(--muaete-sand); }
.bridge-body .bridge-copy h1 { font-size: clamp(2rem,1.5rem + 2vw,3rem); line-height: 1.2; }
.bridge-body .bridge-copy > p { font-size: 1rem; }
.bridge-body .bridge-benefits li { grid-template-columns: 2rem minmax(0,1fr); }
.bridge-body .bridge-benefits li > span { color: var(--muaete-sand); background: var(--muaete-green); }
.bridge-body :is(.bridge-benefits strong,.bridge-security strong,.bridge-panel-heading > span,.purchase-summary dt) { font-size: .875rem; }
.bridge-body :is(.bridge-benefits small,.bridge-security p,.local-status,.bridge-warning p,.bridge-links a) { font-size: .875rem; line-height: 1.65; }
.bridge-body :is(.bridge-panel,.bridge-security,.purchase-summary,.bridge-warning,.button) { border-radius: 2px; box-shadow: none; }
.bridge-body .button-primary { background: var(--muaete-copper); color: #0e1417; }
.bridge-body .button-primary:hover { background: #cc8050; transform: none; }
.bridge-body .button { white-space: normal; max-width: 100%; line-height: 1.5; }
.bridge-body .button > span { flex-shrink: 0; }
.bridge-body :is(.bridge-topbar,.bridge-links) { flex-wrap: wrap; }
.bridge-body .purchase-summary { grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr)); }
.bridge-body .purchase-summary dd { color: var(--muaete-graphite); font-size: 1rem; overflow-wrap: anywhere; }
.bridge-body :is(a,button):focus-visible { outline-color: var(--muaete-copper); }
@media (max-width: 700px) {
  .marketing-page .public-nav { flex-wrap: wrap; justify-content: space-between; }
  .marketing-page .public-nav .nav-utilities { margin-left: 0; }
  .marketing-page .hero-copy h1 { font-size: clamp(2rem,1.4rem + 4vw,3.25rem); }
  .marketing-page .package-table { table-layout: auto; }
  .marketing-page .package-table :is(th,td), .marketing-page .package-link { font-size: .875rem; }
  .marketing-page .package-table tbody th span { font-size: .75rem; }
}