/* Fábrica Blindada — component layer. Classes only; every value comes from a token. */

/* ── Layout ─────────────────────────────────────────────────────────────────── */
.fb-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}
@media(min-width:768px){.fb-container{padding-inline:var(--gutter-md)}}
@media(min-width:1200px){.fb-container{padding-inline:var(--gutter-lg)}}
.fb-container--narrow{max-width:var(--container-narrow)}
.fb-section{padding-block:var(--section-y)}
.fb-section--tight{padding-block:var(--section-y-tight)}
.fb-section--muted{background:var(--surface-muted)}
.fb-section--inverse{background:var(--surface-inverse);color:var(--text-on-inverse)}
.fb-section--inverse h1,.fb-section--inverse h2,.fb-section--inverse h3,.fb-section--inverse h4{color:var(--text-on-inverse)}
/* Superfícies claras aninhadas numa seção marinho não herdam tinta branca. */
.fb-section--inverse :is(.fb-card,.fb-quote,.fb-track,.fb-bottleneck,.fb-step,.fb-compare__col--before,.fb-audience):not(.fb-card--inverse):not(.fb-quote--inverse):not(.fb-audience--inverse) :is(h1,h2,h3,h4){color:var(--text-strong)}
.fb-section--inverse .fb-card:not(.fb-card--inverse) .fb-card__title{color:var(--az-700)}
.fb-section--inverse .fb-track:not(.fb-card--inverse) .fb-track__title{color:var(--az-900)}
.fb-section--inverse .fb-bottleneck .fb-bottleneck__title{color:var(--az-700)}
.fb-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}
@media(min-width:640px){.fb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.fb-grid{gap:var(--grid-gap-lg)}.fb-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.fb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.fb-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── Eyebrow ────────────────────────────────────────────────────────────────── */
.fb-eyebrow{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-eyebrow);margin:0}
.fb-eyebrow--inverse{color:var(--text-eyebrow-inverse)}
.fb-eyebrow--signal{color:var(--text-signal)}
.fb-eyebrow__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex:none}

/* ── Section heading ────────────────────────────────────────────────────────── */
.fb-heading{display:flex;flex-direction:column;gap:var(--space-4);max-width:52ch}
.fb-heading__title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-display);color:var(--text-strong);text-transform:uppercase;margin:0;overflow-wrap:break-word}
.fb-heading__accent{color:var(--text-accent)}
.fb-heading--inverse .fb-heading__title{color:var(--text-on-inverse)}
.fb-heading--inverse .fb-heading__accent{color:var(--ambar-300)}
.fb-heading__sub{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0;max-width:60ch}
.fb-heading--inverse .fb-heading__sub{color:var(--text-on-inverse-muted)}

/* ── Divider ────────────────────────────────────────────────────────────────── */
.fb-divider{border:0;height:1px;background:var(--border-subtle);margin:0}
.fb-divider--inverse{background:var(--border-inverse)}
.fb-divider--rule{height:2px;width:48px;background:var(--ambar-300)}

/* ── Button ─────────────────────────────────────────────────────────────────── */
.fb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.fb-btn:hover{text-decoration:none}
.fb-btn:active{transform:scale(var(--press-scale))}
.fb-btn:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-btn--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--fs-caption)}
.fb-btn--md{min-height:44px;padding:0 var(--space-6);font-size:var(--fs-caption)}
.fb-btn--lg{min-height:56px;padding:0 var(--space-8);font-size:var(--fs-body-sm)}
.fb-btn--block{width:100%}
.fb-btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg);box-shadow:var(--shadow-primary)}
.fb-btn--primary:hover{background:var(--action-primary-bg-hover);color:var(--action-primary-fg)}
.fb-btn--primary:active{background:var(--action-primary-bg-active)}
.fb-btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg);border-color:var(--action-secondary-border)}
.fb-btn--secondary:hover{background:var(--action-secondary-bg-hover);color:var(--az-700)}
.fb-btn--ghost{background:transparent;color:var(--action-ghost-fg)}
.fb-btn--ghost:hover{background:var(--action-ghost-bg-hover);color:var(--text-strong)}
.fb-btn--signal{background:var(--action-signal-bg);color:var(--action-signal-fg)}
.fb-btn--signal:hover{background:var(--action-signal-bg-hover);color:var(--action-signal-fg)}
.fb-btn--inverse{background:var(--action-inverse-bg);color:var(--action-inverse-fg)}
.fb-btn--inverse:hover{background:var(--action-inverse-bg-hover);color:var(--action-inverse-fg)}
.fb-btn--inverse-secondary{background:transparent;color:var(--action-inverse-secondary-fg);border-color:var(--action-inverse-secondary-border)}
.fb-btn--inverse-secondary:hover{background:var(--action-inverse-secondary-bg-hover);color:var(--cinza-0)}
.fb-btn:disabled,.fb-btn[aria-disabled=true]{background:var(--action-disabled-bg);color:var(--action-disabled-fg);border-color:transparent;box-shadow:none;cursor:not-allowed;transform:none}
.fb-btn__icon{display:inline-flex;width:1.15em;height:1.15em;flex:none}
.fb-btn__icon svg{width:100%;height:100%;stroke-width:2.25}

