/* ============================================================
   prodct tokens (self-contained — FA pages do NOT load prodct-tokens.css)
   Extracted from FA standalone; identical to prodct-tokens.css :root
   ============================================================ */
:root {
  /* ============================================================
     PARENT PALETTE — prodct (deep green)
     Derived from the logo: dark teal-green, rich and serious.
     ============================================================ */
  --prodct-950: #061914;
  --prodct-900: #0B2A22;   /* logo block · primary surface dark */
  --prodct-800: #123B30;
  --prodct-700: #1A4F40;
  --prodct-600: #226553;
  --prodct-500: #2D8168;   /* primary brand green */
  --prodct-400: #4EA388;
  --prodct-300: #82C2AD;
  --prodct-200: #BADDD0;
  --prodct-100: #DCEDE5;
  --prodct-50:  #EEF6F2;

  /* ============================================================
     LIME — the logo accent. High-voltage.
     Used for: logo mark, rare attention moments.
     Never used for body text or large surfaces.
     ============================================================ */
  --lime-500:  #DCFF4B;   /* logo lime */
  --lime-400:  #C8EB35;
  --lime-300:  #E9FF88;
  --lime-100:  #F6FFCE;

  /* ============================================================
     NEUTRALS — Bone scale (warm off-white, not pure white)
     Matches Anthropic's paper feel; reads as enterprise-calm.
     ============================================================ */
  --bone-50:  #FAF8F4;   /* page / paper */
  --bone-100: #F3F0E9;   /* muted surface */
  --bone-200: #E7E2D5;   /* hairline */
  --bone-300: #CFC8B7;   /* borders */
  --bone-400: #9C9585;   /* muted text */
  --bone-500: #6E6858;   /* secondary text */
  --bone-600: #4A4538;   /* body */
  --bone-700: #2E2B23;   /* strong text */
  --bone-800: #1A1814;   /* near-black */
  --bone-900: #0A0907;   /* ink */

  /* ============================================================
     UNIT ACCENTS — one per delivery unit
     Jewel tones. Same tonal value across all four so they combine
     as a coherent family. No warm hues.

     [CX]       emerald  — carries the green thread of the brand
     [Labs]     sapphire — build, ship, trust
     [Elements] amethyst — data foundation, depth
     /skills    teal     — enablement, calm
     ============================================================ */
  /* [CX] — emerald */
  --cx-700:  #0B5238;
  --cx-500:  #137A4E;
  --cx-300:  #5DA886;
  --cx-100:  #D4E8DD;

  /* [Labs] — sapphire */
  --labs-700: #162B6B;
  --labs-500: #1F3B8F;
  --labs-300: #7086BF;
  --labs-100: #D7DCEC;

  /* [Elements] — amethyst */
  --elements-700: #4C2A7A;
  --elements-500: #6B3DA8;
  --elements-300: #A68BC9;
  --elements-100: #E4DAEE;

  /* /skills — teal */
  --skills-700: #14505A;
  --skills-500: #1E6E7A;
  --skills-300: #70A4AC;
  --skills-100: #D5E3E6;

  /* ============================================================
     SECONDARY PALETTE — supporting hues
     Four muted companions at consistent chroma. Cool-editorial,
     no warm tones. Use for: charts, illustrations, background
     washes, data viz, secondary callouts. Never compete with
     the unit accents above.
     ============================================================ */

  /* Sage — desaturated green, quieter than prodct */
  --sage-700: #4A6554;
  --sage-500: #7A9383;
  --sage-300: #B2C4B8;
  --sage-100: #DEE6E0;

  /* Sky — soft periwinkle, lighter than labs */
  --sky-700: #3F5B7A;
  --sky-500: #7A97B6;
  --sky-300: #B4C5D6;
  --sky-100: #DFE7EF;

  /* Plum — muted aubergine, complements elements */
  --plum-700: #5A3E56;
  --plum-500: #86677F;
  --plum-300: #B8A1B2;
  --plum-100: #E2D7DE;

  /* Stone — cool neutral-blue-grey, holds charts together */
  --stone-700: #4A5560;
  --stone-500: #7A8794;
  --stone-300: #B2BCC6;
  --stone-100: #DFE3E7;

  /* ============================================================
     SEMANTIC — status
     ============================================================ */
  --success-500: #3E8F5F;
  --success-100: #DCEDE3;
  --warning-500: #C28A2B;
  --warning-100: #F5EAD0;
  --danger-500:  #B53A2F;
  --danger-100:  #F0D5D0;
  --info-500:    var(--labs-500);
  --info-100:    var(--labs-100);

  /* ============================================================
     SEMANTIC — surface + text + border
     ============================================================ */
  --bg:           var(--bone-50);
  --bg-elevated:  #FFFFFF;
  --bg-muted:     var(--bone-100);
  --bg-sunken:    var(--bone-200);
  --bg-inverse:   var(--prodct-900);
  --bg-dark:      var(--prodct-900);

  --fg:           var(--bone-700);
  --fg-strong:    var(--bone-900);
  --fg-muted:     var(--bone-500);
  --fg-subtle:    var(--bone-400);
  --fg-inverse:   var(--bone-50);
  --fg-brand:     var(--prodct-500);
  --fg-on-brand:  #FFFFFF;

  --border:        var(--bone-200);
  --border-strong: var(--bone-300);
  --border-dark:   rgba(255,255,255,0.12);
  --border-focus:  var(--prodct-500);

  /* ============================================================
     TYPE
     Inter     — primary UI & body
     Instrument Serif — editorial display moments (light, airy)
     JetBrains Mono — unit tags, metadata, code, labels
     ============================================================ */
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif:   'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* Scale */
  --fs-xxs:  11px;
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   22px;
  --fs-xl:   28px;
  --fs-2xl:  36px;
  --fs-3xl:  48px;
  --fs-4xl:  64px;
  --fs-5xl:  88px;
  --fs-6xl:  120px;

  /* Line heights */
  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-normal: 1.5;
  --lh-loose:  1.7;

  /* Letter spacing */
  --ls-tight:  -0.03em;
  --ls-snug:   -0.015em;
  --ls-normal: 0em;
  --ls-wide:   0.04em;
  --ls-caps:   0.08em;
  --ls-mono:   -0.01em;

  /* Weights */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* ============================================================
     SPACING — 4px base
     ============================================================ */
  --s-0: 0;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;
  --s-32: 128px;
  --s-40: 160px;

  /* ============================================================
     RADII — restrained. prodct uses small, confident radii.
     ============================================================ */
  --r-none: 0;
  --r-xs:   2px;
  --r-sm:   4px;
  --r-md:   6px;
  --r-lg:   10px;
  --r-xl:   16px;
  --r-full: 9999px;

  /* ============================================================
     SHADOWS — minimal, ink-tinted
     ============================================================ */
  --shadow-xs: 0 1px 0 rgba(10, 9, 7, 0.04);
  --shadow-sm: 0 1px 2px rgba(10, 9, 7, 0.06);
  --shadow-md: 0 4px 12px rgba(10, 9, 7, 0.06), 0 1px 2px rgba(10, 9, 7, 0.04);
  --shadow-lg: 0 16px 36px rgba(10, 9, 7, 0.08), 0 4px 8px rgba(10, 9, 7, 0.04);
  --shadow-xl: 0 32px 64px rgba(10, 9, 7, 0.12), 0 8px 16px rgba(10, 9, 7, 0.06);

  /* ============================================================
     MOTION
     ============================================================ */
  --ease-out:   cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-inout: cubic-bezier(0.5, 0, 0.2, 1);
  --dur-instant: 80ms;
  --dur-fast:    160ms;
  --dur-base:    240ms;
  --dur-slow:    400ms;

  /* Layout */
  --max-prose:   680px;
  --max-content: 960px;
  --max-wide:    1200px;
  --max-full:    1440px;
  --page-pad-x:  48px;
}

/* ============================================================
   Base
   ============================================================ */
html, body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

*, *::before, *::after { box-sizing: border-box; }

/* ============================================================
   Typography
   ============================================================ */

/* Display — serif, italic optional, used sparingly for hero & editorial */
.t-display {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-size: clamp(56px, 9vw, var(--fs-6xl));
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-tight);
  color: var(--fg-strong);
}
.t-display em { font-style: italic; color: var(--prodct-500); }

/* H1 — sans, for page titles */
.t-h1, h1 {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-4xl);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-tight);
  color: var(--fg-strong);
  margin: 0;
}

.t-h2, h2 {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-3xl);
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-snug);
  color: var(--fg-strong);
  margin: 0;
}

.t-h3, h3 {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-xl);
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-snug);
  color: var(--fg-strong);
  margin: 0;
}

.t-h4, h4 {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-lg);
  line-height: var(--lh-snug);
  color: var(--fg-strong);
  margin: 0;
}

/* Lede — larger body paragraph */
.t-lede {
  font-size: var(--fs-md);
  line-height: var(--lh-normal);
  color: var(--fg-muted);
  font-weight: var(--fw-regular);
}

/* Body */
.t-body, p {
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--fg);
}

.t-small {
  font-size: var(--fs-sm);
  color: var(--fg-muted);
}

/* Mono label — for unit tags and code only */
.t-label {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-mono);
  color: var(--fg-muted);
  text-transform: lowercase;
}

/* Eyebrow — small-caps label, used above section titles & metadata.
   Replaces the previous mono "// comment" treatment. */
.t-eyebrow {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: var(--fw-medium);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

/* Unit tag — the bracketed signature  e.g. [CX]  [Labs]  /skills */
.u-tag {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-mono);
  padding: 2px 6px;
  border-radius: var(--r-xs);
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.u-tag--cx       { color: var(--cx-500);       background: var(--cx-100); }
.u-tag--labs     { color: var(--labs-500);     background: var(--labs-100); }
.u-tag--elements { color: var(--elements-500); background: var(--elements-100); }
.u-tag--skills   { color: var(--skills-500);   background: var(--skills-100); }
.u-tag--prodct   { color: var(--prodct-500);   background: var(--prodct-100); }

/* Inline code */
code, .t-code {
  font-family: var(--font-mono);
  font-size: 0.92em;
  background: var(--bone-100);
  padding: 0.08em 0.32em;
  border-radius: var(--r-xs);
  color: var(--fg-strong);
}

/* ============================================================
   Foundation Ascent — eigenständige Produktseite · Briefing 01 V2
   Farbwelt: prodct-Unit [Elements] · Amethyst. Kein Grün (CX).
   ============================================================ */
:root{
  --fa-cream:#F7F5F0; --fa-black:#0D0D0C; --fa-ink:#2A2340; --fa-ink-2:#221C34; --fa-greige:#EDEAE2; --fa-coral:#F96167;
  --am-deep:#4C2A7A; --am-deep-2:#5F3796; --am-display:#BFA6E8;
  --am-t1:#F2ECFA; --am-t2:#E4DAEE; --am-t3:#C9B2EC; --am-bright:#A87BF0;
  --fa-line:#DCD6CA; --fa-line-dark:rgba(255,255,255,.14);
  --fa-body:#33302A; --fa-muted:#6C665A;
  --fa-nav-h:70px;
}
body.fa{background:var(--fa-cream);color:var(--fa-body);margin:0}
body.fa a{color:var(--am-deep)}
body.fa a:hover{color:var(--am-deep-2)}
.fa-page{max-width:1280px;margin:0 auto;padding:0 40px}

/* ---------- Mono-Ebene ---------- */
.faK{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--fa-muted);display:block}
.faMono{font-family:var(--font-mono);font-size:12px;color:var(--fa-muted)}
.faSrc{font-family:var(--font-mono);font-size:11px;color:var(--fa-muted)}
.on-dark .faK,.on-dark .faMono,.on-dark .faSrc{color:rgba(255,255,255,.52)}

/* ---------- Wortmarke ---------- */
.faWm{display:block;height:34px;width:auto}
.faNav__brand .faWm{height:30px}
.faFoot .faWm{height:30px}

/* ---------- S0 · Eigene Navigation (Hero-Farbe) ---------- */
.faNav{position:sticky;top:0;z-index:70;background:#2E2646;border-bottom:1px solid rgba(255,255,255,.1)}
.faNav__in{max-width:1280px;margin:0 auto;padding:0 40px;min-height:var(--fa-nav-h);display:flex;align-items:center;gap:28px}
.faNav__brand{display:flex;align-items:center;gap:14px;flex:none}
.faNav__home{display:block;text-decoration:none}
.faNav__by{display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.16);padding-left:12px;text-decoration:none}
.faNav__byLogo{display:block;height:15px;width:auto;opacity:.9;transition:opacity .18s}
.faNav__by:hover .faNav__byLogo{opacity:1}
.faNav__links{display:flex;align-items:center;gap:4px;margin-left:auto}
body.fa .faNav__links a{font-family:var(--font-sans);font-size:15px;font-weight:500;color:rgba(255,255,255,.82);text-decoration:none;padding:12px 14px;border-radius:2px}
body.fa .faNav__links a:hover{color:#fff;background:rgba(255,255,255,.08)}
.faNav__cta{flex:none}
.faNav__burger{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.26);width:46px;height:46px;border-radius:2px;cursor:pointer;color:#fff;font-size:18px;line-height:1}
.faNav__mob{display:none;border-top:1px solid rgba(255,255,255,.12);padding:8px 20px 16px}
body.fa .faNav__mob a{display:block;font-size:17px;font-weight:500;color:rgba(255,255,255,.86);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.faNav.is-open .faNav__mob{display:block}

/* ---------- Typografie ---------- */
.faH1{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,4.8vw,72px);line-height:1.03;letter-spacing:-.03em;color:#fff;margin:0;max-width:18ch}
.faH1 em{display:block;font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--am-display)}
.faH2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.1vw,44px);line-height:1.1;letter-spacing:-.025em;color:var(--am-deep);margin:0;max-width:28ch}
.faH2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--am-deep-2)}
.on-dark .faH2{color:var(--am-display)}
.faH3{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.25;letter-spacing:-.015em;color:var(--fa-black);margin:0}
.faLede{font-size:18px;line-height:1.65;color:var(--fa-muted);max-width:66ch;margin:0}
.on-dark .faLede{color:rgba(255,255,255,.74)}
.faP{font-size:16px;line-height:1.7;color:var(--fa-body);margin:0;max-width:68ch}
.faP+.faP{margin-top:12px}
.on-dark .faP{color:rgba(255,255,255,.74)}

/* ---------- Sektionen ---------- */
section[id],header[id]{scroll-margin-top:calc(var(--fa-nav-h) + 16px)}
.faSec{padding:96px 0;border-top:1px solid var(--fa-line)}
.faSec--plain{border-top:0}
.faSec__head{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}

/* ---------- CTA ---------- */
.faBtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-family:var(--font-sans);font-size:15px;font-weight:600;padding:13px 24px;border-radius:2px;text-decoration:none;border:1px solid transparent}
body.fa a.faBtn--primary{background:var(--am-deep);color:#fff}
body.fa a.faBtn--primary:hover{background:var(--fa-black);color:#fff}
body.fa a.faBtn--onDark{background:var(--fa-cream);color:var(--fa-black)}
body.fa a.faBtn--onDark:hover{background:#fff;color:var(--fa-black)}
body.fa a.faBtn--nav{min-height:44px;padding:11px 18px;font-size:14px;background:var(--fa-cream);color:var(--fa-black)}
body.fa a.faBtn--nav:hover{background:#fff;color:var(--fa-black)}
.faCtaBlock{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.faCtaBlock__micro{font-family:var(--font-mono);font-size:12px;color:var(--fa-muted)}
.on-dark .faCtaBlock__micro{color:rgba(255,255,255,.55)}
body.fa a.faLink{font-family:var(--font-mono);font-size:13px;color:var(--am-deep);text-decoration:none;border-bottom:1px solid var(--am-t3);padding-bottom:2px;align-self:flex-start}
body.fa a.faLink:hover{border-color:var(--am-deep)}
.on-dark a.faLink{color:var(--am-display);border-color:rgba(191,166,232,.45)}
.on-dark a.faLink:hover{border-color:var(--am-display)}

/* ---------- S1 · Hero ---------- */
.faHero{background:linear-gradient(168deg,#332A4E 0%,#2A2340 46%,#241E36 100%);color:#fff;position:relative;overflow:hidden;padding:76px 0 0}
.faHero::after{content:'';position:absolute;top:-24%;right:-8%;width:760px;height:760px;background:radial-gradient(circle,rgba(139,98,214,.32) 0%,transparent 66%);pointer-events:none}
.faHero__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85}
.faHero .fa-page{position:relative;z-index:1}
.faHero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.faHero__lead{display:flex;flex-direction:column;gap:24px;align-items:flex-start}

/* Signature-Visual: Quadrant auf Near-Black */
.faSig{border:1px solid var(--fa-line-dark);padding:22px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(160deg,rgba(76,42,122,.34),rgba(29,24,38,.6) 62%);backdrop-filter:blur(2px)}
.faSig__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:var(--fa-line-dark);position:relative}
.faSig__c{background:var(--fa-ink-2);min-height:104px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.faSig__c.t{background:var(--am-deep)}
.faSig__c.r{background:rgba(249,97,103,.1)}
.faSig__l{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.faSig__c.t .faSig__l{color:var(--am-display)}
.faSig__c.r .faSig__l{color:var(--fa-coral)}
.faSig__t{font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.2;color:#fff}
.faSig__ax{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.faSig__up{position:absolute;top:10px;right:12px;font-family:var(--font-mono);font-size:22px;color:var(--am-bright);opacity:0;transform:translate3d(-14px,14px,0);transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)}
.faSig.is-in .faSig__up{opacity:1;transform:none}

/* Hero-Teaser-Karten */
.faTRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:72px;border-top:1px solid var(--fa-line-dark)}
.faTCard{padding:26px 26px 30px;border-left:1px solid var(--fa-line-dark);display:flex;flex-direction:column;gap:12px;text-decoration:none}
.faTCard:first-child{border-left:0}
.faTCard:hover{background:rgba(191,166,232,.07)}
.faTCard__t{font-size:15px;line-height:1.55;color:rgba(255,255,255,.8);margin:0}
.faTCard__l{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--am-display)}

/* ---------- Karten-Basis ---------- */
.faCard{background:#fff;border:1px solid var(--fa-line);padding:26px;display:flex;flex-direction:column;gap:12px}
.faCard__foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--fa-line)}
.faGrid{display:grid;gap:20px}
.faGrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.faGrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------- S2 · Stat-Karten ---------- */
.faStat{background:#fff;border:1px solid var(--fa-line);padding:28px;display:flex;flex-direction:column;gap:14px}
.faStat__n{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,4vw,56px);line-height:1;letter-spacing:-.035em;color:var(--am-deep)}
.faStat__n.is-warn{color:var(--fa-coral)}
.faStat__t{font-size:15px;line-height:1.6;color:var(--fa-body);margin:0}
.faLine{display:grid;grid-template-columns:9px 1fr;gap:14px;align-items:start;font-size:19px;line-height:1.5;color:var(--fa-black);font-weight:500;max-width:80ch}
.faLine::before{content:'';width:9px;height:9px;background:var(--am-deep);margin-top:11px}

/* ---------- S3 · Insights-Grid ---------- */
.faIx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--fa-line);border:1px solid var(--fa-line)}
.faIxc{background:#fff;padding:26px;display:flex;flex-direction:column;gap:14px;text-decoration:none;min-height:200px}
.faIxc:hover{background:var(--am-t1)}
.faIxc__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-deep)}
.faIxc__t{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.3;letter-spacing:-.015em;color:var(--fa-black);margin:0}
.faIxc__l{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--am-deep)}

/* ---------- S4 · Bild-Karten-Reihe ---------- */
.faShelf{position:relative}
.faShelf__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.faShelf__row::-webkit-scrollbar{display:none}
.faIcard{scroll-snap-align:start;background:#fff;border:1px solid var(--fa-line);display:flex;flex-direction:column;text-decoration:none}
.faIcard:hover{border-color:var(--am-t3)}
.faIcard__b{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.faIcard__t{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.35;letter-spacing:-.015em;color:var(--fa-black);margin:0}
.faIcard__l{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--am-deep)}
.faShelf__nav{display:flex;gap:8px;margin-top:20px}
.faShelf__nav button{width:46px;height:46px;border:1px solid var(--fa-line);background:#fff;color:var(--am-deep);font-size:16px;cursor:pointer;border-radius:2px}
.faShelf__nav button:hover{border-color:var(--am-deep)}

/* Grafik-Motive — abstrakt, Amethyst-System, keine Fotos */
.faMotif{aspect-ratio:16/10;position:relative;overflow:hidden;border-bottom:1px solid var(--fa-line);padding:18px;display:flex}
.faMotif--heat{background:var(--fa-cream);display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:4px}
.faMotif--heat i{display:block;background:var(--fa-greige)}
.faMotif--heat i.a{background:var(--am-t2)}
.faMotif--heat i.b{background:var(--am-t3)}
.faMotif--heat i.c{background:var(--am-deep-2)}
.faMotif--quad{background:var(--fa-cream);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}
.faMotif--quad i{background:#fff;border:1px solid var(--fa-line)}
.faMotif--quad i.t{background:var(--fa-black);border-color:var(--fa-black)}
.faMotif--quad i.r{background:var(--am-t1);border-color:var(--am-t2)}
.faMotif--stair{background:var(--fa-ink);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end}
.faMotif--stair i{display:block;background:var(--am-deep);align-self:end}
.faMotif--stair i:nth-child(1){height:26%;background:#2B1A44}
.faMotif--stair i:nth-child(2){height:50%;background:#362054}
.faMotif--stair i:nth-child(3){height:74%;background:#422865}
.faMotif--stair i:nth-child(4){height:100%}
.faMotif--stair b{position:absolute;top:12px;right:24px;width:10px;height:10px;border-radius:50%;background:var(--fa-coral)}
.faMotif--doc{background:var(--fa-cream);flex-direction:column;gap:7px}
.faMotif--doc i{display:block;height:7px;background:var(--fa-greige)}
.faMotif--doc i.w1{width:78%}
.faMotif--doc i.w2{width:54%}
.faMotif--doc i.w3{width:66%}
.faMotif--doc i.k{background:var(--am-t3);width:34%}
.faMotif--doc u{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:6px}
.faMotif--doc u i{height:14px;background:var(--am-t2)}
.faMotif--doc u i:nth-child(2n){background:var(--am-t1)}

/* ---------- S5 · Featured Check ---------- */
.faOffer{background:#fff;border:1px solid var(--fa-line);display:flex;flex-direction:column}
.faOffer__bar{height:6px;background:linear-gradient(90deg,var(--am-deep),var(--am-deep-2) 55%,var(--am-bright))}
.faOffer__in{padding:38px 40px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start}
.faOffer__t{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;color:var(--am-deep);margin:0}
.faOffer__s{font-family:var(--font-mono);font-size:14px;color:var(--fa-black);margin-top:12px;display:block}
.faList{list-style:none;margin:0;padding:0}
.faList li{display:grid;grid-template-columns:9px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--fa-line);font-size:16px;line-height:1.6}
.faList li:first-child{border-top:0}
.faList li::before{content:'';width:9px;height:9px;background:var(--am-deep);margin-top:8px}
.faMini{background:var(--am-t1);border:1px solid var(--am-t2);padding:20px;display:flex;flex-direction:column;gap:8px}
.faMini__t{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--am-deep)}
.faMini__d{font-size:15px;line-height:1.55;color:var(--fa-body);margin:0}
.faRule{font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--fa-muted);border-top:1px solid var(--fa-line);padding-top:16px}

/* ---------- S6 · Accordion ---------- */
.faAcc{border-top:1px solid var(--fa-line)}
.faAcc details{border-bottom:1px solid var(--fa-line)}
.faAcc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:20px;align-items:center;padding:22px 0;font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.015em;color:var(--fa-black);min-height:48px}
.faAcc summary::-webkit-details-marker{display:none}
.faAcc summary span{font-family:var(--font-mono);font-weight:400;font-size:20px;color:var(--am-t3);text-align:right}
.faAcc details[open] summary,.faAcc details[open] summary span{color:var(--am-deep)}
.faAcc__b{padding:0 0 24px}

/* ---------- S7 · Rollen ---------- */
.faRole{background:#fff;border:1px solid var(--fa-line);padding:26px;display:flex;flex-direction:column;gap:14px}
.faRole__k{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--am-deep)}

/* ---------- S8 · Abschluss + Footer ---------- */
.faEnd{background:var(--fa-ink);color:#fff;position:relative;overflow:hidden;padding:100px 0}
.faEnd__bg{position:absolute;right:-2%;bottom:0;display:grid;grid-template-columns:repeat(4,120px);gap:14px;align-items:end;height:62%;opacity:.26;pointer-events:none}
.faEnd__bg i{display:block;background:var(--am-deep)}
.faEnd__bg i:nth-child(1){height:24%}
.faEnd__bg i:nth-child(2){height:48%}
.faEnd__bg i:nth-child(3){height:72%}
.faEnd__bg i:nth-child(4){height:100%}
.faEnd__in{position:relative;display:flex;flex-direction:column;gap:24px;align-items:flex-start;max-width:76ch}
.faEnd__h{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.03em;color:#fff;margin:0;max-width:26ch}
.faEnd__h em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--am-display)}
.faFoot{background:var(--fa-ink-2);border-top:1px solid var(--fa-line-dark);padding:36px 0 44px}
.faFoot__in{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:flex-start}
.faFoot__links{display:flex;gap:22px;flex-wrap:wrap}
body.fa .faFoot__links a{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.6);text-decoration:none}
body.fa .faFoot__links a:hover{color:var(--am-display)}
.faFoot__note{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.4);margin-top:24px}

/* ---------- Mobile Sticky CTA ---------- */
.faStickyM{display:none}
@media (max-width:760px){
  .faStickyM{display:block;position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--fa-ink);border-top:1px solid var(--fa-line-dark);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  body.fa .faStickyM a{display:flex;align-items:center;justify-content:center;min-height:52px;background:var(--fa-cream);color:var(--fa-black);font-size:15px;font-weight:600;text-decoration:none;border-radius:2px}
  .faStickyM span{display:block;text-align:center;font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.5);margin-top:6px}
  body.fa{padding-bottom:96px}
}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .faNav__links{display:none}
  .faNav__burger{display:block}
  .faNav__cta{margin-left:12px}
  .faHero__grid{grid-template-columns:1fr;gap:40px}
  .faTRow{grid-template-columns:1fr 1fr}
  .faTCard:nth-child(3){border-left:0}
  .faTCard:nth-child(n+3){border-top:1px solid var(--fa-line-dark)}
  .faIx{grid-template-columns:1fr 1fr}
  .faOffer__in{grid-template-columns:1fr;gap:26px}
}
@media (max-width:680px){
  .fa-page,.faNav__in{padding:0 20px}
  .faSec{padding:64px 0}
  .faNav__brand .faWm{height:24px}
  .faNav__byLogo{height:12px}
  .faHero{padding-top:52px}
  .faGrid--2,.faGrid--3,.faIx,.faTRow{grid-template-columns:1fr}
  .faIxc:nth-child(n+5){display:none}
  .faTCard{border-left:0;border-top:1px solid var(--fa-line-dark)}
  .faTCard:first-child{border-top:0}
  .faShelf__row{grid-auto-columns:82%}
  .faOffer__in{padding:26px 20px}
  .faEnd__bg{grid-template-columns:repeat(4,64px);opacity:.18}
}
@media (prefers-reduced-motion:reduce){.faSig__up{transition:none;opacity:1;transform:none}}

/* ============================================================
   Produktionsreife-Check · Conversion-Seite (Briefing 02)
   ============================================================ */
.faSec--tight{padding:76px 0}
.faNarrow{max-width:820px}
.faHero--check{padding:64px 0 72px}
.faHero--check .faHero__lead{max-width:64ch}
.faHero--check .faH1{font-size:clamp(34px,4.2vw,62px);max-width:22ch}

/* Ergebnis-Karten (S2) */
.faRes{background:#fff;border:1px solid var(--fa-line);padding:26px;display:flex;flex-direction:column;gap:12px}
.faRes__n{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-deep)}
.faRes__t{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.25;letter-spacing:-.015em;color:var(--fa-black);margin:0}
.faGrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Timeline (S3) */
.faTl{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.faTl__c{background:#fff;border:1px solid var(--fa-line);border-top:4px solid var(--am-deep);padding:26px;display:flex;flex-direction:column;gap:12px}
.faTl__c:last-child{border-top-color:var(--am-bright)}
.faTl__w{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-deep)}

/* Preis-Karte (S5) */
.faPrice{background:#fff;border:1px solid var(--fa-line);max-width:640px}
.faPrice__bar{height:6px;background:linear-gradient(90deg,var(--am-deep),var(--am-deep-2) 55%,var(--am-bright))}
.faPrice__in{padding:32px 34px;display:flex;flex-direction:column;gap:14px}
.faPrice__v{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,2.8vw,38px);line-height:1.1;letter-spacing:-.025em;color:var(--am-deep);margin:0}
.faPrice__m{font-family:var(--font-mono);font-size:13px;color:var(--fa-body)}

/* Ausgänge (S6) */
.faOut{background:var(--am-t1);border:1px solid var(--am-t2);padding:22px;display:flex;flex-direction:column;gap:10px}
.faOut__k{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--am-deep)}
.faOut__d{font-size:15px;line-height:1.6;color:var(--fa-body);margin:0}

