/* Generated by scripts/build-tokens.py. Edit tokens.json. */
.fnc-ds {
  --fnc-color-white: #FFFFFF;
  --fnc-color-light: #F6F6F4;
  --fnc-color-brand: #FFDE59;
  --fnc-color-brandHover: #DFC24E;
  --fnc-color-ink: #262626;
  --fnc-color-dark: #333333;
  --fnc-color-muted: #595959;
  --fnc-color-line: #D6D6D2;
  --fnc-color-inverse: #FAFAFA;
  --fnc-color-inverseMuted: #D6D6D2;
  --fnc-color-darkSurface: #404040;
  --fnc-color-controlBorder: #767676;
  --fnc-color-signal: #2AE0A8;
  --fnc-color-signalLight: #D4F5ED;
  --fnc-color-signalDark: #0E7A61;
  --fnc-color-success: #246344;
  --fnc-color-error: #A12622;
  --fnc-color-errorLight: #FFD5D2;
  --fnc-radius-control: 6px;
  --fnc-radius-card: 12px;
  --fnc-radius-badge: 4px;
  --fnc-space-4: 4px;
  --fnc-space-8: 8px;
  --fnc-space-12: 12px;
  --fnc-space-16: 16px;
  --fnc-space-24: 24px;
  --fnc-space-32: 32px;
  --fnc-space-48: 48px;
  --fnc-space-64: 64px;
  --fnc-space-80: 80px;
  --fnc-layout-container: 952px;
  --fnc-layout-reading: 680px;
  --fnc-layout-gutterDesktop: 32px;
  --fnc-layout-gutterMobile: 16px;
  --fnc-layout-sectionDesktop: 64px;
  --fnc-layout-sectionMobile: 40px;
  --fnc-layout-gapDesktop: 24px;
  --fnc-layout-gapMobile: 16px;
  --fnc-layout-breakpoint: 768px;
  --fnc-layout-desktopFrame: 1440px;
  --fnc-layout-mobileFrame: 390px;
  --fnc-layout-container-max: 1200px;
  --fnc-layout-container-content: 1120px;
  --fnc-layout-gutter-desktop: 24px;
  --fnc-layout-gutter-mobile: 16px;
  --fnc-layout-breakpoint-mobile: 480px;
  --fnc-layout-breakpoint-tablet: 768px;
  --fnc-layout-breakpoint-desktop: 1200px;
  --fnc-layout-grid-desktop-columns: 12;
  --fnc-layout-grid-tablet-columns: 8;
  --fnc-layout-grid-mobile-columns: 4;
  --fnc-layout-section-padding-desktop: 80px;
  --fnc-layout-section-padding-tablet: 64px;
  --fnc-layout-section-padding-mobile: 48px;
  --fnc-type-display-desktop: 40px;
  --fnc-type-display-mobile: 30px;
  --fnc-type-display-lineHeight: 1.2;
  --fnc-type-display-weight: 700;
  --fnc-type-h1-desktop: 32px;
  --fnc-type-h1-mobile: 26px;
  --fnc-type-h1-lineHeight: 1.25;
  --fnc-type-h1-weight: 700;
  --fnc-type-h2-desktop: 26px;
  --fnc-type-h2-mobile: 24px;
  --fnc-type-h2-lineHeight: 1.3;
  --fnc-type-h2-weight: 700;
  --fnc-type-h3-desktop: 20px;
  --fnc-type-h3-mobile: 18px;
  --fnc-type-h3-lineHeight: 1.4;
  --fnc-type-h3-weight: 700;
  --fnc-type-lead-desktop: 18px;
  --fnc-type-lead-mobile: 18px;
  --fnc-type-lead-lineHeight: 1.6;
  --fnc-type-lead-weight: 500;
  --fnc-type-body-desktop: 16px;
  --fnc-type-body-mobile: 16px;
  --fnc-type-body-lineHeight: 1.6;
  --fnc-type-body-weight: 500;
  --fnc-type-small-desktop: 14px;
  --fnc-type-small-mobile: 14px;
  --fnc-type-small-lineHeight: 1.5;
  --fnc-type-small-weight: 500;
  --fnc-type-label-desktop: 14px;
  --fnc-type-label-mobile: 14px;
  --fnc-type-label-lineHeight: 1.4;
  --fnc-type-label-weight: 700;
}

.fnc-ds, .fnc-ds [data-mode="white"], .fnc-ds[data-mode="white"] {
  --fnc-bg: var(--fnc-color-white);
  --fnc-text: var(--fnc-color-ink);
  --fnc-muted: var(--fnc-color-muted);
  --fnc-surface: var(--fnc-color-white);
  --fnc-border: var(--fnc-color-line);
  --fnc-controlBorder: var(--fnc-color-controlBorder);
  --fnc-action: var(--fnc-color-brand);
  --fnc-actionText: var(--fnc-color-ink);
  --fnc-actionHover: var(--fnc-color-brandHover);
  --fnc-focus: var(--fnc-color-ink);
  --fnc-error: var(--fnc-color-error);
}

.fnc-ds [data-mode="light"], .fnc-ds[data-mode="light"] {
  --fnc-bg: var(--fnc-color-light);
  --fnc-text: var(--fnc-color-ink);
  --fnc-muted: var(--fnc-color-muted);
  --fnc-surface: var(--fnc-color-white);
  --fnc-border: var(--fnc-color-line);
  --fnc-controlBorder: var(--fnc-color-controlBorder);
  --fnc-action: var(--fnc-color-brand);
  --fnc-actionText: var(--fnc-color-ink);
  --fnc-actionHover: var(--fnc-color-brandHover);
  --fnc-focus: var(--fnc-color-ink);
  --fnc-error: var(--fnc-color-error);
}

.fnc-ds [data-mode="brand"], .fnc-ds[data-mode="brand"] {
  --fnc-bg: var(--fnc-color-brand);
  --fnc-text: var(--fnc-color-ink);
  --fnc-muted: var(--fnc-color-ink);
  --fnc-surface: var(--fnc-color-white);
  --fnc-border: var(--fnc-color-ink);
  --fnc-controlBorder: var(--fnc-color-ink);
  --fnc-action: var(--fnc-color-ink);
  --fnc-actionText: var(--fnc-color-white);
  --fnc-actionHover: var(--fnc-color-dark);
  --fnc-focus: var(--fnc-color-ink);
  --fnc-error: var(--fnc-color-error);
}