/* ── Icon button ────────────────────────────────────────────────────────────── */
.fb-iconbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-strong);cursor:pointer;transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.fb-iconbtn--sm{width:36px;height:36px}
.fb-iconbtn--md{width:44px;height:44px}
.fb-iconbtn--lg{width:56px;height:56px}
.fb-iconbtn:hover{background:var(--az-50);border-color:var(--az-200)}
.fb-iconbtn:active{transform:scale(var(--press-scale))}
.fb-iconbtn:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-iconbtn--accent{background:var(--action-primary-bg);border-color:transparent;color:var(--action-primary-fg)}
.fb-iconbtn--accent:hover{background:var(--action-primary-bg-hover);border-color:transparent}
.fb-iconbtn--inverse{background:var(--veil-light-08);border-color:var(--border-inverse);color:var(--cinza-0)}
.fb-iconbtn--inverse:hover{background:var(--veil-light-16);border-color:var(--veil-light-32)}
.fb-iconbtn svg{width:20px;height:20px;stroke-width:1.75}

/* ── Tag (trilhas / áreas) ──────────────────────────────────────────────────── */
.fb-tag{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-default);background:transparent;font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-body);transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}
.fb-tag--accent{border-color:var(--az-400);color:var(--az-600)}
.fb-tag--deep{border-color:var(--az-700);color:var(--az-700)}
.fb-tag--signal{border-color:var(--ambar-400);color:var(--ambar-600)}
.fb-tag--ok{border-color:var(--verde-300);color:var(--verde-600)}
.fb-tag--inverse{border-color:var(--border-inverse);color:var(--text-on-inverse)}
.fb-tag--solid{background:var(--az-600);border-color:transparent;color:var(--cinza-0)}
button.fb-tag{cursor:pointer}
button.fb-tag:hover{background:var(--az-50);border-color:var(--az-400);color:var(--az-600)}
button.fb-tag[aria-pressed=true]{background:var(--az-600);border-color:transparent;color:var(--cinza-0)}
button.fb-tag:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}

/* ── Badge ──────────────────────────────────────────────────────────────────── */
.fb-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;line-height:1.6}
.fb-badge--accent{background:var(--surface-accent-soft);color:var(--az-700)}
.fb-badge--signal{background:var(--surface-ambar-soft);color:var(--ambar-600)}
.fb-badge--ok{background:var(--surface-ok-soft);color:var(--verde-600)}
.fb-badge--risk{background:var(--surface-risk-soft);color:var(--vermelho-600)}
.fb-badge--neutral{background:var(--cinza-50);color:var(--cinza-600)}
.fb-badge--inverse{background:var(--veil-light-08);color:var(--text-on-inverse)}

/* ── Card ───────────────────────────────────────────────────────────────────── */
.fb-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}
.fb-card--tecnico{border-radius:0;box-shadow:none;border:0;border-top:1px solid var(--border-default);padding:var(--space-5) 0}
.fb-card--muted{background:var(--surface-card-muted);box-shadow:none}
.fb-card--inverse{background:var(--surface-inverse);border-color:var(--veil-light-08);color:var(--text-on-inverse);box-shadow:var(--shadow-inverse)}
.fb-card--inverse h3,.fb-card--inverse h4{color:var(--text-on-inverse)}
.fb-card--panel{border-radius:var(--radius-panel);padding:clamp(1.5rem,3vw,2.5rem)}
.fb-card--interactive{cursor:pointer}
.fb-card--interactive:hover{transform:translateY(var(--lift-hover));box-shadow:var(--shadow-md);border-color:var(--az-200)}
.fb-card--interactive:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-card__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-heading);color:var(--az-700);margin:0}
.fb-card--inverse .fb-card__title{color:var(--cinza-0)}
.fb-card__body{font-size:var(--fs-body-sm);color:var(--text-body);margin:0}
.fb-card--inverse .fb-card__body{color:var(--text-on-inverse-muted)}

/* ── Bottleneck card (gargalos / pressões) ─────────────────────────────────── */
.fb-bottleneck{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.fb-bottleneck:hover{transform:translateY(var(--lift-hover));box-shadow:var(--shadow-md)}
.fb-bottleneck__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.fb-bottleneck__icon{display:inline-flex;color:var(--az-600)}
.fb-bottleneck__icon svg{width:22px;height:22px;stroke-width:1.75}
.fb-bottleneck--signal .fb-bottleneck__icon{color:var(--ambar-400)}
.fb-bottleneck--risk .fb-bottleneck__icon{color:var(--vermelho-500)}
.fb-bottleneck__index{font-family:var(--font-display);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--cinza-500);letter-spacing:.04em}
.fb-bottleneck--signal .fb-bottleneck__index{color:var(--ambar-600)}
.fb-bottleneck__title{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--az-700);margin:0}
.fb-bottleneck__body{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0}

/* ── Track card (trilhas) ──────────────────────────────────────────────────── */
.fb-track{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface-card);border:1px solid var(--border-subtle);border-top:3px solid var(--az-600);border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.fb-track:hover{transform:translateY(var(--lift-hover));box-shadow:var(--shadow-md)}
.fb-track--producao{border-top-color:var(--az-400)}
.fb-track--qualidade{border-top-color:var(--verde-500)}
.fb-track--regulatorio{border-top-color:var(--ambar-300)}
.fb-track__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}
.fb-track__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);text-transform:uppercase;color:var(--az-900);margin:0}
.fb-track__meta{font-size:var(--fs-caption);color:var(--text-muted);margin:0}
.fb-track__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}
.fb-track__list li{position:relative;padding-left:var(--space-5);font-size:var(--fs-body-sm);color:var(--text-body)}
.fb-track__list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:0 50% 50% 0/0 50% 50% 0;background:var(--az-600)}

/* ── Step card (numerada) ──────────────────────────────────────────────────── */
.fb-step{display:flex;flex-direction:column;gap:var(--space-3);background:transparent;border:0;border-top:2px solid var(--az-900);border-radius:0;padding:var(--space-5) 0 0;box-shadow:none}
.fb-step__index{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semibold);color:var(--ambar-600);margin:0;line-height:1}
.fb-step__title{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--az-600);margin:0}
.fb-step__body{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0}

/* ── Metric / indicador ────────────────────────────────────────────────────── */
.fb-metric{display:flex;flex-direction:column;gap:var(--space-1)}
.fb-metric__label{font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0}
.fb-metric__value{font-family:var(--font-display);font-size:var(--fs-metric);font-weight:var(--fw-semibold);line-height:1;letter-spacing:var(--ls-display);color:var(--text-strong);margin:0;font-variant-numeric:tabular-nums}
.fb-metric__unit{font-size:.45em;font-weight:var(--fw-medium);color:var(--text-muted);margin-left:.15em}
.fb-metric__note{font-size:var(--fs-caption);color:var(--text-muted);margin:0}
.fb-metric__delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}
.fb-metric__delta--up{color:var(--verde-600)}
.fb-metric__delta--down{color:var(--vermelho-600)}
.fb-metric__delta--watch{color:var(--ambar-600)}
.fb-metric--inverse .fb-metric__value{color:var(--cinza-0)}
.fb-metric--inverse .fb-metric__label,.fb-metric--inverse .fb-metric__note{color:var(--text-on-inverse-muted)}
.fb-metric--signal .fb-metric__value{color:var(--ambar-300)}
.fb-metric--accent .fb-metric__value{color:var(--az-600)}

/* ── Comparison panel ──────────────────────────────────────────────────────── */
.fb-compare{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}
@media(max-width:899px){.fb-compare__col{border-radius:var(--radius-sm);padding:var(--space-5)}.fb-compare__col--after{position:relative}}
@media(min-width:900px){.fb-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fb-compare__col{display:flex;flex-direction:column;gap:var(--space-5);border-radius:var(--radius-panel);padding:clamp(1.5rem,3vw,2.5rem)}
.fb-compare__col--before{background:var(--surface-subtle);border:1px solid var(--border-subtle)}
.fb-compare__col--after{background:var(--surface-inverse);box-shadow:var(--shadow-inverse)}
.fb-compare__label{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;margin:0}
.fb-compare__col--before .fb-compare__label{color:var(--text-muted)}
.fb-compare__col--after .fb-compare__label{color:var(--ambar-300)}
.fb-compare__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}
.fb-compare__item{display:flex;gap:var(--space-3);font-size:var(--fs-body-sm);line-height:var(--lh-body)}
.fb-compare__col--before .fb-compare__item{color:var(--text-body)}
.fb-compare__col--after .fb-compare__item{color:var(--cinza-0)}
.fb-compare__mark{flex:none;display:inline-flex;margin-top:.2em}
.fb-compare__mark svg{width:16px;height:16px;stroke-width:2.25}
.fb-compare__col--before .fb-compare__mark{color:var(--cinza-400)}
.fb-compare__col--after .fb-compare__mark{color:var(--verde-300)}

/* ── Annual cycle diagram ──────────────────────────────────────────────────── */
.fb-cycle{position:relative;display:grid;gap:var(--space-6);justify-items:center;padding:var(--space-8) 0}
@media(min-width:861px){.fb-cycle{padding:var(--space-10) 96px}}
.fb-cycle__ring{position:relative;width:100%;max-width:720px;aspect-ratio:1.55/1}
.fb-cycle__track{position:absolute;inset:0;border-radius:50%;border:2px dotted var(--az-500);opacity:.55}
.fb-cycle__core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center}
.fb-cycle__node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:max-content;max-width:160px;text-align:center}
.fb-cycle__dot{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-pill);border:2px solid var(--az-500);background:var(--surface-inverse);font-family:var(--font-display);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--az-300)}
.fb-cycle__node--done .fb-cycle__dot{background:var(--verde-500);border-color:var(--verde-500);color:var(--cinza-0);box-shadow:0 0 0 10px rgba(30,142,99,.18)}
.fb-cycle__name{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--cinza-0);margin:0}
.fb-cycle__node--done .fb-cycle__name{color:var(--ambar-300)}
.fb-cycle__desc{font-size:var(--fs-caption);color:var(--text-on-inverse-muted);margin:0}
@media(max-width:860px){
.fb-cycle__ring{aspect-ratio:auto;max-width:none;display:flex;flex-direction:column;gap:var(--space-5)}
.fb-cycle__track{display:none}
.fb-cycle__core{position:static;inset:auto;align-items:flex-start;text-align:left;padding-bottom:var(--space-5);border-bottom:1px solid var(--border-inverse);width:100%}
.fb-cycle__node{position:static!important;left:auto!important;top:auto!important;transform:none;flex-direction:row;align-items:flex-start;gap:var(--space-4);width:100%;max-width:none;text-align:left;padding-left:0}
.fb-cycle__node>span:first-child{flex:none}
.fb-cycle__dot{width:44px;height:44px;box-shadow:none!important}
.fb-cycle__labels{display:flex;flex-direction:column;gap:var(--space-1)}
}

/* ── Timeline ──────────────────────────────────────────────────────────────── */
.fb-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}
.fb-timeline__item{position:relative;padding-left:var(--space-10)}
.fb-timeline__item::before{content:"";position:absolute;left:11px;top:22px;bottom:calc(-1 * var(--space-8) - 4px);width:1px;background:var(--border-subtle)}
.fb-timeline__item:last-child::before{display:none}
.fb-timeline__dot{position:absolute;left:0;top:6px;width:24px;height:24px;border-radius:var(--radius-pill);border:2px solid var(--az-600);background:var(--surface-page);display:flex;align-items:center;justify-content:center}
.fb-timeline__dot::after{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--az-600)}
.fb-timeline__item--done .fb-timeline__dot{background:var(--az-600)}
.fb-timeline__item--done .fb-timeline__dot::after{background:var(--cinza-0)}
.fb-timeline__item--next .fb-timeline__dot{border-color:var(--ambar-300)}
.fb-timeline__item--next .fb-timeline__dot::after{background:var(--ambar-300)}
.fb-timeline__when{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-accent);margin:0}
.fb-timeline__title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--text-strong);margin:var(--space-1) 0 var(--space-2)}
.fb-timeline__body{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0}
.fb-timeline--inverse .fb-timeline__item::before{background:var(--border-inverse)}
.fb-timeline--inverse .fb-timeline__dot{background:var(--surface-inverse);border-color:var(--az-400)}
.fb-timeline--inverse .fb-timeline__dot::after{background:var(--az-400)}
.fb-timeline--inverse .fb-timeline__when{color:var(--ambar-300)}
.fb-timeline--inverse .fb-timeline__title{color:var(--cinza-0)}
.fb-timeline--inverse .fb-timeline__body{color:var(--text-on-inverse-muted)}

/* ── Testimonial ───────────────────────────────────────────────────────────── */
.fb-quote{display:flex;flex-direction:column;gap:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:clamp(1.5rem,2.6vw,2.25rem);box-shadow:var(--shadow-xs)}
.fb-quote--inverse{background:var(--surface-inverse);border-color:var(--veil-light-08);box-shadow:var(--shadow-inverse)}
.fb-quote__text{font-family:var(--font-display);font-size:var(--fs-lead);font-weight:var(--fw-light);line-height:var(--lh-body);color:var(--text-strong);margin:0}
.fb-quote--inverse .fb-quote__text{color:var(--cinza-0)}
.fb-quote__foot{display:flex;align-items:center;gap:var(--space-3)}
.fb-quote__mark{flex:none;width:36px;height:36px;border-radius:0 50% 50% 0/0 50% 50% 0;background:var(--az-600)}
.fb-quote__who{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--text-strong);margin:0}
.fb-quote__role{font-size:var(--fs-caption);color:var(--text-muted);margin:0}
.fb-quote--inverse .fb-quote__who{color:var(--cinza-0)}
.fb-quote--inverse .fb-quote__role{color:var(--text-on-inverse-muted)}

/* ── Proof bar ─────────────────────────────────────────────────────────────── */
.fb-proof{display:flex;flex-direction:column;gap:var(--space-5)}
.fb-proof__label{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0}
.fb-proof__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5) var(--space-8)}
.fb-proof__item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-body-sm);color:var(--text-body)}
.fb-proof__item img{height:34px;width:auto;opacity:.85}
.fb-proof--inverse .fb-proof__label,.fb-proof--inverse .fb-proof__item{color:var(--text-on-inverse-muted)}

/* ── FAQ ───────────────────────────────────────────────────────────────────── */
.fb-faq{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}
.fb-faq__item{border-bottom:1px solid var(--border-subtle)}
.fb-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:none;border:0;padding:var(--space-5) 0;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-medium);color:var(--text-strong);transition:color var(--dur-fast) var(--ease-standard)}
.fb-faq__q:hover{color:var(--text-accent)}
.fb-faq__q:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-faq__sign{flex:none;width:22px;height:22px;position:relative;color:var(--az-600)}
.fb-faq__sign::before,.fb-faq__sign::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.fb-faq__sign::before{width:14px;height:2px}
.fb-faq__sign::after{width:2px;height:14px}
.fb-faq__item--open .fb-faq__sign::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.fb-faq__a{overflow:hidden;font-size:var(--fs-body-sm);color:var(--text-muted);padding:0 0 var(--space-5);max-width:72ch}
.fb-faq--inverse{border-color:var(--border-inverse)}
.fb-faq--inverse .fb-faq__item{border-color:var(--border-inverse)}
.fb-faq--inverse .fb-faq__q{color:var(--cinza-0)}
.fb-faq--inverse .fb-faq__q:hover{color:var(--az-300)}
.fb-faq--inverse .fb-faq__sign{color:var(--ambar-300)}
.fb-faq--inverse .fb-faq__a{color:var(--text-on-inverse-muted)}

/* ── CTA band ──────────────────────────────────────────────────────────────── */
.fb-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-panel);background:var(--surface-inverse);color:var(--text-on-inverse);padding:clamp(1.75rem,4vw,3.5rem);box-shadow:var(--shadow-inverse)}
.fb-cta--flat{border-radius:0;box-shadow:none}
.fb-cta__bg{position:absolute;inset:0;z-index:-2;object-fit:cover;width:100%;height:100%}
.fb-cta__veil{position:absolute;inset:0;z-index:-1;background:var(--veil-photo)}
.fb-cta__inner{display:flex;flex-direction:column;gap:var(--space-6)}
@media(min-width:900px){.fb-cta__inner--split{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-10)}}
.fb-cta__title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-semibold);letter-spacing:var(--ls-display);line-height:var(--lh-snug);text-transform:uppercase;color:var(--cinza-0);margin:0;overflow-wrap:break-word}
.fb-cta__accent{color:var(--ambar-300)}
.fb-cta__body{font-size:var(--fs-body-sm);color:var(--text-on-inverse-muted);margin:0;max-width:62ch}

/* ── Lens frame (geometria proprietária Dal Cero, extraída do vetor oficial) ── */
.fb-lens{position:relative;display:block;overflow:hidden;background:var(--az-900)}
.fb-lens img,.fb-lens video{display:block;width:100%;height:100%;object-fit:cover}
.fb-lens--bloco{border-radius:var(--radius-symbol)}
.fb-lens--lobe{-webkit-mask:url("../assets/lobo.svg") center/100% 100% no-repeat;mask:url("../assets/lobo.svg") center/100% 100% no-repeat}
.fb-lens--lobe-left{-webkit-mask:url("../assets/lobo.svg") center/100% 100% no-repeat;mask:url("../assets/lobo.svg") center/100% 100% no-repeat;transform:scaleX(-1)}
.fb-lens--lobe-left>*{transform:scaleX(-1)}
.fb-lens--lente{-webkit-mask:url("../assets/lente.svg") center/100% 100% no-repeat;mask:url("../assets/lente.svg") center/100% 100% no-repeat}
.fb-lens--media{border-radius:var(--radius-media)}
.fb-lens__veil{position:absolute;inset:0;background:var(--veil-photo-side)}
.fb-lens--empty{background:var(--cinza-50);box-shadow:inset 0 0 0 1px var(--border-subtle)}
.fb-lens__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);text-align:center}
.fb-lens__ph-label{font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--cinza-500);margin:0}
.fb-lens__ph-note{font-size:var(--fs-caption);color:var(--cinza-500);margin:0;max-width:26ch}

/* ── Form fields ───────────────────────────────────────────────────────────── */
.fb-field{display:flex;flex-direction:column;gap:var(--space-2)}
.fb-label{font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--text-strong)}
.fb-label__req{color:var(--vermelho-500);margin-left:2px}
.fb-help{font-size:var(--fs-caption);color:var(--text-muted)}
.fb-error{font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--vermelho-600)}
.fb-input,.fb-textarea,.fb-select{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--fs-body);color:var(--field-fg);background:var(--field-bg);border:1px solid var(--field-bd);border-radius:var(--radius-sm);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}
.fb-textarea{min-height:120px;resize:vertical;line-height:var(--lh-body)}
.fb-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6673' stroke-width='2' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:18px;padding-right:var(--space-10)}
.fb-input::placeholder,.fb-textarea::placeholder{color:var(--field-placeholder)}
.fb-input:hover,.fb-textarea:hover,.fb-select:hover{border-color:var(--field-bd-hover)}
.fb-input:focus,.fb-textarea:focus,.fb-select:focus{outline:var(--focus-width) solid var(--focus-color);outline-offset:1px;border-color:var(--field-bd-focus)}
.fb-input:disabled,.fb-textarea:disabled,.fb-select:disabled{background:var(--field-bg-disabled);color:var(--cinza-400);cursor:not-allowed}
.fb-field--error .fb-input,.fb-field--error .fb-textarea,.fb-field--error .fb-select{border-color:var(--field-bd-error)}
.fb-field--inverse .fb-label{color:var(--cinza-0)}
.fb-field--inverse .fb-help{color:var(--text-on-inverse-muted)}
.fb-field--inverse .fb-input,.fb-field--inverse .fb-textarea,.fb-field--inverse .fb-select{background:var(--veil-light-08);border-color:var(--border-inverse);color:var(--cinza-0)}
.fb-field--inverse .fb-input::placeholder{color:var(--veil-light-32)}

.fb-check{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--fs-body-sm);color:var(--text-body)}
.fb-check input{appearance:none;flex:none;width:20px;height:20px;margin:2px 0 0;border:1px solid var(--field-bd);border-radius:var(--radius-xs);background:var(--field-bg);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.fb-check--radio input{border-radius:var(--radius-pill)}
.fb-check input:hover{border-color:var(--field-bd-hover)}
.fb-check input:checked{background:var(--az-600);border-color:var(--az-600)}
.fb-check input:checked{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:14px;background-position:center;background-repeat:no-repeat}
.fb-check--radio input:checked{background-image:none;box-shadow:inset 0 0 0 4px var(--cinza-0)}
.fb-check input:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-check input:disabled{background:var(--field-bg-disabled);border-color:var(--border-subtle);cursor:not-allowed}

.fb-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--fs-body-sm);color:var(--text-body)}
.fb-switch input{appearance:none;flex:none;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--cinza-300);cursor:pointer;position:relative;transition:background var(--dur-base) var(--ease-standard)}
.fb-switch input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--cinza-0);box-shadow:var(--shadow-xs);transition:transform var(--dur-base) var(--ease-standard)}
.fb-switch input:checked{background:var(--az-600)}
.fb-switch input:checked::after{transform:translateX(20px)}
.fb-switch input:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-switch input:disabled{background:var(--cinza-200);cursor:not-allowed}

/* ── Deliverable item (o que fica) ─────────────────────────────────────────── */
.fb-deliv{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--ambar-300);padding-top:var(--space-4)}
.fb-deliv__title{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);margin:0}
.fb-deliv__body{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0}
.fb-deliv--inverse{border-top-color:var(--ambar-300)}
.fb-deliv--inverse .fb-deliv__title{color:var(--cinza-0)}
.fb-deliv--inverse .fb-deliv__body{color:var(--text-on-inverse-muted)}

/* ── Logo lockup ───────────────────────────────────────────────────────────── */
.fb-logo{display:inline-flex;align-items:center;gap:var(--space-3)}
.fb-logo img{display:block;height:100%;width:auto}
.fb-logo__tag{font-family:var(--font-sans);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.26em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
@media(max-width:600px){.fb-logo__tag{display:none}}
.fb-logo--inverse .fb-logo__tag{color:var(--veil-light-72)}

/* ── Data table (relatórios, indicadores, dashboards) ──────────────────────── */
.fb-table-wrap{width:100%}
.fb-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:var(--fs-body-sm)}
.fb-table caption{display:block;width:100%;text-align:left;font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--space-4)}
.fb-table th{text-align:left;font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-4) var(--space-3) 0;border-bottom:2px solid var(--az-900)}
.fb-table td{padding:var(--space-4) var(--space-4) var(--space-4) 0;border-bottom:1px solid var(--border-subtle);color:var(--text-body);vertical-align:top}
.fb-table th:last-child,.fb-table td:last-child{padding-right:0}
.fb-table tbody tr:hover td{background:var(--cinza-25)}
.fb-table__num{font-family:var(--font-display);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text-strong);white-space:nowrap}
.fb-table__key{font-weight:var(--fw-semibold);color:var(--text-strong)}
.fb-table--inverse .fb-table th{color:var(--veil-light-72);border-bottom-color:var(--az-400)}
.fb-table--inverse .fb-table td,.fb-table--inverse td{color:var(--text-on-inverse-muted);border-bottom-color:var(--border-inverse)}
.fb-table--inverse .fb-table__num,.fb-table--inverse .fb-table__key{color:var(--cinza-0)}
.fb-table--inverse tbody tr:hover td{background:var(--veil-light-08)}
@media(max-width:768px){
.fb-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.fb-table,.fb-table tbody,.fb-table tr,.fb-table td{display:block;width:100%}
.fb-table tr{border-top:2px solid var(--az-900);padding-block:var(--space-3);margin-bottom:var(--space-4);overflow:hidden}
.fb-table--inverse tr{border-top-color:var(--az-400)}
.fb-table td{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-2) 0;border-bottom:0;text-align:right;min-width:0}
.fb-table td::before{content:attr(data-label);flex:0 1 auto;min-width:0;font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:left}
.fb-table--inverse td::before{color:var(--veil-light-72)}
.fb-table td:first-child{padding-top:0}
.fb-table td:first-child::before{display:none}
.fb-table td:first-child{display:block;text-align:left;font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--text-strong);padding-bottom:var(--space-3)}
.fb-table--inverse td:first-child{color:var(--cinza-0)}
.fb-table tbody tr:hover td{background:none}
}

/* ── Argument block (o caso para a diretoria) ──────────────────────────────── */
.fb-argument{display:flex;flex-direction:column;gap:var(--space-3);padding-left:var(--space-5);border-left:2px solid var(--az-600)}
.fb-argument--signal{border-left-color:var(--ambar-300)}
.fb-argument__label{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-accent);margin:0}
.fb-argument--signal .fb-argument__label{color:var(--text-signal)}
.fb-argument__claim{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--text-strong);margin:0}
.fb-argument__body{font-size:var(--fs-body-sm);color:var(--text-muted);margin:0}
.fb-argument--inverse{border-left-color:var(--az-400)}
.fb-argument--inverse .fb-argument__label{color:var(--ambar-300)}
.fb-argument--inverse .fb-argument__claim{color:var(--cinza-0)}
.fb-argument--inverse .fb-argument__body{color:var(--text-on-inverse-muted)}

/* ── Audience switch (diretoria / gestão) ──────────────────────────────────── */
.fb-audience{display:inline-flex;padding:4px;gap:4px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card)}
.fb-audience--inverse{border-color:var(--border-inverse);background:var(--veil-light-08)}
.fb-audience__btn{min-height:40px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:transparent;font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-button);text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}
.fb-audience__btn:hover{color:var(--text-strong)}
.fb-audience__btn:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.fb-audience__btn[aria-selected=true]{background:var(--az-600);color:var(--cinza-0)}
.fb-audience--inverse .fb-audience__btn{color:var(--veil-light-72)}
.fb-audience--inverse .fb-audience__btn:hover{color:var(--cinza-0)}
.fb-audience--inverse .fb-audience__btn[aria-selected=true]{background:var(--az-400);color:var(--az-950)}
@media(max-width:560px){.fb-audience{display:flex;width:100%;border-radius:var(--radius-sm)}.fb-audience__btn{flex:1;border-radius:calc(var(--radius-sm) - 2px);padding:0 var(--space-3)}}

/* ── Site header (landing / propostas) ─────────────────────────────────────── */
.fb-header{position:sticky;top:0;z-index:20;transition:background var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);border-bottom:1px solid transparent}
/* Véu de proteção: garante fundo escuro para o header transparente sobre qualquer
   fotografia, antes de ele solidificar no scroll. */
.fb-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,32,71,.82) 0%,rgba(4,32,71,.55) 60%,rgba(4,32,71,0) 100%);transition:opacity var(--dur-base) var(--ease-standard);pointer-events:none}
.fb-header--solid::before{opacity:0}
.fb-header--solid{background:rgba(4,32,71,.94);backdrop-filter:saturate(140%) blur(10px);border-bottom-color:var(--veil-light-08)}
.fb-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px}
.fb-header__nav{display:flex;gap:var(--space-6)}
.fb-header__nav a{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--veil-light-72);white-space:nowrap}
.fb-header__nav a:hover{color:var(--cinza-0);text-decoration:none}
@media(max-width:1100px){.fb-header__nav{display:none}}
@media(max-width:560px){.fb-header__bar{min-height:64px}.fb-header__cta .fb-btn{padding-inline:var(--space-4)}}

/* ── Alvos de toque: nada abaixo de 44px em telas de toque ─────────────────── */
@media(max-width:768px){
.fb-btn--sm{min-height:44px;padding-inline:var(--space-5)}
.fb-audience__btn{min-height:44px}
button.fb-tag{min-height:44px;padding-inline:var(--space-5)}
.fb-iconbtn--sm{width:44px;height:44px}
.fb-faq__q{padding-block:var(--space-5)}
}
@media(max-width:420px){
.fb-header__cta .fb-btn{padding-inline:var(--space-4);font-size:11px}
.fb-header__cta .fb-btn__icon{display:none}
}

/* ── Foco sobre azul-marinho: anel claro, contraste 8:1 contra o fundo ─────── */
.fb-section--inverse :focus-visible,.fb-cta :focus-visible,.fb-header :focus-visible,
.fb-card--inverse :focus-visible,.fb-quote--inverse :focus-visible,
.fb-btn--inverse:focus-visible,.fb-btn--inverse-secondary:focus-visible,
.fb-iconbtn--inverse:focus-visible,.fb-tag--inverse:focus-visible,
.fb-field--inverse :focus,.fb-field--inverse :focus-visible,
.fb-audience--inverse .fb-audience__btn:focus-visible,
.fb-faq--inverse .fb-faq__q:focus-visible,
.fb-compare__col--after :focus-visible{outline-color:var(--focus-color-inverse)}

/* ── Utilitários de visibilidade responsiva ────────────────────────────────── */
.fb-only-narrow{display:none}
@media(max-width:600px){.fb-only-wide{display:none}.fb-only-narrow{display:inline-flex;align-items:center}}
.fb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Split de conteúdo + mídia: empilha no mobile, 2 colunas a partir de 900px ── */
.fb-split{display:grid;gap:var(--space-8);grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.fb-split{gap:var(--space-12);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}
.fb-split__media{max-width:420px;width:100%}
@media(min-width:900px){.fb-split__media{max-width:none}}

/* Lockup compacto no cabeçalho mobile: mantém o horizontal (reconhecimento do nome),
   só reduz a altura. !important porque o componente define a altura inline. */
@media(max-width:600px){.fb-header__logo{height:20px!important}}

/* ── Aviso de dado demonstrativo ───────────────────────────────────────────── */
.fb-demo-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-sm);background:var(--surface-subtle)}
.fb-demo-note__label{flex:none;font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-signal);margin:0}
.fb-demo-note__body{font-size:var(--fs-caption);color:var(--text-body);margin:0}
.fb-demo-note--inverse{border-color:var(--veil-light-32);background:var(--veil-light-08)}
.fb-demo-note--inverse .fb-demo-note__label{color:var(--ambar-300)}
.fb-demo-note--inverse .fb-demo-note__body{color:var(--text-on-inverse-muted)}
@media(max-width:560px){.fb-demo-note{flex-direction:column;gap:var(--space-2)}}

/* ── Faixa de identificação do artefato (demonstrativo, não peça final) ────── */
.fb-demo-bar{position:relative;z-index:30;margin:0;background:var(--az-950);color:var(--veil-light-72);font-family:var(--font-sans);font-size:var(--fs-caption);line-height:var(--lh-body);text-align:center;padding:var(--space-3) var(--gutter);border-bottom:1px solid var(--veil-light-16)}
.fb-demo-bar strong{color:var(--ambar-300);font-weight:var(--fw-semibold)}