/* Vertraulichkeit (S7) */
.faTrust{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--fa-line);border:1px solid var(--fa-line)}
.faTrust__r{background:#fff;padding:24px;display:grid;grid-template-columns:22px 1fr;gap:16px;align-items:start}
.faTrust__i{width:22px;height:22px;border:1px solid var(--am-t3);background:var(--am-t1);position:relative;margin-top:3px}
.faTrust__i::after{content:'';position:absolute;inset:6px;background:var(--am-deep)}
.faTrust__t{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.3;letter-spacing:-.015em;color:var(--fa-black);margin:0 0 8px}

/* Formular (S9, dunkel) */
.faApply{background:linear-gradient(168deg,#2F2749 0%,#241E36 60%,#1B1729 100%);color:#fff;padding:96px 0}
.faApply__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start}
.faFormWrap{border:1px solid var(--fa-line-dark);background:rgba(255,255,255,.03);padding:32px}
.faForm{display:flex;flex-direction:column;gap:20px}
.faField{display:flex;flex-direction:column;gap:8px}
.faField>label,.faFieldset__l{font-family:var(--font-sans);font-size:14px;font-weight:600;color:#fff}
.faField input,.faField select,.faField textarea{font-family:var(--font-sans);font-size:16px;color:#fff;background:rgba(13,13,12,.5);border:1px solid rgba(255,255,255,.2);border-radius:2px;padding:14px 15px;min-height:52px;width:100%;box-sizing:border-box}
.faField textarea{min-height:110px;line-height:1.55;resize:vertical}
.faField input::placeholder,.faField textarea::placeholder{color:rgba(255,255,255,.34)}
.faField input:focus,.faField select:focus,.faField textarea:focus{outline:2px solid var(--am-bright);outline-offset:1px;border-color:var(--am-bright)}
.faField select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.6) 50%),linear-gradient(135deg,rgba(255,255,255,.6) 50%,transparent 50%);background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.faField select option{color:#111;background:#fff}
.faErr{font-family:var(--font-mono);font-size:12px;color:var(--fa-coral);display:none}
.faField.is-bad input,.faField.is-bad select,.faField.is-bad textarea{border-color:var(--fa-coral)}
.faField.is-bad .faErr{display:block}
.faFieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.faRadios{display:flex;flex-direction:column;gap:2px}
.faOpt{display:grid;grid-template-columns:20px 1fr;gap:13px;align-items:center;min-height:48px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:2px;cursor:pointer;font-size:15px;color:rgba(255,255,255,.86)}
.faOpt+.faOpt{margin-top:8px}
.faOpt:hover{border-color:var(--am-t3);background:rgba(191,166,232,.07)}
.faOpt input{accent-color:var(--am-bright);width:20px;height:20px;margin:0}
.faCheck{display:grid;grid-template-columns:20px 1fr;gap:13px;align-items:start;font-size:14px;line-height:1.6;color:rgba(255,255,255,.74);cursor:pointer;padding-top:4px}
.faCheck input{accent-color:var(--am-bright);width:20px;height:20px;margin:3px 0 0}
body.fa .faCheck a{color:var(--am-display)}
.faSubmit{display:flex;flex-direction:column;gap:12px;align-items:flex-start;border-top:1px solid var(--fa-line-dark);padding-top:22px}
body.fa button.faBtn--onDark{background:var(--fa-cream);color:var(--fa-black);cursor:pointer;font-family:var(--font-sans)}
body.fa button.faBtn--onDark:hover{background:#fff}
.faThanks{border:1px solid rgba(191,166,232,.4);background:rgba(76,42,122,.28);padding:34px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.faThanks__h{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.4vw,32px);line-height:1.12;letter-spacing:-.025em;color:#fff;margin:0;max-width:24ch}
.faDirect{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);border-top:1px solid var(--fa-line-dark);padding-top:18px}
body.fa .faDirect a{color:var(--am-display);text-decoration:none}
.faStickyM.is-hide{transform:translateY(140%);pointer-events:none}
@media (max-width:760px){.faStickyM{transition:transform .3s var(--ease-out)}}
@media (max-width:1080px){
  .faGrid--4{grid-template-columns:1fr 1fr}
  .faApply__grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:680px){
  .faGrid--4,.faTl,.faTrust{grid-template-columns:1fr}
  .faApply{padding:64px 0}
  .faFormWrap{padding:22px 18px}
  .faPrice__in{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){.faStickyM{transition:none}}

/* ============================================================
   Produktionsreife-Audit · Briefing 02 V2
   ============================================================ */
body.fa a.faBtn--outline{background:transparent;color:var(--am-deep);border-color:var(--am-t3)}
body.fa a.faBtn--outline:hover{background:var(--am-t1);border-color:var(--am-deep);color:var(--am-deep)}
body.fa a.faBtn--outlineDark{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
body.fa a.faBtn--outlineDark:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.faCtaRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Aufklappbare Frage-Karten */
.faQ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.faQ details{background:#fff;border:1px solid var(--fa-line);height:fit-content}
.faQ summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 22px;gap:14px;align-items:start;padding:22px 24px;font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.3;letter-spacing:-.015em;color:var(--fa-black);min-height:48px}
.faQ summary::-webkit-details-marker{display:none}
.faQ summary span{font-family:var(--font-mono);font-weight:400;font-size:19px;color:var(--am-t3);text-align:right}
.faQ details[open]{border-color:var(--am-t3)}
.faQ details[open] summary,.faQ details[open] summary span{color:var(--am-deep)}
.faQ__b{padding:0 24px 24px}

/* Drei Phasen */
.faTl--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Report-Beweis */
.faReport{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.faThumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.faThumb{display:flex;flex-direction:column;gap:8px}
.faThumb__f{aspect-ratio:1/1.414;border:1px solid var(--fa-line);background:#fff;box-shadow:0 1px 0 var(--fa-line)}
.faThumb__c{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fa-muted)}

/* Whitepaper-Fläche */
.faWp{background:var(--fa-greige);border:1px solid var(--fa-line);padding:38px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.faWp__l{display:flex;flex-direction:column;gap:16px}

/* Zwei-Karten-Reihe Aufwand / Konditionen */
.faDual{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.faDual>*{height:100%}
.faKond{background:#fff;border:1px solid var(--fa-line);display:flex;flex-direction:column}
.faKond__bar{height:6px;background:linear-gradient(90deg,var(--am-deep),var(--am-deep-2) 55%,var(--am-bright))}
.faKond__in{padding:26px;display:flex;flex-direction:column;gap:14px}

@media (max-width:1080px){
  .faQ,.faTl--3{grid-template-columns:1fr}
  .faReport,.faWp{grid-template-columns:1fr;gap:28px}
}
@media (max-width:680px){
  .faDual{grid-template-columns:1fr}
  .faWp{padding:24px 20px}
  .faThumbs{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .faThumbs::-webkit-scrollbar{display:none}
  .faThumb{scroll-snap-align:start}
}

/* Zusatz-Motive für die Audit-Leistungskarten */
.faMotif--map{background:var(--fa-cream);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:9px}
.faMotif--map i{display:block;background:#fff;border:1px solid var(--fa-line)}
.faMotif--map i.a{background:var(--am-t1);border-color:var(--am-t2)}
.faMotif--map i.c{background:var(--am-deep);border-color:var(--am-deep)}
.faMotif--dual{background:var(--fa-cream);display:grid;grid-template-columns:1fr 1fr;gap:10px}
.faMotif--dual u{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid var(--fa-line);padding:12px}
.faMotif--dual i{display:block;height:6px;background:var(--fa-greige)}
.faMotif--dual i.k{background:var(--am-t3);width:60%}
.faMotif--dual u:last-child i.k{background:var(--am-deep);width:44%}
.faMotif--talk{background:var(--fa-cream);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;align-items:stretch}
.faMotif--talk i{display:block;background:#fff;border:1px solid var(--fa-line)}
.faMotif--talk i.c{background:var(--am-deep);border-color:var(--am-deep)}
.faMotif--talk i.a{background:var(--am-t2);border-color:var(--am-t2)}

/* Zeitstrahl · Der Ablauf (versetzt: unten, oben, unten) */
.faTime{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 20px auto;column-gap:32px}
.faTime::before{content:'';grid-column:1/-1;grid-row:2;align-self:center;height:2px;margin:0 10px;background:linear-gradient(90deg,var(--am-deep),var(--am-deep-2) 55%,var(--am-bright))}
.faStep{position:relative;display:flex;flex-direction:column;gap:10px}
.faStep--up{grid-row:1;justify-content:flex-end;padding-bottom:26px}
.faStep--down{grid-row:3;padding-top:26px}
.faStep:nth-of-type(1){grid-column:1}
.faStep:nth-of-type(2){grid-column:2}
.faStep:nth-of-type(3){grid-column:3}
.faStep__dot{position:absolute;left:0;width:20px;height:20px;border-radius:50%;background:var(--fa-cream);border:2px solid var(--am-deep);display:block}
.faStep__dot::after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--am-deep)}
.faStep--down .faStep__dot{top:-20px}
.faStep--up .faStep__dot{bottom:-20px}
.faStep:last-of-type .faStep__dot{border-color:var(--am-bright)}
.faStep:last-of-type .faStep__dot::after{background:var(--am-bright)}
.faStep__w{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-deep)}
.faStep__t{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.25;letter-spacing:-.02em;color:var(--fa-black);margin:0}
@media (max-width:860px){
  .faTime{grid-template-columns:1fr;grid-template-rows:auto;column-gap:0;padding-left:34px}
  .faTime::before{grid-column:1;grid-row:1/-1;justify-self:start;align-self:stretch;width:2px;height:auto;margin:10px 0 10px -25px;background:linear-gradient(180deg,var(--am-deep),var(--am-bright))}
  .faStep,.faStep--up,.faStep--down{grid-column:1;grid-row:auto;padding:8px 0 34px;justify-content:flex-start}
  .faStep:last-of-type{padding-bottom:0}
  .faStep--up .faStep__dot,.faStep--down .faStep__dot{left:-34px;top:8px;bottom:auto}
}

/* Hero-Visualisierung Audit · Engpass-Messung */
.faGauge{border:1px solid var(--fa-line-dark);background:linear-gradient(160deg,rgba(76,42,122,.34),rgba(29,24,38,.6) 62%);backdrop-filter:blur(2px);padding:22px;display:flex;flex-direction:column;gap:18px}
.faGauge__hd{display:flex;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.faGauge__rows{display:flex;flex-direction:column;gap:14px}
.faGauge__r{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.faGauge__l{font-family:var(--font-sans);font-size:14px;font-weight:500;color:rgba(255,255,255,.86)}
.faGauge__v{font-family:var(--font-mono);font-size:12px;color:var(--am-display)}
.faGauge__t{grid-column:1/-1;height:8px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}
.faGauge__f{position:absolute;inset:0 auto 0 0;width:0;background:var(--am-bright);transition:width 1.1s var(--ease-out)}
.faGauge.is-in .faGauge__f{width:var(--w)}
.faGauge__r.is-cap .faGauge__v{color:var(--fa-coral)}
.faGauge__r.is-cap .faGauge__f{background:var(--fa-coral)}
.faGauge__tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fa-coral);border:1px solid rgba(249,97,103,.5);padding:2px 6px}
.faGauge__ft{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:rgba(255,255,255,.55);border-top:1px solid var(--fa-line-dark);padding-top:14px}
@media (prefers-reduced-motion:reduce){.faGauge__f{transition:none;width:var(--w)}}

/* ============================================================
   Methode-Seite · Briefing 03
   ============================================================ */
.faSub{position:sticky;top:var(--fa-nav-h);z-index:60;background:rgba(247,245,240,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--fa-line)}
.faSub__in{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.faSub__in::-webkit-scrollbar{display:none}
body.fa .faSub__in a{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fa-muted);text-decoration:none;padding:16px 14px;white-space:nowrap;border-bottom:2px solid transparent}
body.fa .faSub__in a:hover{color:var(--am-deep);border-bottom-color:var(--am-t3)}
section[id]{scroll-margin-top:calc(var(--fa-nav-h) + 68px)}

/* Quadrant, große helle Variante */
.faQd{display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 22px;gap:12px;max-width:620px}
.faQd__y{grid-column:1;grid-row:1;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fa-muted);text-align:center}
.faQd__x{grid-column:2;grid-row:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fa-muted);text-align:center}
.faQd__g{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:var(--fa-line);border:1px solid var(--fa-line);position:relative}
.faQd__c{background:#fff;min-height:132px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.faQd__c.is-goal{background:var(--fa-black)}
.faQd__c.is-risk{background:rgba(249,97,103,.09)}
.faQd__l{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fa-muted)}
.faQd__c.is-goal .faQd__l{color:var(--am-display)}
.faQd__c.is-risk .faQd__l{color:#9E2A30}
.faQd__t{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.22;letter-spacing:-.015em;color:var(--fa-black)}
.faQd__c.is-goal .faQd__t{color:#fff}
.faQd__ar{position:absolute;right:24%;top:14%;bottom:14%;border-left:1px dashed var(--am-deep-2)}
.faQd__ar::before{content:'↑';position:absolute;top:-14px;left:-7px;font-family:var(--font-mono);font-size:15px;color:var(--am-deep-2)}
.faCap{font-family:var(--font-mono);font-size:11px;color:var(--fa-muted);margin-top:14px}

/* Treppe: vier Stufen */
.faStair{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end}
.faStairC{background:#fff;border:1px solid var(--fa-line);border-bottom:4px solid var(--am-deep);padding:24px;display:flex;flex-direction:column;gap:10px}
.faStairC:nth-child(1){margin-top:96px}
.faStairC:nth-child(2){margin-top:64px}
.faStairC:nth-child(3){margin-top:32px}
.faStairC__n{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-deep)}
.faStairC__t{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.2;letter-spacing:-.02em;color:var(--fa-black);margin:0}

/* Schritte auf dunklem Grund */
.faSteps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--fa-line-dark);border:1px solid var(--fa-line-dark)}
.faStepc{background:rgba(255,255,255,.03);padding:28px;display:flex;flex-direction:column;gap:12px}
.faStepc__n{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-display)}
.faStepc__t{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.25;letter-spacing:-.02em;color:#fff;margin:0}

/* Soll-Werte-Tabelle */
.faTbl{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px;color:rgba(255,255,255,.8)}
.faTbl caption{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);padding-bottom:12px}
.faTbl th,.faTbl td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--fa-line-dark)}
.faTbl th{font-weight:500;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.faTbl td:last-child{text-align:right;color:var(--am-display)}
.on-light .faTbl{color:var(--fa-body)}

/* Reifebänder */
.faBands{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--fa-line-dark)}
.faBand{padding:16px 14px;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.04)}
.faBand:nth-child(2){background:rgba(191,166,232,.1)}
.faBand:nth-child(3){background:rgba(191,166,232,.17)}
.faBand:nth-child(4){background:rgba(168,123,240,.28)}
.faBand:nth-child(5){background:var(--am-deep)}
.faBand__r{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.6)}
.faBand__n{font-family:var(--font-display);font-weight:600;font-size:15px;color:#fff}

/* Regel-Karten */
.faRules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.faRuleC{background:#fff;border:1px solid var(--fa-line);padding:24px;display:flex;flex-direction:column;gap:12px}
.faRuleC__n{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-deep)}
.faRuleC__t{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.25;letter-spacing:-.015em;color:var(--fa-black);margin:0}

/* Glossar */
.faGlossSec{background:var(--fa-greige)}
.faGloss{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin:0}
.faGloss dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--am-deep);padding-top:22px;border-top:1px solid var(--fa-line)}
.faGloss dd{margin:8px 0 22px;font-size:16px;line-height:1.65;color:var(--fa-body)}

/* Abschluss-CTA-Karten */
.faEndCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.faEndCard{border:1px solid var(--fa-line-dark);background:rgba(255,255,255,.04);padding:26px;display:flex;flex-direction:column;gap:14px}
.faEndCard__k{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--am-display)}
.faEndCard__t{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.25;letter-spacing:-.02em;color:#fff;margin:0}
.faEndCard .faBtn{margin-top:auto;align-self:flex-start}

@media (max-width:1080px){
  .faStair,.faRules{grid-template-columns:1fr 1fr}
  .faStairC:nth-child(n){margin-top:0}
  .faEndCards{grid-template-columns:1fr}
}
@media (max-width:900px){.faBands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .faSteps,.faGloss{grid-template-columns:1fr}
}
@media (max-width:520px){.faBands{grid-template-columns:1fr}}
@media (max-width:680px){
  .faSub__in{padding:0 20px}
  .faStair,.faRules{grid-template-columns:1fr}
  .faQd__c{min-height:108px;padding:14px}
}

/* ============================================================
   Insights-Übersicht · Briefing 04
   ============================================================ */
.faHero--flat{padding:56px 0 60px}
.faHero--flat .faH1{font-size:clamp(32px,3.6vw,54px);max-width:24ch}

/* Motiv-Flächen auf Near-Black */
.faAim{position:relative;overflow:hidden;background:#191527;aspect-ratio:16/10;padding:20px;display:flex}
.faAim--heat{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:4px}
.faAim--heat i{display:block;background:rgba(255,255,255,.06)}
.faAim--heat i.a{background:rgba(191,166,232,.22)}
.faAim--heat i.b{background:rgba(168,123,240,.42)}
.faAim--heat i.c{background:var(--am-deep-2)}
.faAim--heat i.r{background:rgba(249,97,103,.75)}
.faAim--stair{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:end}
.faAim--stair i{display:block;background:var(--am-deep)}
.faAim--stair i:nth-child(1){height:26%;background:#2B1A44}
.faAim--stair i:nth-child(2){height:50%;background:#3A2359}
.faAim--stair i:nth-child(3){height:74%;background:#4A2C71}
.faAim--stair i:nth-child(4){height:100%;background:var(--am-bright)}
.faAim--stair b{position:absolute;top:18px;right:24px;width:9px;height:9px;border-radius:50%;background:var(--fa-coral)}
.faAim--quad{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}
.faAim--quad i{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.faAim--quad i.t{background:var(--am-deep);border-color:var(--am-deep)}
.faAim--quad i.r{background:rgba(249,97,103,.22);border-color:rgba(249,97,103,.35)}
.faAim--flow{flex-direction:column;justify-content:center;gap:12px}
.faAim--flow i{display:block;height:2px;background:rgba(191,166,232,.3);position:relative}
.faAim--flow i.w1{width:88%}
.faAim--flow i.w2{width:62%}
.faAim--flow i.w3{width:74%}
.faAim--flow i.k{background:var(--am-bright);width:44%;height:3px}
.faAim--flow u{position:absolute;right:22px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--fa-coral);transform:translateY(-50%)}
.faAim--grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px}
.faAim--grid i{display:block;border:1px solid rgba(255,255,255,.12)}
.faAim--grid i.a{background:rgba(191,166,232,.2)}
.faAim--grid i.c{background:var(--am-deep-2);border-color:var(--am-deep-2)}
.faAim--dots{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:10px;place-items:center}
.faAim--dots i{display:block;width:12px;height:12px;border-radius:50%;background:rgba(191,166,232,.28)}
.faAim--dots i.c{background:var(--am-bright)}
.faAim--dots i.r{background:var(--fa-coral)}

/* Featured-Artikel */
.faFeat{display:grid;grid-template-columns:1.02fr .98fr;gap:0;background:#fff;border:1px solid var(--fa-line);text-decoration:none}
.faFeat:hover{border-color:var(--am-t3)}
.faFeat .faAim{aspect-ratio:auto;height:100%;min-height:300px}
.faFeat__b{padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.faFeat__t{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.2vw,32px);line-height:1.14;letter-spacing:-.025em;color:var(--fa-black);margin:0}

/* Filter-Pills */
.faPills{position:sticky;top:var(--fa-nav-h);z-index:60;background:rgba(247,245,240,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--fa-line)}
.faPills__in{max-width:1280px;margin:0 auto;padding:12px 40px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.faPills__in::-webkit-scrollbar{display:none}
.faPill{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fa-muted);background:transparent;border:1px solid var(--fa-line);border-radius:2px;padding:11px 16px;min-height:44px;cursor:pointer;white-space:nowrap}
.faPill:hover{border-color:var(--am-t3);color:var(--am-deep)}
.faPill.is-on{background:var(--am-deep);border-color:var(--am-deep);color:#fff}

/* Artikelkarten */
.faCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.faAcard{background:#fff;border:1px solid var(--fa-line);display:flex;flex-direction:column;text-decoration:none}
.faAcard:hover{border-color:var(--am-t3)}
.faAcard__b{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.faAcard__t{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.3;letter-spacing:-.015em;color:var(--fa-black);margin:0}
.faAcard__x{font-size:15px;line-height:1.6;color:var(--fa-muted);margin:0}
.faAcard__m{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fa-muted);margin-top:auto;padding-top:14px;border-top:1px solid var(--fa-line)}
.faAcard__l{font-family:var(--font-mono);font-size:12px;color:var(--am-deep)}
.faEmpty{font-family:var(--font-mono);font-size:13px;color:var(--fa-muted);padding:40px 0}

/* Methode-Verweise */
.faRefs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.faRef{background:#fff;border:1px solid var(--fa-line);border-left:3px solid var(--am-deep);padding:26px;display:flex;flex-direction:column;gap:12px;text-decoration:none}
.faRef:hover{border-left-color:var(--am-bright)}
.faRef__t{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.2;letter-spacing:-.02em;color:var(--fa-black);margin:0}
.faRef__l{font-family:var(--font-mono);font-size:12px;color:var(--am-deep);margin-top:auto}

@media (max-width:1080px){
  .faCards{grid-template-columns:1fr 1fr}
  .faFeat{grid-template-columns:1fr}
  .faFeat .faAim{aspect-ratio:16/9;min-height:0}
}
@media (max-width:680px){
  .faCards,.faRefs{grid-template-columns:1fr}
  .faPills__in{padding:12px 20px}
  .faFeat__b{padding:24px 20px}
}

/* ============================================================
   Artikel-Template · Briefing 05
   Wiederverwendbar für alle /insights/[slug]. Body-Komponenten:
   .faBox (Infobox) · .faEx (Beispielbox) · .faFig (Grafik-Slot)
   .faChk (Checkliste) · .faQuote (Zitat) · .faSrcT (Quellen/Tabelle)
   ============================================================ */
.faArtHero{padding:56px 0 60px}
.faArtHero__g{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.faArtHero .faH1{font-size:clamp(30px,3.4vw,50px);max-width:22ch}
.faArtMeta{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0;border-top:1px solid var(--fa-line-dark);padding-top:16px;width:100%}
.faArtHero__v{border:1px solid var(--fa-line-dark);padding:14px;background:rgba(255,255,255,.03)}
.faArtHero__v .faAim{aspect-ratio:16/11}
.faArtHero__cap{font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:12px 2px 2px}

.faArtWrap{display:grid;grid-template-columns:236px minmax(0,1fr);gap:64px;align-items:start;padding-top:56px;padding-bottom:24px}
.faToc{position:sticky;top:calc(var(--fa-nav-h) + 28px);border-top:1px solid var(--fa-line);padding-top:16px}
.faToc>summary{list-style:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--fa-muted);padding:8px 0;min-height:0}
.faToc>summary::-webkit-details-marker{display:none}
.faToc__n{display:flex;flex-direction:column;margin-top:8px}
body.fa .faToc__n a{font-size:13px;line-height:1.45;color:var(--fa-muted);text-decoration:none;padding:9px 0 9px 14px;border-left:2px solid var(--fa-line)}
body.fa .faToc__n a:hover,body.fa .faToc__n a.is-on{color:var(--am-deep);border-left-color:var(--am-deep)}

.faArtBody{max-width:70ch}
.faArtBody h2[id]{scroll-margin-top:calc(var(--fa-nav-h) + 24px)}
.faArtBody p{font-size:17px;line-height:1.78;color:var(--fa-body);margin:0 0 18px;text-wrap:pretty}
.faArtBody>p:last-child{margin-bottom:0}
.faArtH2{font-family:var(--font-display);font-weight:700;font-size:clamp(23px,2.3vw,31px);line-height:1.16;letter-spacing:-.022em;color:var(--am-deep);margin:52px 0 18px;max-width:24ch}
.faArtBody>*:first-child{margin-top:0}
.faArtLead{font-size:19px;line-height:1.7;color:var(--fa-black)}
body.fa .faArtBody a{color:var(--am-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.fa .faArtBody a:hover{color:var(--am-deep-2)}

.faBox{background:var(--fa-greige);border:1px solid var(--fa-line);padding:24px 26px;margin:30px 0;display:flex;flex-direction:column;gap:10px}
.faBox__t{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--am-deep)}
.faArtBody .faBox p{font-size:16px;line-height:1.7;margin:0}

.faEx{background:var(--fa-ink);border-left:3px solid var(--am-bright);padding:28px 30px;margin:34px 0;display:flex;flex-direction:column;gap:14px}
.faEx__l{align-self:flex-start;font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--am-display);border:1px solid rgba(191,166,232,.42);padding:4px 9px}
.faArtBody .faEx p{color:rgba(255,255,255,.8);font-size:16px;line-height:1.72;margin:0}
body.fa .faEx a{color:var(--am-display)}

.faFig{margin:34px 0;display:flex;flex-direction:column;gap:0}
.faFig figcaption{font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--fa-muted);border-top:1px solid var(--fa-line);padding-top:12px;margin-top:12px}

.faDiag{background:#191527;border:1px solid rgba(255,255,255,.12);padding:24px;display:grid;grid-template-columns:1.1fr 18px .9fr 18px .8fr;gap:14px;align-items:center}
.faDiag__col{display:flex;flex-direction:column;gap:7px}
.faDiag__k{font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:3px}
.faDiag__chip{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);padding:9px 11px}
.faDiag__box{border:1px solid rgba(191,166,232,.45);background:rgba(76,42,122,.45);padding:16px 14px;font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.25;color:#fff}
.faDiag__box.is-end{background:var(--am-deep);border-color:var(--am-bright)}
.faDiag__ar{font-family:var(--font-mono);font-size:15px;color:var(--am-bright);text-align:center}

.faMx{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:1px;background:var(--fa-line);border:1px solid var(--fa-line)}
.faMx span{background:var(--fa-greige);font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--fa-muted);padding:10px 12px;display:flex;align-items:center}
.faMx b{background:#fff;font-family:var(--font-mono);font-weight:400;font-size:11px;color:var(--fa-black);padding:12px;display:flex;align-items:center}
.faMx i{background:#fff;min-height:46px;display:block;position:relative}
.faMx i.is-on{background:var(--am-deep)}
.faMx i.is-on::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--am-display)}

.faChk{list-style:none;margin:30px 0;padding:0;counter-reset:fachk}
.faChk li{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--fa-line);font-size:16px;line-height:1.72;color:var(--fa-body)}
.faChk li:last-child{border-bottom:1px solid var(--fa-line)}
.faChk li::before{counter-increment:fachk;content:counter(fachk);font-family:var(--font-mono);font-size:12px;color:var(--am-deep);background:var(--am-t1);border:1px solid var(--am-t2);width:30px;height:30px;display:grid;place-items:center}
.faQuote{border-left:3px solid var(--am-t3);padding:4px 0 4px 22px;margin:32px 0;font-family:var(--font-serif);font-style:italic;font-size:20px;line-height:1.55;color:var(--fa-black)}

.faSrcT{width:100%;border-collapse:collapse;text-align:left}
.faSrcT th{font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--fa-muted);font-weight:400;padding:0 22px 10px 0;border-bottom:1px solid var(--fa-line)}
.faSrcT td{font-size:15px;line-height:1.65;color:var(--fa-body);padding:16px 22px 16px 0;border-bottom:1px solid var(--fa-line);vertical-align:top}
.faSrcT td:first-child{width:34%;font-family:var(--font-mono);font-size:13px;line-height:1.55}
.faSrcT th:last-child,.faSrcT td:last-child{padding-right:0}

.faArtEnd{border-top:1px solid var(--fa-line)}
@media (max-width:1080px){
  .faArtHero__g{grid-template-columns:1fr;gap:34px}
  .faArtHero__v .faAim{aspect-ratio:auto;height:180px}
  .faArtWrap{grid-template-columns:1fr;gap:0;padding-top:32px}
  .faToc{position:static;margin-bottom:28px}
  .faArtBody{max-width:72ch}
}
@media (max-width:680px){
  .faDiag{grid-template-columns:1fr;gap:10px}
  .faDiag__ar{transform:rotate(90deg)}
  .faMx{grid-template-columns:auto repeat(4,minmax(0,1fr))}
  .faMx span,.faMx b{font-size:9px;padding:8px}
  .faEx,.faBox{padding:20px}
  .faSrcT td:first-child{width:40%}
}