.fnc-ds [data-mode="dark"], .fnc-ds[data-mode="dark"] {
  --fnc-bg: var(--fnc-color-dark);
  --fnc-text: var(--fnc-color-inverse);
  --fnc-muted: var(--fnc-color-inverseMuted);
  --fnc-surface: var(--fnc-color-darkSurface);
  --fnc-border: var(--fnc-color-controlBorder);
  --fnc-controlBorder: var(--fnc-color-inverseMuted);
  --fnc-action: var(--fnc-color-brand);
  --fnc-actionText: var(--fnc-color-ink);
  --fnc-actionHover: var(--fnc-color-brandHover);
  --fnc-focus: var(--fnc-color-brand);
  --fnc-error: var(--fnc-color-errorLight);
}

/* All production selectors are scoped. Root rem size belongs to Shoptet. */
.fnc-ds { font-family:var(--template-font, "Raleway"),Arial,sans-serif; font-size:var(--fnc-type-body-desktop); font-weight:var(--fnc-type-body-weight); line-height:var(--fnc-type-body-lineHeight); color:var(--fnc-text); background:var(--fnc-bg); overflow-wrap:break-word; }
.fnc-ds *, .fnc-ds *::before, .fnc-ds *::after { box-sizing:border-box; }
.fnc-ds :is(h1,h2,h3,h4,p,figure,blockquote,ul,ol) { margin:0; }
.fnc-ds :is(h1,h2,h3,h4) { font-family:var(--template-headings-font,"Raleway"),Arial,sans-serif; color:inherit; text-align:left; padding:0; text-transform:none; }
.fnc-ds :is(h1,h2)::before, .fnc-ds :is(h1,h2)::after { content:none; display:none; }
.fnc-ds h1,.fnc-ds .fnc-h1 { font-size:var(--fnc-type-h1-desktop); line-height:1.25; font-weight:700; }
.fnc-ds h2,.fnc-ds .fnc-h2 { font-size:var(--fnc-type-h2-desktop); line-height:1.3; font-weight:700; }
.fnc-ds h3,.fnc-ds .fnc-h3 { font-size:var(--fnc-type-h3-desktop); line-height:1.4; font-weight:700; }
.fnc-ds .fnc-display { font-size:var(--fnc-type-display-desktop); line-height:1.2; font-weight:700; letter-spacing:0; }
.fnc-ds .fnc-lead { font-size:var(--fnc-type-lead-desktop); line-height:var(--fnc-type-lead-lineHeight); color:var(--fnc-muted); }
.fnc-ds .fnc-small { font-size:var(--fnc-type-small-desktop); line-height:var(--fnc-type-small-lineHeight); color:var(--fnc-muted); }
.fnc-ds .fnc-eyebrow { font-size:14px; line-height:1.4; font-weight:700; letter-spacing:0; text-transform:uppercase; color:var(--fnc-muted); }
.fnc-ds a { color:inherit; text-underline-offset:4px; }
.fnc-ds a:hover { text-decoration-thickness:2px; }
.fnc-ds :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--fnc-focus); outline-offset:3px; }
.fnc-ds button,.fnc-ds input,.fnc-ds select,.fnc-ds textarea { font:inherit; }
.fnc-ds [hidden] { display:none !important; }
.fnc-ds img { display:block; max-width:100%; height:auto; }
.fnc-ds .fnc-section { padding-block:var(--fnc-layout-sectionDesktop); background:var(--fnc-bg); color:var(--fnc-text); }
.fnc-ds .fnc-section--compact { padding-block:32px; }
.fnc-ds .fnc-container { width:100%; max-width:var(--fnc-layout-container); padding-inline:var(--fnc-layout-gutterDesktop); margin-inline:auto; }
.fnc-ds .fnc-container--reading { max-width:744px; }
.fnc-ds .fnc-stack { display:flex; flex-direction:column; gap:24px; min-width:0; }
.fnc-ds .fnc-stack--small { gap:12px; }
.fnc-ds .fnc-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.fnc-ds .fnc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.fnc-ds .fnc-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.fnc-ds .fnc-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; align-items:start; }
.fnc-ds .fnc-split--reverse > :first-child { order:2; }
.fnc-ds .fnc-split--reverse > :last-child { order:1; }
.fnc-ds .fnc-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:48px; padding:12px; border:0; border-radius:var(--fnc-radius-control); font-size:14px; line-height:1.4; font-weight:700; background:var(--fnc-action); color:var(--fnc-actionText); cursor:pointer; text-decoration:none; transition:background-color 160ms ease-out,box-shadow 160ms ease-out; }
.fnc-ds .fnc-button:hover { background:var(--fnc-actionHover); text-decoration:none; }
.fnc-ds .fnc-button:active { box-shadow:inset 0 0 0 2px currentColor; }
.fnc-ds .fnc-button--secondary { background:var(--fnc-color-light); color:var(--fnc-color-ink); }
.fnc-ds .fnc-button--secondary:hover { background:var(--fnc-color-line); }
.fnc-ds .fnc-button--text { background:transparent; color:var(--fnc-text); border-color:transparent; padding-inline:12px; text-decoration:underline; }
.fnc-ds .fnc-button--text:hover { background:transparent; }
.fnc-ds .fnc-button:is(:disabled,[aria-disabled=true]) { opacity:.45; cursor:not-allowed; pointer-events:none; }
.fnc-ds .fnc-button[aria-busy=true] { cursor:wait; }
.fnc-ds .fnc-badge { display:inline-flex; align-items:center; align-self:flex-start; gap:6px; padding:4px 8px; border:1px solid var(--fnc-border); border-radius:4px; background:var(--fnc-surface); color:var(--fnc-text); font-size:12px; font-weight:700; line-height:1.5; }
.fnc-ds .fnc-badge--brand { background:var(--fnc-color-brand); color:var(--fnc-color-ink); border-color:var(--fnc-color-ink); }
.fnc-ds .fnc-card { display:flex; flex-direction:column; gap:16px; padding:24px; border:1px solid var(--fnc-border); border-radius:12px; background:var(--fnc-surface); color:var(--fnc-text); min-width:0; }
.fnc-ds a.fnc-card { text-decoration:none; transition:box-shadow 160ms ease-out; }
.fnc-ds a.fnc-card:hover { box-shadow:0 4px 16px #00000012; border-color:var(--fnc-text); }
.fnc-ds .fnc-card__image { width:100%; aspect-ratio:4/3; object-fit:contain; background:#F6F6F4; border-radius:6px; }
.fnc-ds .fnc-card__end { margin-top:auto; }
.fnc-ds .fnc-price { font-size:20px; font-weight:700; font-variant-numeric:lining-nums tabular-nums; }
.fnc-ds .fnc-icon-text { display:flex; align-items:flex-start; gap:12px; }
.fnc-ds .fnc-icon { width:32px; height:32px; flex-shrink:0; object-fit:contain; }
.fnc-ds .fnc-icon-tile { display:grid; place-items:center; width:48px; height:48px; background:#FFDE59; border-radius:8px; flex-shrink:0; }
.fnc-ds .fnc-media { width:100%; aspect-ratio:4/3; object-fit:contain; background:#F6F6F4; border-radius:12px; }
.fnc-ds .fnc-accordion { display:flex; flex-direction:column; gap:16px; }
.fnc-ds .fnc-accordion details { border:1px solid var(--fnc-border); background:var(--fnc-bg); padding:16px; font-size:14px; }
.fnc-ds .fnc-accordion summary { min-height:20px; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0; line-height:1.4; list-style:none; cursor:pointer; font-weight:700; }
.fnc-ds .fnc-accordion summary::-webkit-details-marker { display:none; }
.fnc-ds .fnc-accordion summary::after { content:"+"; font-size:18px; font-weight:500; }
.fnc-ds .fnc-accordion details[open] > summary::after { content:"−"; }
.fnc-ds .fnc-accordion details > div { padding:16px 0 0; color:var(--fnc-muted); }
.fnc-ds .fnc-tablist { display:flex; gap:8px; border-bottom:1px solid var(--fnc-border); overflow-x:auto; }
.fnc-ds .fnc-tab { min-height:48px; padding:12px; font-size:14px; line-height:1.4; border:0; border-bottom:3px solid transparent; background:none; color:var(--fnc-muted); cursor:pointer; white-space:nowrap; }
.fnc-ds .fnc-tab[aria-selected=true] { border-bottom-color:var(--fnc-text); color:var(--fnc-text); font-weight:700; }
.fnc-ds .fnc-tabpanel { padding-block:24px; }
.fnc-ds .fnc-field { display:flex; flex-direction:column; gap:8px; font-size:14px; flex:1; min-width:0; }
.fnc-ds .fnc-field label { font-weight:700; }
.fnc-ds .fnc-input { width:100%; min-height:48px; border:1px solid var(--fnc-controlBorder); border-radius:6px; background:var(--fnc-surface); color:var(--fnc-text); padding:10px 12px; }
.fnc-ds .fnc-input::placeholder { color:var(--fnc-muted); opacity:1; }
.fnc-ds .fnc-input[aria-invalid=true] { border:2px solid var(--fnc-error); }
.fnc-ds .fnc-input:disabled { opacity:.5; cursor:not-allowed; }
.fnc-ds .fnc-error { color:var(--fnc-error); font-size:14px; }
.fnc-ds .fnc-breadcrumbs ol { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px; font-size:14px; }
.fnc-ds .fnc-breadcrumbs li+li::before { content:"/"; margin-right:8px; color:var(--fnc-muted); }
.fnc-ds .fnc-nav { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:80px; }
.fnc-ds .fnc-logo { font-size:20px; line-height:1.2; font-weight:700; letter-spacing:-.5px; text-decoration:none; display:inline-flex; align-items:center; gap:10px; }
.fnc-ds .fnc-logo-mark { width:28px; height:28px; border-radius:6px; background:#FFDE59; color:#262626; display:grid; place-items:center; font-size:20px; }
.fnc-ds .fnc-nav-links { display:flex; gap:24px; align-items:center; }
.fnc-ds .fnc-nav-links a { font-size:14px; min-height:44px; display:inline-flex; align-items:center; }
.fnc-ds .fnc-nav-toggle { display:none; }
.fnc-ds .fnc-footer { padding-block:48px 24px; background:var(--fnc-bg); color:var(--fnc-text); }
.fnc-ds .fnc-footer ul { padding:0; list-style:none; }
.fnc-ds .fnc-footer a { display:inline-flex; align-items:center; min-height:44px; }
.fnc-ds .fnc-divider { border:0; border-top:1px solid var(--fnc-border); margin-block:24px; }
.fnc-ds .fnc-prose { max-width:680px; }
.fnc-ds .fnc-prose > *+* { margin-top:20px; }
.fnc-ds .fnc-prose li { margin-top:8px; }
.fnc-ds .fnc-step { display:block; font-size:32px; font-weight:700; line-height:1; color:var(--fnc-muted); }
.fnc-ds .fnc-native-slot { padding:24px; border:1px dashed var(--fnc-controlBorder); border-radius:6px; background:var(--fnc-surface); }
@media(max-width:767px) {
 .fnc-ds h1,.fnc-ds .fnc-h1 { font-size:var(--fnc-type-h1-mobile); }
 .fnc-ds h2,.fnc-ds .fnc-h2 { font-size:var(--fnc-type-h2-mobile); }
 .fnc-ds h3,.fnc-ds .fnc-h3 { font-size:var(--fnc-type-h3-mobile); }
 .fnc-ds .fnc-display { font-size:var(--fnc-type-display-mobile); letter-spacing:0; }
 .fnc-ds .fnc-container { padding-inline:var(--fnc-layout-gutterMobile); }
 .fnc-ds .fnc-section { padding-block:var(--fnc-layout-sectionMobile); }
 .fnc-ds .fnc-section--compact { padding-block:24px; }
 .fnc-ds .fnc-grid,.fnc-ds .fnc-split { grid-template-columns:1fr; gap:24px; }
 .fnc-ds .fnc-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 .fnc-ds .fnc-grid--four .fnc-card { padding:16px; }
 .fnc-ds .fnc-split--reverse > :first-child,.fnc-ds .fnc-split--reverse > :last-child { order:initial; }
 .fnc-ds .fnc-nav { flex-wrap:wrap; gap:12px; padding-block:12px; min-height:72px; }
 .fnc-ds .fnc-nav-toggle { display:inline-flex; }
 .fnc-ds .fnc-nav-links { width:100%; flex-direction:column; align-items:stretch; gap:4px; }
 .fnc-ds .fnc-nav[data-enhanced=true] .fnc-nav-links { display:none; }
 .fnc-ds .fnc-nav[data-enhanced=true] .fnc-nav-links[data-open=true] { display:flex; }
}
/* Figma families: context snapshots in source/. Layout tokens are independent
   of legacy 952px sections: use fnc-container--wide for 1120px patterns. */
.fnc-ds [data-mode] { background-color:var(--fnc-bg); color:var(--fnc-text); }
.fnc-ds .fnc-container--wide { max-width:1168px; padding-inline:var(--fnc-layout-gutter-desktop); }
.fnc-ds .fnc-button--wide { width:216px; min-width:0; max-width:100%; align-self:flex-start; flex-shrink:0; }
.fnc-ds .fnc-card .fnc-button { width:100%; }
.fnc-ds .fnc-card__image { background:transparent; border-radius:12px; }
.fnc-ds .fnc-hero--editorial .fnc-media { height:320px; aspect-ratio:auto; object-fit:cover; background:none; }
.fnc-ds .fnc-hero .fnc-media { background:transparent; }
.fnc-ds .fnc-hero__support > p { font-size:16px; line-height:1.6; }
.fnc-ds .fnc-hero__support { display:flex; align-items:center; gap:24px; }
.fnc-ds .fnc-hero__support > p { flex:1; }
.fnc-ds .fnc-hero--spotlight .fnc-split { gap:32px; align-items:center; }
.fnc-ds .fnc-hero--spotlight .fnc-media { height:350px; aspect-ratio:auto; background:transparent; }
.fnc-ds .fnc-photo-section { position:relative; overflow:hidden; min-height:560px; display:flex; align-items:flex-end; }
.fnc-ds .fnc-photo-section > .fnc-photo-section__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.fnc-ds .fnc-photo-section::before { content:""; position:absolute; inset:0; background:rgb(38 38 38 / .72); z-index:1; }
.fnc-ds .fnc-photo-section > .fnc-container { position:relative; z-index:2; }
.fnc-ds .fnc-photo-section__content { max-width:480px; }
.fnc-ds .fnc-claim--minimal { text-align:center; }
.fnc-ds .fnc-claim--editorial .fnc-container { display:grid; grid-template-columns:200px minmax(0,1fr); gap:32px; }
.fnc-ds .fnc-claim__marker { display:flex; flex-direction:column; gap:12px; }
.fnc-ds .fnc-claim__marker::before { content:""; width:48px; height:4px; background:var(--fnc-color-brand); }
.fnc-ds .fnc-claim__continuation { padding-left:48px; display:flex; flex-direction:column; gap:16px; }
.fnc-ds .fnc-claim--image { min-height:400px; padding-block:48px; }
.fnc-ds .fnc-claim--image .fnc-eyebrow { color:var(--fnc-color-brand); }
.fnc-ds .fnc-card--media { position:relative; min-height:240px; border:0; padding:0; overflow:hidden; background:var(--fnc-color-dark); }
.fnc-ds .fnc-card--media > .fnc-card__background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.fnc-ds .fnc-card--media:has(> .fnc-card__background) { background:#fff; }
.fnc-ds .fnc-card--media > .fnc-card__content { position:relative; display:flex; flex:1; flex-direction:column; justify-content:flex-end; gap:8px; padding:16px; background:linear-gradient(229.635deg,transparent 25%,rgb(0 0 0 / .72) 75%); color:#fff; }
.fnc-ds .fnc-card--media .fnc-small { color:var(--fnc-color-inverseMuted); }
.fnc-ds .fnc-card--media .fnc-icon-tile { width:40px; height:40px; }
.fnc-ds .fnc-slider { min-width:0; }
.fnc-ds .fnc-slider__track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:24px; list-style:none; padding:0; margin:0; }
.fnc-ds .fnc-slider__track > * { min-width:0; }
.fnc-ds .fnc-slider__progress { display:none; align-items:center; gap:8px; color:var(--fnc-muted); font-size:14px; line-height:1.5; margin-top:24px; }
.fnc-ds .fnc-slider__dot { display:block; width:8px; height:4px; border-radius:4px; background:var(--fnc-border); }
.fnc-ds .fnc-slider__dot[data-active=true] { width:24px; background:var(--fnc-color-brand); }
.fnc-ds .fnc-slider__position { margin-left:8px; }
.fnc-ds .fnc-slider__meta { display:none; justify-content:space-between; gap:16px; font-size:14px; font-weight:700; text-transform:uppercase; }
.fnc-ds .fnc-slider__hint { display:none; margin-left:auto; font-size:12px; font-weight:500; }
.fnc-ds .fnc-slider__buttons { display:flex; gap:8px; margin-left:auto; }
.fnc-ds .fnc-slider__button { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; background:var(--fnc-text); color:var(--fnc-bg); cursor:pointer; font-size:14px; font-weight:700; }
.fnc-ds .fnc-slider__button:disabled { background:var(--fnc-surface); color:var(--fnc-text); opacity:.4; cursor:default; }
.fnc-ds .fnc-slider--cards .fnc-slider__track { grid-template-columns:repeat(4,minmax(0,1fr)); }
.fnc-ds .fnc-slider--symptoms .fnc-card { background:var(--fnc-color-ink); border-color:var(--fnc-color-ink); color:var(--fnc-color-white); }
.fnc-ds .fnc-slider--symptoms .fnc-slider__dot { background:var(--fnc-color-inverseMuted); }
.fnc-ds .fnc-slider--steps .fnc-slider__track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:16px; padding:2px 40px 2px 0; }
.fnc-ds .fnc-slider--steps .fnc-slider__track::-webkit-scrollbar { display:none; }
.fnc-ds .fnc-slider--steps .fnc-step-card { position:relative; flex:0 0 calc(100% - 40px); min-width:0; scroll-snap-align:start; background:var(--fnc-bg); border:1px solid var(--fnc-border); padding:24px 24px 24px 48px; overflow:hidden; }
.fnc-ds .fnc-slider--steps .fnc-step-card::before { content:attr(data-step); position:absolute; left:14px; top:26px; font-size:16px; font-weight:700; }
.fnc-ds .fnc-slider--steps .fnc-step-card .fnc-step { display:none; }
.fnc-ds .fnc-slider--steps[data-enhanced=true] > .fnc-slider__progress { display:flex; }
.fnc-ds .fnc-slider--steps:not([data-enhanced=true]) .fnc-slider__track { display:grid; grid-template-columns:1fr; overflow:visible; padding:0; }
.fnc-ds .fnc-slider--steps:not([data-enhanced=true]) .fnc-step-card { width:100%; }
.fnc-ds .fnc-compare { --fnc-compare-position:50%; min-width:0; }
.fnc-ds .fnc-compare__heading { font-size:20px; font-weight:700; text-transform:uppercase; }
.fnc-ds .fnc-compare__intro { font-size:14px; margin-top:8px; }
.fnc-ds .fnc-compare__stage { position:relative; width:min(100%,320px); margin-top:16px; }
.fnc-ds .fnc-compare__images { display:flex; align-items:stretch; width:100%; aspect-ratio:1; padding:12px; border:1px solid var(--fnc-border); border-radius:12px; background:var(--fnc-color-light); overflow:hidden; }
.fnc-ds .fnc-compare__side { position:relative; display:flex; flex-direction:column; min-width:0; height:100%; padding:12px; border:1px solid var(--fnc-border); border-radius:8px; background:var(--fnc-surface); overflow:hidden; }
.fnc-ds .fnc-compare__side--before { width:var(--fnc-compare-position); margin-right:6px; }
.fnc-ds .fnc-compare__side--after { flex:1; margin-left:6px; }
.fnc-ds .fnc-compare__side img { display:block; width:100%; min-height:0; flex:1; object-fit:contain; }
.fnc-ds .fnc-compare__label { align-self:flex-start; padding:6px 8px; border:1px solid var(--fnc-border); border-radius:4px; background:var(--fnc-surface); font-size:12px; font-weight:700; text-transform:uppercase; }
.fnc-ds .fnc-compare__divider { position:absolute; z-index:2; top:12px; bottom:12px; left:var(--fnc-compare-position); width:1px; background:var(--fnc-border); transform:translateX(-50%); pointer-events:none; }
.fnc-ds .fnc-compare__divider::after { content:'‹  ›'; position:absolute; top:50%; left:50%; display:grid; place-items:center; width:56px; height:56px; border-radius:50%; transform:translate(-50%,-50%); background:var(--fnc-surface); color:var(--fnc-text); border:2px solid var(--fnc-color-brand); font-size:24px; font-weight:700; white-space:pre; }
.fnc-ds .fnc-compare__control { position:absolute; inset:0; z-index:3; }
.fnc-ds .fnc-compare__control > span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.fnc-ds .fnc-compare__control input { display:block; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; }
.fnc-ds .fnc-compare__status { margin-top:16px; font-size:14px; font-weight:700; }
.fnc-ds .fnc-compare__note { margin-top:8px; }
.fnc-ds .fnc-compare:focus-within .fnc-compare__divider::after { outline:3px solid var(--fnc-focus); outline-offset:3px; }
.fnc-ds .fnc-compare--overlay :is(.fnc-compare__heading,.fnc-compare__intro,.fnc-compare__status) { display:none; }
.fnc-ds .fnc-compare--overlay .fnc-compare__stage { width:100%; margin-top:0; }
.fnc-ds .fnc-compare--overlay .fnc-compare__images { display:block; position:relative; aspect-ratio:710/706; padding:0; border:0; border-radius:0; background:var(--fnc-surface); }
.fnc-ds .fnc-compare--overlay .fnc-compare__side { position:absolute; inset:0; display:block; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; }
.fnc-ds .fnc-compare--overlay .fnc-compare__side--before { background:var(--fnc-color-light); }
.fnc-ds .fnc-compare--overlay .fnc-compare__side--after { background:var(--fnc-color-signalLight); clip-path:inset(0 0 0 var(--fnc-compare-position)); }
.fnc-ds .fnc-compare--overlay .fnc-compare__side img { position:absolute; inset:0; width:100%; height:100%; }
.fnc-ds .fnc-compare--overlay .fnc-compare__label { position:absolute; top:12px; z-index:2; padding:6px 10px; border:0; border-radius:0; background:var(--fnc-text); color:var(--fnc-bg); font-size:14px; }
.fnc-ds .fnc-compare--overlay .fnc-compare__side--before .fnc-compare__label { left:12px; }
.fnc-ds .fnc-compare--overlay .fnc-compare__side--after .fnc-compare__label { right:12px; }
.fnc-ds .fnc-compare--overlay .fnc-compare__divider { top:0; bottom:0; width:3px; background:var(--fnc-text); }
.fnc-ds .fnc-compare--overlay .fnc-compare__divider::after { content:'↔'; width:48px; height:48px; border-color:var(--fnc-text); font-size:20px; }
.fnc-ds .fnc-slider--products .fnc-slider__dot[data-active=true] { background:var(--fnc-text); }
.fnc-ds .fnc-badge { padding:8px; font-size:14px; font-weight:500; line-height:1.5; }
.fnc-ds .fnc-accordion details > div { font-size:16px; line-height:1.6; color:var(--fnc-text); }
.fnc-ds .fnc-card--testimonial { min-height:240px; }
.fnc-ds .fnc-grid--problems .fnc-card--media { min-height:280px; }
.fnc-ds .fnc-proof-image { overflow:hidden; border-radius:12px; }
.fnc-ds .fnc-proof-image__image { width:100%; height:160px; object-fit:cover; }
.fnc-ds .fnc-chapters details > div { font-size:14px; line-height:1.5; color:var(--fnc-muted); padding-top:8px; }
.fnc-ds .fnc-proof:not(.fnc-proof--slider) > .fnc-slider__progress { display:none; }
.fnc-ds .fnc-pattern { padding:24px; }
.fnc-ds .fnc-pattern__meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; font-size:14px; }
.fnc-ds .fnc-process { min-height:270px; }
.fnc-ds .fnc-process__stage { display:flex; flex-direction:column; gap:12px; }
.fnc-ds .fnc-process__stage h3 { min-height:56px; }
.fnc-ds .fnc-process__rail { height:4px; display:flex; align-items:center; }
.fnc-ds .fnc-process__rail::before { content:""; width:100%; height:1px; background:var(--fnc-border); }
.fnc-ds .fnc-process__stage[data-active=true] .fnc-process__rail::before { height:4px; background:var(--fnc-color-brand); }
.fnc-ds .fnc-process__graphic { height:80px; border:1px solid var(--fnc-border); border-radius:12px; background:var(--fnc-surface); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; text-align:center; font-size:14px; line-height:1.5; color:var(--fnc-muted); }
.fnc-ds .fnc-process__graphic picture { height:24px; }
.fnc-ds .fnc-process__graphic p { max-width:100%; }
.fnc-ds .fnc-proof__track { gap:24px; padding:32px 24px; }
.fnc-ds .fnc-proof__item { display:flex; flex-direction:column; gap:4px; }
.fnc-ds .fnc-proof__item + .fnc-proof__item { border-left:1px solid var(--fnc-border); padding-left:24px; }
.fnc-ds .fnc-proof__value { font-size:32px; line-height:1.25; font-weight:700; }
.fnc-ds .fnc-video-process { display:grid; grid-template-columns:minmax(0,688fr) minmax(0,352fr); gap:32px; }
.fnc-ds .fnc-video-process__player { display:flex; flex-direction:column; gap:8px; height:387px; padding:16px; border-radius:12px; background:var(--fnc-surface); }
.fnc-ds .fnc-video-process__poster { width:100%; min-height:0; flex:1; object-fit:contain; }
.fnc-ds .fnc-video-process__player > .fnc-row { justify-content:space-between; }
.fnc-ds .fnc-video-process video { width:100%; aspect-ratio:16/9; border-radius:12px; background:var(--fnc-surface); }
.fnc-ds .fnc-video-process__controls { display:flex; align-items:center; gap:12px; font-size:14px; }
.fnc-ds .fnc-video-process__controls > :last-child { margin-left:auto; }
.fnc-ds .fnc-video-process__controls button { border:0; padding:0; background:transparent; min-width:32px; min-height:32px; }
.fnc-ds .fnc-video-process__bar { height:4px; border-bottom:1px solid var(--fnc-border); }
.fnc-ds .fnc-video-process__caption { margin-top:8px; }
.fnc-ds .fnc-chapters { gap:0; }
.fnc-ds .fnc-chapters details { border:0; border-bottom:1px solid var(--fnc-border); }
.fnc-ds .fnc-chapters details[open] { border-left:3px solid var(--fnc-color-brand); }
.fnc-ds .fnc-chapters .fnc-pattern__meta { margin-bottom:12px; }
@media(max-width:767px) {
 .fnc-ds .fnc-container--wide { padding-inline:16px; }
 .fnc-ds .fnc-hero__support { flex-direction:column; align-items:flex-start; gap:16px; }
 .fnc-ds .fnc-hero--editorial .fnc-media { height:240px; }
 .fnc-ds .fnc-hero--spotlight .fnc-media { height:268.5px; }
 .fnc-ds .fnc-claim--editorial .fnc-container { grid-template-columns:1fr; gap:16px; }
 .fnc-ds .fnc-claim__continuation { padding-left:24px; }
 .fnc-ds .fnc-claim--image { min-height:480px; }
 .fnc-ds .fnc-slider__track { display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:16px; padding-inline:16px; scrollbar-width:none; }
 .fnc-ds .fnc-slider--cards .fnc-slider__track { display:flex; gap:12px; padding-inline:0; scroll-padding-inline:0; }
 .fnc-ds .fnc-slider--cards .fnc-slider__track > * { flex:0 0 min(310px, calc(100% - 48px)); min-height:240px; padding:12px; gap:12px; }
 .fnc-ds .fnc-slider--cards .fnc-slider__track h3 { font-size:18px; line-height:1.4; }
 .fnc-ds .fnc-slider--cards .fnc-slider__track p { font-size:16px; line-height:1.5; }
 .fnc-ds .fnc-slider--cards .fnc-slider__meta { display:flex; margin-bottom:24px; }
 .fnc-ds .fnc-slider--cards[data-enhanced=true] > .fnc-slider__progress { margin-top:24px; }
 .fnc-ds .fnc-slider--cards .fnc-slider__progress .fnc-slider__position { display:none; }
 .fnc-ds .fnc-slider--cards .fnc-slider__hint { display:block; }
 .fnc-ds .fnc-slider--steps .fnc-slider__track { display:flex; padding:2px 24px 2px 0; scroll-padding-inline:0; }
 .fnc-ds .fnc-slider--steps .fnc-step-card { flex:0 0 min(310px, calc(100% - 32px)); min-height:363px; padding:16px 16px 16px 40px; }
 .fnc-ds .fnc-slider--steps .fnc-step-card::before { left:12px; top:18px; }
 .fnc-ds .fnc-slider--steps .fnc-slider__progress .fnc-slider__dot { display:none; }
 .fnc-ds .fnc-slider--steps .fnc-slider__position { margin-left:0; font-size:0; font-weight:700; }
 .fnc-ds .fnc-slider--steps .fnc-slider__position::before { content:attr(data-mobile); font-size:14px; }
 .fnc-ds .fnc-slider--steps .fnc-slider__hint { display:block; }
 .fnc-ds :is(.fnc-slider--steps,.fnc-slider--cards) .fnc-slider__buttons { display:none; }
 .fnc-ds .fnc-slider--steps:not([data-enhanced=true]) .fnc-slider__track { display:grid; }
 .fnc-ds .fnc-slider__track::-webkit-scrollbar { display:none; }
 .fnc-ds .fnc-slider__track > * { flex:0 0 min(310px, calc(100% - 32px)); scroll-snap-align:start; }
 .fnc-ds .fnc-slider--products .fnc-slider__track { gap:12px; padding-inline:0; scroll-padding-inline:0; }
 .fnc-ds .fnc-slider--products .fnc-slider__track > * { flex-basis:min(310px, calc(100% - 32px)); }
 .fnc-ds .fnc-slider--products[data-enhanced=true] > .fnc-slider__progress { padding-inline:0; }
 .fnc-ds .fnc-slider[data-enhanced=true] > .fnc-slider__progress { display:flex; padding-inline:16px; }
 .fnc-ds .fnc-slider--cards[data-enhanced=true] > .fnc-slider__progress,
 .fnc-ds .fnc-slider--steps[data-enhanced=true] > .fnc-slider__progress { padding-inline:0; }
 .fnc-ds .fnc-compare__heading { font-size:18px; }
 .fnc-ds .fnc-compare__stage { width:min(100%,300px); }
 .fnc-ds .fnc-compare--overlay .fnc-compare__stage { width:min(100%,300px); }
 .fnc-ds .fnc-pattern { padding:24px 0; }
 .fnc-ds .fnc-pattern__meta { padding-inline:16px; }
 .fnc-ds .fnc-process__stage h3 { min-height:51px; }
 .fnc-ds .fnc-process__graphic { height:92px; }
 .fnc-ds .fnc-proof__track { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; gap:24px 16px; padding:24px 16px; }
 .fnc-ds .fnc-proof__item + .fnc-proof__item { border:0; padding-left:0; }
 .fnc-ds .fnc-proof__value { font-size:26px; }
 .fnc-ds .fnc-proof--slider .fnc-proof__track { display:flex; }
 .fnc-ds .fnc-proof--slider .fnc-proof__item { flex-basis:min(240px,calc(100% - 32px)); border-left:1px solid var(--fnc-border); padding-left:16px; }
 .fnc-ds .fnc-video-process { grid-template-columns:1fr; gap:16px; }
 .fnc-ds .fnc-video-process > * { margin-inline:16px; min-width:0; }
 .fnc-ds .fnc-video-process__player { height:201px; }
 .fnc-ds .fnc-process__graphic picture { height:20px; }
}
/* Completed Figma patterns, 7 October 2026. Source node pairs in coverage.md. */
.fnc-ds .fnc-badge--signal { background:var(--fnc-color-signal); color:var(--fnc-color-ink); border-color:var(--fnc-color-ink); }
.fnc-ds .fnc-signal-note { display:flex; align-items:center; gap:8px; padding:12px; background:var(--fnc-color-signalLight); border:1px solid var(--fnc-color-signal); border-radius:var(--fnc-radius-badge); font-size:14px; line-height:1.5; color:var(--fnc-color-signalDark); }
.fnc-ds .fnc-signal-note strong { padding:3px 8px; border-radius:var(--fnc-radius-badge); font-size:12px; color:var(--fnc-color-ink); background:var(--fnc-color-signal); }
.fnc-ds .fnc-signal-marker { width:48px; height:4px; background:var(--fnc-color-signal); border-radius:var(--fnc-radius-badge); }
.fnc-ds .fnc-feature-grid .fnc-card { min-height:160px; }
.fnc-ds .fnc-feature-grid .fnc-slider__progress { margin-top:12px; }
.fnc-ds .fnc-feature-grid .fnc-slider__dot[data-active=true] { background:var(--fnc-color-signal); }
.fnc-ds .fnc-facts .fnc-slider__track { align-items:start; }
.fnc-ds .fnc-fact { border:0; }
.fnc-ds .fnc-fact__label { font-size:14px; line-height:1.4; font-weight:700; color:var(--fnc-muted); }
.fnc-ds .fnc-fact__description { color:var(--fnc-muted); }
.fnc-ds .fnc-facts--brand .fnc-fact { border-left:3px solid var(--fnc-color-brand); }
.fnc-ds .fnc-fact__reserved { height:48px; }
.fnc-ds .fnc-facts .fnc-slider__dot { display:none; }
.fnc-ds .fnc-facts .fnc-slider__position { margin-left:0; }
.fnc-ds .fnc-facts .fnc-slider__progress::after { content:'Swipe to explore'; margin-left:auto; }
.fnc-ds .fnc-proof--brand .fnc-proof__track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; }
.fnc-ds .fnc-proof--brand .fnc-proof__item { border-left:3px solid var(--fnc-color-brand); padding-left:12px; }
.fnc-ds .fnc-image-context { display:flex; align-items:center; gap:24px; padding:24px; border-radius:var(--fnc-radius-card); overflow:hidden; }
.fnc-ds .fnc-image-context[data-mode] { background:var(--fnc-color-darkSurface); }
.fnc-ds .fnc-image-context .fnc-card__content { background-color:rgb(0 0 0 / .72); }
.fnc-ds .fnc-proof:not(.fnc-proof--slider)[data-enhanced=true] > .fnc-slider__progress { display:none; }
.fnc-ds .fnc-image-context > .fnc-slider { flex:1; min-width:0; }
.fnc-ds .fnc-image-context--proof { padding-block:32px; }
.fnc-ds .fnc-image-context .fnc-proof__track { padding:0; }
.fnc-ds .fnc-context__desktop { width:204px; flex-shrink:0; }
.fnc-ds .fnc-context__mobile { display:none; }
.fnc-ds .fnc-facts--image .fnc-slider__track { align-items:center; }
.fnc-ds .fnc-facts--image .fnc-fact { border-left:1px solid var(--fnc-color-line); border-radius:0; padding:16px; gap:8px; }
.fnc-ds .fnc-facts--image .fnc-fact__description { font-size:14px; line-height:1.5; }
.fnc-ds .fnc-facts--image .fnc-fact--key { border-left:2px solid var(--fnc-color-signal); }
.fnc-ds .fnc-fact--key .fnc-fact__label { color:var(--fnc-color-signal); }
.fnc-ds .fnc-detail-callout { display:grid; grid-template-columns:minmax(0,640fr) minmax(0,448fr); align-items:center; gap:32px; }
.fnc-ds .fnc-detail-callout__media { height:400px; overflow:hidden; position:relative; border-radius:var(--fnc-radius-card); background:var(--fnc-color-white); }
.fnc-ds .fnc-detail-callout__media img { width:100%; height:100%; object-fit:contain; }
.fnc-ds .fnc-detail-callout .fnc-stack { gap:16px; }
.fnc-ds .fnc-detail-callout__text { font-size:16px; line-height:1.6; }
.fnc-ds .fnc-spotlight { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:32px; row-gap:24px; align-items:center; }
.fnc-ds .fnc-spotlight > img { grid-row:1 / 3; }
.fnc-ds .fnc-spotlight__intro { align-self:end; }
.fnc-ds .fnc-spotlight__proof { align-self:start; }
.fnc-ds .fnc-mobile-only { display:none; }
.fnc-ds .fnc-template-media { display:block; min-width:0; }
.fnc-ds .fnc-template-media .fnc-media { width:100%; }
.fnc-ds .fnc-template-steps .fnc-slider__track { display:flex; flex-direction:column; gap:16px; }
.fnc-ds .fnc-template-step { display:flex; align-items:center; gap:24px; padding:24px; border-radius:var(--fnc-radius-card); background:var(--fnc-surface); }
.fnc-ds .fnc-template-step strong { font-size:14px; }
.fnc-ds .fnc-card__background > img { width:100%; height:100%; object-fit:cover; }
.fnc-ds .fnc-template-navigation { max-width:504px; margin-inline:auto; }
.fnc-ds .fnc-template-navigation .fnc-nav { padding-block:32px; align-items:start; }
.fnc-ds .fnc-template-navigation .fnc-nav-links { gap:12px; flex-wrap:wrap; }
.fnc-ds .fnc-template-navigation .fnc-nav-links a { min-height:24px; }
.fnc-ds .fnc-template-footer { padding-block:32px; }
.fnc-ds .fnc-template-footer .fnc-row { font-size:14px; }
@media(max-width:1100px) and (min-width:768px) {
 .fnc-ds .fnc-image-context { flex-wrap:wrap; }
 .fnc-ds .fnc-image-context > .fnc-slider { flex-basis:100%; }
}
@media(max-width:767px) {
 .fnc-ds .fnc-feature-grid .fnc-slider__track { gap:12px; }
 .fnc-ds .fnc-feature-grid .fnc-slider__track > * { flex-basis:min(320px,calc(100% - 32px)); }
 .fnc-ds .fnc-facts { padding-block:16px; }
 .fnc-ds .fnc-facts .fnc-slider__track > * { flex-basis:min(336px,calc(100% - 22px)); }
 .fnc-ds .fnc-facts .fnc-slider__progress { margin-top:16px; }
 .fnc-ds .fnc-proof--brand { background:var(--fnc-color-light); border-block:1px solid var(--fnc-border); }
 .fnc-ds .fnc-proof--brand .fnc-proof__track { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fnc-ds .fnc-proof--brand .fnc-proof__value,.fnc-ds .fnc-image-context .fnc-proof__value { font-size:24px; line-height:1.3; }
 .fnc-ds .fnc-proof--brand .fnc-proof__item { border-left:3px solid var(--fnc-color-brand); padding-left:12px; }
 .fnc-ds .fnc-image-context { display:block; padding:0; }
 .fnc-ds .fnc-context__desktop { display:none; }
 .fnc-ds .fnc-context__mobile { display:flex; position:relative; align-items:flex-end; padding:16px; height:160px; }
 .fnc-ds .fnc-context__mobile > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
 .fnc-ds .fnc-context__mobile::after { content:''; position:absolute; inset:0; background:linear-gradient(202.306deg,transparent 25%,rgb(0 0 0 / .8) 75%); }
 .fnc-ds .fnc-context__mobile > p { z-index:1; }
 .fnc-ds .fnc-image-context .fnc-proof__track { padding:24px 16px; }
 .fnc-ds .fnc-image-context .fnc-proof--slider { padding-bottom:24px; }
 .fnc-ds .fnc-image-context--scroll { padding-block:24px; }
 .fnc-ds .fnc-image-context--scroll .fnc-context__mobile { height:120px; }
 .fnc-ds .fnc-image-context--scroll .fnc-context__mobile::after { background:linear-gradient(197.103deg,transparent 25%,rgb(0 0 0 / .722) 75%); }
 .fnc-ds .fnc-image-context--scroll .fnc-slider__progress { margin-top:0; }
 .fnc-ds .fnc-image-context--scroll .fnc-slider__dot { display:none; }
 .fnc-ds .fnc-image-context--scroll .fnc-slider__progress::after { content:'Swipe to explore'; margin-left:auto; }
 .fnc-ds .fnc-facts--image .fnc-slider__track { align-items:start; }
 .fnc-ds .fnc-facts--image .fnc-slider__track > * { flex-basis:min(300px,calc(100% - 32px)); }
 .fnc-ds .fnc-facts--image .fnc-badge--signal { display:none; }
 .fnc-ds .fnc-detail-callout { grid-template-columns:1fr; padding-inline:16px; gap:16px; }
 .fnc-ds .fnc-detail-callout__media { height:240px; }
 .fnc-ds .fnc-detail-callout__media img { position:absolute; width:120%; max-width:none; height:120%; left:-10%; top:-10%; }
 .fnc-ds .fnc-detail-callout .fnc-stack { gap:12px; }
 .fnc-ds .fnc-hero--spotlight { padding-block:48px; }
 .fnc-ds .fnc-spotlight { display:flex; flex-direction:column; align-items:stretch; gap:24px; }
 .fnc-ds .fnc-spotlight__intro { order:-1; align-self:auto; }
 .fnc-ds .fnc-spotlight__intro h2 { font-size:26px; line-height:1.25; }
 .fnc-ds .fnc-spotlight__intro .fnc-lead { font-size:16px; }
 .fnc-ds .fnc-spotlight__proof { gap:8px; align-self:stretch; font-size:14px; }
 .fnc-ds .fnc-spotlight__proof .fnc-button { width:100%; }
 .fnc-ds .fnc-hero--spotlight .fnc-media { height:200px; }
 .fnc-ds .fnc-photo-section { padding-block:48px; }
 .fnc-ds .fnc-photo-section.fnc-hero > .fnc-photo-section__image { width:952px; max-width:none; height:560px; left:calc(50% - 675px); }
 .fnc-ds .fnc-photo-section.fnc-hero .fnc-lead { font-size:16px; }
 .fnc-ds .fnc-photo-section.fnc-hero .fnc-button { width:100%; }
 .fnc-ds .fnc-claim--image > .fnc-photo-section__image { width:952px; max-width:none; height:560px; left:calc(50% - 643px); top:calc(50% - 280px); }
 .fnc-ds .fnc-claim--image .fnc-small { font-size:16px; }
 .fnc-ds .fnc-claim--editorial { padding-block:48px; }
 .fnc-ds .fnc-claim--editorial .fnc-container { gap:24px; }
 .fnc-ds .fnc-claim__continuation { padding-left:32px; }
 .fnc-ds .fnc-claim__continuation .fnc-small { font-size:16px; }
 .fnc-ds .fnc-mobile-only { display:flex; flex-direction:column; gap:24px; }
 .fnc-ds .fnc-template-steps .fnc-slider__track { flex-direction:row; gap:12px; padding-inline:0; scroll-padding-inline:0; }
 .fnc-ds .fnc-template-step { flex-direction:column; align-items:start; gap:12px; padding:16px; min-height:138px; }
 .fnc-ds .fnc-template-step strong { display:grid; place-items:center; width:40px; height:40px; border-radius:8px; background:var(--fnc-border); }
 .fnc-ds .fnc-template-step[data-active=true] strong { background:var(--fnc-color-brand); color:var(--fnc-color-ink); }
 .fnc-ds :is(.fnc-template-benefits,.fnc-template-problems) .fnc-slider__track { padding-inline:0; scroll-padding-inline:0; gap:12px; }
 .fnc-ds .fnc-signal-note { align-items:flex-start; }
 .fnc-ds .fnc-template-navigation .fnc-nav { padding-block:16px; }
 .fnc-ds .fnc-template-footer { padding-block:24px; }
}
@media(prefers-reduced-motion:reduce) { .fnc-ds *, .fnc-ds *::before,.fnc-ds *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }