/* GENERATED FILE - DO NOT EDIT BY HAND.
   Produced by `DiskHastanesi.Tools css-cache-keys --write` from Css/Tfg/Theme.css:
   the @import chain inlined into ONE render-blocking request (C20 LCP; ADR-608 lane).
   Cascade semantics preserved: layer(X) imports are wrapped in `@layer X { ... }`
   (self-wrapped files keep their nested layer, as with @import layer());
   layer()-less imports (PremiumShell) are inlined raw.
   Author in Theme.css + imported files; this gate flags a stale bundle. */

@layer reset, tokens, atmosphere, materials, typography, layout, components, sections, utilities, a11y, print;

/* ===== ./Reset.css -> layer(reset) ===== */
@layer reset {
@layer reset {
[data-tfg="on"],
[data-tfg="on"] *,
[data-tfg="on"] *::before,
[data-tfg="on"] *::after {
    box-sizing: border-box;
}

[data-tfg="on"] {
    min-height: 100%;
    color-scheme: dark;
    background: var(--tfg-canvas);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-tfg="on"] body {
    min-height: 100%;
    margin: var(--tfg-space-0);
    background: var(--tfg-canvas);
    color: var(--tfg-text-primary);
    font-family: var(--tfg-font-sans);
    font-size: var(--tfg-font-size-body);
    line-height: var(--tfg-line-height-body);
    overflow-x: clip;
    isolation: isolate;
}

[data-tfg="on"] body > :not(.tfg-atmosphere) {
    position: relative;
    z-index: var(--tfg-z-content);
}

[data-tfg="on"] img,
[data-tfg="on"] picture,
[data-tfg="on"] video,
[data-tfg="on"] canvas,
[data-tfg="on"] svg {
    display: block;
    max-width: 100%;
}

[data-tfg="on"] button,
[data-tfg="on"] input,
[data-tfg="on"] textarea,
[data-tfg="on"] select {
    font: inherit;
}

[data-tfg="on"] button {
    color: inherit;
}

[data-tfg="on"] a {
    color: inherit;
    text-decoration-thickness: var(--tfg-border-hairline);
    text-underline-offset: var(--tfg-space-1);
}

[data-tfg="on"] :focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}
}
}

/* ===== ./Tokens/Colors.css -> layer(tokens) ===== */
@layer tokens {
@layer tokens {
[data-tfg="on"] {
    --tfg-canvas-base: #080b10;
    --tfg-canvas-deep: #05070b;
    --tfg-canvas: #080b10;
    --tfg-canvas-raised: #0e131b;
    --tfg-canvas-muted: #111821;
    --tfg-tint-primary: rgba(111, 183, 216, 0.28);
    --tfg-surface: rgba(15, 21, 31, 0.74);
    --tfg-surface-strong: rgba(20, 28, 40, 0.86);
    --tfg-surface-heavy: rgba(9, 14, 22, 0.92);
    --tfg-surface-border: rgba(199, 216, 235, 0.18);
    --tfg-surface-border-strong: rgba(231, 239, 249, 0.28);
    --tfg-text-headline: #fff;
    --tfg-text-primary: #f5f7fb;
    --tfg-text-secondary: #c8d3e0;
    --tfg-text-muted: #9cabbc;
    --tfg-text-tertiary: var(--tfg-text-muted);
    --tfg-text-inverse: #080b10;
    --tfg-accent-warm: #dca94c;
    --tfg-accent-warm-bright: #f1c66b;
    --tfg-accent-warm-deep: #9f6c22;
    --tfg-accent-warm-strong: #f1c66b;
    --tfg-accent: var(--tfg-accent-warm-bright);
    --tfg-accent-soft: rgba(241, 198, 107, 0.18);
    --tfg-accent-glow: rgba(220, 169, 76, 0.38);
    --tfg-accent-rim: rgba(241, 198, 107, 0.44);
    --tfg-accent-ring: var(--tfg-accent-rim);
    --tfg-accent-cool: #6fb7d8;
    --tfg-accent-mint: #7fd9b4;
    --tfg-state-danger: #ff7b7b;
    --tfg-state-error: #ff7b7b;
    --tfg-state-warning: #f6c96b;
    --tfg-state-info: #8cc8ff;
    --tfg-state-success: #7fd9b4;
    --tfg-sentinel: hsl(8deg, 78%, 58%);
    --tfg-sentinel-soft: hsla(8deg, 78%, 58%, 0.14);
    --tfg-sentinel-ring: hsla(8deg, 78%, 58%, 0.36);
    --tfg-sentinel-deep: hsl(8deg, 64%, 32%);
    --tfg-info: var(--tfg-state-info);
    --tfg-info-soft: rgba(140, 200, 255, 0.14);
    --tfg-warn: var(--tfg-state-warning);
    --tfg-warn-soft: rgba(246, 201, 107, 0.16);
    --tfg-success: var(--tfg-state-success);
    --tfg-success-soft: rgba(127, 217, 180, 0.14);
    --tfg-note: #b69cff;
    --tfg-note-soft: rgba(182, 156, 255, 0.14);
    --tfg-focus-ring: rgba(241, 198, 107, 0.92);
    --tfg-focus-ring-color: var(--tfg-focus-ring);
    --tfg-text-on-accent: var(--tfg-text-inverse);
    --tfg-shadow-color: rgba(0, 0, 0, 0.42);
    --tfg-overlay-background: rgba(5, 7, 11, 0.72);
    --tfg-forced-color-text: CanvasText;
    --tfg-forced-color-canvas: Canvas;
    --tfg-forced-color-selected: SelectedItem;
    --tfg-atmosphere-cool: rgba(38, 118, 160, 0.28);
    --tfg-atmosphere-warm: rgba(220, 169, 76, 0.2);
    --tfg-atmosphere-mint: rgba(62, 173, 138, 0.16);
    --tfg-atmosphere-violet: rgba(118, 98, 168, 0.16);
    --tfg-atmosphere-base-gradient:
        linear-gradient(180deg, rgba(3, 5, 9, 0.98) 0%, rgba(6, 9, 15, 0.96) 42%, rgba(2, 4, 8, 0.98) 100%),
        linear-gradient(155deg, rgba(12, 18, 27, 0.96) 0%, rgba(7, 12, 19, 0.98) 52%, rgba(2, 4, 8, 1) 100%);
    --tfg-atmosphere-field:
        linear-gradient(118deg, rgba(111, 183, 216, 0.18) 0%, transparent 34%),
        linear-gradient(238deg, rgba(220, 169, 76, 0.16) 0%, transparent 38%),
        conic-gradient(from 214deg at 54% 44%, rgba(111, 183, 216, 0.12), rgba(220, 169, 76, 0.08), rgba(127, 217, 180, 0.1), rgba(118, 98, 168, 0.08), rgba(111, 183, 216, 0.12));
    --tfg-atmosphere-facet-image: url("/_content/DiskHastanesi.SharedUI/assets/backgrounds/lowpoly-mesh-dark.svg");
    --tfg-atmosphere-noise-image: url("/_content/DiskHastanesi.SharedUI/assets/backgrounds/noise.png");
    --tfg-atmosphere-facet-opacity: 0.34;
    --tfg-atmosphere-noise-opacity-strong: 0.105;

    /* Solutions PageFamily premium UI aliases (BuildSpec 35, 2026-05-02).
       6-color palette LOCKED — tüm yeni token'lar mevcut renk varyantlarına alias.
       Kullanım: Solutions.css premium card hover + cluster bridge + glass highlight. */
    --tfg-glow-warm-soft: var(--tfg-atmosphere-warm);
    --tfg-glow-cool-faint: var(--tfg-atmosphere-cool);
    --tfg-cool-glow: var(--tfg-atmosphere-cool);
    --tfg-accent-warm-soft: hsla(41deg, 63%, 58%, 0.14);
    --tfg-accent-cool-soft: hsla(199deg, 57%, 64%, 0.14);
    --tfg-text-muted-soft: hsla(212deg, 20%, 67%, 0.14);
    --tfg-success-strong: var(--tfg-success);
    --tfg-accent-cool-strong: var(--tfg-accent-cool);
    --tfg-success-border: hsla(155deg, 54%, 67%, 0.32);
    --tfg-accent-cool-border: hsla(199deg, 57%, 64%, 0.32);
    --tfg-accent-warm-border: hsla(41deg, 63%, 58%, 0.32);
    --tfg-panel-highlight: hsla(0deg, 0%, 100%, 0.05);

    /* CMS/Admin + Mission Control token lane. These aliases replace the retired --mc-*,
       --system-* and --color-* dashboard lane while preserving dashboard semantics. */
    --tfg-mc-color-active: var(--tfg-state-success);
    --tfg-mc-color-warning: var(--tfg-state-warning);
    --tfg-mc-color-error: var(--tfg-state-error);
    --tfg-mc-color-info: var(--tfg-state-info);
    --tfg-mc-color-accent: var(--tfg-note);
    --tfg-mc-color-neutral: var(--tfg-text-tertiary);
    --tfg-mc-color-on-badge: var(--tfg-text-headline);
    --tfg-mc-bg-active: rgba(127, 217, 180, 0.14);
    --tfg-mc-bg-warning: rgba(246, 201, 107, 0.14);
    --tfg-mc-bg-error: rgba(255, 123, 123, 0.14);
    --tfg-mc-bg-info: rgba(140, 200, 255, 0.12);
    --tfg-mc-bg-accent: rgba(182, 156, 255, 0.14);
    --tfg-mc-bg-neutral: rgba(156, 171, 188, 0.14);
    --tfg-mc-bg-error-soft: rgba(255, 123, 123, 0.08);
    --tfg-mc-bg-warning-soft: rgba(246, 201, 107, 0.08);
    --tfg-mc-bg-info-soft: rgba(140, 200, 255, 0.08);
    --tfg-mc-bg-active-soft: rgba(127, 217, 180, 0.08);
    --tfg-mc-bg-error-faint: rgba(255, 123, 123, 0.04);
    --tfg-mc-bg-input: rgba(15, 21, 31, 0.82);
    --tfg-mc-bg-page: var(--tfg-canvas);
    --tfg-mc-border-rule: rgba(231, 239, 249, 0.12);
    --tfg-mc-border-faint: rgba(231, 239, 249, 0.08);
    --tfg-mc-border-input: rgba(231, 239, 249, 0.2);
    --tfg-mc-chart-grid: rgba(231, 239, 249, 0.1);
    --tfg-mc-chart-label: var(--tfg-text-secondary);
    --tfg-mc-priority-p0: var(--tfg-mc-color-error);
    --tfg-mc-priority-p1: var(--tfg-mc-color-warning);
    --tfg-mc-priority-p2: var(--tfg-mc-color-info);
    --tfg-mc-priority-p3: var(--tfg-mc-color-active);
    --tfg-mc-status-active: var(--tfg-mc-color-active);
    --tfg-mc-status-warning: var(--tfg-mc-color-warning);
    --tfg-mc-status-error: var(--tfg-mc-color-error);
    --tfg-mc-status-stale: var(--tfg-mc-color-accent);
}

:root[data-tfg="on"][data-theme="dark"] {
    --tfg-mc-bg-active: rgba(127, 217, 180, 0.18);
    --tfg-mc-bg-warning: rgba(246, 201, 107, 0.18);
    --tfg-mc-bg-error: rgba(255, 123, 123, 0.18);
    --tfg-mc-bg-info: rgba(140, 200, 255, 0.14);
    --tfg-mc-bg-accent: rgba(182, 156, 255, 0.18);
    --tfg-mc-bg-neutral: rgba(156, 171, 188, 0.18);
    --tfg-mc-bg-error-soft: rgba(255, 123, 123, 0.1);
    --tfg-mc-bg-warning-soft: rgba(246, 201, 107, 0.1);
    --tfg-mc-bg-info-soft: rgba(140, 200, 255, 0.1);
    --tfg-mc-bg-active-soft: rgba(127, 217, 180, 0.1);
    --tfg-mc-bg-error-faint: rgba(255, 123, 123, 0.06);
    --tfg-mc-bg-input: rgba(9, 14, 22, 0.86);
    --tfg-mc-bg-page: var(--tfg-canvas);
    --tfg-mc-border-rule: rgba(231, 239, 249, 0.1);
    --tfg-mc-border-faint: rgba(231, 239, 249, 0.07);
    --tfg-mc-border-input: rgba(231, 239, 249, 0.22);
    --tfg-mc-chart-grid: rgba(231, 239, 249, 0.1);
    --tfg-mc-chart-label: var(--tfg-text-secondary);
}
}
}

/* ===== ./Tokens/Typography.css -> layer(tokens) ===== */
@layer tokens {
@layer tokens {
[data-tfg="on"] {
    --tfg-font-sans: "SF Pro Text", "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", sans-serif;
    --tfg-font-display: "SF Pro Display", "Inter Display", "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", sans-serif;
    --tfg-font-family-display: var(--tfg-font-display);
    --tfg-font-family-heading: var(--tfg-font-display);
    --tfg-font-num: "SF Pro Display", "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", sans-serif;
    --tfg-font-family-mono: ui-monospace, "SFMono-Regular", consolas, "Liberation Mono", monospace;
    --tfg-print-font-serif: georgia, "Times New Roman", serif;
    --tfg-font-features: "kern" 1, "liga" 1, "cv11" 1, "ss01" 1, "ss03" 1;
    --tfg-font-size-caption: 0.8125rem;
    --tfg-font-size-small: var(--tfg-font-size-caption);
    --tfg-font-size-body-sm: 0.9375rem;
    --tfg-font-size-body-small: var(--tfg-font-size-body-sm);
    --tfg-font-size-body: 1rem;
    --tfg-font-size-body-lg: 1.125rem;
    --tfg-font-size-body-large: var(--tfg-font-size-body-lg);
    --tfg-font-size-title-sm: 1.375rem;
    --tfg-font-size-title-md: var(--tfg-font-size-title);
    --tfg-font-size-title: 1.75rem;
    --tfg-font-size-h3: var(--tfg-font-size-title-sm);
    --tfg-font-size-h4: var(--tfg-font-size-title-sm);
    --tfg-font-size-h5: var(--tfg-font-size-body-lg);
    --tfg-font-size-h2: var(--tfg-font-size-title);
    --tfg-font-size-display: 3.5rem;
    --tfg-font-size-step-0: clamp(0.8125rem, 0.78rem + 0.16vw, 0.9375rem);
    --tfg-font-size-step-1: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
    --tfg-font-size-step-2: clamp(1rem, 0.95rem + 0.34vw, 1.125rem);
    --tfg-font-size-step-3: clamp(1.25rem, 1.12rem + 0.7vw, 1.5rem);
    --tfg-font-size-step-4: clamp(1.5rem, 1.3rem + 1.1vw, 2rem);
    --tfg-font-size-step-5: clamp(2rem, 1.65rem + 1.7vw, 2.75rem);
    --tfg-font-size-step-6: clamp(2.5rem, 2.05rem + 2.3vw, 3.5rem);
    --tfg-font-size-step-7: clamp(3.25rem, 2.55rem + 3.4vw, 5rem);
    --tfg-line-height-tight: 1.12;
    --tfg-line-height-title: 1.2;

    /* Hero alt-başlığı / kısa value-prop satır-arası (Patron 2026-06-19): body 1.65 hero için
       gevşek — ritmi optik bozar + DE/ES'de metin uzayınca hero yüksekliğini şişirir; snug
       daha kompakt ve dengeli. */
    --tfg-line-height-snug: 1.4;
    --tfg-line-height-heading: var(--tfg-line-height-title);
    --tfg-line-height-body: 1.65;
    --tfg-line-height-normal: var(--tfg-line-height-body);
    --tfg-font-weight-regular: 400;
    --tfg-font-weight-medium: 500;
    --tfg-font-weight-semibold: 650;
    --tfg-font-weight-bold: 750;
    --tfg-font-weight-display: var(--tfg-font-weight-bold);
    --tfg-letter-spacing: 0;
    --tfg-font-role-nav-label: var(--tfg-font-size-caption);
    --tfg-font-role-eyebrow: var(--tfg-font-size-step-0);
    --tfg-font-role-page-hero-title: clamp(3rem, 4.65vw, 4.35rem);
    --tfg-font-role-hero-display: var(--tfg-font-role-page-hero-title);
    --tfg-font-role-home-hero-display: var(--tfg-font-role-page-hero-title);
    --tfg-font-role-section-title: var(--tfg-font-size-step-5);
    --tfg-font-role-subsection-title: var(--tfg-font-size-step-4);
    --tfg-font-role-compact-title: var(--tfg-font-size-step-3);
    --tfg-font-role-card-title: var(--tfg-font-size-title-sm);
    --tfg-font-role-body: var(--tfg-font-size-body);
    --tfg-font-role-caption: var(--tfg-font-size-caption);
    --tfg-font-role-stat: var(--tfg-font-size-step-6);
    --tfg-font-fit-title-min: 0.75rem;
    --tfg-font-fit-title-fluid: 8cqi;
    --tfg-font-fit-title-max: var(--tfg-font-size-body-sm);
    --tfg-font-fit-copy-min: 0.75rem;
    --tfg-font-fit-copy-fluid: 6cqi;
    --tfg-font-fit-copy-max: var(--tfg-font-size-body-sm);
    --tfg-heading-line-height-hero: var(--tfg-line-height-tight);
    --tfg-heading-line-height-section: var(--tfg-line-height-title);
    --tfg-heading-line-height-subsection: var(--tfg-line-height-title);
    --tfg-heading-line-height-compact: var(--tfg-line-height-tight);
    --tfg-heading-weight-hero: var(--tfg-font-weight-bold);
    --tfg-heading-weight-section: var(--tfg-font-weight-bold);
    --tfg-heading-weight-subsection: var(--tfg-font-weight-semibold);
    --tfg-heading-weight-compact: var(--tfg-font-weight-semibold);
    --tfg-heading-tracking: 0;
    --tfg-heading-text-wrap: balance;
    --tfg-tracking-display: 0;
    --tfg-tracking-title: 0;
    --tfg-tracking-card: 0;
    --tfg-tracking-eyebrow: 0.14em;
    --tfg-tracking-nav: 0;
    --tfg-tracking-body: 0;
    --tfg-text-wrap-heading: balance;
    --tfg-text-wrap-body: pretty;
}

@media (max-width: 48rem) {
    [data-tfg="on"] {
        --tfg-font-size-display: 2.5rem;
        --tfg-font-size-title: 1.5rem;
        --tfg-font-role-page-hero-title: clamp(2.4rem, 10vw, 3.25rem);
        --tfg-font-role-hero-display: var(--tfg-font-role-page-hero-title);
        --tfg-font-role-home-hero-display: var(--tfg-font-role-page-hero-title);
        --tfg-font-role-section-title: var(--tfg-font-size-step-4);
        --tfg-font-role-subsection-title: var(--tfg-font-size-step-3);
        --tfg-font-role-compact-title: var(--tfg-font-size-step-2);
    }
}

/* Solutions PageFamily premium UI semantic aliases (BuildSpec 35, 2026-05-02). */
:root {
    --tfg-font-size-xs: var(--tfg-font-size-caption);
    --tfg-font-size-sm: var(--tfg-font-size-body-sm);
    --tfg-font-size-base: var(--tfg-font-size-body);
    --tfg-font-size-xl: var(--tfg-font-size-title-sm);
    --tfg-font-size-2xl: var(--tfg-font-size-title);
    --tfg-font-size-3xl: var(--tfg-font-size-display);
    --tfg-font-weight-headline: var(--tfg-font-weight-semibold);
    --tfg-letter-spacing-wide: 0.04em;

    /* Token sweep 2026-06-11 (Adım-2 sonu): stat etiketi mikro-tipografisi — değerler
       Solutions/Services stat şeritlerinden birebir taşındı. */
    --tfg-font-size-stat-label: 0.6875rem;
    --tfg-font-size-stat-label-compact: 0.625rem;
    --tfg-tracking-stat-label: 0.08em;
    --tfg-mc-font-micro: 0.65rem;
    --tfg-mc-font-code: 0.8em;

    /* Adım-3 blog craft (P1-DH-BLOG-FAMILY-CRAFT): uzun-form okuma ölçüsü —
       tfg-reading-surface utility'sinin tek kaynağı. */
    --tfg-reading-measure: 72ch;
}
}
}

/* ===== ./Typography/Headings.css -> layer(typography) ===== */
@layer typography {
@layer typography {
[data-tfg="on"] :where(
    .tfg-heading,
    .hero-title,
    .section-title,
    .tfg-section-header__title,
    .services-helper-title,
    .services-helper-path-title,
    .hub-stats-title,
    .hub-value-pillars-title,
    .solutions-discovery__title,
    .tfg-terminal-cta__title,
    .cta-title
) {
    min-width: 0;
    max-width: 100%;
    margin-block: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-feature-settings: var(--tfg-font-features);
    letter-spacing: var(--tfg-heading-tracking);
    overflow-wrap: anywhere;
    text-wrap: var(--tfg-heading-text-wrap);
}

[data-tfg="on"] :where(
    .tfg-heading--hero,
    .tfg-heading--h1,
    .hero-title,
    .tfg-page-hero .tfg-section-header__title,
    .content-page__hero .tfg-section-header__title,
    .pillar-hero h1
) {
    max-width: min(100%, var(--tfg-page-hero-title-max-width));
    font-size: var(--tfg-font-role-hero-display);
    font-weight: var(--tfg-heading-weight-hero);
    line-height: var(--tfg-heading-line-height-hero);
}

[data-tfg="on"] :where(
    .tfg-heading--section,
    .tfg-heading--h2,
    .section-header > .section-title,
    .tfg-section > .tfg-section-header .tfg-section-header__title,
    .services-helper-title,
    .hub-stats-title,
    .hub-value-pillars-title,
    .solutions-discovery__title,
    .tfg-terminal-cta__title,
    .cta-title
) {
    font-size: var(--tfg-font-role-section-title);
    font-weight: var(--tfg-heading-weight-section);
    line-height: var(--tfg-heading-line-height-section);
}

[data-tfg="on"] :where(
    .tfg-heading--subsection,
    .tfg-heading--h3,
    .premium-title,
    .solutions-card__title,
    .solution-overview-panel__title,
    .tfg-card h3,
    .tfg-panel h3,
    .service-group-decision-card h3,
    .service-group-proof-card h3,
    .service-group-operating-cell h3,
    .related-group-card h3
) {
    font-size: var(--tfg-font-role-subsection-title);
    font-weight: var(--tfg-heading-weight-subsection);
    line-height: var(--tfg-heading-line-height-subsection);
}

[data-tfg="on"] :where(
    .tfg-heading--compact,
    .tfg-heading--h4,
    .tfg-heading--h5,
    .tfg-heading--h6,
    .sidebar-title,
    .services-helper-path-title,
    .delivery-assurance-title,
    .tfg-card :is(h4, h5, h6),
    .tfg-panel :is(h4, h5, h6)
) {
    font-size: var(--tfg-font-role-compact-title);
    font-weight: var(--tfg-heading-weight-compact);
    line-height: var(--tfg-heading-line-height-compact);
}

[data-tfg="on"] :where(
    .tfg-card,
    .tfg-panel,
    .contact-form-card,
    .contact-support-card,
    .home-quick-form-card,
    .quick-contact-modal__quick-form-card,
    .solution-overview-panel,
    .solution-signal-card,
    .solution-context-card,
    .solution-pillar-card,
    .sidebar-support-card
) :where(
    .tfg-heading--section,
    .tfg-heading--h2,
    .section-title,
    .tfg-section-header__title
) {
    font-size: var(--tfg-font-role-subsection-title);
    font-weight: var(--tfg-heading-weight-subsection);
    line-height: var(--tfg-heading-line-height-subsection);
}

@media (max-width: 48rem) {
    [data-tfg="on"] :where(
        .tfg-heading,
        .hero-title,
        .section-title,
        .tfg-section-header__title
    ) {
        max-width: 100%;
    }
}
}
}

/* ===== ./Tokens/Spacing.css -> layer(tokens) ===== */
@layer tokens {
@layer tokens {
[data-tfg="on"] {
    --tfg-space-0: 0;
    --tfg-space-1: 0.25rem;
    --tfg-space-2: 0.5rem;
    --tfg-space-3: 0.75rem;
    --tfg-space-4: 1rem;
    --tfg-space-5: 1.25rem;
    --tfg-space-6: 1.5rem;
    --tfg-space-7: 1.75rem;
    --tfg-space-8: 2rem;
    --tfg-space-9: 2.25rem;
    --tfg-space-10: 2.5rem;
    --tfg-space-12: 3rem;
    --tfg-space-16: 4rem;
    --tfg-space-20: 5rem;
    --tfg-space-24: 6rem;
    --tfg-container-sm: 48rem;
    --tfg-container-md: 64rem;
    --tfg-container-lg: 78rem;
    --tfg-container-xl: 88rem;
    --tfg-bp-xs: 30rem;
    --tfg-bp-s: 48rem;
    --tfg-bp-m: 64rem;
    --tfg-bp-l: 80rem;
    --tfg-bp-xl: 90rem;
    --tfg-rail-gutter: var(--tfg-space-6);
    --tfg-radius-none: 0;
    --tfg-radius-xs: 0.375rem;
    --tfg-radius-sm: 0.625rem;
    --tfg-radius-md: 0.875rem;
    --tfg-radius-lg: 1.25rem;
    --tfg-radius-xl: 1.75rem;
    --tfg-radius-pill: 999rem;
    --tfg-border-hairline: 0.0625rem;
    --tfg-focus-width: 0.125rem;
    --tfg-focus-offset: 0.1875rem;
    --tfg-focus-outline-width: var(--tfg-focus-width);
    --tfg-focus-outline-offset: var(--tfg-focus-offset);
    --tfg-z-atmosphere: 0;
    --tfg-z-content: 1;
    --tfg-z-navbar: 1000;
    --tfg-z-overlay: 10;
    --tfg-z-modal: 3000;
    --tfg-home-shell-width: var(--tfg-container-xl);
    --tfg-section-shell-width: var(--tfg-container-xl);
    --tfg-section-header-width: var(--tfg-container-sm);
    --tfg-footer-nav-col-min: 10rem;
    --tfg-footer-action-col-min: 17rem;
    --tfg-geometry-section-gap: var(--tfg-space-16);
    --tfg-geometry-section-gap-compact: var(--tfg-space-12);
    --tfg-geometry-section-gap-mobile: var(--tfg-space-12);
    --tfg-geometry-page-section-gap: var(--tfg-space-10);
    --tfg-geometry-page-section-gap-dense: var(--tfg-space-4);
    --tfg-geometry-page-section-gap-mobile: var(--tfg-space-8);
    --tfg-geometry-footer-transition-gap: var(--tfg-geometry-page-section-gap);

    /* Uniform navbar↔slug(breadcrumb)↔hero gap (Patron 2026-06-30): the breadcrumb rail's
       top and bottom padding both resolve to this single token, so navbar→slug and slug→hero
       are EQUAL on every slug'd page (was drift: rail used raw space-3/space-2 = 12px/8px and
       this token was dead at 32px). space-2 = 8px = the tighter of the two prior values, chosen
       to sit the hero a touch higher. Equal at every breakpoint (mobile = same token). */
    --tfg-geometry-breadcrumb-to-hero-gap: var(--tfg-space-2);
    --tfg-geometry-breadcrumb-to-hero-gap-mobile: var(--tfg-space-2);
    --tfg-geometry-grid-gap: var(--tfg-space-6);
    --tfg-geometry-card-gap: var(--tfg-space-4);
    --tfg-geometry-card-padding: var(--tfg-space-6);
    --tfg-geometry-card-padding-compact: var(--tfg-space-5);
    --tfg-geometry-panel-padding: var(--tfg-space-8);
    --tfg-geometry-panel-padding-mobile: var(--tfg-space-5);
    --tfg-card-padding-compact: var(--tfg-space-5) var(--tfg-space-4) var(--tfg-space-4);
    --tfg-card-padding-default: var(--tfg-space-6) var(--tfg-space-6) var(--tfg-space-5);
    --tfg-card-padding-comfortable: var(--tfg-space-8) var(--tfg-space-6) var(--tfg-space-6);
    --tfg-card-padding-featured: var(--tfg-space-8) var(--tfg-space-8) var(--tfg-space-6);
    --tfg-card-radius-compact: var(--tfg-radius-lg);
    --tfg-card-radius-default: var(--tfg-radius-xl);
    --tfg-card-min-height-compact: 8.5rem;
    --tfg-card-min-height-default: 13rem;
    --tfg-card-min-height-featured: 20rem;
    --tfg-card-slot-gap: var(--tfg-space-3);
    --tfg-card-copy-gap: var(--tfg-space-2);
    --tfg-trust-strip-shell-padding: clamp(var(--tfg-space-8), 4vw, var(--tfg-space-12));
    --tfg-trust-logo-card-padding: clamp(var(--tfg-space-3), 1vw, var(--tfg-space-4)) var(--tfg-space-4) var(--tfg-space-3);
    --tfg-industry-grid-backdrop-radius: calc(var(--tfg-radius-xl) + var(--tfg-space-2));
    --tfg-home-quick-form-card-radius: calc(var(--tfg-radius-xl) + var(--tfg-space-1));
    --tfg-grid-tier-gap-compact: var(--tfg-space-4);
    --tfg-grid-tier-gap-default: var(--tfg-geometry-grid-gap);
    --tfg-grid-tier-5: repeat(5, minmax(0, 1fr));
    --tfg-grid-tier-4: repeat(4, minmax(0, 1fr));
    --tfg-grid-tier-3: repeat(3, minmax(0, 1fr));
    --tfg-grid-tier-2: repeat(2, minmax(0, 1fr));
    --tfg-grid-tier-1: minmax(0, 1fr);
    --tfg-measure-narrow: 58ch;
    --tfg-measure-default: 64ch;
    --tfg-measure-wide: 72ch;
    --tfg-measure-hero: 54ch;
    --tfg-page-hero-copy-max-width: min(100%, 64rem);
    --tfg-page-hero-title-max-width: 22ch;
    --tfg-page-hero-desc-max-width: var(--tfg-measure-wide);
    --tfg-hero-shell-min-block: clamp(39rem, calc(100vh - var(--tfg-space-12)), 46rem);
    --tfg-hero-shell-padding: clamp(var(--tfg-space-6), 3vw, var(--tfg-space-12));
    --tfg-hero-shell-gap: clamp(var(--tfg-space-6), 3vw, var(--tfg-space-12));
    --tfg-hero-eyebrow-padding: var(--tfg-space-3) var(--tfg-space-5);
    --tfg-hero-copy-stack-gap: clamp(var(--tfg-space-7), 2.5vw, var(--tfg-space-10));
    --tfg-hero-copy-stack-gap-mobile: var(--tfg-space-5);
    --tfg-hero-copy-stack-gap-compact: var(--tfg-space-4);
    --tfg-media-caption-padding: var(--tfg-space-5);
    --tfg-media-caption-gap: var(--tfg-space-4);
    --tfg-hero-media-max-width: 44rem;
    --tfg-hero-media-ratio: 16 / 10;

    /* Detail-page hero media frame standard (Patron decision 2026-07-02) — the single source so no
       PageFamily hand-codes a raw hero aspect-ratio again. ALL non-home detail-page heroes render in
       a 1:1 SQUARE frame (owner-directed; supersedes the DesignSystem.md 16:9 photo spec for the
       on-page frame — flagged for a DesignSystem ratify update; source assets may be any ratio and
       object-fit handles the fit: photo → cover / crop-to-square, infographic → contain / whole art).
       The home hero slider is exempt (its own component). */
    --tfg-hero-media-aspect: 1 / 1;
    --tfg-hero-media-stack-gap: clamp(var(--tfg-space-4), 1.2vw, var(--tfg-space-5));
    --tfg-hero-frame-min-block: clamp(17rem, 30vw, 25rem);
    --tfg-hero-mobile-stage-min-block: clamp(18rem, 78vw, 22rem);
    --tfg-hero-rail-card-min-block: 7.5rem;
    --tfg-hero-mobile-rail-card-inline: minmax(4.75rem, 22vw);
    --tfg-hero-rail-thumb-min-block: 3.5rem;
    --tfg-legal-body-max: 47.5rem;
    --tfg-legal-measure: 70ch;
    --tfg-print-page-margin-block-start: 18mm;
    --tfg-print-page-margin-inline: 15mm;
    --tfg-print-page-margin-block-end: 22mm;
    --tfg-control-min-height: 2.75rem;
    --tfg-touch-min-height: 3rem;
    --tfg-nav-rhythm-unit: clamp(var(--tfg-space-1), 0.125rem + 0.25vw, var(--tfg-space-2));
    --tfg-nav-control-size: clamp(var(--tfg-control-min-height), 2.35rem + 0.65vw, var(--tfg-touch-min-height));
    --tfg-nav-height: calc(var(--tfg-nav-control-size) + (var(--tfg-nav-rhythm-unit) * 3));
    --tfg-nav-clearance: calc(var(--tfg-nav-height) + var(--tfg-nav-outer-gap) + var(--tfg-space-3));
    --tfg-nav-shell-width: var(--tfg-section-shell-width);
    --tfg-nav-outer-gap: var(--tfg-space-3);
    --tfg-nav-inner-gap: calc(var(--tfg-nav-rhythm-unit) * 2);
    --tfg-nav-cluster-gap: var(--tfg-nav-rhythm-unit);
    --tfg-nav-menu-gap: var(--tfg-nav-rhythm-unit);
    --tfg-nav-inline-padding-block: var(--tfg-nav-rhythm-unit);
    --tfg-nav-inline-padding-inline: calc(var(--tfg-nav-rhythm-unit) * 2);
    --tfg-nav-brand-logo-size: calc(var(--tfg-nav-control-size) - var(--tfg-nav-rhythm-unit));
    --tfg-nav-action-size: var(--tfg-nav-control-size);
    --tfg-nav-button-min-height: var(--tfg-control-min-height);
    --tfg-nav-button-padding-block: var(--tfg-nav-rhythm-unit);
    --tfg-nav-button-padding-inline: calc(var(--tfg-nav-rhythm-unit) * 2);
    --tfg-nav-button-gap: var(--tfg-nav-rhythm-unit);
    --tfg-nav-icon-button-size: var(--tfg-nav-action-size);
    --tfg-nav-cta-padding-inline: calc(var(--tfg-nav-rhythm-unit) * 3);
    --tfg-nav-mobile-height: calc(var(--tfg-nav-action-size) + (var(--tfg-nav-inline-padding-block) * 2));
    --tfg-nav-mobile-slot-gap: calc(var(--tfg-nav-rhythm-unit) * 2);
    --tfg-nav-menu-item-min-height: calc(var(--tfg-nav-action-size) + var(--tfg-space-4));
    --tfg-nav-dropdown-min-width: calc(var(--tfg-nav-action-size) * 5);
    --tfg-nav-dropdown-max-height: min(70vh, 42rem);
    --tfg-nav-sector-dropdown-max-height: min(86vh, 52rem);
    --tfg-nav-dropdown-hover-bridge: var(--tfg-space-10);
    --tfg-nav-market-dropdown-width: min(30rem, calc(100vw - var(--tfg-space-6)));
    --tfg-nav-market-row-min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-3));
    --tfg-nav-market-status-size: 0.625rem;
    --tfg-nav-market-code-width: var(--tfg-space-6);
    --tfg-nav-market-flag-width: 1.5rem;
    --tfg-nav-market-flag-height: 1.125rem;
    --tfg-nav-search-expanded-width: min(18rem, 30vw);
    --tfg-nav-drawer-width: min(24rem, calc(100vw - var(--tfg-space-8)));
    --tfg-nav-drawer-width-mobile: min(22rem, calc(100vw - var(--tfg-space-4)));
    --tfg-nav-drawer-inset: var(--tfg-nav-outer-gap);
    --tfg-nav-drawer-radius: var(--tfg-radius-xl);
    --tfg-nav-drawer-gap: calc(var(--tfg-nav-rhythm-unit) * 3);
    --tfg-nav-drawer-item-gap: calc(var(--tfg-nav-rhythm-unit) * 2);
    --tfg-nav-drawer-header-padding-block: calc(var(--tfg-nav-rhythm-unit) * 4);
    --tfg-nav-drawer-header-padding-inline: calc(var(--tfg-nav-rhythm-unit) * 5);
    --tfg-nav-drawer-scroll-padding: calc(var(--tfg-nav-rhythm-unit) * 5);
    --tfg-nav-drawer-link-padding-block: calc(var(--tfg-nav-rhythm-unit) * 1.5);
    --tfg-nav-drawer-link-padding-inline: calc(var(--tfg-nav-rhythm-unit) * 3);
    --tfg-nav-hover-lift: calc(var(--tfg-border-hairline) * -1);
    --tfg-nav-hamburger-line-width: clamp(var(--tfg-space-4), calc(var(--tfg-nav-rhythm-unit) * 3), var(--tfg-space-6));
    --tfg-nav-hamburger-line-height: var(--tfg-focus-width);
    --tfg-nav-hamburger-line-shift: var(--tfg-focus-offset);
    --tfg-bottom-nav-height: 5.5rem;
    --tfg-geometry-mobile-bottom-clearance: calc(var(--tfg-bottom-nav-height) + var(--tfg-space-8));
    --tfg-bottom-sheet-max-height: min(85vh, calc(100vh - var(--tfg-space-6)));
    --tfg-icon-chip-sm: 2rem;
    --tfg-icon-chip-md: 2.5rem;
    --tfg-icon-chip-lg: 2.875rem;

    /* Token sweep 2026-06-11: hero infografik kare sabiti (9 kullanım — Services/Solutions). */
    --tfg-hero-infographic-size: 36.625rem;

    /* Solutions detay yeniden-yazımı 2026-06-12 (Patron "tokenize olmayan kalmasın"):
       değerler mevcut sayfadan birebir taşındı. */
    --tfg-hero-visual-size: 36rem;
    --tfg-hero-visual-size-compact: 28rem;
    --tfg-hero-action-stack-width: 44rem;
    --tfg-hero-cta-min-width: 16rem;
    --tfg-hero-reserve-title: 10rem;
    --tfg-hero-reserve-description: 9rem;
    --tfg-hero-reserve-actions: 26.25rem;
    --tfg-grid-card-min: 18rem;
    --tfg-grid-rail-min: 16rem;
    --tfg-metric-cell-min-height: 7rem;
    --tfg-metric-cell-min-height-compact: 5.25rem;
    --tfg-measure-metric-label: 14ch;
    --tfg-measure-title-tight: 15ch;
    --tfg-framed-heading-max-width: 52rem;
    --tfg-icon-chip-xl: 3.5rem;

    /* Corporate-detail (/about + kurumsal) token sweep 2026-06-17 (Patron "tokenize
       olmayan kalmasın"): Corporate.css ham rem layout sabitleri birebir taşındı
       (pixel-aynı çıktı). grid-stat-min = stats auto-fit min; grid-card-max =
       gauge-grid üst sınır; gauge-size = sabit dairesel gauge inline-size;
       hero-visual-size-s/-xs = corporate hero görseli iki-adımlı responsive merdiven
       (-s ≤48rem, -xs ≤30rem), Solutions tek-adımlı -compact'tan (28rem) ayrı. */
    --tfg-grid-stat-min: 12rem;
    --tfg-grid-card-max: 22rem;
    --tfg-gauge-size: 13rem;
    --tfg-hero-visual-size-s: 32rem;
    --tfg-hero-visual-size-xs: 26rem;

    /* Trust/reference logo-wall boyut reçetesi (PAGE-014, 2026-07-10): Home.css trust-strip +
       Corporate.css reference-wall ikizlerindeki clamp() sabitleri birebir taşındı (piksel-aynı). */
    --tfg-trust-logo-plate-min-height: clamp(6.65rem, 6.4vw, 7.4rem);
    --tfg-trust-logo-card-min-height: clamp(11rem, 11.4vw, 12.5rem);
    --tfg-trust-logo-max-height: clamp(5.1rem, 5.15vw, 6.15rem);

    /* Services PageFamily token sweep 2026-06-17c (Patron "hepsini tokenize et, sıfıra
       indir"): every value-position raw rem in Services.css moved here verbatim
       (pixel-identical — each token resolves to its prior literal). Only @media KOŞUL
       breakpoints + clamp() fluid endpoints stay raw (custom properties are invalid in a
       media-query condition). Values that already matched the --tfg-space / --tfg-border-hairline
       scale reuse it directly in the rule; the constants below have no scale match.
       — layout / measure constants — */
    --tfg-services-measure-sm: 32rem;
    --tfg-services-measure-md: 38rem;
    --tfg-services-measure-lg: 42rem;
    --tfg-services-measure-xl: 44rem;
    --tfg-services-measure-2xl: 46rem;
    --tfg-services-measure-3xl: 52rem;
    --tfg-services-measure-4xl: 56rem;
    --tfg-services-measure-5xl: 58rem;
    --tfg-services-measure-6xl: 64rem;
    --tfg-services-pill-max: 34rem;
    --tfg-services-hero-col-min: 24rem;
    --tfg-services-hero-col-min-narrow: 22rem;
    --tfg-services-hero-col-min-wide: 34rem;
    --tfg-services-infographic-frame-max: 34rem;
    --tfg-services-group-visual-max: 31rem;
    --tfg-services-grid-col-15: 15rem;
    --tfg-services-grid-col-19: 19rem;
    --tfg-services-rail-min-sla: 6.5rem;
    --tfg-services-fan-card-min: 12.5rem;
    --tfg-services-flex-basis-card: 10rem;
    --tfg-services-popover-width: 22rem;
    --tfg-services-skeleton-min-height: 356.25rem;
    --tfg-services-skeleton-min-height-md: 262.5rem;
    --tfg-services-skeleton-min-height-lg: 225rem;

    /* — visual recipe constants (orbit / icon / dot / gradient / shadow offsets) — */
    --tfg-services-orbit-wide: 11rem;
    --tfg-services-orbit-tight: 7rem;
    --tfg-services-orbit-origin: 12.5rem;
    --tfg-services-orbit-node: 2.75rem;
    --tfg-services-icon-box: 3rem;
    --tfg-services-hero-stat-min: 7rem;
    --tfg-services-hero-stat-min-sm: 5.75rem;
    --tfg-services-kapsam-dot: 0.4rem;
    --tfg-services-kapsam-dot-offset: 0.55rem;
    --tfg-services-nudge-xs: 0.125rem;
    --tfg-services-nudge-sm: 0.1875rem;
    --tfg-services-ring-rest: 0.2rem;
    --tfg-services-ring-hover: 0.35rem;
    --tfg-services-ring-peak: 0.45rem;
    --tfg-services-chip-min-sm: 1.875rem;
    --tfg-services-chip-pad-block-sm: 0.3125rem;
    --tfg-services-chip-pad-inline-sm: 0.625rem;
    --tfg-services-chip-min-xs: 1.625rem;
    --tfg-services-card-glow-w: 43.75rem;
    --tfg-services-card-glow-h: 16.25rem;
    --tfg-services-card-glow-w-alt: 32.5rem;
    --tfg-services-card-glow-h-alt: 13.75rem;
    --tfg-services-card-shadow-blur: 3.625rem;
    --tfg-services-card-shadow-spread: 2.125rem;
    --tfg-services-faq-noise-tile: 18rem;
    --tfg-services-glow-stop: 28rem;
    --tfg-services-glow-stop-alt: 30rem;

    /* CMS/Admin and Mission Control geometry expressed through the single TFG lane. */
    --tfg-cms-viewport-height: 100vh;
    --tfg-cms-width-full: 100%;
    --tfg-cms-sidebar-width: 16rem;
    --tfg-cms-sidebar-width-compact: 14rem;
    --tfg-cms-sidebar-width-mobile: min(18rem, calc(100vw - var(--tfg-space-4)));
    --tfg-cms-container-padding: var(--tfg-space-6);
    --tfg-cms-container-padding-mobile: var(--tfg-space-4);
    --tfg-cms-grid-columns-standard: 3;
    --tfg-cms-grid-track: 1fr;
    --tfg-cms-offscreen-full: -100%;
    --tfg-cms-auth-card-width: var(--tfg-measure-rem-sm);
    --tfg-mc-page-max-width: var(--tfg-container-xl);
    --tfg-mc-sidenav-width: 10rem;
    --tfg-mc-badge-padding: var(--tfg-space-1) var(--tfg-space-2);
    --tfg-mc-tag-padding: var(--tfg-space-1) var(--tfg-space-1);

    /* Cross-family rem token-sweep 2026-06-17c (Patron "tümünü bitir"): shared constants for
       Contact / Blog / Solutions / Accessibility / RouteCore / Home value-position raw rem.
       Pixel-identical (each resolves to its prior literal). Scale-matching values reuse
       --tfg-space-* / --tfg-grid-* / --tfg-border-hairline directly in the rule instead.
       Only @media KOŞUL breakpoints + clamp() endpoints stay raw. */
    --tfg-measure-rem-sm: 32rem;
    --tfg-measure-rem-md: 36rem;
    --tfg-measure-rem-lg: 40rem;
    --tfg-measure-rem-xl: 44rem;
    --tfg-measure-rem-2xl: 58rem;
    --tfg-measure-rem-3xl: 64rem;
    --tfg-measure-rem-4xl: 70rem;
    --tfg-measure-rem-5xl: 78rem;
    --tfg-grid-col-14: 14rem;
    --tfg-grid-col-15: 15rem;
    --tfg-grid-col-24: 24rem;
    --tfg-grid-col-31: 31rem;
    --tfg-size-rem-7: 7rem;
    --tfg-size-rem-8: 8rem;
    --tfg-size-rem-10: 10rem;
    --tfg-size-rem-11: 11rem;
    --tfg-size-rem-12-5: 12.5rem;
    --tfg-nudge-xs: 0.125rem;
    --tfg-nudge-sm: 0.1875rem;
    --tfg-len-rem-0-85: 0.85rem;
    --tfg-len-rem-1-4: 1.4rem;
    --tfg-len-rem-1-8: 1.8rem;
    --tfg-len-rem-2-35: 2.35rem;
    --tfg-len-rem-2-4: 2.4rem;
    --tfg-len-rem-2-65: 2.65rem;
    --tfg-len-rem-2-75: 2.75rem;
    --tfg-len-rem-3-2: 3.2rem;
    --tfg-len-rem-4-5: 4.5rem;
    --tfg-len-rem-5-5: 5.5rem;
    --tfg-len-rem-5-75: 5.75rem;
    --tfg-gradient-w-rem-82-5: 82.5rem;
    --tfg-gradient-h-rem-13-75: 13.75rem;
}

@media (max-width: 48rem) {
    [data-tfg="on"] {
        --tfg-rail-gutter: var(--tfg-space-4);
        --tfg-nav-outer-gap: var(--tfg-space-2);
        --tfg-geometry-section-gap: var(--tfg-geometry-section-gap-mobile);
        --tfg-geometry-page-section-gap: var(--tfg-geometry-page-section-gap-mobile);
        --tfg-geometry-breadcrumb-to-hero-gap: var(--tfg-geometry-breadcrumb-to-hero-gap-mobile);
        --tfg-geometry-grid-gap: var(--tfg-space-4);
        --tfg-card-padding-compact: var(--tfg-space-4);
        --tfg-card-padding-default: var(--tfg-space-5) var(--tfg-space-4) var(--tfg-space-4);
        --tfg-card-padding-comfortable: var(--tfg-space-5);
        --tfg-card-padding-featured: var(--tfg-space-6) var(--tfg-space-5) var(--tfg-space-5);
        --tfg-hero-eyebrow-padding: var(--tfg-space-3) var(--tfg-space-4);
        --tfg-media-caption-padding: var(--tfg-space-4);
        --tfg-media-caption-gap: var(--tfg-space-3);
        --tfg-hero-rail-card-min-block: 4.25rem;
        --tfg-hero-rail-thumb-min-block: 2.25rem;
        --tfg-card-min-height-default: auto;
        --tfg-card-min-height-featured: 16rem;
    }
}
}
}

/* ===== ./Tokens/Materials.css -> layer(tokens) ===== */
@layer tokens {
@layer tokens {
[data-tfg="on"] {
    --tfg-panel-background: linear-gradient(135deg, rgba(22, 31, 45, 0.76), rgba(10, 16, 25, 0.68));
    --tfg-panel-background-soft: linear-gradient(135deg, rgba(28, 40, 57, 0.62), rgba(11, 17, 27, 0.58));
    --tfg-panel-background-strong: linear-gradient(135deg, rgba(27, 38, 54, 0.9), rgba(9, 14, 22, 0.86));
    --tfg-panel-background-heavy: linear-gradient(135deg, rgba(12, 18, 28, 0.96), rgba(6, 9, 15, 0.94));
    --tfg-glass-shell-background:
        radial-gradient(circle at 14% 0%, rgba(255, 255, 255, 0.1), transparent 26rem),
        radial-gradient(circle at 88% 12%, rgba(220, 169, 76, 0.085), transparent 28rem),
        linear-gradient(135deg, rgba(22, 31, 45, 0.84), rgba(7, 11, 18, 0.84));
    --tfg-glass-shell-border: var(--tfg-panel-border-strong);
    --tfg-glass-shell-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light), var(--tfg-rim-shadow);
    --tfg-glass-shell-blur: var(--tfg-panel-blur-heavy);
    --tfg-glass-shell-top-highlight: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
    --tfg-glass-shell-highlight-line: linear-gradient(90deg, transparent, rgba(241, 198, 107, 0.28), rgba(111, 183, 216, 0.16), transparent);

    /* FAQ shell sheen (Card #003 M6): white-edge + cool-atmosphere wash layered over the
       facet/noise images by hub + pillar FAQ cards. Values moved verbatim from Services.css. */
    --tfg-glass-faq-sheen: linear-gradient(116deg, hsla(0deg, 0%, 100%, 0.13), transparent 34%, transparent 74%, hsla(199deg, 57%, 64%, 0.07));
    --tfg-glass-card-background:
        radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.24), transparent 22rem),
        linear-gradient(100deg, rgba(83, 96, 110, 0.7), rgba(42, 55, 70, 0.58) 46%, rgba(12, 22, 34, 0.52) 100%);
    --tfg-glass-card-background-strong:
        radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.26), transparent 22rem),
        radial-gradient(circle at 4rem 4rem, rgba(220, 169, 76, 0.12), transparent 15rem),
        linear-gradient(100deg, rgba(92, 105, 119, 0.74), rgba(47, 60, 76, 0.62) 48%, rgba(12, 22, 34, 0.56) 100%);
    --tfg-glass-card-border: var(--tfg-border-hairline) solid rgba(226, 237, 247, 0.3);
    --tfg-glass-card-border-strong: var(--tfg-border-hairline) solid rgba(241, 198, 107, 0.42);
    --tfg-glass-card-shadow: 0 1rem 3.2rem rgba(0, 0, 0, 0.36), var(--tfg-rim-light), var(--tfg-rim-shadow);
    --tfg-glass-card-shadow-hover: 0 1.4rem 4.2rem rgba(0, 0, 0, 0.46), var(--tfg-warm-glow), var(--tfg-rim-light);
    --tfg-glass-card-blur: blur(1.5rem) saturate(1.3);
    --tfg-glass-card-hover-border: var(--tfg-glass-card-border-strong);
    --tfg-glass-card-hover-background: var(--tfg-glass-card-background-strong);
    --tfg-glass-card-hover-shadow: var(--tfg-glass-card-shadow-hover);
    --tfg-glass-card-hover-transform: translateY(calc(var(--tfg-border-hairline) * -2));
    --tfg-glass-card-hover-title: var(--tfg-accent-warm-bright);
    --tfg-glass-card-highlight:
        linear-gradient(126deg, rgba(255, 255, 255, 0.18), transparent 48%),
        radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.14), transparent 21rem);

    /* Trust/reference logo-wall glass recipe (PAGE-014 carry-in, 2026-07-10): card + light plate
       values moved verbatim from Home.css .trust-strip__logo-* / Corporate.css .reference-wall__*
       so the 1:1 twins share one sanctioned token home (hsla drift-counter scope). */
    --tfg-glass-card-logo-background:
        radial-gradient(circle at 28% 18%, hsla(0deg, 0%, 100%, 0.12), transparent 42%),
        linear-gradient(145deg, hsla(0deg, 0%, 100%, 0.08), transparent 46%),
        hsla(214deg, 50%, 5%, 0.66);
    --tfg-glass-card-logo-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow),
        inset 0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.045);
    --tfg-glass-card-logo-plate-border: var(--tfg-border-hairline) solid hsla(0deg, 0%, 100%, 0.18);
    --tfg-glass-card-logo-plate-background:
        radial-gradient(circle at 18% 12%, hsla(0deg, 0%, 100%, 0.98), hsla(202deg, 40%, 96%, 0.82) 38%, hsla(209deg, 19%, 77%, 0.46) 72%, hsla(215deg, 40%, 8%, 0.18)),
        linear-gradient(145deg, hsla(0deg, 0%, 100%, 0.74), hsla(207deg, 19%, 77%, 0.46)),
        hsla(204deg, 28%, 93%, 0.78);
    --tfg-glass-card-logo-plate-shadow:
        inset 0 var(--tfg-border-hairline) 0 hsla(0deg, 0%, 100%, 0.72),
        inset 0 calc(var(--tfg-border-hairline) * -1) 0 hsla(216deg, 45%, 6%, 0.14),
        var(--tfg-rim-shadow);
    --tfg-glass-meta-pill-background:
        radial-gradient(circle at 7% 50%, rgba(220, 169, 76, 0.16), transparent 4.5rem),
        linear-gradient(100deg, rgba(83, 96, 110, 0.42), rgba(31, 42, 56, 0.46) 44%, rgba(10, 17, 27, 0.5) 100%);
    --tfg-glass-meta-pill-border: var(--tfg-border-hairline) solid rgba(226, 237, 247, 0.24);
    --tfg-glass-meta-pill-shadow:
        inset 0 0.0625rem 0 rgba(255, 255, 255, 0.16),
        inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.3),
        0 0.85rem 2.4rem rgba(0, 0, 0, 0.22);
    --tfg-glass-meta-pill-blur: blur(1.2rem) saturate(1.22);
    --tfg-media-caption-background:
        radial-gradient(circle at 8% 0%, rgba(255, 255, 255, 0.22), transparent 16rem),
        linear-gradient(100deg, rgba(92, 105, 119, 0.78), rgba(37, 50, 65, 0.76) 48%, rgba(8, 16, 26, 0.78) 100%);
    --tfg-media-caption-border: var(--tfg-border-hairline) solid rgba(226, 237, 247, 0.32);
    --tfg-media-caption-shadow:
        0 1rem 2.8rem rgba(0, 0, 0, 0.42),
        inset 0 0.0625rem 0 rgba(255, 255, 255, 0.2),
        inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.36);
    --tfg-media-caption-blur: blur(1.35rem) saturate(1.28);
    --tfg-media-overlay-scrim: linear-gradient(180deg, transparent 34%, var(--tfg-scroll-dim) 100%);
    --tfg-media-overlay-highlight: var(--tfg-glass-card-highlight);
    --tfg-media-overlay-rim-opacity: 0.74;
    --tfg-media-overlay-rim-opacity-hover: 1;
    --tfg-media-hover-filter: saturate(1.08) contrast(1.05);
    --tfg-hero-shell-background:
        var(--tfg-glass-shell-background);
    --tfg-hero-frame-background:
        radial-gradient(circle at 14% 0%, var(--tfg-rim-light-gradient), transparent 26rem),
        radial-gradient(circle at 84% 10%, var(--tfg-accent-soft), transparent 28rem),
        var(--tfg-glass-shell-background);
    --tfg-hero-frame-border: var(--tfg-glass-card-border-strong);
    --tfg-hero-frame-radius: var(--tfg-radius-xl);
    --tfg-hero-frame-shadow: var(--tfg-glass-shell-shadow);
    --tfg-hero-frame-blur: var(--tfg-glass-shell-blur);
    --tfg-hero-overlay-opacity: 0.85;
    --tfg-hero-frame-highlight:
        linear-gradient(120deg, var(--tfg-rim-light-gradient), transparent 38%),
        radial-gradient(circle at 84% 18%, var(--tfg-accent-soft), transparent 34rem);
    --tfg-metric-frame-center-radiance:
        radial-gradient(ellipse at 50% 0%, var(--tfg-accent-soft), transparent 30rem),
        radial-gradient(ellipse at 50% 54%, hsla(41deg, 78%, 68%, 0.1), transparent 36rem);
    --tfg-metric-frame-edge-fade:
        linear-gradient(90deg, hsla(0deg, 0%, 100%, 0.08), transparent 22%, transparent 78%, hsla(0deg, 0%, 100%, 0.04));
    --tfg-metric-frame-background:
        var(--tfg-metric-frame-center-radiance),
        var(--tfg-metric-frame-edge-fade),
        var(--tfg-panel-background-soft);
    --tfg-metric-frame-border: var(--tfg-panel-border);
    --tfg-metric-frame-radius: var(--tfg-radius-lg);
    --tfg-metric-frame-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow), var(--tfg-panel-shadow-soft);
    --tfg-metric-frame-blur: var(--tfg-panel-blur);
    --tfg-metric-frame-top-rim: linear-gradient(90deg, transparent, var(--tfg-accent-warm), var(--tfg-accent-warm-bright), var(--tfg-accent-warm), transparent);
    --tfg-metric-card-background: var(--tfg-panel-background);
    --tfg-metric-card-border: var(--tfg-panel-border);
    --tfg-metric-card-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    --tfg-metric-card-hover-border: var(--tfg-glass-card-border-strong);
    --tfg-metric-card-hover-background:
        radial-gradient(circle at 50% 0%, var(--tfg-accent-soft), transparent 18rem),
        var(--tfg-panel-background-strong);
    --tfg-metric-card-hover-shadow: var(--tfg-warm-glow), var(--tfg-rim-light), var(--tfg-rim-shadow), var(--tfg-panel-shadow-soft);
    --tfg-metric-card-hover-rim: linear-gradient(90deg, transparent, var(--tfg-accent-warm-bright), var(--tfg-accent-warm), transparent);
    --tfg-metric-card-hover-transform: translateY(calc(var(--tfg-border-hairline) * -3));
    --tfg-vapor: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(111, 183, 216, 0.08));
    --tfg-sheer: var(--tfg-panel-background-soft);
    --tfg-regular: var(--tfg-panel-background);
    --tfg-deep: var(--tfg-panel-background-strong);
    --tfg-heavy: var(--tfg-panel-background-heavy);
    --tfg-opaque: rgba(8, 11, 16, 0.98);
    --tfg-panel-border: var(--tfg-border-hairline) solid var(--tfg-surface-border);
    --tfg-panel-border-color: var(--tfg-surface-border);
    --tfg-panel-border-strong: var(--tfg-border-hairline) solid var(--tfg-surface-border-strong);
    --tfg-hairline-strong: var(--tfg-panel-border-strong);
    --tfg-panel-shadow-soft: 0 1rem 3rem var(--tfg-shadow-color);
    --tfg-shadow-panel: var(--tfg-panel-shadow-soft);
    --tfg-panel-shadow-deep: 0 1.5rem 5rem rgba(0, 0, 0, 0.56);
    --tfg-panel-blur: blur(1.25rem) saturate(1.22);
    --tfg-panel-blur-heavy: blur(1.75rem) saturate(1.28);
    --tfg-blur-deep: var(--tfg-panel-blur-heavy);
    --tfg-nav-background:
        var(--tfg-glass-shell-background);
    --tfg-nav-cluster-background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(111, 183, 216, 0.05)),
        rgba(8, 12, 20, 0.34);
    --tfg-nav-item-background-active:
        linear-gradient(135deg, rgba(241, 198, 107, 0.15), rgba(255, 255, 255, 0.055)),
        rgba(12, 18, 28, 0.48);
    --tfg-nav-dropdown-background:
        radial-gradient(circle at 14% 0%, rgba(111, 183, 216, 0.14), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(220, 169, 76, 0.12), transparent 30%),
        linear-gradient(135deg, rgba(13, 20, 31, 0.98), rgba(5, 8, 14, 0.96));
    --tfg-nav-shadow: var(--tfg-glass-shell-shadow);
    --tfg-nav-top-highlight: var(--tfg-glass-shell-top-highlight);
    --tfg-nav-highlight-line: var(--tfg-glass-shell-highlight-line);
    --tfg-nav-mobile-scrim: rgba(3, 5, 9, 0.72);
    --tfg-scroll-dim: rgba(5, 7, 11, 0.48);
    --tfg-rim-light: inset 0 0.0625rem 0 rgba(255, 255, 255, 0.22);
    --tfg-rim-light-gradient: rgba(255, 255, 255, 0.10);
    --tfg-rim-shadow: inset 0 -0.0625rem 0 rgba(0, 0, 0, 0.36);
    --tfg-glass-scrim-bg: rgba(0, 0, 0, 0.22);
    --tfg-warm-glow: 0 0 2.5rem rgba(220, 169, 76, 0.22);
    --tfg-icon-chip-highlight: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.16), transparent 58%);
    --tfg-icon-chip-highlight-muted: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.1), transparent 62%);
    --tfg-icon-chip-highlight-warm: radial-gradient(circle at 30% 25%, rgba(220, 169, 76, 0.28), transparent 60%);
    --tfg-icon-chip-background: var(--tfg-icon-chip-highlight), var(--tfg-panel-background-soft);
    --tfg-icon-chip-background-ghost: var(--tfg-icon-chip-highlight-muted), transparent;
    --tfg-icon-chip-background-warm: var(--tfg-icon-chip-highlight-warm), var(--tfg-panel-background-strong);
    --tfg-icon-chip-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow), 0 0.75rem 1.75rem rgba(0, 0, 0, 0.28);
    --tfg-icon-chip-shadow-warm: var(--tfg-warm-glow), var(--tfg-rim-light), var(--tfg-rim-shadow);
    --tfg-gauge-fill: none;
    --tfg-gauge-stroke-width: 2.25;

    /* Solutions PageFamily premium UI shadow aliases (BuildSpec 35, 2026-05-02). */
    --tfg-shadow-md: var(--tfg-glass-card-shadow);
    --tfg-shadow-card-hover: var(--tfg-glass-card-shadow-hover);

    /* Premium bölüm-kabuk ritmi (Patron 2026-06-12 tokenizasyon direktifi):
       services leaf premium-shell reçetesinden birebir — site-geneli standart.
       Tüketici: Sections/PremiumShell.css (tfg-premium-shell / tfg-section-head). */
    --tfg-premium-shell-padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
    --tfg-premium-shell-gap: var(--tfg-space-6);
    --tfg-premium-shell-rim-opacity: 0.88;
    --tfg-premium-shell-rim-inset: 12%;
    --tfg-section-head-gap: var(--tfg-space-3);
}
}
}

/* ===== ./Tokens/Motion.css -> layer(tokens) ===== */
@layer tokens {
@layer tokens {
[data-tfg="on"] {
    --tfg-duration-fast: 150ms;
    --tfg-duration-standard: 240ms;
    --tfg-duration-slow: 520ms;
    --tfg-duration-atmosphere: 28s;
    --tfg-hero-rotate-duration: 6500ms;
    --tfg-dur-fast: var(--tfg-duration-fast);
    --tfg-dur-standard: var(--tfg-duration-standard);
    --tfg-dur-slow: var(--tfg-duration-slow);
    --tfg-dur-atmosphere: var(--tfg-duration-atmosphere);
    --tfg-motion-duration-150: var(--tfg-duration-fast);
    --tfg-motion-duration-200: 200ms;
    --tfg-motion-duration-md: var(--tfg-duration-standard);
    --tfg-ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
    --tfg-motion-easing-standard: var(--tfg-ease-standard);
    --tfg-motion-ease-out: var(--tfg-ease-standard);
    --tfg-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
    --tfg-motion-media-hover-scale: 1.035;

    /* Service-orbit hero animation tokens (DH-HERO-ORBIT, patron 2026-04-27).
       Legacy orbit custom properties are retired; keep declarations on the TFG token lane. */
    --tfg-motion-orbit-spin: 90s;
    --tfg-motion-orbit-pulse: 4s;
}
}
}

/* ===== ./Atmosphere/Mesh.css -> layer(atmosphere) ===== */
@layer atmosphere {
@layer atmosphere {
[data-tfg="on"] .tfg-atmosphere {
    position: fixed;
    inset: 0;
    z-index: var(--tfg-z-atmosphere);
    pointer-events: none;
    overflow: hidden;
    background: var(--tfg-atmosphere-base-gradient), var(--tfg-canvas-deep);
    isolation: isolate;
}

[data-tfg="on"] .tfg-atmosphere::before {
    content: "";
    position: absolute;
    inset: -18%;
    z-index: 0;
    background: var(--tfg-atmosphere-field);
    background-size: 120% 120%, 122% 122%, 100% 100%;
    filter: blur(2.5rem) saturate(1.08);
    opacity: 0.9;
    transform: translate3d(0, 0, 0);
}

[data-tfg="on"] .tfg-atmosphere__mesh {
    position: absolute;
    inset: -10%;
    z-index: 1;
    background:
        linear-gradient(128deg, transparent 0 20%, rgba(111, 183, 216, 0.14) 38%, transparent 62%),
        linear-gradient(28deg, transparent 0 14%, rgba(220, 169, 76, 0.12) 36%, transparent 66%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 28%, rgba(0, 0, 0, 0.18));
    filter: blur(1rem) saturate(1.1);
    opacity: 0.76;
    transform: translate3d(0, 0, 0);
    animation: tfg-mesh-drift var(--tfg-duration-atmosphere) var(--tfg-ease-standard) infinite alternate;
    will-change: transform;
}

@keyframes tfg-mesh-drift {
    from {
        transform: translate3d(-1.5rem, -0.75rem, 0) scale(1);
    }

    to {
        transform: translate3d(1.25rem, 1rem, 0) scale(1.04);
    }
}
}
}

/* ===== ./Atmosphere/Geometry.css -> layer(atmosphere) ===== */
@layer atmosphere {
/* ============================================================================
 * Atmosphere / Geometry layer
 *
 * Scope: decorative diagonal polygon mesh that overlays the page background
 *        atmosphere (mesh + noise + vignette together create the premium feel).
 *
 * NOT to be confused with `--tfg-geometry-*` SPACING tokens defined in
 * Tokens/Spacing.css (which control section/grid/card rhythm). Those tokens
 * are numeric layout primitives; this file paints visual texture.
 *
 * Cascade layer: atmosphere (between tokens and materials).
 * ============================================================================ */

@layer atmosphere {
[data-tfg="on"] .tfg-atmosphere__geometry {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: var(--tfg-atmosphere-facet-opacity);
    background-image:
        linear-gradient(120deg, rgba(255, 255, 255, 0.055) 0 0.0625rem, transparent 0.0625rem 100%),
        linear-gradient(38deg, rgba(255, 255, 255, 0.035) 0 0.0625rem, transparent 0.0625rem 100%),
        var(--tfg-atmosphere-facet-image);
    background-position: center;
    background-repeat: repeat, repeat, no-repeat;
    background-size: 8rem 8rem, 11rem 11rem, cover;
    filter: saturate(0.92) contrast(1.04);
    mix-blend-mode: screen;
    -webkit-mask-image: radial-gradient(ellipse 116% 92% at 52% 32%, black 0 34%, rgba(0, 0, 0, 0.72) 58%, transparent 100%);
    mask-image: radial-gradient(ellipse 116% 92% at 52% 32%, black 0 34%, rgba(0, 0, 0, 0.72) 58%, transparent 100%);
}
}
}

/* ===== ./Atmosphere/Noise.css -> layer(atmosphere) ===== */
@layer atmosphere {
@layer atmosphere {
[data-tfg="on"] .tfg-atmosphere__noise {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: var(--tfg-atmosphere-noise-opacity-strong);
    background-image:
        var(--tfg-atmosphere-noise-image),
        repeating-radial-gradient(circle at 17% 23%, rgba(255, 255, 255, 0.45) 0 0.0625rem, transparent 0.0625rem 0.25rem),
        repeating-radial-gradient(circle at 71% 61%, rgba(255, 255, 255, 0.28) 0 0.0625rem, transparent 0.0625rem 0.3125rem);
    background-size: 13.75rem 13.75rem, 9rem 9rem, 7rem 7rem;
    mix-blend-mode: screen;
}
}
}

/* ===== ./Atmosphere/Vignette.css -> layer(atmosphere) ===== */
@layer atmosphere {
@layer atmosphere {
[data-tfg="on"] .tfg-atmosphere__vignette {
    position: absolute;
    inset: 0;
    z-index: 4;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.44), transparent 22%, rgba(0, 0, 0, 0.52)),
        linear-gradient(90deg, rgba(0, 0, 0, 0.36), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.38)),
        radial-gradient(ellipse 106% 82% at 50% 30%, transparent 0, transparent 46%, rgba(0, 0, 0, 0.62) 100%);
}
}
}

/* ===== ./Materials/Panels.css -> layer(materials) ===== */
@layer materials {
@layer materials {
[data-tfg="on"] .tfg-panel,
[data-tfg="on"] .tfg-vapor,
[data-tfg="on"] .tfg-sheer,
[data-tfg="on"] .tfg-regular,
[data-tfg="on"] .tfg-deep,
[data-tfg="on"] .tfg-heavy,
[data-tfg="on"] .tfg-opaque,
[data-tfg="on"] .tfg-shell,
[data-tfg="on"] .tfg-media-frame,
[data-tfg="on"] .tfg-disk {
    position: relative;
    overflow: hidden;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-panel-shadow-soft), var(--tfg-rim-light), var(--tfg-rim-shadow);
    isolation: isolate;
}

[data-tfg="on"] .tfg-card {
    position: relative;
    overflow: hidden;
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-glass-card-shadow);
    isolation: isolate;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-panel,
    [data-tfg="on"] .tfg-vapor,
    [data-tfg="on"] .tfg-sheer,
    [data-tfg="on"] .tfg-regular,
    [data-tfg="on"] .tfg-deep,
    [data-tfg="on"] .tfg-heavy,
    [data-tfg="on"] .tfg-shell,
    [data-tfg="on"] .tfg-media-frame,
    [data-tfg="on"] .tfg-disk {
        -webkit-backdrop-filter: var(--tfg-panel-blur);
        backdrop-filter: var(--tfg-panel-blur);
    }

    [data-tfg="on"] .tfg-card {
        -webkit-backdrop-filter: var(--tfg-glass-card-blur);
        backdrop-filter: var(--tfg-glass-card-blur);
    }
}

[data-tfg="on"] .tfg-panel::before,
[data-tfg="on"] .tfg-vapor::before,
[data-tfg="on"] .tfg-sheer::before,
[data-tfg="on"] .tfg-regular::before,
[data-tfg="on"] .tfg-deep::before,
[data-tfg="on"] .tfg-heavy::before,
[data-tfg="on"] .tfg-shell::before,
[data-tfg="on"] .tfg-media-frame::before,
[data-tfg="on"] .tfg-disk::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent 42%),
        radial-gradient(circle at 20% 0, rgba(255, 255, 255, 0.13), transparent 24rem);
    pointer-events: none;
}

[data-tfg="on"] .tfg-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: var(--tfg-glass-card-highlight);
    pointer-events: none;
}

[data-tfg="on"] .tfg-vapor {
    background: rgba(255, 255, 255, 0.06);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-sheer {
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .tfg-regular {
    background: var(--tfg-panel-background);
}

[data-tfg="on"] .tfg-deep {
    border: var(--tfg-panel-border-strong);
    background: var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .tfg-heavy {
    border: var(--tfg-panel-border-strong);
    background: var(--tfg-panel-background-heavy);
    box-shadow: var(--tfg-panel-shadow-deep);
}

[data-tfg="on"] .tfg-shell {
    border: var(--tfg-glass-shell-border);
    background: var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
}

[data-tfg="on"] .tfg-opaque {
    background: var(--tfg-surface-heavy);
    box-shadow: var(--tfg-panel-shadow-soft);
}

[data-tfg="on"] .tfg-panel--soft {
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .tfg-panel--strong {
    border: var(--tfg-panel-border-strong);
    background: var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .tfg-card--strong {
    border: var(--tfg-glass-card-border-strong);
    background: var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover);
}

[data-tfg="on"] .tfg-panel--heavy {
    border: var(--tfg-panel-border-strong);
    background: var(--tfg-panel-background-heavy);
    box-shadow: var(--tfg-panel-shadow-deep);
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-panel--heavy,
    [data-tfg="on"] .tfg-heavy,
    [data-tfg="on"] .tfg-shell {
        -webkit-backdrop-filter: var(--tfg-panel-blur-heavy);
        backdrop-filter: var(--tfg-panel-blur-heavy);
    }
}

[data-tfg="on"] .tfg-panel--warm {
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-media-frame {
    display: grid;
    aspect-ratio: 16 / 10;
    border-radius: var(--tfg-radius-xl);
    place-items: center;
}

[data-tfg="on"] .tfg-media-frame > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-tfg="on"] .tfg-disk {
    display: grid;
    width: min(28rem, 100%);
    aspect-ratio: 1;
    border-radius: var(--tfg-radius-pill);
    place-items: center;
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-panel__content {
    position: relative;
    display: grid;
    gap: var(--tfg-space-6);
    padding: var(--tfg-space-8);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-panel__content {
        padding: var(--tfg-space-5);
    }
}
}
}

/* ===== ./Layout/AppShell.css -> layer(layout) ===== */
@layer layout {
@layer layout {
[data-tfg="on"] #main-content,
[data-tfg="on"] main {
    position: relative;
    z-index: var(--tfg-z-content);
    min-height: 100vh;
}

[data-tfg="on"] .tfg-app-shell {
    position: relative;
    min-height: 100vh;
    background: transparent;
    color: var(--tfg-text-primary);
    isolation: isolate;
}

[data-tfg="on"] .tfg-section {
    position: relative;
    padding-block: var(--tfg-space-20);
}

[data-tfg="on"] .tfg-section--compact {
    padding-block: var(--tfg-space-12);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-section {
        padding-block: var(--tfg-space-12);
    }
}
}
}

/* ===== ./Layout/Container.css -> layer(layout) ===== */
@layer layout {
@layer layout {
.tfg-rail,
[data-tfg="on"] .tfg-container,
[data-tfg="on"] .tfg-inner-rail {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    max-width: var(--tfg-section-shell-width);
    margin-inline: auto;
}

[data-tfg="on"] .tfg-rail--narrow {
    max-width: var(--tfg-section-header-width);
}

[data-tfg="on"] .tfg-rail--full-bleed {
    width: 100%;
    max-width: none;
}

[data-tfg="on"] .tfg-container--sm {
    max-width: var(--tfg-container-sm);
}

[data-tfg="on"] .tfg-container--md {
    max-width: var(--tfg-container-md);
}

[data-tfg="on"] .tfg-container--xl {
    max-width: var(--tfg-container-xl);
}

[data-tfg="on"] .tfg-stack {
    display: grid;
    gap: var(--tfg-geometry-grid-gap);
}

[data-tfg="on"] .tfg-page-stack {
    display: grid;
    gap: var(--tfg-geometry-page-section-gap);
}

[data-tfg="on"] .tfg-page-stack--dense {
    gap: var(--tfg-geometry-page-section-gap-dense);
}

[data-tfg="on"] .tfg-page-stack > :where(section, header, div),
[data-tfg="on"] .tfg-page-stack--dense > :where(section, header, div) {
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .tfg-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    align-items: center;
}
}
}

/* ===== ./Components/Button.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .cta-button,
[data-tfg="on"] .tfg-btn,
[data-tfg="on"] .hero-cta,
[data-tfg="on"] .services-reset-button,
[data-tfg="on"] .sidebar-support-link,
[data-tfg="on"] .contact-slot-link,
[data-tfg="on"] .step-deliverable,
[data-tfg="on"] .home-faq-contact,
[data-tfg="on"] .need-shortcuts-footer__link,
[data-tfg="on"] .home-blog-see-all,
[data-tfg="on"] .home-blog-empty__cta,
[data-tfg="on"] .home-quick-form-link-button,
[data-tfg="on"] .home-quick-form-submit {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-3) var(--tfg-space-5);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    font-family: var(--tfg-font-sans);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .cta-button:hover,
[data-tfg="on"] .tfg-btn:hover,
[data-tfg="on"] .hero-cta:hover,
[data-tfg="on"] .services-reset-button:hover,
[data-tfg="on"] .sidebar-support-link:hover,
[data-tfg="on"] .contact-slot-link:hover,
[data-tfg="on"] .step-deliverable:hover,
[data-tfg="on"] .home-faq-contact:hover,
[data-tfg="on"] .need-shortcuts-footer__link:hover,
[data-tfg="on"] .home-blog-see-all:hover,
[data-tfg="on"] .home-blog-empty__cta:hover,
[data-tfg="on"] .home-quick-form-link-button:hover,
[data-tfg="on"] .home-quick-form-submit[aria-disabled="false"]:hover:not(:disabled) {
    transform: translateY(-0.0625rem);
}

[data-tfg="on"] .cta-button:focus-visible,
[data-tfg="on"] .tfg-btn:focus-visible,
[data-tfg="on"] .hero-cta:focus-visible,
[data-tfg="on"] .services-reset-button:focus-visible,
[data-tfg="on"] .sidebar-support-link:focus-visible,
[data-tfg="on"] .contact-slot-link:focus-visible,
[data-tfg="on"] .step-deliverable:focus-visible,
[data-tfg="on"] .home-faq-contact:focus-visible,
[data-tfg="on"] .need-shortcuts-footer__link:focus-visible,
[data-tfg="on"] .home-blog-see-all:focus-visible,
[data-tfg="on"] .home-blog-empty__cta:focus-visible,
[data-tfg="on"] .home-quick-form-link-button:focus-visible,
[data-tfg="on"] .home-quick-form-submit:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .cta-button.primary,
[data-tfg="on"] .hero-cta--primary,
[data-tfg="on"] .tfg-btn--primary,
[data-tfg="on"] .tfg-btn--filled,
[data-tfg="on"] .tfg-btn--platter,
[data-tfg="on"] .home-quick-form-submit[aria-disabled="false"]:not(:disabled) {
    border-color: var(--tfg-accent-warm-bright);
    background: linear-gradient(135deg, var(--tfg-accent-warm-bright), var(--tfg-accent-warm-deep));
    color: var(--tfg-text-inverse);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-button--link,
[data-tfg="on"] .tfg-btn--ghost,
[data-tfg="on"] .tfg-btn--glass,
[data-tfg="on"] .tfg-btn--borderless,
[data-tfg="on"] .tfg-btn--tinted {
    border-color: transparent;
    background: transparent;
    color: var(--tfg-accent-warm-bright);
    box-shadow: none;
}

[data-tfg="on"] .tfg-btn--small {
    min-height: 2.25rem;
    padding: var(--tfg-space-2) var(--tfg-space-4);
}

[data-tfg="on"] .tfg-btn--large,
[data-tfg="on"] .tfg-btn--xlarge {
    min-height: var(--tfg-touch-min-height);
    padding: var(--tfg-space-4) var(--tfg-space-6);
}

[data-tfg="on"] .tfg-btn--icon {
    width: var(--tfg-control-min-height);
    padding-inline: var(--tfg-space-0);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .cta-button,
    [data-tfg="on"] .tfg-btn,
    [data-tfg="on"] .hero-cta,
    [data-tfg="on"] .services-reset-button,
    [data-tfg="on"] .sidebar-support-link,
    [data-tfg="on"] .contact-slot-link,
    [data-tfg="on"] .step-deliverable,
    [data-tfg="on"] .home-faq-contact,
    [data-tfg="on"] .need-shortcuts-footer__link,
    [data-tfg="on"] .home-blog-see-all,
    [data-tfg="on"] .home-blog-empty__cta,
    [data-tfg="on"] .home-quick-form-link-button,
    [data-tfg="on"] .home-quick-form-submit {
        min-height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .tfg-btn--icon {
        width: var(--tfg-touch-min-height);
        min-width: var(--tfg-touch-min-height);
        min-height: var(--tfg-touch-min-height);
    }
}

[data-tfg="on"] .tfg-btn[aria-disabled="true"],
[data-tfg="on"] .tfg-btn:disabled,
[data-tfg="on"] .home-quick-form-submit[aria-disabled="true"],
[data-tfg="on"] .home-quick-form-submit:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

[data-tfg="on"] .tfg-button-group,
[data-tfg="on"] .tfg-primary-secondary-cta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    align-items: center;
    min-width: 0;
}

[data-tfg="on"] .tfg-input,
[data-tfg="on"] .home-quick-form-input,
[data-tfg="on"] .quick-contact-modal__input,
[data-tfg="on"] .services-search-input {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-surface);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-input:focus,
[data-tfg="on"] .home-quick-form-input:focus,
[data-tfg="on"] .quick-contact-modal__input:focus,
[data-tfg="on"] .services-search-input:focus {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .glass-badge,
[data-tfg="on"] .premium-tag,
[data-tfg="on"] .premium-tag-more,
[data-tfg="on"] .tag-pill,
[data-tfg="on"] .focus-tag,
[data-tfg="on"] .corporate-tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    min-height: var(--tfg-chip-frame-fit-min-height);
    padding: var(--tfg-chip-frame-fit-padding-block) var(--tfg-chip-frame-fit-padding-inline);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-chip-frame-fit-line-height);
    overflow-wrap: anywhere;
    white-space: normal;
}

[data-tfg="on"] .blog-filter-chip {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-secondary);
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .cta-button,
    [data-tfg="on"] .tfg-btn,
    [data-tfg="on"] .hero-cta,
    [data-tfg="on"] .services-reset-button,
    [data-tfg="on"] .sidebar-support-link,
    [data-tfg="on"] .contact-slot-link,
    [data-tfg="on"] .step-deliverable,
    [data-tfg="on"] .home-faq-contact,
    [data-tfg="on"] .need-shortcuts-footer__link,
    [data-tfg="on"] .home-blog-see-all,
    [data-tfg="on"] .home-blog-empty__cta,
    [data-tfg="on"] .home-quick-form-link-button,
    [data-tfg="on"] .home-quick-form-submit {
        transition: none !important;
    }

    [data-tfg="on"] .cta-button:hover,
    [data-tfg="on"] .tfg-btn:hover,
    [data-tfg="on"] .hero-cta:hover,
    [data-tfg="on"] .services-reset-button:hover,
    [data-tfg="on"] .sidebar-support-link:hover,
    [data-tfg="on"] .contact-slot-link:hover,
    [data-tfg="on"] .step-deliverable:hover,
    [data-tfg="on"] .home-faq-contact:hover,
    [data-tfg="on"] .need-shortcuts-footer__link:hover,
    [data-tfg="on"] .home-blog-see-all:hover,
    [data-tfg="on"] .home-blog-empty__cta:hover,
    [data-tfg="on"] .home-quick-form-link-button:hover,
    [data-tfg="on"] .home-quick-form-submit:hover:not(:disabled) {
        transform: none;
    }
}
}
}

/* ===== ./Components/Chip.css -> layer(components) ===== */
@layer components {
@layer components {
/* DH-CS-NAV-CHIP1: Section eyebrow chip standardization (patron 2026-04-27,
   premium heading-icon amendment 2026-06-01).
   Every section header chip below the hero MUST match the hero-eyebrow visual
   (glass-meta-pill material + premium circular heading icon + uppercase
   + soft glow). Standardizes via shared --tfg-glass-meta-pill-* token family
   already used by Hero.css:78-93. The legacy .badge-dot class remains only as
   a compatibility hook; HeadingIcon.css owns its visible TFG marker geometry.
   See HomepageV11SectionOrder.md §3 invariant + CssUiStandards.md §section-eyebrow-chip. */
[data-tfg="on"] {
    --tfg-chip-frame-fit-min-height: clamp(1.75rem, 5.2vw, 1.875rem);
    --tfg-chip-frame-fit-padding-block: calc(var(--tfg-space-1) / 2);
    --tfg-chip-frame-fit-padding-inline: clamp(var(--tfg-space-1), 1.1vw, calc(var(--tfg-space-3) / 2));
    --tfg-chip-frame-fit-line-height: var(--tfg-line-height-tight);
    --tfg-chip-heading-min-height: clamp(1.875rem, 1.75rem + 0.35vw, 2.125rem);
    --tfg-chip-heading-gap: var(--tfg-space-2);
    --tfg-chip-heading-padding: var(--tfg-chip-frame-fit-padding-block) clamp(var(--tfg-space-2), 1.25vw, var(--tfg-space-3));
    --tfg-chip-heading-border: var(--tfg-glass-card-border-strong);
    --tfg-chip-heading-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    --tfg-chip-heading-font-size: clamp(0.875rem, 0.82rem + 0.18vw, var(--tfg-font-size-body));
    --tfg-chip-heading-font-weight: var(--tfg-font-weight-bold);
    --tfg-chip-heading-dot-size: var(--tfg-heading-icon-compact-size, clamp(1.125rem, 1rem + 0.35vw, 1.5rem));
    --tfg-chip-heading-dot-halo: clamp(0.5rem, 0.42rem + 0.25vw, 0.75rem);
    --tfg-chip-heading-icon-size: clamp(0.75rem, 0.68rem + 0.15vw, 0.875rem);
    --tfg-chip-heading-tracking: 0.075em;
    --tfg-chip-heading-text-wrap: balance;
}

@media (max-width: 48rem) {
    [data-tfg="on"] {
        --tfg-chip-heading-min-height: 1.875rem;
        --tfg-chip-heading-font-size: clamp(0.85rem, 0.78rem + 0.35vw, 0.9375rem);
        --tfg-chip-heading-gap: var(--tfg-space-2);
        --tfg-chip-heading-padding: var(--tfg-chip-frame-fit-padding-block) var(--tfg-space-2);
        --tfg-chip-heading-dot-size: var(--tfg-heading-icon-compact-size, 1.125rem);
        --tfg-chip-heading-dot-halo: 0.5rem;
        --tfg-chip-heading-icon-size: 0.8125rem;
        --tfg-chip-heading-tracking: 0.045em;
    }
}

[data-tfg="on"] .tfg-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    max-inline-size: 100%;
    min-width: 0;
    min-height: var(--tfg-chip-heading-min-height);
    gap: var(--tfg-chip-heading-gap);
    padding: var(--tfg-chip-heading-padding);
    border: var(--tfg-chip-heading-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-chip-heading-font-size);
    font-weight: var(--tfg-chip-heading-font-weight);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-chip-heading-tracking);
    text-transform: uppercase;
    text-align: start;
    overflow-wrap: anywhere;
    text-wrap: var(--tfg-chip-heading-text-wrap);
    box-shadow: var(--tfg-chip-heading-shadow);
    isolation: isolate;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-chip {
        -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
        backdrop-filter: var(--tfg-glass-meta-pill-blur);
    }
}

/* Inner highlight gradient — parity with .hero-eyebrow::before at Hero.css:97-104 */
[data-tfg="on"] .tfg-chip::before {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--tfg-rim-light-gradient, rgba(255, 255, 255, 0.10)), transparent 48%);
    content: "";
    pointer-events: none;
}

/* DH-CS-NAV-CHIP1 sister rule: premium heading marker inside .tfg-chip.
   Overrides legacy AppComponents.css:78 .badge-dot --system-blue + pulse animation
   ONLY within [data-tfg="on"] scope. HeadingIcon.css supplies the final circular
   badge geometry and default glyph fallback. */
[data-tfg="on"] .tfg-chip .badge-dot {
    position: relative;
    display: inline-grid;
    width: var(--tfg-chip-heading-dot-size);
    height: var(--tfg-chip-heading-dot-size);
    flex: 0 0 auto;
    align-self: center;
    color: var(--tfg-accent-warm-bright);
    background: transparent;
    box-shadow: none;
    animation: none;
    overflow: visible;
    place-items: center;
}

[data-tfg="on"] .tfg-chip .badge-dot::before {
    width: 100%;
    height: 100%;
    background: currentcolor;
    clip-path: none;
    content: "";
    filter: drop-shadow(0 0 var(--tfg-chip-heading-dot-halo) var(--tfg-accent-glow));
}

[data-tfg="on"] .tfg-chip > :not(.badge-dot, .tfg-chip__icon, .tfg-heading-icon, .tfg-section-header__eyebrow-icon, .tfg-section-header__eyebrow-icon-badge) {
    min-width: 0;
    line-height: inherit;
    overflow-wrap: anywhere;
    text-wrap: inherit;
}

[data-tfg="on"] .tfg-chip--mini {
    min-height: 1.5rem;
    padding: var(--tfg-chip-frame-fit-padding-block) var(--tfg-space-2);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .tfg-chip--small {
    min-height: 1.75rem;
    font-size: var(--tfg-font-size-body-sm);
}

[data-tfg="on"] .tfg-chip--prominent,
[data-tfg="on"] .tfg-chip--hero {
    min-height: 2.25rem;
    padding: var(--tfg-space-2) var(--tfg-space-3);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-chip--hero-slogan {
    display: inline-grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    max-width: min(100%, var(--tfg-measure-wide));
    inline-size: fit-content;
    justify-content: flex-start;
    flex-wrap: nowrap;
    min-height: var(--tfg-chip-heading-min-height);
    gap: var(--tfg-chip-heading-gap);
    padding: var(--tfg-chip-heading-padding);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-chip-heading-font-size);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-chip-heading-tracking);
    text-align: start;
}

[data-tfg="on"] .tfg-chip--hero-slogan .badge-dot {
    width: var(--tfg-chip-heading-dot-size);
    height: var(--tfg-chip-heading-dot-size);
    box-shadow: none;
}

[data-tfg="on"] .tfg-chip--hero-slogan > span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
    text-wrap: var(--tfg-chip-heading-text-wrap);
}

[data-tfg="on"] .tfg-chip--accent,
[data-tfg="on"] .tfg-chip--warm {
    border-color: var(--tfg-accent-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-chip--success {
    color: var(--tfg-state-success);
}

[data-tfg="on"] .tfg-chip--warning {
    color: var(--tfg-state-warning);
}

[data-tfg="on"] .tfg-chip--error {
    color: var(--tfg-state-error);
}

[data-tfg="on"] .tfg-chip__icon {
    display: inline-grid;
    width: var(--tfg-chip-heading-icon-size);
    height: var(--tfg-chip-heading-icon-size);
    flex: 0 0 auto;
    color: var(--tfg-accent-warm-bright);
    place-items: center;
}

[data-tfg="on"] .tfg-chip__icon .tfg-icon {
    width: 100%;
    height: 100%;
    color: currentcolor;
}

[data-tfg="on"] .tfg-chip .tfg-section-header__eyebrow-icon-badge {
    flex: 0 0 auto;
}

[data-tfg="on"] .tfg-chip .tfg-heading-icon {
    flex: 0 0 auto;
}
}
}

/* ===== ./Components/Card.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-card {
    display: grid;
    gap: var(--tfg-card-slot-gap);
    min-width: 0;
    min-height: var(--tfg-card-min-height-default);
    padding: var(--tfg-card-padding-default);
    border-radius: var(--tfg-card-radius-default);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-card--compact {
    min-height: var(--tfg-card-min-height-compact);
    padding: var(--tfg-card-padding-compact);
    border-radius: var(--tfg-card-radius-compact);
}

[data-tfg="on"] .tfg-card--comfortable {
    padding: var(--tfg-card-padding-comfortable);
}

[data-tfg="on"] .tfg-card--featured {
    min-height: var(--tfg-card-min-height-featured);
    padding: var(--tfg-card-padding-featured);
    border: var(--tfg-glass-card-border-strong);
    background: var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover);
}

[data-tfg="on"] .tfg-card--interactive {
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-card--interactive:hover,
[data-tfg="on"] .tfg-card--interactive:focus-within {
    border: var(--tfg-glass-card-hover-border);
    background: var(--tfg-glass-card-hover-background);
    box-shadow: var(--tfg-glass-card-hover-shadow);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .tfg-card--interactive:hover :is(.tfg-card__title, .tfg-bento-card__title, .tfg-card__cta, .tfg-bento-card__action),
[data-tfg="on"] .tfg-card--interactive:focus-within :is(.tfg-card__title, .tfg-bento-card__title, .tfg-card__cta, .tfg-bento-card__action) {
    color: var(--tfg-glass-card-hover-title);
}

[data-tfg="on"] .tfg-metric-frame {
    position: relative;
    overflow: hidden;
    border: var(--tfg-metric-frame-border);
    border-radius: var(--tfg-metric-frame-radius);
    background: var(--tfg-metric-frame-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-metric-frame-shadow);
    isolation: isolate;
}

[data-tfg="on"] .tfg-metric-frame::before {
    position: absolute;
    z-index: 0;
    inset-block-start: var(--tfg-space-0);
    inset-inline: var(--tfg-space-10);
    block-size: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-metric-frame-top-rim);
    content: "";
    opacity: 0.9;
    pointer-events: none;
}

[data-tfg="on"] .tfg-metric-frame > * {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .tfg-metric-card {
    position: relative;
    overflow: hidden;
    border: var(--tfg-metric-card-border);
    border-radius: inherit;
    background: var(--tfg-metric-card-background);
    box-shadow: var(--tfg-metric-card-shadow);
    isolation: isolate;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-metric-card::before {
    position: absolute;
    z-index: 0;
    inset-block-start: var(--tfg-space-0);
    inset-inline: 18%;
    block-size: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-metric-card-hover-rim);
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-metric-card > * {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .tfg-metric-card.tfg-metric-card:hover,
[data-tfg="on"] .tfg-metric-card.tfg-metric-card:focus-within {
    border: var(--tfg-metric-card-hover-border);
    background: var(--tfg-metric-card-hover-background);
    box-shadow: var(--tfg-metric-card-hover-shadow);
    transform: var(--tfg-metric-card-hover-transform);
}

[data-tfg="on"] .tfg-metric-card.tfg-metric-card:hover::before,
[data-tfg="on"] .tfg-metric-card.tfg-metric-card:focus-within::before {
    opacity: 1;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-metric-frame {
        -webkit-backdrop-filter: var(--tfg-metric-frame-blur);
        backdrop-filter: var(--tfg-metric-frame-blur);
    }
}

[data-tfg="on"] .tfg-card__chip {
    align-self: start;
}

[data-tfg="on"] :is(.tfg-card__title, .tfg-bento-card__title),
[data-tfg="on"] :is(.tfg-card__desc, .tfg-bento-card__description),
[data-tfg="on"] :is(.tfg-card__cta, .tfg-bento-card__action) {
    min-width: 0;
}

[data-tfg="on"] :is(.tfg-card__title, .tfg-bento-card__title) {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-card);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
    transition: color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] :is(.tfg-card__desc, .tfg-bento-card__description) {
    max-width: var(--tfg-measure-narrow);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] :is(.tfg-card__cta, .tfg-bento-card__action) {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: var(--tfg-space-2);
    margin-top: auto;
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    text-decoration: none;
    transition: color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-stat-card {
    display: grid;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-5);
    border: var(--tfg-metric-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-metric-card-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-metric-card-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-card-blur);
    backdrop-filter: var(--tfg-glass-card-blur);
}

[data-tfg="on"] .tfg-stat-card__label,
[data-tfg="on"] .tfg-stat-card__description {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
}

[data-tfg="on"] .tfg-stat-card__value {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-title);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-title);
}

[data-tfg="on"] .tfg-stat-card--pending {
    opacity: 0.78;
}

[data-tfg="on"] .tfg-bento-card {
    display: grid;
    gap: var(--tfg-card-slot-gap);
    min-height: 100%;
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-card-radius-default);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
    text-decoration: none;
    box-shadow: var(--tfg-glass-card-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-card-blur);
    backdrop-filter: var(--tfg-glass-card-blur);
}

[data-tfg="on"] .tfg-bento-card__icon {
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .tfg-bento-card__title,
[data-tfg="on"] .tfg-bento-card__description {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .tfg-bento-card__description {
    max-width: var(--tfg-measure-narrow);
}

[data-tfg="on"] .tfg-bento-card__action {
    justify-self: start;
}

[data-tfg="on"] .tfg-gauge {
    position: relative;
    display: grid;
    place-items: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-5);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .tfg-gauge__svg {
    position: absolute;
    inset: var(--tfg-space-2);
    width: calc(100% - (var(--tfg-space-2) * 2));
    height: calc(100% - (var(--tfg-space-2) * 2));
    transform: rotate(-90deg);
}

[data-tfg="on"] .tfg-gauge__track,
[data-tfg="on"] .tfg-gauge__meter {
    fill: var(--tfg-gauge-fill);
    stroke-width: var(--tfg-gauge-stroke-width);
}

[data-tfg="on"] .tfg-gauge__track {
    stroke: var(--tfg-surface-border);
}

[data-tfg="on"] .tfg-gauge__meter {
    stroke: var(--tfg-accent-warm-bright);
    stroke-linecap: round;
}

[data-tfg="on"] .tfg-gauge__value {
    position: relative;
    z-index: 1;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-title);
    font-weight: var(--tfg-font-weight-bold);
}

[data-tfg="on"] .tfg-gauge__label {
    position: relative;
    z-index: 1;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .tfg-card--interactive {
        transition: none !important;
    }

    [data-tfg="on"] .tfg-metric-card,
    [data-tfg="on"] .tfg-metric-card::before {
        transition: none;
    }

    [data-tfg="on"] .tfg-card--interactive:hover,
    [data-tfg="on"] .tfg-card--interactive:focus-within,
    [data-tfg="on"] .tfg-metric-card.tfg-metric-card:hover,
    [data-tfg="on"] .tfg-metric-card.tfg-metric-card:focus-within {
        transform: none;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .tfg-metric-frame,
    [data-tfg="on"] .tfg-metric-card {
        border-color: var(--tfg-forced-color-text);
        box-shadow: none;
    }

[data-tfg="on"] .tfg-metric-frame::before,
[data-tfg="on"] .tfg-metric-card::before {
    background: var(--tfg-forced-color-text);
}
}
}
}

/* ===== ./Components/Input.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-input,
[data-tfg="on"] .tfg-search-box__input {
    width: 100%;
    min-height: 3rem;
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-surface);
    color: var(--tfg-text-primary);
    font: inherit;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .tfg-input--textarea {
    min-height: 9rem;
    resize: vertical;
}

[data-tfg="on"] .tfg-input::placeholder,
[data-tfg="on"] .tfg-search-box__input::placeholder {
    color: var(--tfg-text-muted);
}

[data-tfg="on"] .tfg-input:focus-visible,
[data-tfg="on"] .tfg-check input:focus-visible + .tfg-check__box,
[data-tfg="on"] .tfg-switch input:focus-visible + .tfg-switch__track,
[data-tfg="on"] .tfg-search-box__input:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .tfg-input--invalid {
    border-color: var(--tfg-state-error);
}

[data-tfg="on"] .tfg-check,
[data-tfg="on"] .tfg-switch {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-3);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-check input,
[data-tfg="on"] .tfg-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

[data-tfg="on"] .tfg-check__box {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-sm);
    background: var(--tfg-surface);
    place-items: center;
}

[data-tfg="on"] .tfg-check--radio .tfg-check__box {
    border-radius: var(--tfg-radius-pill);
}

[data-tfg="on"] .tfg-check input:checked + .tfg-check__box {
    border-color: var(--tfg-accent-warm-bright);
    background: var(--tfg-accent-warm);
    box-shadow: var(--tfg-warm-glow);
}

[data-tfg="on"] .tfg-switch__track {
    position: relative;
    display: inline-flex;
    width: 3rem;
    height: 1.625rem;
    padding: var(--tfg-space-1);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-surface);
}

[data-tfg="on"] .tfg-switch__thumb {
    width: 1rem;
    height: 1rem;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-text-primary);
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-switch input:checked + .tfg-switch__track .tfg-switch__thumb {
    transform: translateX(1.25rem);
}
}
}

/* ===== ./Components/QuickForm.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .home-quick-form-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.28fr);
    gap: var(--tfg-space-6);
    min-width: var(--tfg-space-0);
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: var(--tfg-space-6);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-home-quick-form-card-radius);
    background:
        radial-gradient(circle at 12% 0%, hsla(0deg, 0%, 100%, 0.14), transparent 24rem),
        radial-gradient(circle at 90% 8%, hsla(41deg, 83%, 68%, 0.1), transparent 28rem),
        linear-gradient(135deg, hsla(214deg, 34%, 14%, 0.86), hsla(217deg, 48%, 5%, 0.94) 56%, hsla(220deg, 50%, 2%, 0.98));
    color: var(--tfg-text-primary);
    box-shadow:
        var(--tfg-panel-shadow-deep),
        var(--tfg-rim-light),
        var(--tfg-rim-shadow),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.04);
}

[data-tfg="on"] .home-quick-form-card::before,
[data-tfg="on"] .home-quick-form-card::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .home-quick-form-card::before {
    z-index: 0;
    background-image:
        linear-gradient(104deg, hsla(0deg, 0%, 100%, 0.12), transparent 28%, transparent 76%, hsla(199deg, 57%, 64%, 0.06)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, 18rem 18rem;
    opacity: 0.2;
}

[data-tfg="on"] .home-quick-form-card::after {
    z-index: 0;
    background:
        linear-gradient(90deg, hsla(0deg, 0%, 100%, 0.09), transparent 32%, hsla(220deg, 47%, 4%, 0.34) 58%, transparent),
        linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.075), transparent 16%, transparent 80%, hsla(0deg, 0%, 0%, 0.18));
    box-shadow:
        inset 0 0.0625rem 0 hsla(0deg, 0%, 100%, 0.24),
        inset 0 -0.0625rem 0 hsla(0deg, 0%, 0%, 0.44);
}

[data-tfg="on"] .home-quick-form-card > :where(.home-quick-form-header, .home-quick-form, .home-quick-form-success) {
    position: relative;
    z-index: 1;
    min-width: var(--tfg-space-0);
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header {
    position: relative;
    display: flex;
    isolation: isolate;
    max-width: none;
    min-width: var(--tfg-space-0);
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--tfg-space-5);
    overflow: hidden;
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-7);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at 0% 0%, hsla(0deg, 0%, 100%, 0.22), transparent 20rem),
        linear-gradient(124deg, hsla(210deg, 13%, 43%, 0.72), hsla(212deg, 30%, 17%, 0.56) 46%, hsla(213deg, 53%, 7%, 0.62));
    text-align: left;
    box-shadow: var(--tfg-glass-card-shadow);
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(circle at 18% 14%, var(--tfg-accent-soft), transparent 16rem),
        radial-gradient(circle at 84% 72%, hsla(199deg, 57%, 64%, 0.16), transparent 18rem),
        linear-gradient(145deg, hsla(0deg, 0%, 100%, 0.12), transparent 30%, hsla(213deg, 60%, 3%, 0.28) 86%),
        var(--tfg-atmosphere-noise-image);
    background-size: auto, auto, auto, 18rem 18rem;
    content: "";
    opacity: 0.54;
    pointer-events: none;
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header::after {
    position: relative;
    z-index: 2;
    width: min(12rem, 100%);
    height: var(--tfg-border-hairline);
    background: linear-gradient(90deg, var(--tfg-accent-rim), hsla(199deg, 57%, 64%, 0.18), transparent);
    content: "";
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header > :not(.home-quick-form-intake-map) {
    position: relative;
    z-index: 2;
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header .tfg-chip {
    width: fit-content;
    border: var(--tfg-glass-meta-pill-border);
    background: var(--tfg-glass-meta-pill-background);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header .section-title {
    max-width: 12ch;
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-feature-settings: var(--tfg-font-features);
    font-size: var(--tfg-font-role-section-title);
    font-weight: var(--tfg-font-weight-bold);
    letter-spacing: var(--tfg-tracking-title);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .home-quick-form-card .home-quick-form-header .section-subtitle {
    max-width: 36ch;
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-role-body);
    letter-spacing: var(--tfg-tracking-body);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .home-quick-form-intake-map {
    position: absolute;
    inset: var(--tfg-space-5);
    z-index: 1;
    opacity: 0.42;
    pointer-events: none;
}

[data-tfg="on"] .home-quick-form-intake-map__path {
    position: absolute;
    inset-block-start: 12%;
    inset-inline-start: 42%;
    width: min(52%, 18rem);
    height: min(54%, 18rem);
    border-block-start: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    border-inline-end: var(--tfg-border-hairline) solid hsla(199deg, 57%, 64%, 0.22);
    border-radius: var(--tfg-radius-xl);
    opacity: 0.42;
    transform: skewX(-14deg);
}

[data-tfg="on"] .home-quick-form-intake-map__node {
    position: absolute;
    display: block;
    width: var(--tfg-space-2);
    height: var(--tfg-space-2);
    border: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow);
}

[data-tfg="on"] .home-quick-form-intake-map__node--start {
    inset-block-start: 10%;
    inset-inline-start: 64%;
}

[data-tfg="on"] .home-quick-form-intake-map__node--middle {
    inset-block-start: 44%;
    inset-inline-start: 84%;
}

[data-tfg="on"] .home-quick-form-intake-map__node--end {
    inset-block-start: 70%;
    inset-inline-start: 72%;
}

[data-tfg="on"] .home-quick-form-triage {
    display: grid;
    width: min(100%, 32rem);
    gap: var(--tfg-space-2);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .home-quick-form-triage li {
    display: flex;
    align-items: center;
    gap: var(--tfg-space-3);
    min-width: 0;
    padding: var(--tfg-space-3);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.06), transparent 54%),
        hsla(216deg, 48%, 6%, 0.46);
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow);
}

[data-tfg="on"] .home-quick-form-triage li > span {
    display: inline-grid;
    width: var(--tfg-icon-chip-sm);
    height: var(--tfg-icon-chip-sm);
    flex: 0 0 var(--tfg-icon-chip-sm);
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .home-quick-form-triage strong {
    min-width: 0;
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .home-quick-form-trust-signal {
    max-width: 34ch;
    margin: var(--tfg-space-0);
    padding-top: var(--tfg-space-4);
    border-top: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .home-quick-form {
    display: grid;
    align-self: start;
    min-width: var(--tfg-space-0);
    max-width: 100%;
    box-sizing: border-box;
    gap: var(--tfg-space-5);
    padding: var(--tfg-space-6);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background:
        linear-gradient(135deg, hsla(217deg, 45%, 8%, 0.74), hsla(216deg, 56%, 4%, 0.66)),
        hsla(220deg, 47%, 4%, 0.62);
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow),
        0 1rem 3rem hsla(0deg, 0%, 0%, 0.2);
}

[data-tfg="on"] .home-quick-form-intents,
[data-tfg="on"] .home-quick-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: var(--tfg-space-0);
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .home-quick-form-field,
[data-tfg="on"] .home-quick-form-fieldset,
[data-tfg="on"] .home-quick-form-consents,
[data-tfg="on"] .home-quick-form-actions {
    display: grid;
    min-width: var(--tfg-space-0);
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .home-quick-form-input {
    width: 100%;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-3));
    min-width: var(--tfg-space-0);
    box-sizing: border-box;
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.035), transparent),
        hsla(215deg, 55%, 4%, 0.76);
    color: var(--tfg-text-primary);
    box-shadow:
        inset 0 0.0625rem 0 hsla(0deg, 0%, 100%, 0.1),
        inset 0 -0.0625rem 0 hsla(0deg, 0%, 0%, 0.28);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .home-quick-form-input:focus {
    border-color: var(--tfg-accent-rim);
    background:
        linear-gradient(135deg, hsla(41deg, 83%, 68%, 0.08), transparent 46%),
        hsla(215deg, 55%, 4%, 0.84);
    box-shadow:
        var(--tfg-warm-glow),
        inset 0 0.0625rem 0 hsla(0deg, 0%, 100%, 0.12);
}

[data-tfg="on"] .home-quick-form-textarea {
    min-height: 8rem;
    resize: vertical;
}

[data-tfg="on"] .home-quick-form-fieldset {
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    border: 0;
}

[data-tfg="on"] .home-quick-form-fieldset legend,
[data-tfg="on"] .home-quick-form-field label {
    margin-bottom: var(--tfg-space-2);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .home-quick-form-intent,
[data-tfg="on"] .home-quick-form-consent {
    display: flex;
    min-width: 0;
    min-height: var(--tfg-control-min-height);
    box-sizing: border-box;
    align-items: center;
    gap: var(--tfg-space-3);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .home-quick-form-intent {
    width: 100%;
    box-sizing: border-box;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-3));
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.04), transparent 50%),
        hsla(216deg, 48%, 6%, 0.66);
    cursor: pointer;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .home-quick-form-intent span,
[data-tfg="on"] .home-quick-form-consent span {
    min-width: var(--tfg-space-0);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .home-quick-form-intent:hover {
    border-color: hsla(41deg, 83%, 68%, 0.34);
    background:
        linear-gradient(135deg, hsla(41deg, 83%, 68%, 0.075), transparent 48%),
        hsla(215deg, 49%, 7%, 0.76);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .home-quick-form-intent:has(input:checked) {
    border-color: var(--tfg-accent-rim);
    background:
        linear-gradient(135deg, hsla(41deg, 83%, 68%, 0.16), transparent 54%),
        hsla(217deg, 39%, 9%, 0.78);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .home-quick-form-intent input,
[data-tfg="on"] .home-quick-form-checkbox {
    display: inline-grid;
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
    margin: var(--tfg-space-0);
    appearance: none;
    border: var(--tfg-panel-border);
    background: hsla(213deg, 60%, 3%, 0.78);
    color: var(--tfg-text-inverse);
    place-content: center;
    box-shadow: inset 0 0.0625rem 0 hsla(0deg, 0%, 100%, 0.08);
}

[data-tfg="on"] .home-quick-form-intent input {
    border-radius: var(--tfg-radius-pill);
}

[data-tfg="on"] .home-quick-form-checkbox {
    border-radius: var(--tfg-space-1);
}

[data-tfg="on"] .home-quick-form-intent input::before,
[data-tfg="on"] .home-quick-form-checkbox::before {
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    transform: scale(0);
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .home-quick-form-intent input::before {
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .home-quick-form-checkbox::before {
    width: 0.35rem;
    height: 0.62rem;
    border: solid var(--tfg-text-inverse);
    border-width: 0 var(--tfg-focus-width) var(--tfg-focus-width) 0;
    background: transparent;
    transform: rotate(45deg) scale(0);
    transform-origin: center;
}

[data-tfg="on"] .home-quick-form-intent input:checked,
[data-tfg="on"] .home-quick-form-checkbox:checked {
    border-color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .home-quick-form-checkbox:checked {
    background: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .home-quick-form-intent input:checked::before,
[data-tfg="on"] .home-quick-form-checkbox:checked::before {
    transform: scale(1);
}

[data-tfg="on"] .home-quick-form-checkbox:checked::before {
    transform: rotate(45deg) scale(1);
}

[data-tfg="on"] .home-quick-form-intent input:focus-visible,
[data-tfg="on"] .home-quick-form-checkbox:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .home-quick-form-field--hidden {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-tfg="on"] .home-quick-form-hint,
[data-tfg="on"] .home-quick-form-counter,
[data-tfg="on"] .home-quick-form-error {
    font-size: var(--tfg-font-size-small);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .home-quick-form-hint,
[data-tfg="on"] .home-quick-form-counter {
    color: var(--tfg-text-tertiary);
}

[data-tfg="on"] .home-quick-form-error {
    color: var(--tfg-state-error);
}

[data-tfg="on"] .home-quick-form-link-button {
    border-color: hsla(212deg, 47%, 85%, 0.22);
    background: hsla(216deg, 45%, 6%, 0.58);
}

[data-tfg="on"] .home-quick-form-consents {
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.035), transparent 52%),
        hsla(215deg, 50%, 5%, 0.54);
}

[data-tfg="on"] .home-quick-form-consent a,
[data-tfg="on"] .home-quick-form-link {
    color: var(--tfg-accent-warm-bright);
    text-underline-offset: 0.18em;
}

[data-tfg="on"] .home-quick-form-validation {
    margin: var(--tfg-space-0);
    color: var(--tfg-state-error);
}

[data-tfg="on"] .home-quick-form-success {
    display: flex;
    gap: var(--tfg-geometry-card-gap);
    align-items: flex-start;
    padding: var(--tfg-geometry-card-padding);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .home-quick-form-success__mark {
    display: inline-flex;
    width: var(--tfg-icon-chip-md);
    height: var(--tfg-icon-chip-md);
    flex: 0 0 var(--tfg-icon-chip-md);
    align-items: center;
    justify-content: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .home-quick-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    align-items: center;
    padding-top: var(--tfg-space-2);
    border-top: var(--tfg-border-hairline) solid hsla(212deg, 47%, 85%, 0.14);
}

/* Shared developer credit modal is opened from the global footer on every route. */
[data-tfg="on"] .tfg-modal.designer-credit-modal__panel.quick-contact-modal__panel {
    position: relative;
    width: min(calc(100vw - (var(--tfg-space-5) * 2)), 64rem);
    max-height: calc(100vh - (var(--tfg-space-5) * 2));
    max-height: calc(100dvh - (var(--tfg-space-5) * 2));
    overflow: auto;
    box-sizing: border-box;
    padding: var(--tfg-space-0);
    border: var(--tfg-glass-card-border-strong);
    border-radius: calc(var(--tfg-radius-lg) + var(--tfg-space-1));
    background:
        linear-gradient(180deg, hsla(217deg, 36%, 10%, 0.96), hsla(218deg, 41%, 5%, 0.98)),
        var(--tfg-canvas-deep);
    box-shadow:
        0 2rem 5rem hsla(0deg, 0%, 0%, 0.56),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.04) inset,
        var(--tfg-rim-light);
}

[data-tfg="on"] .designer-credit-modal__panel.quick-contact-modal__panel .quick-contact-modal__header {
    position: absolute;
    z-index: calc(var(--tfg-z-content) + 1);
    inset-block-start: var(--tfg-space-4);
    inset-inline-end: var(--tfg-space-4);
    justify-content: flex-end;
    width: auto;
    padding: var(--tfg-space-0);
    border: 0;
}

[data-tfg="on"] .designer-credit-modal__panel.quick-contact-modal__panel .tfg-modal__title {
    position: absolute;
    overflow: hidden;
    width: var(--tfg-border-hairline);
    height: var(--tfg-border-hairline);
    margin: calc(var(--tfg-border-hairline) * -1);
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-tfg="on"] .designer-credit-modal__panel.quick-contact-modal__panel .quick-contact-modal__body {
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal.quick-contact-modal {
    position: relative;
    display: grid;
    min-width: var(--tfg-space-0);
    min-height: auto;
    align-content: start;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 46% at 18% 6%, hsla(41deg, 83%, 68%, 0.08), transparent 58%),
        radial-gradient(ellipse 58% 42% at 82% 2%, hsla(199deg, 57%, 64%, 0.12), transparent 62%),
        linear-gradient(180deg, hsla(216deg, 37%, 8%, 0.92), hsla(216deg, 45%, 4%, 0.96));
    isolation: isolate;
}

[data-tfg="on"] .designer-credit-modal::before {
    position: absolute;
    inset: -18%;
    background: var(--tfg-atmosphere-field);
    background-size: 120% 120%, 122% 122%, 100% 100%;
    content: "";
    filter: blur(3rem) saturate(1.08);
    opacity: 0.34;
    pointer-events: none;
}

[data-tfg="on"] .designer-credit-modal::after {
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        linear-gradient(180deg, hsla(220deg, 38%, 3%, 0.3), hsla(220deg, 38%, 3%, 0.64)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: center, 50% 50%, 0 0;
    background-size: cover, 82.5rem auto, 13.75rem 13.75rem;
    content: "";
    opacity: 0.14;
    pointer-events: none;
}

[data-tfg="on"] .designer-credit-modal > * {
    position: relative;
    z-index: var(--tfg-z-content);
    min-width: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__form-shell,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__success {
    display: flex;
    min-width: var(--tfg-space-0);
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--tfg-space-5);
    box-sizing: border-box;
    padding: var(--tfg-space-6) var(--tfg-space-7) var(--tfg-space-7);
    background: transparent;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__copy,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__form,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__field {
    display: grid;
    min-width: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__copy {
    gap: var(--tfg-space-5);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__form {
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__field {
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .designer-credit-modal__copy-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    min-width: var(--tfg-space-0);
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .designer-credit-modal__copy-head .quick-contact-modal__badge {
    width: 100%;
    min-width: var(--tfg-space-0);
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__inline-close {
    width: var(--tfg-control-min-height);
    min-width: var(--tfg-control-min-height);
    min-height: var(--tfg-control-min-height);
    justify-self: end;
    padding: var(--tfg-space-0);
    background: var(--tfg-surface-strong);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .designer-credit-modal__profile-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    width: 100%;
    min-width: var(--tfg-space-0);
    gap: var(--tfg-space-2) var(--tfg-space-5);
    box-sizing: border-box;
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.085), hsla(0deg, 0%, 100%, 0.018) 54%),
        hsla(217deg, 42%, 6%, 0.68);
    box-shadow:
        0 1.25rem 3rem hsla(0deg, 0%, 0%, 0.26),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.035) inset;
}

[data-tfg="on"] .designer-credit-modal__profile-card::before {
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        linear-gradient(90deg, hsla(41deg, 83%, 68%, 0.08), transparent 34%),
        radial-gradient(ellipse 42% 80% at 92% 12%, hsla(199deg, 57%, 64%, 0.12), transparent 66%);
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .designer-credit-modal__profile-card > * {
    position: relative;
    z-index: var(--tfg-z-content);
    min-width: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__profile-media {
    position: relative;
    display: inline-grid;
    grid-row: 1 / span 4;
    width: max-content;
    max-width: 100%;
    margin-block-end: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal .tfg-picture.designer-credit-modal__portrait {
    display: block;
    overflow: hidden;
    width: 5.5rem;
    height: auto;
    max-width: 100%;
    aspect-ratio: 1;
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-heavy);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .designer-credit-modal__portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-tfg="on"] .designer-credit-modal__profile-mark {
    position: absolute;
    inset-block-end: var(--tfg-space-0);
    inset-inline-end: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__profile-mark,
[data-tfg="on"] .designer-credit-modal__icon-orb {
    display: inline-flex;
    width: var(--tfg-control-min-height);
    aspect-ratio: 1;
    flex: 0 0 var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background-warm), var(--tfg-panel-background-heavy);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__profile-mark,
[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__icon-orb {
    width: 2.35rem;
    flex-basis: 2.35rem;
}

[data-tfg="on"] .designer-credit-modal__icon-orb .tfg-icon,
[data-tfg="on"] .designer-credit-modal__profile-mark .tfg-icon {
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__visual-tagline,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__title,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__success-title {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-title-sm);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-title);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__title {
    font-size: var(--tfg-font-size-title);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__visual-copy,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__subtitle,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__success-copy,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__privacy,
[data-tfg="on"] .designer-credit-modal__consent {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-tagline,
[data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-copy,
[data-tfg="on"] .designer-credit-modal__role-chip,
[data-tfg="on"] .designer-credit-modal__profile-links {
    grid-column: 2;
}

[data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-tagline {
    font-size: var(--tfg-font-size-title);
}

[data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-copy {
    font-size: var(--tfg-font-size-body-sm);
}

[data-tfg="on"] .designer-credit-modal__role-chip,
[data-tfg="on"] .designer-credit-modal__profile-links a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-width: var(--tfg-space-0);
    max-width: 100%;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-2));
    gap: var(--tfg-space-2);
    box-sizing: border-box;
    padding: var(--tfg-space-1) var(--tfg-space-3) var(--tfg-space-1) var(--tfg-space-1);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
    overflow-wrap: anywhere;
    white-space: normal;
}

[data-tfg="on"] .designer-credit-modal__role-chip {
    margin-block-start: var(--tfg-space-2);
}

[data-tfg="on"] .designer-credit-modal__role-chip > span:last-child,
[data-tfg="on"] .designer-credit-modal__profile-links a > span:last-child {
    min-width: var(--tfg-space-0);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__role-chip,
[data-tfg="on"] .designer-credit-modal__profile-card .designer-credit-modal__profile-links a {
    min-height: 2.65rem;
    background: hsla(217deg, 45%, 6%, 0.68);
    box-shadow:
        0 0.75rem 1.8rem hsla(0deg, 0%, 0%, 0.2),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.025) inset;
}

[data-tfg="on"] .designer-credit-modal__profile-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    min-width: var(--tfg-space-0);
}

[data-tfg="on"] .designer-credit-modal__profile-links a:hover,
[data-tfg="on"] .designer-credit-modal__profile-links a:focus-visible,
[data-tfg="on"] .designer-credit-modal__inline-close:hover,
[data-tfg="on"] .designer-credit-modal__inline-close:focus-visible {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .designer-credit-modal__social-icon {
    flex: 0 0 auto;
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__field-row,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__label {
    display: block;
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-medium);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__required,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__field--error .quick-contact-modal__label {
    color: var(--tfg-state-error);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__input {
    width: 100%;
    min-width: var(--tfg-space-0);
    min-height: 3.2rem;
    box-sizing: border-box;
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-color: hsla(212deg, 47%, 85%, 0.2);
    border-radius: var(--tfg-radius-md);
    background: hsla(215deg, 50%, 5%, 0.76);
    color: var(--tfg-text-primary);
    font: inherit;
    outline: none;
    box-shadow:
        0 var(--tfg-border-hairline) 0 hsla(0deg, 0%, 100%, 0.04) inset,
        0 0.85rem 1.8rem hsla(0deg, 0%, 0%, 0.14);
    transition: border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__input::placeholder {
    color: var(--tfg-text-muted);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__input:focus {
    border-color: var(--tfg-surface-border-strong);
    box-shadow: 0 0 0 var(--tfg-focus-width) var(--tfg-focus-ring);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__input--error {
    border-color: var(--tfg-state-error);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__textarea {
    min-height: 7rem;
    resize: vertical;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__error {
    min-height: 1rem;
    color: var(--tfg-state-error);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__honeypot {
    position: absolute;
    overflow: hidden;
    width: var(--tfg-border-hairline);
    height: var(--tfg-border-hairline);
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-tfg="on"] .designer-credit-modal__consent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: var(--tfg-space-3);
    box-sizing: border-box;
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-color: hsla(212deg, 47%, 85%, 0.2);
    border-radius: var(--tfg-radius-md);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.055), hsla(0deg, 0%, 100%, 0.015)),
        hsla(217deg, 45%, 6%, 0.72);
    cursor: pointer;
    box-shadow: 0 0.85rem 2rem hsla(0deg, 0%, 0%, 0.14);
}

[data-tfg="on"] .designer-credit-modal__consent:focus-within {
    border-color: var(--tfg-surface-border-strong);
    box-shadow: 0 0 0 var(--tfg-focus-width) var(--tfg-focus-ring);
}

[data-tfg="on"] .designer-credit-modal__consent a {
    color: var(--tfg-accent-cool);
    text-underline-offset: 0.1875rem;
}

[data-tfg="on"] .designer-credit-modal__consent-control {
    width: var(--tfg-space-4);
    height: var(--tfg-space-4);
    margin-block-start: var(--tfg-space-1);
    accent-color: var(--tfg-accent-warm);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__actions {
    padding-block-start: var(--tfg-space-4);
    border-block-start: var(--tfg-border-hairline) solid hsla(212deg, 47%, 85%, 0.16);
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__cancel,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit--link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var(--tfg-space-0);
    min-height: 3rem;
    gap: var(--tfg-space-2);
    box-sizing: border-box;
    padding: var(--tfg-space-3) var(--tfg-space-5);
    border-radius: var(--tfg-radius-pill);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__cancel {
    border: var(--tfg-panel-border);
    background: transparent;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit--link {
    border: var(--tfg-panel-border-strong);
    background: linear-gradient(135deg, var(--tfg-accent-warm-bright), var(--tfg-accent-warm-deep));
    color: var(--tfg-text-inverse);
    cursor: pointer;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit:disabled,
[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit--loading {
    cursor: not-allowed;
    opacity: 0.72;
}

[data-tfg="on"] .designer-credit-modal .quick-contact-modal__submit--loading::after {
    width: 1rem;
    aspect-ratio: 1;
    border: var(--tfg-focus-width) solid currentcolor;
    border-block-start-color: transparent;
    border-radius: var(--tfg-radius-pill);
    animation: quick-contact-spin var(--tfg-duration-slow) linear infinite;
    content: "";
}

/* Shared quick-contact modal uses the QuickFormPanel outside the contact page family. */
[data-tfg="on"] .tfg-modal-overlay.quick-contact-modal__overlay {
    padding: var(--tfg-space-5);
}

[data-tfg="on"] .tfg-modal.quick-contact-modal__panel--unified {
    position: relative;
    width: min(calc(100vw - (var(--tfg-space-5) * 2)), var(--tfg-container-lg));
    max-height: calc(100vh - (var(--tfg-space-5) * 2));
    max-height: calc(100dvh - (var(--tfg-space-5) * 2));
    overflow: auto;
    padding: var(--tfg-space-0);
    border-radius: var(--tfg-home-quick-form-card-radius);
}

[data-tfg="on"] .tfg-modal.quick-contact-modal__panel--unified .quick-contact-modal__header {
    position: absolute;
    z-index: calc(var(--tfg-z-content) + 1);
    inset-block-start: var(--tfg-space-4);
    inset-inline-end: var(--tfg-space-4);
    justify-content: flex-end;
    width: auto;
    padding: var(--tfg-space-0);
    border: 0;
}

[data-tfg="on"] .tfg-modal.quick-contact-modal__panel--unified .tfg-modal__title {
    position: absolute;
    width: var(--tfg-border-hairline);
    height: var(--tfg-border-hairline);
    margin: calc(var(--tfg-border-hairline) * -1);
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-tfg="on"] .tfg-modal.quick-contact-modal__panel--unified .tfg-modal__close {
    width: calc(var(--tfg-control-min-height) + var(--tfg-space-2));
    min-width: calc(var(--tfg-control-min-height) + var(--tfg-space-2));
    border-color: var(--tfg-surface-border);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .quick-contact-modal__body--unified {
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .quick-contact-modal--unified {
    display: block;
    min-height: auto;
}

[data-tfg="on"] .quick-contact-modal--unified .home-quick-form-card {
    width: 100%;
    grid-template-columns: minmax(var(--tfg-space-0), 0.9fr) minmax(var(--tfg-space-0), 1.1fr);
    gap: var(--tfg-space-5);
    padding: var(--tfg-space-5);
    border: 0;
    border-radius: inherit;
    box-shadow: none;
}

[data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-header {
    min-height: auto;
    justify-content: flex-start;
    padding: var(--tfg-space-6);
}

[data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-header .section-title {
    max-width: 18ch;
}

[data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form {
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-5);
}

[data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-intents,
[data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-grid {
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-intent {
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-2));
    padding: var(--tfg-space-3);
}

@media (max-width: 64rem) {
    [data-tfg="on"] .home-quick-form-card {
        grid-template-columns: 1fr;
        gap: var(--tfg-space-5);
    }

    [data-tfg="on"] .home-quick-form-card .home-quick-form-header {
        min-height: auto;
        padding: var(--tfg-space-6);
    }

    [data-tfg="on"] .quick-contact-modal--unified .home-quick-form-card {
        grid-template-columns: var(--tfg-grid-tier-1);
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .home-quick-form-intents,
    [data-tfg="on"] .home-quick-form-grid {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .home-quick-form-card {
        gap: var(--tfg-space-4);
        padding: var(--tfg-geometry-panel-padding-mobile);
        border-radius: var(--tfg-radius-xl);
    }

    [data-tfg="on"] .home-quick-form-card .home-quick-form-header,
    [data-tfg="on"] .home-quick-form {
        padding: var(--tfg-space-5);
    }

    [data-tfg="on"] .home-quick-form-consent {
        min-height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .home-quick-form-intake-map {
        inset: var(--tfg-space-4);
        opacity: 0.24;
    }

    [data-tfg="on"] .home-quick-form-intake-map__node {
        display: none;
    }

    [data-tfg="on"] .home-quick-form-intake-map__path {
        inset-block-start: 8%;
        inset-inline-start: 32%;
        width: 58%;
        height: 42%;
    }

    [data-tfg="on"] .home-quick-form-triage,
    [data-tfg="on"] .home-quick-form-trust-signal {
        width: 100%;
        max-width: none;
    }

    [data-tfg="on"] .home-quick-form-triage li {
        padding: var(--tfg-space-3);
    }

    [data-tfg="on"] .home-quick-form-card .home-quick-form-header .section-title {
        max-width: none;
    }

    [data-tfg="on"] .home-quick-form-actions > * {
        width: 100%;
    }

    [data-tfg="on"] .tfg-modal-overlay.quick-contact-modal__overlay {
        padding: var(--tfg-space-3);
    }

    [data-tfg="on"] .tfg-modal.quick-contact-modal__panel--unified {
        width: min(calc(100vw - (var(--tfg-space-3) * 2)), 100%);
        max-height: calc(100vh - (var(--tfg-space-3) * 2));
        max-height: calc(100dvh - (var(--tfg-space-3) * 2));
        border-radius: var(--tfg-radius-xl);
    }

    [data-tfg="on"] .tfg-modal.quick-contact-modal__panel--unified .quick-contact-modal__header {
        inset-block-start: var(--tfg-space-3);
        inset-inline-end: var(--tfg-space-3);
    }

    [data-tfg="on"] .quick-contact-modal--unified .home-quick-form-card {
        gap: var(--tfg-space-3);
        padding: var(--tfg-space-3);
    }

    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-header,
    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form {
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-header {
        gap: var(--tfg-space-3);
        padding-inline-end: calc(var(--tfg-control-min-height) + var(--tfg-space-7));
    }

    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-header .tfg-chip,
    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-intake-map,
    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-triage,
    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-trust-signal {
        display: none;
    }

    [data-tfg="on"] .quick-contact-modal__quick-form-card .home-quick-form-header .section-title {
        max-width: none;
    }

    [data-tfg="on"] .tfg-modal.designer-credit-modal__panel.quick-contact-modal__panel {
        width: min(calc(100vw - (var(--tfg-space-3) * 2)), 100%);
        max-height: calc(100vh - (var(--tfg-space-3) * 2));
        max-height: calc(100dvh - (var(--tfg-space-3) * 2));
        border-radius: var(--tfg-radius-xl);
    }

    [data-tfg="on"] .designer-credit-modal__panel.quick-contact-modal__panel .quick-contact-modal__header {
        inset-block-start: var(--tfg-space-3);
        inset-inline-end: var(--tfg-space-3);
    }

    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__form-shell,
    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__success {
        gap: var(--tfg-space-4);
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .designer-credit-modal__profile-card,
    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__field-row,
    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-tfg="on"] .designer-credit-modal__profile-media,
    [data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-tagline,
    [data-tfg="on"] .designer-credit-modal__profile-card .quick-contact-modal__visual-copy,
    [data-tfg="on"] .designer-credit-modal__role-chip,
    [data-tfg="on"] .designer-credit-modal__profile-links {
        grid-column: 1;
        grid-row: auto;
    }

    [data-tfg="on"] .designer-credit-modal .tfg-picture.designer-credit-modal__portrait {
        width: calc(var(--tfg-space-20) + var(--tfg-space-2));
    }

    [data-tfg="on"] .designer-credit-modal__profile-links {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    [data-tfg="on"] .designer-credit-modal__role-chip,
    [data-tfg="on"] .designer-credit-modal__profile-links a,
    [data-tfg="on"] .designer-credit-modal .quick-contact-modal__actions > * {
        width: 100%;
    }
}
}
}

/* ===== ./Components/Disk.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-disk {
    padding: var(--tfg-space-5);
}

[data-tfg="on"] .tfg-disk--hero {
    width: min(28rem, 100%);
}

[data-tfg="on"] .tfg-disk--card {
    width: min(14rem, 100%);
}

[data-tfg="on"] .tfg-disk--chip {
    width: 4.5rem;
}

[data-tfg="on"] .tfg-disk > img,
[data-tfg="on"] .tfg-disk picture,
[data-tfg="on"] .tfg-disk svg {
    position: relative;
    z-index: var(--tfg-z-content);
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    filter: drop-shadow(0 1.25rem 1.875rem var(--tfg-shadow-color));
}
}
}

/* ===== ./Components/MediaFrame.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-picture,
[data-tfg="on"] .tfg-picture img,
[data-tfg="on"] .tfg-media-frame img {
    display: block;
    width: 100%;
    height: 100%;
}

[data-tfg="on"] .tfg-picture img,
[data-tfg="on"] .tfg-media-frame img {
    object-fit: cover;
}

[data-tfg="on"] .tfg-media-frame {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .tfg-media-frame--scrim::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, transparent, var(--tfg-surface-heavy));
    pointer-events: none;
}

[data-tfg="on"] .tfg-media-frame__caption {
    position: relative;
    z-index: var(--tfg-z-content);
    padding: var(--tfg-space-3) var(--tfg-space-4);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .tfg-media-overlay-caption {
    position: absolute;
    inset: auto var(--tfg-space-5) var(--tfg-space-5);
    z-index: var(--tfg-z-content);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-media-caption-gap);
    min-width: 0;
    padding: var(--tfg-media-caption-padding);
    border: var(--tfg-media-caption-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-media-caption-background);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-media-caption-shadow);
    isolation: isolate;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-media-overlay-caption {
        -webkit-backdrop-filter: var(--tfg-media-caption-blur);
        backdrop-filter: var(--tfg-media-caption-blur);
    }
}

[data-tfg="on"] .tfg-avatar {
    display: inline-grid;
    width: 3rem;
    aspect-ratio: 1;
    overflow: hidden;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    place-items: center;
}

[data-tfg="on"] .tfg-avatar--small {
    width: 2rem;
}

[data-tfg="on"] .tfg-avatar--large {
    width: 4rem;
}

[data-tfg="on"] .tfg-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-tfg="on"] .tfg-logo-rail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tfg-space-4);
}
}
}

/* ===== ./Components/Video.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-video {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .tfg-video__media {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    background: var(--tfg-surface-heavy);
    object-fit: cover;
}

[data-tfg="on"] .tfg-video__caption {
    padding: var(--tfg-space-3) var(--tfg-space-4);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .tfg-video-play,
[data-tfg="on"] .tfg-video-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    min-height: 2.25rem;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}
}
}

/* ===== ./Components/Icon.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-icon {
    flex-shrink: 0;
    color: var(--tfg-text-secondary);
    fill: currentcolor;
    transition: color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-icon-badge {
    position: relative;
    isolation: isolate;
    display: inline-grid;
    width: var(--tfg-icon-chip-md);
    flex: 0 0 auto;
    aspect-ratio: 1;
    overflow: clip;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background);
    color: var(--tfg-text-primary);
    place-items: center;
    box-shadow: var(--tfg-icon-chip-shadow);
    -webkit-backdrop-filter: var(--tfg-panel-blur);
    backdrop-filter: var(--tfg-panel-blur);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-icon-badge::before {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: -1;
    background: var(--tfg-icon-chip-highlight);
    content: "";
}

[data-tfg="on"] .tfg-icon-badge::after {
    position: absolute;
    inset: var(--tfg-border-hairline);
    z-index: -1;
    border-radius: inherit;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    content: "";
}

[data-tfg="on"] .tfg-icon-badge .tfg-icon {
    color: currentcolor;
}

[data-tfg="on"] .tfg-icon-badge--small,
[data-tfg="on"] .tfg-icon-badge--sm {
    width: var(--tfg-icon-chip-sm);
}

[data-tfg="on"] .tfg-icon-badge--standard,
[data-tfg="on"] .tfg-icon-badge--medium,
[data-tfg="on"] .tfg-icon-badge--md {
    width: var(--tfg-icon-chip-md);
}

[data-tfg="on"] .tfg-icon-badge--large,
[data-tfg="on"] .tfg-icon-badge--lg {
    width: var(--tfg-icon-chip-lg);
}

[data-tfg="on"] .tfg-icon-badge--prominent,
[data-tfg="on"] .tfg-icon-badge--xlarge,
[data-tfg="on"] .tfg-icon-badge--xl {
    width: var(--tfg-icon-chip-xl);
}

[data-tfg="on"] .tfg-icon-badge--hero {
    width: 4.5rem;
}

[data-tfg="on"] .tfg-icon-badge--neutral,
[data-tfg="on"] .tfg-icon-badge--default {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-icon-badge--accent,
[data-tfg="on"] .tfg-icon-badge--warm,
[data-tfg="on"] .tfg-icon-badge--featured {
    border-color: var(--tfg-accent-warm);
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .tfg-icon-badge--ghost {
    background: var(--tfg-icon-chip-background-ghost);
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] [aria-current="page"] .tfg-icon-badge,
[data-tfg="on"] .is-current .tfg-icon-badge,
[data-tfg="on"] .is-active .tfg-icon-badge,
[data-tfg="on"] .bottom-nav__item--active .tfg-icon-badge {
    border-color: var(--tfg-accent-warm);
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] a:hover .tfg-icon-badge,
[data-tfg="on"] button:hover .tfg-icon-badge,
[data-tfg="on"] .tfg-icon-badge:hover {
    border-color: var(--tfg-surface-border-strong);
    color: var(--tfg-accent-warm-bright);
    transform: translateY(var(--tfg-nav-hover-lift));
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .tfg-icon,
    [data-tfg="on"] .tfg-icon-badge {
        transition: none !important;
    }

    [data-tfg="on"] a:hover .tfg-icon-badge,
    [data-tfg="on"] button:hover .tfg-icon-badge,
    [data-tfg="on"] .tfg-icon-badge:hover {
        transform: none;
    }
}
}
}

/* ===== ./Components/HeadingIcon.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] {
    --tfg-heading-icon-hero-size: clamp(2.375rem, 2rem + 1.05vw, 3rem);
    --tfg-heading-icon-section-size: clamp(1.875rem, 1.65rem + 0.7vw, 2.375rem);
    --tfg-heading-icon-subsection-size: clamp(1.5rem, 1.32rem + 0.5vw, 1.875rem);
    --tfg-heading-icon-compact-size: clamp(1.25rem, 1.12rem + 0.35vw, 1.5rem);
    --tfg-heading-icon-badge-size: clamp(2.25rem, 2rem + 0.65vw, 2.75rem);
    --tfg-heading-icon-fallback-size: var(--tfg-heading-icon-compact-size);
    --tfg-heading-icon-ring: var(--tfg-accent-warm);
    --tfg-heading-icon-border: var(--tfg-border-hairline) solid var(--tfg-heading-icon-ring);
    --tfg-heading-icon-background:
        radial-gradient(circle at 32% 24%, var(--tfg-accent-glow) 0 18%, transparent 38%),
        linear-gradient(145deg, var(--tfg-rim-light-gradient), transparent 52%),
        var(--tfg-icon-chip-background);
    --tfg-heading-icon-background-warm:
        radial-gradient(circle at 30% 22%, var(--tfg-accent-glow) 0 18%, transparent 40%),
        linear-gradient(145deg, var(--tfg-rim-light-gradient), transparent 58%),
        var(--tfg-icon-chip-background-warm);
    --tfg-heading-icon-shadow: var(--tfg-icon-chip-shadow-warm), var(--tfg-rim-light), var(--tfg-rim-shadow);
    --tfg-heading-icon-inner-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

@media (max-width: 48rem) {
    [data-tfg="on"] {
        --tfg-heading-icon-hero-size: clamp(2rem, 1.7rem + 1.3vw, 2.5rem);
        --tfg-heading-icon-section-size: clamp(1.625rem, 1.38rem + 0.9vw, 2rem);
        --tfg-heading-icon-subsection-size: clamp(1.375rem, 1.18rem + 0.65vw, 1.625rem);
        --tfg-heading-icon-compact-size: clamp(1.125rem, 1rem + 0.45vw, 1.3125rem);
        --tfg-heading-icon-badge-size: clamp(2.25rem, 1.85rem + 1.2vw, 2.5rem);
    }
}

[data-tfg="on"] .tfg-heading-icon {
    position: relative;
    isolation: isolate;
    display: inline-grid;
    inline-size: var(--tfg-heading-icon-section-size);
    block-size: auto;
    flex: 0 0 auto;
    aspect-ratio: 1;
    align-self: center;
    overflow: clip;
    border: var(--tfg-heading-icon-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-heading-icon-background-warm);
    color: var(--tfg-accent-warm-bright);
    line-height: 1;
    place-items: center;
    box-shadow: var(--tfg-heading-icon-shadow);
    contain: layout paint;
    -webkit-backdrop-filter: var(--tfg-panel-blur);
    backdrop-filter: var(--tfg-panel-blur);
    transform: translateZ(0);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-chip .badge-dot.tfg-heading-icon,
[data-tfg="on"] .hero-eyebrow-dot.tfg-heading-icon {
    width: auto;
    height: auto;
    block-size: auto;
    background: var(--tfg-heading-icon-background-warm);
    box-shadow: var(--tfg-heading-icon-shadow);
    animation: none;
}

[data-tfg="on"] .tfg-heading-icon::before,
[data-tfg="on"] .tfg-heading-icon::after {
    position: absolute;
    inset: var(--tfg-space-0);
    border-radius: inherit;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .tfg-heading-icon::before {
    z-index: -2;
    background: var(--tfg-heading-icon-background);
}

[data-tfg="on"] .tfg-heading-icon::after {
    z-index: -1;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow), var(--tfg-heading-icon-inner-shadow);
}

[data-tfg="on"] .tfg-heading-icon .tfg-icon {
    inline-size: 60%;
    block-size: 60%;
    color: currentcolor;
    filter: drop-shadow(0 0 var(--tfg-chip-heading-dot-halo) var(--tfg-accent-glow));
}

[data-tfg="on"] .tfg-heading-icon--badge .tfg-icon {
    inline-size: 72%;
    block-size: 72%;
}

[data-tfg="on"] .tfg-heading-icon--hero {
    inline-size: var(--tfg-heading-icon-hero-size);
}

[data-tfg="on"] .tfg-heading-icon--section {
    inline-size: var(--tfg-heading-icon-section-size);
}

[data-tfg="on"] .tfg-heading-icon--subsection {
    inline-size: var(--tfg-heading-icon-subsection-size);
}

[data-tfg="on"] .tfg-heading-icon--compact {
    inline-size: var(--tfg-heading-icon-compact-size);
}

[data-tfg="on"] .tfg-heading-icon--badge {
    inline-size: var(--tfg-heading-icon-badge-size);
}

[data-tfg="on"] .tfg-heading-icon--neutral,
[data-tfg="on"] .tfg-heading-icon--ghost {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-heading-icon-background);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-heading-icon--accent,
[data-tfg="on"] .tfg-heading-icon--warm,
[data-tfg="on"] .tfg-heading-icon--featured {
    border-color: var(--tfg-heading-icon-ring);
    background: var(--tfg-heading-icon-background-warm);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .tfg-chip .tfg-heading-icon,
[data-tfg="on"] .hero-eyebrow .tfg-heading-icon {
    margin-inline-start: calc(var(--tfg-space-1) * -0.25);
}

[data-tfg="on"] .tfg-chip .badge-dot:not(.tfg-heading-icon),
[data-tfg="on"] .hero-eyebrow-dot:not(.tfg-heading-icon) {
    position: relative;
    display: inline-grid;
    inline-size: var(--tfg-heading-icon-fallback-size);
    block-size: var(--tfg-heading-icon-fallback-size);
    flex: 0 0 auto;
    align-self: center;
    overflow: clip;
    border: var(--tfg-heading-icon-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-heading-icon-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-heading-icon-shadow);
    animation: none;
    place-items: center;
    -webkit-backdrop-filter: var(--tfg-panel-blur);
    backdrop-filter: var(--tfg-panel-blur);
}

[data-tfg="on"] .tfg-chip .badge-dot:not(.tfg-heading-icon)::before,
[data-tfg="on"] .hero-eyebrow-dot:not(.tfg-heading-icon)::before {
    inline-size: 58%;
    block-size: 58%;
    background:
        radial-gradient(ellipse at 50% 18%, transparent 0 31%, currentcolor 33% 47%, transparent 49%),
        linear-gradient(currentcolor, currentcolor) center 45% / 74% var(--tfg-border-hairline) no-repeat,
        linear-gradient(currentcolor, currentcolor) center 63% / 74% var(--tfg-border-hairline) no-repeat,
        linear-gradient(currentcolor, currentcolor) center 81% / 74% var(--tfg-border-hairline) no-repeat;
    clip-path: none;
    content: "";
    filter: drop-shadow(0 0 var(--tfg-chip-heading-dot-halo) var(--tfg-accent-glow));
}

[data-tfg="on"] .tfg-chip .badge-dot:not(.tfg-heading-icon)::after,
[data-tfg="on"] .hero-eyebrow-dot:not(.tfg-heading-icon)::after {
    position: absolute;
    inset: var(--tfg-border-hairline);
    border-radius: inherit;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow), var(--tfg-heading-icon-inner-shadow);
    content: "";
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .tfg-heading-icon {
        transition: none;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .tfg-heading-icon,
    [data-tfg="on"] .tfg-chip .badge-dot:not(.tfg-heading-icon),
    [data-tfg="on"] .hero-eyebrow-dot:not(.tfg-heading-icon) {
        border: var(--tfg-border-hairline) solid var(--tfg-forced-color-text);
        background: var(--tfg-forced-color-canvas);
        color: var(--tfg-forced-color-text);
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}
}
}

/* ===== ./Components/Proof.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-proof-slot,
[data-tfg="on"] .tfg-proof-strip {
    display: grid;
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-5);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-proof-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

[data-tfg="on"] .tfg-proof-slot.tfg-metric-card {
    border: var(--tfg-metric-card-border);
    background: var(--tfg-metric-card-background);
    box-shadow: var(--tfg-metric-card-shadow);
}

[data-tfg="on"] .tfg-proof-slot--metric {
    text-align: start;
}

[data-tfg="on"] .tfg-proof-slot--testimonial,
[data-tfg="on"] .tfg-proof-slot--case-study {
    margin: var(--tfg-space-0);
}
}
}

/* ===== ./Components/Feedback.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-alert,
[data-tfg="on"] .tfg-state {
    display: grid;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-6);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-alert__title,
[data-tfg="on"] .tfg-state__title {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .tfg-state__description {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .tfg-alert--success {
    border-color: var(--tfg-state-success);
}

[data-tfg="on"] .tfg-alert--warning {
    border-color: var(--tfg-state-warning);
}

[data-tfg="on"] .tfg-alert--error,
[data-tfg="on"] .tfg-state--error {
    border-color: var(--tfg-state-error);
}

[data-tfg="on"] .tfg-skeleton {
    display: block;
    min-height: 1rem;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    overflow: hidden;
}

[data-tfg="on"] .tfg-skeleton--card {
    min-height: 8rem;
    border-radius: var(--tfg-radius-lg);
}

[data-tfg="on"] .tfg-spinner {
    display: inline-block;
    width: 1.5rem;
    aspect-ratio: 1;
    border: var(--tfg-border-hairline) solid var(--tfg-surface-border);
    border-top-color: var(--tfg-accent-warm-bright);
    border-radius: var(--tfg-radius-pill);
    animation: tfg-spin var(--tfg-duration-slow) linear infinite;
}

@keyframes tfg-spin {
    to {
        transform: rotate(1turn);
    }
}
}
}

/* ===== ./Components/Overlay.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-modal,
[data-tfg="on"] .tfg-toast,
[data-tfg="on"] .tfg-tooltip[data-tooltip]::after {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-strong);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-toast {
    display: grid;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-4);
}

[data-tfg="on"] .tfg-modal-overlay {
    position: fixed;
    z-index: var(--tfg-z-modal);
    inset: var(--tfg-space-0);
    display: grid;
    padding: var(--tfg-space-6);
    background: var(--tfg-overlay-background);
    place-items: center;
}

[data-tfg="on"] .tfg-modal,
[data-tfg="on"] .tfg-sheet {
    width: min(100%, 42rem);
    max-height: calc(100vh - (var(--tfg-space-6) * 2));
    overflow: auto;
}

[data-tfg="on"] .tfg-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-5);
    border-bottom: var(--tfg-border-hairline) solid var(--tfg-surface-border);
}

[data-tfg="on"] .tfg-modal__title {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .tfg-modal__close {
    display: inline-grid;
    width: 2.25rem;
    aspect-ratio: 1;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    place-items: center;
}

[data-tfg="on"] .tfg-modal__body {
    padding: var(--tfg-space-5);
}

[data-tfg="on"] .tfg-tooltip {
    position: relative;
    display: inline-flex;
}

[data-tfg="on"] .tfg-tooltip[data-tooltip]:hover::after,
[data-tfg="on"] .tfg-tooltip[data-tooltip]:focus-within::after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: var(--tfg-z-content);
    inset-inline-start: 50%;
    bottom: calc(100% + var(--tfg-space-2));
    width: max-content;
    max-width: 16rem;
    padding: var(--tfg-space-2) var(--tfg-space-3);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-caption);
    transform: translateX(-50%);
}
}
}

/* ===== ./Components/Search.css -> layer(components) ===== */
@layer components {
/* ============================================================================
 * Components / Search layer
 *
 * Scope: the reusable search INPUT CONTROL family (`tfg-search-box*` classes).
 *        Embeddable inside any panel or page (nav search, mega-menu search,
 *        in-page filter widgets).
 *
 * Distinct from PageFamilies/Search.css which styles the PAGE-LEVEL search
 * route surface (`search-overlay`, `search-container` — full-page result UI).
 * Same conceptual domain, different surface scope; both files are intentional.
 *
 * Cascade layer: components.
 * ============================================================================ */

@layer components {
[data-tfg="on"] .tfg-search-box {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--tfg-space-3);
    align-items: end;
}

[data-tfg="on"] .tfg-search-box__label {
    grid-column: 1 / -1;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
}

[data-tfg="on"] .tfg-search-box__control {
    position: relative;
    display: grid;
    min-width: 0;
}

[data-tfg="on"] .tfg-search-box__clear {
    position: absolute;
    right: var(--tfg-space-2);
    top: 50%;
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: var(--tfg-radius-pill);
    background: transparent;
    color: var(--tfg-text-secondary);
    font-weight: var(--tfg-font-weight-semibold);
    place-items: center;
    transform: translateY(-50%);
}

[data-tfg="on"] .tfg-search-box__clear:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .tfg-search-box__button {
    min-height: 3rem;
    padding: var(--tfg-space-3) var(--tfg-space-5);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: linear-gradient(135deg, var(--tfg-accent-warm-bright), var(--tfg-accent-warm-deep));
    color: var(--tfg-text-inverse);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .tfg-search-box__actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
}
}
}

/* ===== ./Components/Navbar.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .universal-navbar.tfg-nav {
    position: sticky;
    top: calc(var(--tfg-nav-outer-gap) + env(safe-area-inset-top));
    z-index: var(--tfg-z-navbar);
    isolation: isolate;
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-nav-shell-width));
    max-width: var(--tfg-nav-shell-width);
    margin-block: var(--tfg-nav-outer-gap) var(--tfg-space-0);
    margin-inline: auto;
    overflow: visible;
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-nav-background);
    background-clip: padding-box;
    color: var(--tfg-text-primary);
    font-family: var(--tfg-font-sans);
    font-feature-settings: var(--tfg-font-features);
    box-shadow: var(--tfg-nav-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-shell-blur);
    backdrop-filter: var(--tfg-glass-shell-blur);
}

[data-tfg="on"]:has(.mobile-menu-overlay.active) .universal-navbar.tfg-nav {
    z-index: calc(var(--tfg-z-modal) + 1);
}

[data-tfg="on"]:has(.mobile-menu-overlay.active) .tfg-site-header {
    z-index: calc(var(--tfg-z-modal) + 1);
}

[data-tfg="on"] .universal-navbar.tfg-nav::before,
[data-tfg="on"] .universal-navbar.tfg-nav::after {
    position: absolute;
    right: var(--tfg-space-6);
    left: var(--tfg-space-6);
    z-index: 0;
    pointer-events: none;
    content: "";
}

[data-tfg="on"] .universal-navbar.tfg-nav::before {
    top: 0;
    height: var(--tfg-border-hairline);
    background: var(--tfg-nav-top-highlight);
}

[data-tfg="on"] .universal-navbar.tfg-nav::after {
    bottom: 0;
    height: var(--tfg-border-hairline);
    background: var(--tfg-nav-highlight-line);
    opacity: 0.72;
}

[data-tfg="on"] .navbar-container {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    min-height: var(--tfg-nav-height);
    align-items: center;
    justify-content: flex-start;
    gap: var(--tfg-nav-inner-gap);
    padding: var(--tfg-nav-inline-padding-block) var(--tfg-nav-inline-padding-inline);
}

[data-tfg="on"] .navbar-brand,
[data-tfg="on"] .brand-link,
[data-tfg="on"] .navbar-menu,
[data-tfg="on"] .navbar-actions {
    display: flex;
    align-items: center;
}

[data-tfg="on"] .brand-link {
    gap: var(--tfg-nav-cluster-gap);
    min-height: var(--tfg-nav-control-size);
    padding: var(--tfg-nav-button-padding-block) var(--tfg-nav-button-padding-inline);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    text-decoration: none;
    box-shadow: var(--tfg-glass-meta-pill-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
    backdrop-filter: var(--tfg-glass-meta-pill-blur);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .brand-logo {
    display: block;
    width: var(--tfg-nav-brand-logo-size);
    height: var(--tfg-nav-brand-logo-size);
    flex: 0 0 auto;
    border-radius: var(--tfg-radius-pill);
    filter: drop-shadow(0 0.5rem 1.1rem var(--tfg-shadow-color));
}

[data-tfg="on"] .brand-text {
    color: var(--tfg-text-primary);
    font-family: var(--tfg-font-sans);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    white-space: nowrap;
}

[data-tfg="on"] .navbar-menu {
    flex: 0 1 auto;
    justify-content: center;
    min-width: 0;
    margin-inline: auto;
    gap: var(--tfg-nav-menu-gap);
    padding: var(--tfg-nav-rhythm-unit);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

[data-tfg="on"] .navbar-actions {
    flex: 0 0 auto;
    min-width: 0;
    gap: var(--tfg-nav-cluster-gap);
}

[data-tfg="on"] .navbar-brand {
    flex: 0 1 auto;
    min-width: 0;
}

[data-tfg="on"] .nav-item {
    position: relative;
    display: flex;
    align-items: center;
}

[data-tfg="on"] .nav-item.has-megamenu {
    position: static;
}

[data-tfg="on"] .navbar-trigger,
[data-tfg="on"] .navbar__item,
[data-tfg="on"] .navbar-hamburger {
    position: relative;
    min-height: var(--tfg-control-min-height);
    font-family: var(--tfg-font-sans);
    font-feature-settings: var(--tfg-font-features);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    white-space: nowrap;
}

[data-tfg="on"] .universal-navbar .navbar-trigger,
[data-tfg="on"] .universal-navbar .navbar__item,
[data-tfg="on"] .universal-navbar .navbar-market-selector .tfg-btn {
    min-height: var(--tfg-nav-button-min-height);
    gap: var(--tfg-nav-button-gap);
    padding: var(--tfg-nav-button-padding-block) var(--tfg-nav-button-padding-inline);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .universal-navbar .navbar-trigger.tfg-btn,
[data-tfg="on"] .universal-navbar .navbar__item.tfg-btn,
[data-tfg="on"] .universal-navbar .navbar-market-selector .tfg-btn {
    width: auto;
    min-width: 0;
    border-color: var(--tfg-surface-border);
    background: var(--tfg-nav-cluster-background);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
    backdrop-filter: var(--tfg-glass-meta-pill-blur);
}

[data-tfg="on"] .universal-navbar .navbar__item.navbar-contact-cta.tfg-btn {
    padding-inline: var(--tfg-nav-cta-padding-inline);
    border-color: var(--tfg-accent-rim);
    background: linear-gradient(135deg, var(--tfg-accent-warm-bright), var(--tfg-accent-warm-deep));
    color: var(--tfg-text-inverse);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .universal-navbar .navbar__item.navbar-contact-cta.tfg-btn:hover,
[data-tfg="on"] .universal-navbar .navbar__item.navbar-contact-cta.tfg-btn:focus-visible,
[data-tfg="on"] .universal-navbar .navbar__item.navbar-contact-cta--active.tfg-btn {
    border-color: var(--tfg-accent-warm-bright);
    background: linear-gradient(135deg, var(--tfg-accent-warm-bright), var(--tfg-accent-warm-deep));
    color: var(--tfg-text-inverse);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .navbar-trigger::after,
[data-tfg="on"] .navbar__item::after {
    position: absolute;
    right: var(--tfg-space-4);
    bottom: calc(var(--tfg-space-1) * -1);
    left: var(--tfg-space-4);
    height: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    content: "";
    opacity: 0;
    transform: scaleX(0.6);
    transform-origin: center;
    transition:
        opacity var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .brand-link:hover,
[data-tfg="on"] .navbar-trigger:hover,
[data-tfg="on"] .navbar__item:hover,
[data-tfg="on"] .navbar-hamburger:hover,
[data-tfg="on"] .desktop-inline-search:hover {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-nav-item-background-active);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .navbar-trigger--active,
[data-tfg="on"] .brand-link.is-current,
[data-tfg="on"] .navbar__item[aria-current="page"] {
    border-color: var(--tfg-accent-warm-bright);
    background: var(--tfg-nav-item-background-active);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .navbar-trigger:hover::after,
[data-tfg="on"] .navbar-trigger:focus-visible::after,
[data-tfg="on"] .navbar-trigger--active::after,
[data-tfg="on"] .nav-item.show .navbar-trigger::after,
[data-tfg="on"] .navbar__item:hover::after,
[data-tfg="on"] .navbar__item:focus-visible::after,
[data-tfg="on"] .navbar__item[aria-current="page"]::after {
    opacity: 1;
    transform: scaleX(1);
}

[data-tfg="on"] .dropdown-icon,
[data-tfg="on"] .accordion-icon {
    flex: 0 0 auto;
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .nav-item:hover .dropdown-icon,
[data-tfg="on"] .nav-item:focus-within .dropdown-icon,
[data-tfg="on"] .nav-item.show .dropdown-icon,
[data-tfg="on"] .mobile-accordion-item.open .accordion-icon {
    transform: rotate(180deg);
}

[data-tfg="on"] .mega-menu,
[data-tfg="on"] .dropdown-menu-simple {
    position: absolute;
    top: calc(100% + var(--tfg-space-2));
    z-index: var(--tfg-z-overlay);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(var(--tfg-space-2)) scale(0.98);
    transition:
        opacity var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        visibility var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .mega-menu {
    right: auto;
    left: 50%;
    width: min(calc(100vw - (var(--tfg-rail-gutter) * 2)), var(--tfg-container-md));
    max-height: var(--tfg-nav-dropdown-max-height);
    padding: var(--tfg-space-5);
    overflow: hidden;
    border-radius: var(--tfg-radius-xl);
    transform: translateX(-50%) translateY(var(--tfg-space-2)) scale(0.98);
    transform-origin: top center;
}

[data-tfg="on"] .mega-menu > .tfg-panel__content {
    display: block;
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .mega-menu::before,
[data-tfg="on"] .dropdown-menu-simple::before {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: var(--tfg-nav-dropdown-hover-bridge);
    pointer-events: auto;
    content: "";
}

[data-tfg="on"] .dropdown-menu-simple {
    left: 0;
    min-width: var(--tfg-nav-dropdown-min-width);
    padding: var(--tfg-space-2);
    border-radius: var(--tfg-radius-lg);
}

[data-tfg="on"] .nav-item.has-megamenu:hover > .mega-menu,
[data-tfg="on"] .nav-item.has-megamenu:focus-within > .mega-menu,
[data-tfg="on"] .nav-item.has-megamenu.show > .mega-menu,
[data-tfg="on"] .nav-item.dropdown:hover > .dropdown-menu-simple,
[data-tfg="on"] .nav-item.dropdown:focus-within > .dropdown-menu-simple,
[data-tfg="on"] .nav-item.dropdown.show > .dropdown-menu-simple {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

[data-tfg="on"] .nav-item.has-megamenu:hover > .mega-menu,
[data-tfg="on"] .nav-item.has-megamenu:focus-within > .mega-menu,
[data-tfg="on"] .nav-item.has-megamenu.show > .mega-menu {
    transform: translateX(-50%) translateY(0) scale(1);
}

[data-tfg="on"] .mega-menu-content {
    max-height: calc(var(--tfg-nav-dropdown-max-height) - (var(--tfg-space-5) * 2));
    overflow: hidden auto;
}

[data-tfg="on"] .mega-menu-list,
[data-tfg="on"] .simple-menu-list {
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .mega-menu-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .services-mega {
    overflow: hidden;
}

[data-tfg="on"] .sectors-mega {
    max-height: var(--tfg-nav-sector-dropdown-max-height);
}

[data-tfg="on"] .services-mega__content {
    position: relative;
    isolation: isolate;
    display: flex;
    max-height: calc(var(--tfg-nav-dropdown-max-height) - (var(--tfg-space-5) * 2));
    flex-direction: column;
    gap: var(--tfg-space-4);
    overflow: hidden auto;
}

[data-tfg="on"] .sectors-mega .services-mega__content {
    max-height: calc(var(--tfg-nav-sector-dropdown-max-height) - (var(--tfg-space-5) * 2));
}

[data-tfg="on"] .services-mega__ambient {
    position: absolute;
    right: var(--tfg-space-5);
    bottom: calc(var(--tfg-space-4) * -1);
    z-index: 0;
    max-width: 19ch;
    color: var(--tfg-text-muted);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-size-display);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    opacity: 0.07;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

[data-tfg="on"] .services-mega__header,
[data-tfg="on"] .services-mega__grid,
[data-tfg="on"] .services-mega__featured {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .services-mega__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tfg-space-4);
    padding-block-end: var(--tfg-space-4);
    border-bottom: var(--tfg-border-hairline) solid var(--tfg-surface-border);
}

[data-tfg="on"] .services-mega__heading {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .services-mega__eyebrow,
[data-tfg="on"] .services-mega__featured-label {
    color: var(--tfg-text-tertiary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    text-transform: uppercase;
}

[data-tfg="on"] .services-mega__heading strong {
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-card-title);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .services-mega__view-all,
[data-tfg="on"] .services-mega__featured-link {
    display: inline-flex;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-2);
    border: var(--tfg-border-hairline) solid var(--tfg-surface-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .services-mega__view-all {
    flex: 0 0 auto;
    padding: var(--tfg-space-2) var(--tfg-space-4);
}

[data-tfg="on"] .services-mega__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--tfg-space-3) var(--tfg-space-5);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .services-mega__link {
    display: flex;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-5));
    align-items: flex-start;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border: var(--tfg-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-lg);
    color: var(--tfg-text-primary);
    text-decoration: none;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .services-mega__link:hover,
[data-tfg="on"] .services-mega__link:focus-visible,
[data-tfg="on"] .services-mega__view-all:hover,
[data-tfg="on"] .services-mega__view-all:focus-visible,
[data-tfg="on"] .services-mega__featured-link:hover,
[data-tfg="on"] .services-mega__featured-link:focus-visible {
    border-color: var(--tfg-surface-border);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .services-mega__link:focus-visible,
[data-tfg="on"] .services-mega__view-all:focus-visible,
[data-tfg="on"] .services-mega__featured-link:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .services-mega__icon,
[data-tfg="on"] .services-mega__view-all-icon,
[data-tfg="on"] .services-mega__featured-icon {
    flex: 0 0 auto;
}

[data-tfg="on"] .services-mega__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .services-mega__title {
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .services-mega__desc {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-small);
    line-height: var(--tfg-line-height-normal);
}

[data-tfg="on"] .services-mega__featured {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tfg-space-3);
    padding-block-start: var(--tfg-space-4);
    border-top: var(--tfg-border-hairline) solid var(--tfg-surface-border);
}

[data-tfg="on"] .services-mega__featured-label {
    margin-inline-end: var(--tfg-space-1);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .services-mega__featured-link {
    padding: var(--tfg-space-2) var(--tfg-space-3);
}

[data-tfg="on"] .corporate-mega {
    overflow: hidden;
}

[data-tfg="on"] .corporate-mega__content {
    display: grid;
    max-height: calc(var(--tfg-nav-dropdown-max-height) - (var(--tfg-space-5) * 2));
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 2.2fr);
    gap: var(--tfg-space-5);
    overflow: hidden auto;
}

[data-tfg="on"] .corporate-mega__feature {
    position: relative;
    display: flex;
    isolation: isolate;
    min-height: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--tfg-space-4);
    overflow: hidden;
    padding: var(--tfg-space-5);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at 0% 0%, var(--tfg-accent-soft), transparent 16rem),
        linear-gradient(124deg, var(--tfg-panel-background-strong), var(--tfg-panel-background-soft));
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .corporate-mega__feature::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        linear-gradient(104deg, hsla(0deg, 0%, 100%, 0.12), transparent 30%, hsla(213deg, 60%, 3%, 0.28) 86%),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, 14rem 14rem;
    content: "";
    opacity: 0.42;
    pointer-events: none;
}

[data-tfg="on"] .corporate-mega__feature::after {
    position: absolute;
    inset: var(--tfg-space-5) auto var(--tfg-space-5) 0;
    z-index: 1;
    width: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow);
    content: "";
    opacity: 0.76;
}

[data-tfg="on"] .corporate-mega__feature > * {
    position: relative;
    z-index: 2;
}

[data-tfg="on"] .corporate-mega__feature strong {
    max-width: 16ch;
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-card-title);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .corporate-mega__feature-description {
    max-width: 32ch;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-small);
    line-height: var(--tfg-line-height-normal);
}

[data-tfg="on"] .corporate-mega__feature-dot {
    position: absolute;
    z-index: 1;
    display: block;
    width: var(--tfg-space-2);
    height: var(--tfg-space-2);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow:
        0 0 0 var(--tfg-space-3) var(--tfg-accent-soft),
        var(--tfg-rim-light);
    opacity: 0.66;
    pointer-events: none;
}

[data-tfg="on"] .corporate-mega__feature-dot--one {
    inset-block-start: 38%;
    inset-inline-end: 20%;
}

[data-tfg="on"] .corporate-mega__feature-dot--two {
    inset-block-start: 72%;
    inset-inline-end: 28%;
    opacity: 0.48;
}

[data-tfg="on"] .corporate-mega__feature-dot--three {
    inset-block-start: 84%;
    inset-inline-end: 12%;
    width: var(--tfg-space-1);
    height: var(--tfg-space-1);
    opacity: 0.42;
}

[data-tfg="on"] .corporate-mega__eyebrow,
[data-tfg="on"] .corporate-mega__group-title {
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    text-transform: uppercase;
}

[data-tfg="on"] .corporate-mega__groups {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .corporate-mega__group {
    min-width: 0;
}

[data-tfg="on"] .corporate-mega__group-title {
    margin: var(--tfg-space-0) var(--tfg-space-0) var(--tfg-space-3);
}

[data-tfg="on"] .corporate-mega__list {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-2);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .corporate-mega__link {
    display: flex;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-4));
    align-items: flex-start;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border: var(--tfg-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-lg);
    color: var(--tfg-text-primary);
    text-decoration: none;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .corporate-mega__link:hover,
[data-tfg="on"] .corporate-mega__link:focus-visible,
[data-tfg="on"] .corporate-mega__link[aria-current="page"] {
    border-color: var(--tfg-surface-border);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .corporate-mega__link:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .corporate-mega__icon {
    flex: 0 0 auto;
}

[data-tfg="on"] .corporate-mega__text,
[data-tfg="on"] .mobile-sub-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .corporate-mega__title,
[data-tfg="on"] .mobile-sub-title {
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .corporate-mega__desc,
[data-tfg="on"] .mobile-sub-desc {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-small);
    line-height: var(--tfg-line-height-normal);
}

[data-tfg="on"] .simple-menu-list {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .mega-menu-list a,
[data-tfg="on"] .simple-menu-item {
    display: flex;
    min-height: var(--tfg-nav-menu-item-min-height);
    align-items: flex-start;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border: var(--tfg-border-hairline) solid transparent;
    text-decoration: none;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .mega-menu-list a:hover,
[data-tfg="on"] .simple-menu-item:hover {
    border-color: var(--tfg-surface-border);
    box-shadow: var(--tfg-rim-light);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .menu-icon-wrapper {
    display: inline-flex;
    width: var(--tfg-icon-chip-md);
    min-width: var(--tfg-icon-chip-md);
    height: auto;
    flex: 0 0 var(--tfg-icon-chip-md);
    align-items: center;
    justify-content: center;
    border-radius: var(--tfg-radius-pill);
}

[data-tfg="on"] .menu-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .menu-title {
    color: var(--tfg-text-primary);
    font-family: var(--tfg-font-sans);
    font-feature-settings: var(--tfg-font-features);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .menu-desc {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-small);
    line-height: var(--tfg-line-height-normal);
}

[data-tfg="on"] .desktop-inline-search {
    display: flex;
    width: var(--tfg-nav-icon-button-size);
    min-width: var(--tfg-nav-icon-button-size);
    height: var(--tfg-nav-icon-button-size);
    align-items: center;
    overflow: hidden;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-nav-cluster-background);
    transition: width var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .desktop-inline-search--expanded {
    width: var(--tfg-nav-search-expanded-width);
}

[data-tfg="on"] .desktop-inline-search__toggle,
[data-tfg="on"] .desktop-inline-search__close {
    display: inline-flex;
    width: var(--tfg-nav-icon-button-size);
    height: var(--tfg-nav-icon-button-size);
    flex: 0 0 var(--tfg-nav-icon-button-size);
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--tfg-radius-pill);
    background: transparent;
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .desktop-inline-search__field {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .desktop-inline-search--expanded .desktop-inline-search__field {
    opacity: 1;
    pointer-events: auto;
}

[data-tfg="on"] .desktop-inline-search__input {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--tfg-text-primary);
    font: inherit;
    outline: 0;
}

[data-tfg="on"] .navbar-hamburger {
    display: none;
    width: var(--tfg-nav-icon-button-size);
    height: var(--tfg-nav-icon-button-size);
    flex: 0 0 var(--tfg-nav-icon-button-size);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-1);
    padding: var(--tfg-space-0);
    border-radius: var(--tfg-radius-pill);
}

[data-tfg="on"] .hamburger-line {
    width: var(--tfg-nav-hamburger-line-width);
    height: var(--tfg-nav-hamburger-line-height);
    border-radius: var(--tfg-radius-pill);
    background: currentcolor;
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .navbar-hamburger.active .hamburger-line:first-child {
    transform: translateY(var(--tfg-nav-hamburger-line-shift)) rotate(45deg);
}

[data-tfg="on"] .navbar-hamburger.active .hamburger-line:last-child {
    transform: translateY(calc(var(--tfg-nav-hamburger-line-shift) * -1)) rotate(-45deg);
}

[data-tfg="on"] .mobile-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: var(--tfg-z-modal);
    visibility: hidden;
    pointer-events: none;
}

[data-tfg="on"] .mobile-menu-overlay.active {
    visibility: visible;
    pointer-events: auto;
}

[data-tfg="on"] .mobile-menu-backdrop {
    position: absolute;
    inset: 0;
    background: var(--tfg-nav-mobile-scrim);
    opacity: 0;
    transition: opacity var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .mobile-menu-overlay.active .mobile-menu-backdrop {
    opacity: 1;
}

[data-tfg="on"] .mobile-menu-content {
    position: absolute;
    top: max(var(--tfg-nav-drawer-inset), env(safe-area-inset-top));
    right: var(--tfg-nav-drawer-inset);
    bottom: max(var(--tfg-nav-drawer-inset), env(safe-area-inset-bottom));
    display: flex;
    width: var(--tfg-nav-drawer-width);
    max-width: calc(100vw - (var(--tfg-nav-drawer-inset) * 2));
    max-height: calc(100dvh - (var(--tfg-nav-drawer-inset) * 2));
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--tfg-nav-drawer-radius);
    outline: 0;
    overscroll-behavior: contain;
    transform: translateX(100%);
    transition: transform var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .mobile-menu-overlay.active .mobile-menu-content {
    transform: translateX(0);
}

[data-tfg="on"] .mobile-menu-header,
[data-tfg="on"] .mobile-menu-scroll {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-nav-drawer-gap);
    padding: var(--tfg-nav-drawer-header-padding-block) var(--tfg-nav-drawer-header-padding-inline);
    border-bottom: var(--tfg-panel-border);
}

[data-tfg="on"] .mobile-menu-title {
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-card-title);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-card);
}

[data-tfg="on"] .close-mobile-menu {
    display: inline-flex;
    width: var(--tfg-nav-action-size);
    height: var(--tfg-nav-action-size);
    align-items: center;
    justify-content: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .mobile-menu-scroll {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--tfg-nav-drawer-gap);
    overflow: hidden auto;
    padding: var(--tfg-nav-drawer-scroll-padding);
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
}

[data-tfg="on"] .mobile-nav-items,
[data-tfg="on"] .mobile-actions {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-nav-drawer-item-gap);
}

[data-tfg="on"] .mobile-accordion-item {
    border-bottom: var(--tfg-panel-border);
}

[data-tfg="on"] .mobile-accordion-trigger {
    display: flex;
    width: 100%;
    min-height: var(--tfg-touch-min-height);
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
    padding: var(--tfg-nav-drawer-link-padding-block) var(--tfg-nav-drawer-link-padding-inline);
    border: 0;
    border-radius: var(--tfg-radius-lg);
    background: transparent;
    color: var(--tfg-text-primary);
    font: inherit;
    font-feature-settings: var(--tfg-font-features);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .mobile-accordion-content {
    display: none;
    flex-direction: column;
    gap: var(--tfg-nav-drawer-item-gap);
    padding: var(--tfg-space-0) var(--tfg-space-0) var(--tfg-space-4);
}

[data-tfg="on"] .mobile-accordion-item.open .mobile-accordion-content {
    display: flex;
}

[data-tfg="on"] .mobile-menu-content:focus-visible,
[data-tfg="on"] .mobile-accordion-trigger:focus-visible,
[data-tfg="on"] .mobile-sub-link:focus-visible,
[data-tfg="on"] .close-mobile-menu:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .mobile-accordion-trigger:hover,
[data-tfg="on"] .mobile-accordion-trigger:focus-visible {
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .mobile-sub-link {
    display: flex;
    min-height: var(--tfg-touch-min-height);
    align-items: center;
    gap: var(--tfg-space-3);
    padding: var(--tfg-nav-drawer-link-padding-block) var(--tfg-nav-drawer-link-padding-inline);
    text-decoration: none;
}

[data-tfg="on"] .mobile-sub-link--stacked {
    align-items: flex-start;
    padding-block: var(--tfg-space-3);
}

[data-tfg="on"] .mobile-sub-icon {
    flex: 0 0 auto;
}

[data-tfg="on"] .mobile-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

[data-tfg="on"] .mobile-actions .tfg-btn,
[data-tfg="on"] .mobile-actions .mobile-search-container {
    min-width: 0;
}

[data-tfg="on"] .mobile-actions .tfg-btn,
[data-tfg="on"] .mobile-action-btn {
    min-height: var(--tfg-touch-min-height);
    justify-content: center;
}

[data-tfg="on"] .mobile-action-btn.tfg-btn {
    width: 100%;
    padding-block: var(--tfg-nav-drawer-link-padding-block);
    padding-inline: var(--tfg-nav-drawer-link-padding-inline);
    gap: var(--tfg-space-2);
    border-radius: var(--tfg-radius-pill);
}

[data-tfg="on"] .mobile-action-btn__icon {
    flex: 0 0 auto;
}

[data-tfg="on"] .mobile-action-btn--search,
[data-tfg="on"] .mobile-action-btn--portal {
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .mobile-action-btn--contact {
    justify-content: space-between;
}

[data-tfg="on"] .mobile-action-btn__icon--trailing {
    margin-inline-start: auto;
}

[data-tfg="on"] .mobile-actions [data-testid="nav-mobile-contact-cta"],
[data-tfg="on"] .mobile-actions .span-2 {
    grid-column: 1 / -1;
}

[data-tfg="on"] .mobile-category-label {
    color: var(--tfg-text-tertiary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    text-transform: uppercase;
}

[data-tfg="on"] .mobile-search-wrapper {
    display: flex;
    min-height: var(--tfg-touch-min-height);
    align-items: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-nav-drawer-link-padding-block) var(--tfg-nav-drawer-link-padding-inline);
    border-radius: var(--tfg-radius-lg);
}

[data-tfg="on"] .mobile-search-input {
    min-width: 0;
    flex: 1 1 auto;
    border: 0;
    background: transparent;
    color: var(--tfg-text-primary);
    font: inherit;
    outline: 0;
}

@media (max-width: 80rem) {
    [data-tfg="on"] .brand-text {
        display: none;
    }

    [data-tfg="on"] .mega-menu-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    [data-tfg="on"] .services-mega__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-tfg="on"] .corporate-mega__content {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .corporate-mega__groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 64rem) {
    [data-tfg="on"] .universal-navbar.tfg-nav {
        width: calc(100% - (var(--tfg-rail-gutter) * 2));
        max-width: none;
    }

    [data-tfg="on"] .navbar-container {
        display: grid;
        grid-template-columns: minmax(0, max-content) minmax(var(--tfg-nav-action-size), max-content);
        min-height: var(--tfg-nav-mobile-height);
        align-items: center;
        justify-content: space-between;
        gap: var(--tfg-nav-mobile-slot-gap);
    }

    [data-tfg="on"] .navbar-menu,
    [data-tfg="on"] .navbar-actions {
        display: none;
    }

    [data-tfg="on"] .navbar-hamburger {
        display: inline-flex;
        justify-self: end;
        width: var(--tfg-nav-action-size);
        height: var(--tfg-nav-action-size);
        flex-basis: var(--tfg-nav-action-size);
    }

    [data-tfg="on"] .navbar-brand {
        justify-self: start;
        min-width: 0;
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .universal-navbar.tfg-nav {
        top: calc(var(--tfg-nav-outer-gap) + env(safe-area-inset-top));
    }

    [data-tfg="on"] .navbar-container {
        padding: var(--tfg-space-2);
    }

    [data-tfg="on"] .navbar-hamburger {
        width: var(--tfg-touch-min-height);
        height: var(--tfg-touch-min-height);
        flex-basis: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .mobile-menu-close,
    [data-tfg="on"] .close-mobile-menu {
        min-width: var(--tfg-touch-min-height);
        width: var(--tfg-touch-min-height);
        min-height: var(--tfg-touch-min-height);
        height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .mobile-menu-content {
        right: var(--tfg-nav-drawer-inset);
        width: var(--tfg-nav-drawer-width-mobile);
    }

}

@supports not (height: 100dvh) {
    [data-tfg="on"] .mobile-menu-content {
        max-height: calc(100vh - (var(--tfg-nav-drawer-inset) * 2));
    }
}

[data-tfg="on"] .brand-link,
[data-tfg="on"] .nav-item,
[data-tfg="on"] .navbar-actions {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .mega-menu,
[data-tfg="on"] .mobile-menu-content,
[data-tfg="on"] .mobile-search-wrapper,
[data-tfg="on"] .bottom-sheet__surface,
[data-tfg="on"] .search-container {
    border: var(--tfg-panel-border-strong);
    background: var(--tfg-nav-dropdown-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light);
    -webkit-backdrop-filter: var(--tfg-panel-blur-heavy);
    backdrop-filter: var(--tfg-panel-blur-heavy);
}

[data-tfg="on"] .mega-menu-list a,
[data-tfg="on"] .simple-menu-item,
[data-tfg="on"] .mobile-sub-link,
[data-tfg="on"] .bottom-sheet__link {
    border-radius: var(--tfg-radius-lg);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .mega-menu-list a:hover,
[data-tfg="on"] .simple-menu-item:hover,
[data-tfg="on"] .mobile-sub-link:hover,
[data-tfg="on"] .bottom-sheet__link:hover {
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .mega-menu-list a:hover .menu-icon-wrapper,
[data-tfg="on"] .simple-menu-item:hover .menu-icon-wrapper,
[data-tfg="on"] .mobile-sub-link:hover .mobile-sub-icon,
[data-tfg="on"] .bottom-sheet__link:hover .bottom-sheet__link-icon {
    transform: none;
}

[data-tfg="on"] .mobile-menu-close,
[data-tfg="on"] .close-mobile-menu,
[data-tfg="on"] .navbar-hamburger,
[data-tfg="on"] .close-search {
    border: var(--tfg-panel-border);
    background: var(--tfg-icon-chip-background);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow);
    -webkit-backdrop-filter: var(--tfg-panel-blur);
    backdrop-filter: var(--tfg-panel-blur);
}

[data-tfg="on"] .bottom-nav.tfg-mobile-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: calc(var(--tfg-z-overlay) + 2);
    display: none;
    min-height: var(--tfg-bottom-nav-height);
    align-items: center;
    justify-content: space-around;
    gap: var(--tfg-space-1);
    padding: var(--tfg-space-3) var(--tfg-space-4);
    padding-bottom: calc(var(--tfg-space-3) + max(env(safe-area-inset-bottom), var(--tfg-space-0)));
    border: var(--tfg-panel-border-strong);
    background: var(--tfg-panel-background-strong);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light);
    -webkit-backdrop-filter: var(--tfg-panel-blur-heavy);
    backdrop-filter: var(--tfg-panel-blur-heavy);
    transition:
        transform var(--tfg-duration-standard) var(--tfg-ease-standard),
        opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .bottom-nav--hidden,
[data-tfg="on"] .bottom-nav--suppressed {
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + max(env(safe-area-inset-bottom), var(--tfg-space-0))));
}

[data-tfg="on"] .bottom-nav--visible {
    opacity: 1;
    transform: translateY(0);
}

@supports selector(:has(*)) {
    @media (max-width: 48rem) {
        [data-tfg="on"]:has(.cookie-consent:not([hidden])) .bottom-nav.tfg-mobile-nav {
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
            transform: translateY(calc(100% + max(env(safe-area-inset-bottom), var(--tfg-space-0))));
        }
    }
}

[data-tfg="on"] .bottom-nav__item,
[data-tfg="on"] .bottom-nav__label {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .bottom-nav__item {
    position: relative;
    display: inline-flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-1);
    min-width: calc(var(--tfg-touch-min-height) + var(--tfg-space-2));
    min-height: var(--tfg-touch-min-height);
    padding: var(--tfg-space-1) var(--tfg-space-3);
    border: 0;
    border-radius: var(--tfg-radius-lg);
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition:
        transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .bottom-nav__item:hover {
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .bottom-nav__item:active {
    transform: scale(0.94);
}

[data-tfg="on"] .bottom-nav__item:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .bottom-nav__item--active,
[data-tfg="on"] .bottom-nav__item[aria-current="page"] {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .bottom-nav__item--active .bottom-nav__label {
    color: var(--tfg-text-headline);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .bottom-nav__item--active::after {
    content: "";
    width: var(--tfg-space-1);
    aspect-ratio: 1;
    margin-top: var(--tfg-space-1);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .bottom-nav__icon-shell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--tfg-icon-chip-sm);
    height: var(--tfg-icon-chip-sm);
    border-radius: var(--tfg-radius-pill);
    transition:
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .bottom-nav__item--active .bottom-nav__icon-shell,
[data-tfg="on"] .bottom-nav__item[aria-current="page"] .bottom-nav__icon-shell {
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .bottom-nav__item--more .bottom-nav__icon-shell {
    background: var(--tfg-accent-warm-bright);
    color: var(--tfg-text-inverse);
    box-shadow: var(--tfg-warm-glow);
}

[data-tfg="on"] .bottom-nav__icon {
    color: currentcolor;
}

[data-tfg="on"] .bottom-nav__label {
    font-family: var(--tfg-font-sans);
    font-size: var(--tfg-font-role-caption);
    font-weight: var(--tfg-font-weight-medium);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    text-align: center;
}

[data-tfg="on"] .bottom-sheet__surface {
    display: flex;
    flex-direction: column;
}

[data-tfg="on"] .bottom-nav-sheet__overlay.tfg-modal-overlay {
    display: flex;
    align-items: flex-end;
    justify-content: stretch;
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .bottom-nav-sheet.tfg-modal,
[data-tfg="on"] .bottom-nav-sheet.tfg-sheet {
    width: 100%;
    max-width: none;
    max-height: var(--tfg-bottom-sheet-max-height);
    margin: var(--tfg-space-0);
    border-radius: var(--tfg-radius-xl) var(--tfg-radius-xl) var(--tfg-space-0) var(--tfg-space-0);
}

[data-tfg="on"] .bottom-nav-sheet .tfg-modal__header {
    padding: var(--tfg-space-4) var(--tfg-space-5);
}

[data-tfg="on"] .bottom-nav-sheet .tfg-modal__body {
    padding: var(--tfg-space-5);
    padding-bottom: calc(var(--tfg-space-6) + max(env(safe-area-inset-bottom), var(--tfg-space-0)));
}

[data-tfg="on"] .bottom-sheet__handle {
    width: calc(var(--tfg-space-8) + var(--tfg-space-1));
    height: var(--tfg-space-1);
    margin: var(--tfg-space-0) auto var(--tfg-space-4);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-surface-border-strong);
}

[data-tfg="on"] .bottom-sheet__links {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .bottom-sheet__link {
    display: flex;
    align-items: center;
    gap: var(--tfg-space-4);
    padding: var(--tfg-space-4);
    text-decoration: none;
    transition:
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .bottom-sheet__link:active {
    transform: scale(0.98);
}

[data-tfg="on"] .bottom-sheet__link:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .bottom-sheet__link-icon {
    flex: 0 0 auto;
    color: var(--tfg-text-secondary);
}

@media (max-width: 47.9375rem) {
    [data-tfg="on"] .bottom-nav.tfg-mobile-nav {
        display: flex;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .bottom-nav.tfg-mobile-nav,
    [data-tfg="on"] .bottom-nav__item,
    [data-tfg="on"] .bottom-nav__icon-shell,
    [data-tfg="on"] .services-mega__link,
    [data-tfg="on"] .services-mega__view-all,
    [data-tfg="on"] .services-mega__featured-link,
    [data-tfg="on"] .bottom-sheet__link {
        transition: none !important;
    }
}

[data-tfg="on"] .tfg-breadcrumb__list,
[data-tfg="on"] .tfg-anchor-nav__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .tfg-breadcrumb__link,
[data-tfg="on"] .tfg-anchor-nav__link {
    color: var(--tfg-text-secondary);
    text-decoration: none;
}

[data-tfg="on"] .tfg-anchor-nav__link {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    min-height: var(--tfg-control-min-height);
    padding: var(--tfg-space-2) var(--tfg-space-3);
    border-radius: var(--tfg-radius-pill);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-anchor-nav__link {
        min-height: var(--tfg-touch-min-height);
    }
}

[data-tfg="on"] .tfg-anchor-nav__link.is-active,
[data-tfg="on"] .tfg-anchor-nav__link:hover,
[data-tfg="on"] .tfg-anchor-nav__link:focus-visible {
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .tfg-anchor-nav__dot {
    width: var(--tfg-space-2);
    aspect-ratio: 1;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .tfg-segmented {
    display: inline-flex;
    gap: var(--tfg-space-1);
    padding: var(--tfg-space-1);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .tfg-segmented__item {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    min-height: var(--tfg-control-min-height);
    padding: var(--tfg-space-2) var(--tfg-space-4);
    border: var(--tfg-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-pill);
    background: transparent;
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .tfg-segmented__item.is-active {
    background: var(--tfg-panel-background-strong);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-rim-light);
}
}
}

/* ===== ./Components/Breadcrumb.css -> layer(components) ===== */
@layer components {
@layer components {
/* DH-CS-NAV-CRUMB1 — Site-wide breadcrumb canonical (patron 2026-04-27).
   Source authority: <Breadcrumb> + <BreadcrumbItem> at
   src/Presentation/DiskHastanesi.SharedUI/Components/Tfg/Navigation/.
   Position: above the hero shell, immediately below the navbar, left-aligned,
   inside the page rail; never inside the hero element.
   Material: --tfg-glass-meta-pill-* (parity with .tfg-chip / .hero-eyebrow).
   See docs/governance/CrossPageUiConsistencyMatrix.md §3 + NN/G "Breadcrumbs:
   11 Design Guidelines" + WCAG 2.4.8 + ARIA APG Breadcrumb pattern. */

/* Patron 2026-04-27 image-3 reference: pill spans the FULL content rail width
   on every page (not inline-flex hug-content). Trail length varies per surface
   (2-4 items) but pill geometry stays identical → visual rhythm + structural anchor. */
[data-tfg="on"] .tfg-breadcrumb {
    --tfg-breadcrumb-min-height: clamp(2.375rem, 2.1rem + 0.5vw, var(--tfg-control-min-height));
    --tfg-breadcrumb-padding-block: var(--tfg-space-2);
    --tfg-breadcrumb-padding-inline: clamp(var(--tfg-space-3), 2vw, var(--tfg-space-5));
    --tfg-breadcrumb-font-size: var(--tfg-font-size-caption);
    --tfg-breadcrumb-tracking: clamp(0.045em, 0.03em + 0.04vw, var(--tfg-tracking-eyebrow));

    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: var(--tfg-breadcrumb-min-height);
    padding: var(--tfg-breadcrumb-padding-block) var(--tfg-breadcrumb-padding-inline);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-breadcrumb-font-size);
    font-weight: var(--tfg-font-weight-medium);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-breadcrumb-tracking);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
    text-decoration: none;
    isolation: isolate;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-breadcrumb {
        -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
        backdrop-filter: var(--tfg-glass-meta-pill-blur);
    }
}

[data-tfg="on"] .tfg-breadcrumb__list {
    display: inline-flex;
    flex-wrap: wrap;
    inline-size: 100%;
    max-width: 100%;
    min-width: 0;
    gap: var(--tfg-space-2);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
    align-items: center;
}

[data-tfg="on"] .tfg-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .tfg-breadcrumb__item + .tfg-breadcrumb__item::before {
    content: "/";
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

[data-tfg="on"] .tfg-breadcrumb__link {
    display: inline-flex;
    align-items: center;
    min-height: var(--tfg-control-min-height);
    padding-inline: var(--tfg-space-2);
    margin-inline: calc(var(--tfg-space-2) * -1);
    border-radius: var(--tfg-radius-pill);
    color: var(--tfg-text-muted);
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .tfg-breadcrumb__link:hover,
[data-tfg="on"] .tfg-breadcrumb__link:focus-visible {
    color: var(--tfg-text-primary);
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

[data-tfg="on"] .tfg-breadcrumb__item--current span,
[data-tfg="on"] .tfg-breadcrumb [aria-current="page"] {
    color: var(--tfg-text-primary);
    font-weight: var(--tfg-font-weight-semibold);
    overflow-wrap: anywhere;
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-breadcrumb__link {
        min-height: var(--tfg-touch-min-height);
    }
}

/* Page rail wrapper for breadcrumb placement above hero.
   Patron 2026-04-27 image-1 reference: width MUST match the navbar pill exactly
   (same min/max formula, same horizontal centering). The breadcrumb pill nests
   inside this rail with `width: 100%`, so the pill aligns 1:1 with navbar's
   left/right edges. Token alignment with `.universal-navbar.tfg-nav` at
   Tfg/Components/Navbar.css:7-10 is mandatory; do NOT swap to
   --tfg-section-shell-width or any per-page legacy container max-width. */
[data-tfg="on"] .tfg-page-breadcrumb-rail {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-nav-shell-width));
    max-width: var(--tfg-nav-shell-width);
    min-width: 0;
    margin-inline: auto;

    /* `justify-self: center` is required when the breadcrumb sits inside a CSS Grid
       parent (e.g. .category-hub-wrapper) where the default `justify-items: stretch`
       would otherwise override `margin-inline: auto` and stretch the rail to the
       grid cell width — making the pill wider than the navbar. No-op in block /
       flex parents. Safe everywhere. */
    justify-self: center;

    /* Equal navbar→slug and slug→hero gap (Patron 2026-06-30): single token, both sides. */
    padding-block: var(--tfg-geometry-breadcrumb-to-hero-gap);
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 40rem) {
    [data-tfg="on"] .tfg-breadcrumb {
        --tfg-breadcrumb-min-height: 2.5rem;
        --tfg-breadcrumb-padding-block: var(--tfg-space-1);
        --tfg-breadcrumb-padding-inline: var(--tfg-space-3);
        --tfg-breadcrumb-font-size: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
        --tfg-breadcrumb-tracking: 0.055em;

        overflow: hidden;
    }

    [data-tfg="on"] .tfg-breadcrumb__list {
        flex-wrap: nowrap;
        overflow: auto hidden;
        -webkit-overflow-scrolling: touch;
    }

    [data-tfg="on"] .tfg-breadcrumb__list::-webkit-scrollbar {
        display: none;
    }

    [data-tfg="on"] .tfg-breadcrumb__item {
        flex: 0 0 auto;
        max-inline-size: min(72vw, 20rem);
    }

    [data-tfg="on"] .tfg-breadcrumb__item:not(:nth-last-child(-n + 2)) {
        display: none;
    }

    [data-tfg="on"] .tfg-breadcrumb__item:nth-last-child(2) {
        max-inline-size: 36vw;
    }

    [data-tfg="on"] .tfg-breadcrumb__item:last-child {
        max-inline-size: 52vw;
    }

    [data-tfg="on"] .tfg-breadcrumb__item:nth-last-child(2)::before {
        content: none;
    }

    [data-tfg="on"] .tfg-breadcrumb__item + .tfg-breadcrumb__item::before {
        flex: 0 0 auto;
    }

    [data-tfg="on"] .tfg-breadcrumb__link,
    [data-tfg="on"] .tfg-breadcrumb__item--current span,
    [data-tfg="on"] .tfg-breadcrumb [aria-current="page"] {
        display: inline-flex;
        align-items: center;
        max-inline-size: 100%;
        min-height: var(--tfg-touch-min-height);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow-wrap: normal;
    }

    [data-tfg="on"] .tfg-breadcrumb__link {
        justify-content: center;
        min-inline-size: var(--tfg-touch-min-height);
    }
}
}
}

/* ===== ./Components/Footer.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-footer {
    position: relative;
    width: 100%;
    margin-top: var(--tfg-geometry-footer-transition-gap);
    padding-block: var(--tfg-space-12) var(--tfg-space-8);
    overflow: hidden;
    background:
        linear-gradient(180deg, transparent 0%, hsla(220deg, 38%, 3%, 0.9) 32%, var(--tfg-canvas-deep) 100%);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-footer::before {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 16% 12%, hsla(199deg, 57%, 64%, 0.12), transparent 34rem),
        radial-gradient(ellipse at 86% 8%, hsla(41deg, 83%, 68%, 0.11), transparent 36rem),
        linear-gradient(125deg, hsla(0deg, 0%, 100%, 0.035), transparent 38%);
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .footer-container {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: var(--tfg-space-6);
    overflow: hidden;
    padding: var(--tfg-space-6);
    border: var(--tfg-panel-border-strong);
    border-radius: calc(var(--tfg-radius-xl) + var(--tfg-space-1));
    background:
        radial-gradient(circle at 12% 0%, hsla(0deg, 0%, 100%, 0.11), transparent 24rem),
        radial-gradient(circle at 92% 8%, hsla(41deg, 83%, 68%, 0.09), transparent 26rem),
        linear-gradient(135deg, hsla(217deg, 34%, 13%, 0.82), hsla(216deg, 45%, 4%, 0.92) 56%, hsla(220deg, 50%, 2%, 0.98));
    box-shadow:
        var(--tfg-panel-shadow-deep),
        var(--tfg-rim-light),
        var(--tfg-rim-shadow),
        0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.035);
    -webkit-backdrop-filter: var(--tfg-panel-blur-heavy);
    backdrop-filter: var(--tfg-panel-blur-heavy);
}

[data-tfg="on"] .footer-container::before,
[data-tfg="on"] .footer-container::after {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .footer-container::before {
    z-index: 0;
    background-image:
        linear-gradient(90deg, hsla(0deg, 0%, 100%, 0.06), transparent 22%, transparent 78%, hsla(199deg, 57%, 64%, 0.045)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, 18rem 18rem;
    opacity: 0.18;
}

[data-tfg="on"] .footer-container::after {
    z-index: 2;
    box-shadow:
        inset 0 0.0625rem 0 hsla(0deg, 0%, 100%, 0.22),
        inset 0 -0.0625rem 0 hsla(0deg, 0%, 0%, 0.42);
}

[data-tfg="on"] .footer-grid,
[data-tfg="on"] .footer-system-bar {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .footer-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(var(--tfg-footer-nav-col-min), 0.7fr)
        minmax(var(--tfg-footer-nav-col-min), 0.7fr)
        minmax(var(--tfg-footer-action-col-min), 0.85fr);
    gap: var(--tfg-space-6);
    min-width: 0;
    align-items: start;
}

[data-tfg="on"] .footer-grid > * {
    min-width: 0;
}

/* Grid-blowout guard: grid items default to min-width:auto and can be forced WIDER than their track
   by non-shrinking content (a nowrap line, a long word), overflowing and being clipped by the
   container's overflow:hidden. The upper grid has this guard above; the lower system bar was MISSING
   it — that was the root cause of the mobile footer clipping (the nowrap copyright line forced every
   system-bar column to its intrinsic width). Frozen by DhCssCompatibilityGate so it cannot regress. */
[data-tfg="on"] .footer-system-bar > * {
    min-width: 0;
}

/* DH-CS-NAV-FT1 / WCAG 2.4.7: visible focus on Footer interactive elements.
   B-FT1 closure (Footer audit Wave 2 #17 / FINAL surface in queue). Covers all
   anchor descendants under .footer-grid (nav links + brand logo + social icons +
   footer column links). --tfg-radius-sm for inline links. */
[data-tfg="on"] .footer-grid a:focus-visible,
[data-tfg="on"] .footer-logo-link:focus-visible,
[data-tfg="on"] .footer-social-link:focus-visible,
[data-tfg="on"] .footer-system-bar a:focus-visible,
[data-tfg="on"] .footer-system-bar button:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-sm);
}

[data-tfg="on"] .footer-brand-zone,
[data-tfg="on"] .footer-action-zone {
    display: flex;
    align-items: flex-start;
}

[data-tfg="on"] .brand-card,
[data-tfg="on"] .emergency-glass {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--tfg-space-5);
    overflow: hidden;
    padding: var(--tfg-space-6);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-glass-card-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-card-blur);
    backdrop-filter: var(--tfg-glass-card-blur);
}

[data-tfg="on"] .brand-card::before,
[data-tfg="on"] .emergency-glass::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(128deg, hsla(0deg, 0%, 100%, 0.16), transparent 46%),
        radial-gradient(circle at 16% 0%, hsla(0deg, 0%, 100%, 0.14), transparent 18rem);
    content: "";
    opacity: 0.72;
    pointer-events: none;
}

[data-tfg="on"] .brand-card > *,
[data-tfg="on"] .emergency-glass > * {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .footer-logo-link,
[data-tfg="on"] .social-platter,
[data-tfg="on"] .emergency-header,
[data-tfg="on"] .emergency-actions,
[data-tfg="on"] .legal-cluster,
[data-tfg="on"] .footer-contact-lane,
[data-tfg="on"] .copyright-info {
    display: flex;
    align-items: center;
}

[data-tfg="on"] .footer-logo-link {
    width: fit-content;
    gap: var(--tfg-space-3);
    color: var(--tfg-text-primary);
    text-decoration: none;
}

[data-tfg="on"] .footer-brand-name {
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-role-nav-label);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    white-space: nowrap;
}

[data-tfg="on"] .footer-logo {
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    box-shadow:
        0 0.75rem 1.8rem hsla(0deg, 0%, 0%, 0.26),
        var(--tfg-rim-light);
}

[data-tfg="on"] .social-platter,
[data-tfg="on"] .legal-cluster {
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .footer-social-link {
    display: inline-grid;
    place-items: center;
    width: var(--tfg-icon-chip-lg);
    height: var(--tfg-icon-chip-lg);
    flex: 0 0 var(--tfg-icon-chip-lg);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background);
    color: var(--tfg-text-secondary);
    box-shadow: var(--tfg-icon-chip-shadow);
    line-height: 0;
    text-decoration: none;
    transition:
        transform var(--tfg-duration-fast) var(--tfg-ease-standard),
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .footer-social-link:hover {
    border-color: var(--tfg-accent-rim);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
    transform: translateY(calc(var(--tfg-border-hairline) * -2));
}

[data-tfg="on"] .footer-social-icon {
    color: currentcolor;
}

[data-tfg="on"] .footer-social-link > .footer-social-icon,
[data-tfg="on"] .footer-social-link > .tfg-icon {
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
}

[data-tfg="on"] .footer-social-monogram {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentcolor;
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: 1;
    text-align: center;
}

[data-tfg="on"] .brand-motto {
    margin: var(--tfg-space-0);
    overflow-wrap: anywhere;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .brand-card,
[data-tfg="on"] .emergency-glass,
[data-tfg="on"] .footer-system-bar {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .footer-nav-col {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-4);
    min-height: 100%;
    padding: var(--tfg-space-5) var(--tfg-space-4);
    border: var(--tfg-border-hairline) solid hsla(212deg, 47%, 85%, 0.1);
    border-radius: var(--tfg-radius-lg);
    background: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.035), hsla(217deg, 48%, 5%, 0.12));
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .nav-title,
[data-tfg="on"] .emergency-title,
[data-tfg="on"] .emergency-desc,
[data-tfg="on"] .emergency-scope-note,
[data-tfg="on"] .emergency-call-note {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .nav-title,
[data-tfg="on"] .emergency-title {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .nav-title {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding-bottom: var(--tfg-space-2);
    border-bottom: var(--tfg-border-hairline) solid hsla(41deg, 83%, 68%, 0.34);
}

[data-tfg="on"] .footer-nav {
    display: grid;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .footer-nav-col,
[data-tfg="on"] .footer-social-link,
[data-tfg="on"] .footer-developer-contact,
[data-tfg="on"] .footer-designer-credit {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .footer__link,
[data-tfg="on"] .nav-link {
    display: inline-flex;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    gap: var(--tfg-space-1);
    padding-inline: var(--tfg-space-2);
    margin-inline: calc(var(--tfg-space-2) * -1);
    border-radius: var(--tfg-radius-sm);
    width: fit-content;
    color: var(--tfg-text-secondary);
    text-decoration: none;
    transition:
        background-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .footer-nav .nav-link {
    width: 100%;
    margin-inline: var(--tfg-space-0);
    padding-inline: var(--tfg-space-3);
    border: var(--tfg-border-hairline) solid transparent;
}

[data-tfg="on"] .footer-nav .nav-link:hover {
    border-color: hsla(41deg, 83%, 68%, 0.24);
    background-color: hsla(0deg, 0%, 100%, 0.045);
}

[data-tfg="on"] .badge-hiring {
    display: inline-flex;
    align-items: center;
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .footer__link[aria-current="page"],
[data-tfg="on"] .nav-link[aria-current="page"] {
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .footer-nav .nav-link[aria-current="page"] {
    border-color: hsla(41deg, 83%, 68%, 0.34);
    background-color: var(--tfg-accent-soft);
}

[data-tfg="on"] .footer__link:hover,
[data-tfg="on"] .nav-link:hover,
[data-tfg="on"] .footer-developer-contact:hover {
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .emergency-header {
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-2);
    border: var(--tfg-border-hairline) solid hsla(212deg, 47%, 85%, 0.14);
    border-radius: var(--tfg-radius-pill);
    background: hsla(216deg, 56%, 4%, 0.28);
}

[data-tfg="on"] .pulse-icon {
    position: relative;
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    align-items: center;
    justify-content: center;
}

[data-tfg="on"] .pulse-ring,
[data-tfg="on"] .pulse-core {
    position: absolute;
    border-radius: var(--tfg-radius-pill);
}

[data-tfg="on"] .pulse-ring {
    inset: var(--tfg-space-0);
    border: var(--tfg-panel-border);
    background: hsla(41deg, 83%, 68%, 0.08);
    box-shadow:
        0 0 0 0.35rem hsla(41deg, 83%, 68%, 0.08),
        var(--tfg-warm-glow);
}

[data-tfg="on"] .pulse-core {
    width: 0.625rem;
    height: 0.625rem;
    background: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .emergency-desc {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .emergency-scope-note {
    --tfg-emergency-scope-border: var(--tfg-sentinel-ring);
    --tfg-emergency-scope-background: var(--tfg-sentinel-soft);

    padding: var(--tfg-space-3);
    border: var(--tfg-border-hairline) solid var(--tfg-emergency-scope-border);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(135deg, var(--tfg-emergency-scope-background), hsla(216deg, 56%, 4%, 0.24));
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-body);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .emergency-actions {
    flex-direction: column;
    gap: var(--tfg-space-3);
    margin-top: auto;
}

[data-tfg="on"] .emergency-phone-stack {
    display: grid;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .emergency-call-note {
    color: var(--tfg-text-tertiary);
    font-size: var(--tfg-font-size-small);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .emergency-actions .tfg-btn {
    text-align: center;
    white-space: normal;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow), 0 0.9rem 2rem hsla(0deg, 0%, 0%, 0.2);
}

[data-tfg="on"] .w-full {
    width: 100%;
}

[data-tfg="on"] .footer-system-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
    gap: var(--tfg-space-4);
    align-items: center;
    min-height: 4.875rem;
    padding: var(--tfg-space-4) var(--tfg-space-6);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-xl);
    background:
        linear-gradient(100deg, hsla(0deg, 0%, 100%, 0.1), transparent 30%),
        linear-gradient(135deg, hsla(213deg, 26%, 22%, 0.62), hsla(216deg, 45%, 6%, 0.72) 48%, hsla(220deg, 47%, 4%, 0.84));
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow),
        0 1rem 3rem hsla(0deg, 0%, 0%, 0.22);
    -webkit-backdrop-filter: var(--tfg-panel-blur);
    backdrop-filter: var(--tfg-panel-blur);
}

[data-tfg="on"] .copyright-info {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--tfg-space-1);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-small);
}

[data-tfg="on"] .footer-copyright-line {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    white-space: nowrap;
}

[data-tfg="on"] .footer-designer-credit {
    display: inline-flex;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    padding: var(--tfg-space-0) var(--tfg-space-2);
    margin-inline: calc(var(--tfg-space-2) * -1);
    border: 0;
    border-radius: var(--tfg-radius-sm);
    background: transparent;
    cursor: pointer;
    font: inherit;
    transition:
        background-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .separator {
    color: var(--tfg-text-tertiary);
}

[data-tfg="on"] .footer-contact-lane {
    justify-content: flex-end;
}

[data-tfg="on"] .footer-developer-contact {
    display: inline-flex;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    padding-inline: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: hsla(217deg, 48%, 5%, 0.4);
    cursor: pointer;
    font: inherit;
    white-space: nowrap;
    box-shadow: var(--tfg-rim-light);
    transition:
        background-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .footer-credit-group {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .footer-credit-group .footer-designer-credit {
    margin-inline: 0;
}

[data-tfg="on"] .footer-designer-credit:hover,
[data-tfg="on"] .footer-developer-contact:hover {
    background-color: hsla(0deg, 0%, 100%, 0.055);
}

[data-tfg="on"] .footer-developer-contact:hover {
    border-color: var(--tfg-accent-rim);
}

/* Sistem barı 3-kolon düzeni ancak ~90rem üstünde sarkan-ayraçsız sığıyor;
   ara genişliklerde tek-kolon istif daha derli toplu (Patron 2026-06-13 görsel düzeltme). */
@media (max-width: 90rem) {
    [data-tfg="on"] .footer-system-bar {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .footer-contact-lane {
        justify-content: flex-start;
    }
}

@media (max-width: 64rem) {
    [data-tfg="on"] .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-tfg="on"] .footer-nav-col {
        padding: var(--tfg-space-5) var(--tfg-space-4);
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-footer {
        padding-block: var(--tfg-space-10) calc(var(--tfg-bottom-nav-height) + var(--tfg-space-8));
    }

    [data-tfg="on"] .brand-card,
    [data-tfg="on"] .emergency-glass,
    [data-tfg="on"] .footer-system-bar {
        padding: var(--tfg-space-5);
    }

    [data-tfg="on"] .footer-container {
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .footer-nav-col {
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .footer__link,
    [data-tfg="on"] .footer-nav .nav-link {
        min-height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .footer-grid {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .footer-logo-link,
    [data-tfg="on"] .copyright-info,
    [data-tfg="on"] .legal-cluster {
        align-items: flex-start;
    }

    [data-tfg="on"] .footer-system-bar {
        gap: var(--tfg-space-4);
        justify-items: start;
    }

    [data-tfg="on"] .copyright-info,
    [data-tfg="on"] .legal-cluster,
    [data-tfg="on"] .footer-contact-lane {
        width: 100%;
    }

    [data-tfg="on"] .copyright-info {
        gap: var(--tfg-space-1);
        font-size: var(--tfg-font-size-caption);
        line-height: var(--tfg-line-height-body);
    }

    /* The copyright line is nowrap on desktop (kept on one line); on mobile it MUST wrap, or its
       min-content width forces the whole system-bar grid track wider than the viewport and the
       container's overflow:hidden clips the company name + legal buttons (the recurring bug). */
    [data-tfg="on"] .footer-copyright-line {
        flex-wrap: wrap;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    [data-tfg="on"] .footer-credit-group {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: var(--tfg-space-1) var(--tfg-space-2);
    }

    [data-tfg="on"] .footer-designer-credit {
        min-height: var(--tfg-touch-min-height);
        padding-inline: var(--tfg-space-2);
        margin-inline: calc(var(--tfg-space-2) * -1);
    }

    [data-tfg="on"] .copyright-info > .separator,
    [data-tfg="on"] .legal-cluster > .separator {
        display: none;
    }

    [data-tfg="on"] .legal-cluster {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .legal-cluster .footer__link {
        width: 100%;
        min-height: var(--tfg-touch-min-height);
        justify-content: center;
        padding: var(--tfg-space-2) var(--tfg-space-3);
        margin-inline: var(--tfg-space-0);
        border: var(--tfg-panel-border);
        border-radius: var(--tfg-radius-pill);
        background: hsla(217deg, 48%, 5%, 0.26);
        font-size: var(--tfg-font-size-caption);
        line-height: var(--tfg-line-height-tight);
        text-align: center;
        box-shadow: var(--tfg-rim-light);
    }

    [data-tfg="on"] .legal-cluster .footer__link:last-of-type {
        grid-column: 1 / -1;
    }

    [data-tfg="on"] .footer-contact-lane {
        justify-content: flex-start;
    }

    [data-tfg="on"] .footer-developer-contact {
        max-width: 100%;
        min-height: var(--tfg-touch-min-height);
        padding-inline: var(--tfg-space-4);
        font-size: var(--tfg-font-size-caption);
        line-height: var(--tfg-line-height-tight);
    }

    [data-tfg="on"] .footer-social-link {
        width: var(--tfg-touch-min-height);
        height: var(--tfg-touch-min-height);
        flex-basis: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .footer-grid a,
    [data-tfg="on"] .footer-system-bar a,
    [data-tfg="on"] .footer-system-bar button {
        scroll-margin-bottom: calc(var(--tfg-bottom-nav-height) + var(--tfg-space-4));
    }
}

@media (max-width: 30rem) {
    [data-tfg="on"] .legal-cluster {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .footer-developer-contact {
        width: 100%;
        justify-content: center;
    }
}
}
}

/* ===== ./Components/SpecApi.css -> layer(components) ===== */
@layer components {
@layer components {
[data-tfg="on"] .tfg-header {
    position: relative;
    z-index: var(--tfg-z-overlay);
    width: 100%;
}

[data-tfg="on"] .tfg-header-nav,
[data-tfg="on"] .tfg-header-brand,
[data-tfg="on"] .tfg-mega-menu,
[data-tfg="on"] .tfg-language-switcher,
[data-tfg="on"] .tfg-search-trigger {
    color: inherit;
}

[data-tfg="on"] .tfg-mega-menu-panel {
    min-width: min(100vw - (var(--tfg-rail-gutter) * 2), 48rem);
}

[data-tfg="on"] .tfg-hero-section,
[data-tfg="on"] .tfg-services-bento,
[data-tfg="on"] .tfg-value-prop-intro {
    position: relative;
}

[data-tfg="on"] .tfg-hero-panel {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-panel-background-strong);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-eyebrow,
[data-tfg="on"] .tfg-cert-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    width: fit-content;
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: 0;
}

[data-tfg="on"] .tfg-social-proof-micro {
    display: grid;
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .tfg-disk-stage-rive {
    position: relative;
    overflow: hidden;
}

[data-tfg="on"] .tfg-disk-stage-rive__fallback {
    position: absolute;
    inset: auto var(--tfg-space-6) var(--tfg-space-6) auto;
    width: clamp(5rem, 18vw, 10rem);
    aspect-ratio: 1;
    border-radius: var(--tfg-radius-pill);
    background:
        radial-gradient(circle at 35% 30%, var(--tfg-accent-rim), transparent 34%),
        linear-gradient(135deg, var(--tfg-accent-soft), transparent);
    opacity: 0.42;
    pointer-events: none;
}

[data-tfg="on"] .tfg-logo-marquee {
    display: flex;
    align-items: center;
    gap: var(--tfg-space-6);
    overflow: hidden;
}

[data-tfg="on"] .tfg-logo-marquee--pause-hover:hover {
    animation-play-state: paused;
}

[data-tfg="on"] .tfg-logo-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7rem;
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .tfg-manifesto-paragraph,
[data-tfg="on"] .tfg-attribution-line {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .tfg-bento-grid {
    display: grid;
    gap: var(--tfg-space-5);
}

[data-tfg="on"] .tfg-service-card {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-bento-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-4);
    margin-top: var(--tfg-space-8);
}

[data-tfg="on"] .service-compare-modal {
    width: min(100%, 62rem);
}

[data-tfg="on"] .service-compare-modal__matrix {
    display: grid;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .service-compare-modal__row {
    display: grid;
    grid-template-columns: 1.1fr repeat(3, minmax(0, 1fr));
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .service-compare-modal__row--head {
    color: var(--tfg-text-headline);
    font-weight: var(--tfg-font-weight-semibold);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .service-compare-modal__row {
        grid-template-columns: 1fr;
    }
}
}
}

/* ===== ./Sections/Hero.css -> layer(sections) ===== */
@layer sections {
@layer sections {
[data-tfg="on"] .tfg-hero {
    min-height: auto;
    display: grid;
    align-items: center;
    padding-block: var(--tfg-space-8);
}

[data-tfg="on"] .tfg-hero-frame {
    position: relative;
    overflow: hidden;
    border: var(--tfg-hero-frame-border);
    border-radius: var(--tfg-hero-frame-radius);
    background: var(--tfg-hero-frame-background);
    background-clip: padding-box;
    box-shadow: var(--tfg-hero-frame-shadow);
    isolation: isolate;
}

[data-tfg="on"] .tfg-hero-frame::before {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: 0;
    border-radius: inherit;
    background: var(--tfg-hero-frame-highlight);
    content: "";
    opacity: 0.78;
    pointer-events: none;
}

[data-tfg="on"] .tfg-hero-frame > * {
    position: relative;
    z-index: 1;
}

/* Hero media aspect standard (Patron 2026-07-02) — single source for the detail-page hero image
   ratio so no PageFamily hand-codes a raw aspect-ratio again. ALL non-home detail heroes render in a
   1:1 SQUARE frame (--tfg-hero-media-aspect). `.tfg-hero-media` is the opt-in class; `ContentPageLayout`
   auto-applies it to its hero-aside image by [data-hero-media] kind — the only per-kind difference is
   object-fit: photo (default) covers/crops to the square, infographic is contained whole. */
[data-tfg="on"] .tfg-hero-media,
[data-tfg="on"] .content-page__hero-aside img {
    display: block;
    inline-size: 100%;
    block-size: auto;
    align-self: start;
    aspect-ratio: var(--tfg-hero-media-aspect);
    object-fit: cover;
    border-radius: var(--tfg-hero-frame-radius);
}

/* Infographic artwork is shown whole (contain) inside the same square frame; a photo covers/crops it. */
[data-tfg="on"] .tfg-hero-media--infographic,
[data-tfg="on"] .content-page__hero-aside[data-hero-media="infographic"] img {
    object-fit: contain;
}

/* The hero-aside wrapper chain (aside > … > picture) is a stack of grids that would otherwise
   stretch the media to the text-column height and override the aspect-ratio above. Size every
   wrapper to the media so the true 1:1 square frame renders (Patron 2026-07-02 — verified live). */
[data-tfg="on"] .content-page__hero-aside,
[data-tfg="on"] .content-page__hero-aside > *,
[data-tfg="on"] .content-page__hero-aside > * > * {
    align-self: start;
    block-size: auto;
    min-block-size: 0;
}

/* Site-wide PublicWeb non-home infographic frame standard (patron accepted 2026-05-10).
   Homepage hero remains governed by the separate media/slider frame contract. */
[data-tfg="on"] .tfg-hero-infographic-frame {
    position: relative;
    border-color: var(--tfg-accent-rim);
    background:
        radial-gradient(closest-side at 82% 10%,
            var(--tfg-rim-light-gradient) 0%,
            transparent 62%),
        radial-gradient(closest-side at 50% 52%,
            var(--tfg-accent-glow) 0%,
            transparent 58%),
        var(--tfg-panel-background-strong);
    box-shadow:
        0 0 0 var(--tfg-border-hairline) var(--tfg-accent-rim),
        0 0 calc(var(--tfg-space-8) * 1.25) var(--tfg-accent-glow),
        0 calc(var(--tfg-space-4) * 2) calc(var(--tfg-space-8) * 1.5) var(--tfg-shadow-color),
        var(--tfg-rim-light);
    overflow: hidden;
    isolation: isolate;
}

[data-tfg="on"] .tfg-hero-infographic-frame--image {
    padding: var(--tfg-border-hairline);
}

[data-tfg="on"] .tfg-hero-infographic-frame--image > picture {
    position: absolute;
    inset: var(--tfg-border-hairline);
    z-index: 1;
    width: auto;
    height: auto;
}

[data-tfg="on"] .tfg-hero-infographic-frame--image > picture > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

[data-tfg="on"] .hub-overview-infographic-img,
[data-tfg="on"] .pillar-page-wrapper .group-detail-infographic-picture-frame .group-detail-infographic-img {
    object-fit: contain;
    object-position: center;
}

[data-tfg="on"] .tfg-hero-infographic-frame::before {
    content: "";
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: 2;
    border: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    border-radius: inherit;
    background:
        linear-gradient(135deg,
            var(--tfg-rim-light-gradient) 0%,
            transparent 18%,
            transparent 72%,
            var(--tfg-accent-glow) 100%),
        radial-gradient(closest-side at 10% 8%,
            var(--tfg-rim-light-gradient) 0%,
            transparent 68%);
    box-shadow:
        inset 0 0 0 var(--tfg-border-hairline) var(--tfg-rim-light-gradient),
        inset 0 0 calc(var(--tfg-space-8) * 1.2) var(--tfg-accent-glow);
    opacity: 0.92;
    pointer-events: none;
}

[data-tfg="on"] .tfg-hero-infographic-frame::after {
    content: "";
    position: absolute;
    inset: var(--tfg-space-2);
    z-index: 2;
    border: var(--tfg-border-hairline) solid var(--tfg-panel-border-color);
    border-radius: var(--tfg-radius-lg);
    background:
        linear-gradient(90deg,
            transparent 0%,
            var(--tfg-accent-glow) 48%,
            transparent 100%);
    opacity: 0.5;
    pointer-events: none;
}

@supports (color: color-mix(in oklab, black 50%, transparent)) {
    [data-tfg="on"] .tfg-hero-infographic-frame {
        background:
            radial-gradient(closest-side at 82% 10%,
                color-mix(in oklab, var(--tfg-text-primary) 16%, transparent) 0%,
                transparent 62%),
            radial-gradient(closest-side at 50% 52%,
                color-mix(in oklab, var(--tfg-accent-warm) 20%, transparent) 0%,
                transparent 58%),
            var(--tfg-panel-background-strong);
        box-shadow:
            0 0 0 var(--tfg-border-hairline) color-mix(in oklab, var(--tfg-accent-warm) 28%, transparent),
            0 0 calc(var(--tfg-space-8) * 1.25) color-mix(in oklab, var(--tfg-accent-warm) 10%, transparent),
            0 calc(var(--tfg-space-4) * 2) calc(var(--tfg-space-8) * 1.5) var(--tfg-shadow-color),
            var(--tfg-rim-light);
    }

    [data-tfg="on"] .tfg-hero-infographic-frame::before {
        background:
            linear-gradient(135deg,
                color-mix(in oklab, var(--tfg-text-primary) 16%, transparent) 0%,
                transparent 18%,
                transparent 72%,
                color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 100%),
            radial-gradient(closest-side at 10% 8%,
                color-mix(in oklab, var(--tfg-text-primary) 12%, transparent) 0%,
                transparent 68%);
        box-shadow:
            inset 0 0 0 var(--tfg-border-hairline) color-mix(in oklab, var(--tfg-text-primary) 16%, transparent),
            inset 0 0 calc(var(--tfg-space-8) * 1.2) color-mix(in oklab, var(--tfg-accent-warm) 12%, transparent);
    }

    [data-tfg="on"] .tfg-hero-infographic-frame::after {
        background:
            linear-gradient(90deg,
                transparent 0%,
                color-mix(in oklab, var(--tfg-accent-warm) 14%, transparent) 48%,
                transparent 100%);
    }
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .tfg-hero-frame {
        -webkit-backdrop-filter: var(--tfg-hero-frame-blur);
        backdrop-filter: var(--tfg-hero-frame-blur);
    }
}

[data-tfg="on"] .hero-shell {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-hero-shell-gap);
    min-height: var(--tfg-hero-shell-min-block);
    padding: var(--tfg-hero-shell-padding);
    border: var(--tfg-hero-frame-border);
    border-radius: var(--tfg-hero-frame-radius);
    background:
        linear-gradient(115deg, var(--tfg-rim-light-gradient), transparent 34%),
        linear-gradient(180deg, transparent 62%, var(--tfg-scroll-dim)),
        var(--tfg-hero-frame-background);
    background-clip: padding-box;
    box-shadow: var(--tfg-hero-frame-shadow);
    isolation: isolate;
}

[data-tfg="on"] .hero-shell::before,
[data-tfg="on"] .hero-shell::after {
    position: absolute;
    pointer-events: none;
    content: "";
}

[data-tfg="on"] .hero-shell::before {
    inset: var(--tfg-space-0);
    z-index: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, var(--tfg-rim-light-gradient), transparent 38%),
        linear-gradient(140deg, transparent 28%, var(--tfg-glass-scrim-bg) 68%, transparent);
    opacity: 0.62;
}

[data-tfg="on"] .hero-shell::after {
    right: var(--tfg-space-7);
    bottom: 0;
    left: var(--tfg-space-7);
    z-index: 0;
    height: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    opacity: 0.86;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .hero-shell {
        -webkit-backdrop-filter: var(--tfg-hero-frame-blur);
        backdrop-filter: var(--tfg-hero-frame-blur);
    }
}

[data-tfg="on"] .hero-content-panel,
[data-tfg="on"] .hero-media-panel {
    position: relative;
    z-index: 1;
    min-width: 0;
    border: 0;
    border-radius: var(--tfg-radius-none);
    background: transparent;
    color: var(--tfg-text-primary);
    box-shadow: none;
    isolation: auto;
    overflow: visible;
}

[data-tfg="on"] .hero-content-panel::before,
[data-tfg="on"] .hero-media-panel::before {
    display: none;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .hero-content-panel,
    [data-tfg="on"] .hero-media-panel {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

[data-tfg="on"] .hero-content-panel {
    display: flex;
    width: 100%;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    gap: var(--tfg-space-6);
    padding: var(--tfg-space-0);
}

[data-tfg="on"] .hero-copy-stack {
    display: flex;
    width: min(100%, var(--tfg-hero-media-max-width));
    max-width: var(--tfg-hero-media-max-width);
    flex-direction: column;
    justify-content: space-evenly;
    min-height: 100%;
    gap: var(--tfg-hero-copy-stack-gap);
}

[data-tfg="on"] .hero-eyebrow {
    position: relative;
    max-width: 100%;
    width: fit-content;
    min-height: var(--tfg-chip-heading-min-height);
    gap: var(--tfg-chip-heading-gap);
    padding: var(--tfg-chip-heading-padding);
    border: var(--tfg-chip-heading-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-chip-heading-font-size);
    font-weight: var(--tfg-chip-heading-font-weight);
    box-shadow: var(--tfg-chip-heading-shadow);
    overflow-wrap: anywhere;
    text-transform: uppercase;
    letter-spacing: var(--tfg-chip-heading-tracking);
    line-height: var(--tfg-line-height-tight);
    text-wrap: var(--tfg-chip-heading-text-wrap);
    isolation: isolate;
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] .hero-eyebrow {
        -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
        backdrop-filter: var(--tfg-glass-meta-pill-blur);
    }
}

[data-tfg="on"] .hero-eyebrow::before {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--tfg-rim-light-gradient), transparent 48%);
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .hero-eyebrow-dot:not(.tfg-heading-icon) {
    position: relative;
    display: inline-grid;
    width: var(--tfg-heading-icon-hero-size, var(--tfg-chip-heading-dot-size));
    height: var(--tfg-heading-icon-hero-size, var(--tfg-chip-heading-dot-size));
    flex: 0 0 auto;
    border: var(--tfg-heading-icon-border);
    border-radius: var(--tfg-radius-pill);
    color: var(--tfg-accent-warm-bright);
    background: var(--tfg-heading-icon-background-warm);
    box-shadow: var(--tfg-heading-icon-shadow);
    overflow: clip;
    place-items: center;
}

[data-tfg="on"] .hero-eyebrow-dot:not(.tfg-heading-icon)::before {
    width: 58%;
    height: 58%;
    background:
        radial-gradient(ellipse at 50% 18%, transparent 0 31%, currentcolor 33% 47%, transparent 49%),
        linear-gradient(currentcolor, currentcolor) center 45% / 74% var(--tfg-border-hairline) no-repeat,
        linear-gradient(currentcolor, currentcolor) center 63% / 74% var(--tfg-border-hairline) no-repeat,
        linear-gradient(currentcolor, currentcolor) center 81% / 74% var(--tfg-border-hairline) no-repeat;
    content: "";
    filter: drop-shadow(0 0 var(--tfg-chip-heading-dot-halo) var(--tfg-accent-glow));
}

[data-tfg="on"] .hero-title,
[data-tfg="on"] .hero-subtitle {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .hero-title {
    max-width: min(100%, var(--tfg-page-hero-title-max-width));
    font-family: var(--tfg-font-display);
    font-feature-settings: var(--tfg-font-features);
    font-size: var(--tfg-font-role-hero-display);
    font-weight: var(--tfg-heading-weight-hero);
    letter-spacing: var(--tfg-tracking-display);
    line-height: var(--tfg-heading-line-height-hero);
    text-shadow: 0 0.9rem 2.6rem var(--tfg-shadow-color);
    text-wrap: balance;
}

[data-tfg="on"] .hero-title .gold-italic {
    color: var(--tfg-accent);
    font-style: italic;
    text-shadow: 0 0 2rem var(--tfg-accent-glow);
}

[data-tfg="on"] .hero-title:focus-visible {
    outline: 0;
}

/* DH-CS-NAV-1 / WCAG 2.4.7: visible focus on slider keyboard-operable controls.
   B-H2 closure (hero audit 2026-04-27). Focus ring uses warm accent ring at
   2px width with 3:1 contrast against frosted glass and photo backgrounds. */
[data-tfg="on"] .hero-slider-arrow:focus-visible,
[data-tfg="on"] .hero-slider-dot:focus-visible,
[data-tfg="on"] .hero-slider-pause:focus-visible,
[data-tfg="on"] .hero-rail-card:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-sm);
}

[data-tfg="on"] .hero-subtitle {
    max-width: min(100%, var(--tfg-page-hero-desc-max-width));
    font-size: var(--tfg-font-role-body);
    letter-spacing: var(--tfg-tracking-body);
    line-height: var(--tfg-line-height-body);
    text-wrap: pretty;
}

[data-tfg="on"] .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    align-items: center;
}

[data-tfg="on"] .hero-media-panel {
    display: grid;
    width: min(100%, var(--tfg-hero-media-max-width));
    place-self: stretch center;
    grid-template-rows: auto auto auto;
    align-content: center;
    gap: var(--tfg-hero-media-stack-gap);
    min-height: auto;
    padding: var(--tfg-space-0);
    aspect-ratio: auto;
}

[data-tfg="on"] .hero-media-panel > * {
    width: 100%;
    height: auto;
    object-fit: initial;
}

/* DH-CS-NAV-3: hero unified-shell invariant — inner media slot transparent; outer glass-shell carries chrome */
[data-tfg="on"] .hero-slider-stage {
    position: relative;
    height: auto;
    min-height: var(--tfg-hero-frame-min-block);
    overflow: hidden;
    border: 0;
    border-radius: var(--tfg-radius-xl);
    background: transparent;
    box-shadow: none;
    aspect-ratio: var(--tfg-hero-media-ratio);
    touch-action: pan-y pinch-zoom;
}

[data-tfg="on"] .hero-slide {
    position: absolute;
    inset: var(--tfg-space-0);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .hero-slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

[data-tfg="on"] .hero-slide-link,
[data-tfg="on"] .hero-slide-link picture,
[data-tfg="on"] .hero-slide-link img,
[data-tfg="on"] .hero-slide-image {
    display: block;
    width: 100%;
    height: 100%;
}

[data-tfg="on"] .hero-slide-link {
    position: relative;
    overflow: hidden;
    border-radius: var(--tfg-radius-xl);
    color: inherit;
    text-decoration: none;
}

[data-tfg="on"] .hero-slide-link::before,
[data-tfg="on"] .hero-slide-link::after {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: 2;
    border-radius: inherit;
    pointer-events: none;
    content: "";
}

[data-tfg="on"] .hero-slide-link::before {
    border: var(--tfg-glass-card-border);
    box-shadow:
        var(--tfg-rim-light),
        inset 0 calc(var(--tfg-space-6) * -1) var(--tfg-space-10) var(--tfg-glass-scrim-bg);
}

[data-tfg="on"] .hero-slide-link::after {
    background:
        linear-gradient(120deg, var(--tfg-rim-light-gradient), transparent 38%),
        linear-gradient(270deg, var(--tfg-glass-scrim-bg), transparent 42%);
    opacity: 0.42;
}

[data-tfg="on"] .hero-slide-link img {
    object-fit: cover;
    object-position: center;
}

[data-tfg="on"] .hero-slide-scrim {
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        var(--tfg-media-overlay-scrim),
        linear-gradient(90deg, transparent 48%, var(--tfg-glass-scrim-bg)),
        linear-gradient(0deg, var(--tfg-glass-scrim-bg), transparent 36%);
}

[data-tfg="on"] .hero-slide-copy {
    width: auto;
    max-width: calc(100% - (var(--tfg-space-5) * 2));
    z-index: 3;
}

[data-tfg="on"] .hero-slide-icon {
    align-self: start;
}

[data-tfg="on"] .hero-slide-text {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .hero-slide-title,
[data-tfg="on"] .hero-slide-desc {
    color: var(--tfg-text-headline);
    text-shadow: 0 0.125rem 0.875rem var(--tfg-shadow-color);
}

[data-tfg="on"] .hero-slide-title {
    max-width: 26ch;
    font-size: var(--tfg-font-size-title-sm);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-title);
}

[data-tfg="on"] .hero-slide-desc {
    max-width: 40ch;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .hero-slider-controls {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .hero-slider-control-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-3);
    justify-self: center;
    padding-inline: var(--tfg-space-2);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-meta-pill-blur);
    backdrop-filter: var(--tfg-glass-meta-pill-blur);
}

[data-tfg="on"] .hero-slider-arrow,
[data-tfg="on"] .hero-slider-pause {
    display: inline-flex;
    width: var(--tfg-control-min-height);
    height: var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-icon-chip-shadow);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .hero-slider-arrow:hover,
[data-tfg="on"] .hero-slider-pause:hover {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .hero-slider-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .hero-slider-dot {
    position: relative;
    display: inline-flex;
    width: var(--tfg-control-min-height);
    height: var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    overflow: visible;
    padding: var(--tfg-space-0);
    border: 0;
    border-radius: var(--tfg-radius-pill);
    background: transparent;
    color: var(--tfg-text-primary);
    transition:
        background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .hero-slider-dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--tfg-space-2);
    height: var(--tfg-space-2);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    translate: -50% -50%;
    transition:
        width var(--tfg-duration-standard) var(--tfg-ease-standard),
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .hero-slider-dot.is-active {
    background: transparent;
}

[data-tfg="on"] .hero-slider-dot.is-active::before {
    width: var(--tfg-space-10);
    border-color: var(--tfg-accent-rim);
    background: var(--tfg-accent-soft);
}

[data-tfg="on"] .hero-slider-dot-fill {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: var(--tfg-space-2);
    height: var(--tfg-space-2);
    border-radius: inherit;
    background: var(--tfg-accent-warm-bright);
    translate: -50% -50%;
    transform: scaleX(0);
    transform-origin: left center;
}

[data-tfg="on"] .hero-slider-dot.is-active .hero-slider-dot-fill {
    width: var(--tfg-space-10);
    animation: hero-slider-progress var(--tfg-hero-rotate-duration) linear forwards;
}

[data-tfg="on"] .hero-media-panel.is-paused .hero-slider-dot-fill {
    animation-play-state: paused;
}

[data-tfg="on"] .hero-media-rail {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--tfg-space-3);
    overflow: visible;
}

[data-tfg="on"] .hero-rail-card {
    container: tfg-hero-rail-card / inline-size;
    display: grid;
    grid-template-rows: minmax(var(--tfg-hero-rail-thumb-min-block), 1fr) auto;
    min-height: var(--tfg-hero-rail-card-min-block);
    align-items: stretch;
    gap: var(--tfg-space-2);
    overflow: hidden;
    padding: var(--tfg-space-2);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-glass-card-shadow);
    text-align: center;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .hero-rail-card:hover {
    border: var(--tfg-glass-card-border-strong);
    background: var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover);
    transform: translateY(var(--tfg-nav-hover-lift));
}

/* B-H8: nested-glass-card standardization — rail thumb uses --tfg-glass-card-* family per TRACKING:228 */
[data-tfg="on"] .hero-rail-thumb {
    position: relative;
    display: grid;
    min-height: var(--tfg-hero-rail-thumb-min-block);
    overflow: hidden;
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-glass-card-shadow);
    place-items: center;
}

[data-tfg="on"] .hero-rail-thumb picture,
[data-tfg="on"] .hero-rail-thumb-image {
    position: absolute;
    inset: var(--tfg-space-0);
    width: 100%;
    height: 100%;
}

[data-tfg="on"] .hero-rail-thumb-image {
    object-fit: cover;
    opacity: 0.55;
    filter: saturate(0.82) contrast(1.05) brightness(0.72);
}

[data-tfg="on"] .hero-rail-thumb::after {
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        radial-gradient(circle at 50% 35%, var(--tfg-rim-light-gradient), transparent 55%),
        linear-gradient(180deg, var(--tfg-glass-scrim-bg), var(--tfg-scroll-dim));
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .hero-rail-fallback-icon {
    position: relative;
    z-index: 1;
    opacity: 0;
}

[data-tfg="on"] .hero-rail-copy {
    display: grid;
    min-width: 0;
    justify-items: center;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .hero-rail-index {
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-num);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: 1;
}

[data-tfg="on"] .hero-rail-title {
    color: var(--tfg-text-headline);
    display: -webkit-box;
    overflow: hidden;
    font-weight: var(--tfg-font-weight-semibold);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    transition: color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .hero-title,
[data-tfg="on"] .section-title,
[data-tfg="on"] .hero-slide-title {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .hero-subtitle,
[data-tfg="on"] .section-subtitle,
[data-tfg="on"] .hero-slide-desc {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .hero-slide-copy .hero-slide-title {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .hero-slide-copy .hero-slide-desc {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .text-gradient,
[data-tfg="on"] .gradient-text {
    color: var(--tfg-accent-warm-bright);
    background: none;
    -webkit-text-fill-color: currentcolor;
}

[data-tfg="on"] .hero-rail-card.is-active {
    border: var(--tfg-glass-card-border-strong);
    background:
        radial-gradient(circle at 20% 0%, var(--tfg-accent-soft), transparent 44%),
        var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover);
}

[data-tfg="on"] .hero-rail-card.is-active .hero-rail-title {
    color: var(--tfg-text-headline);
}

@container tfg-hero-rail-card (max-width: 7.5rem) {
    [data-tfg="on"] .hero-rail-thumb picture,
    [data-tfg="on"] .hero-rail-thumb-image {
        display: none;
    }

    [data-tfg="on"] .hero-rail-fallback-icon {
        opacity: 1;
    }
}

@keyframes hero-slider-progress {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-hero {
        min-height: auto;
        padding-block: var(--tfg-space-8);
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .tfg-hero-frame {
        border-color: var(--tfg-forced-color-text);
        box-shadow: none;
    }
}

@media (max-width: 64rem) {
    [data-tfg="on"] .hero-shell {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .hero-media-panel {
        order: 2;
        width: 100%;
        max-width: var(--tfg-hero-media-max-width);
        justify-self: center;
        min-height: auto;
    }

    [data-tfg="on"] .hero-content-panel {
        order: 1;
        max-width: var(--tfg-hero-media-max-width);
        justify-self: center;
    }

    [data-tfg="on"] .hero-copy-stack {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        min-height: auto;
    }

    [data-tfg="on"] .hero-title {
        max-width: min(100%, var(--tfg-page-hero-title-max-width));
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .hero-copy-stack {
        width: 100%;
        max-width: 100%;
        gap: var(--tfg-hero-copy-stack-gap-mobile);
    }

    [data-tfg="on"] .hero-media-panel {
        padding: var(--tfg-space-0);
    }

    [data-tfg="on"] .hero-slider-stage {
        min-height: var(--tfg-hero-mobile-stage-min-block);
    }

    [data-tfg="on"] .hero-slide-copy {
        inset: auto var(--tfg-space-3) var(--tfg-space-3);
        max-width: calc(100% - (var(--tfg-space-3) * 2));
        padding: var(--tfg-space-3);
    }

    [data-tfg="on"] .hero-media-rail {
        grid-auto-flow: column;
        grid-auto-columns: var(--tfg-hero-mobile-rail-card-inline);
        grid-template-columns: none;
        overflow: auto hidden;
        scroll-snap-type: x proximity;
    }

    [data-tfg="on"] .hero-media-rail::-webkit-scrollbar {
        display: none;
    }

    [data-tfg="on"] .hero-slide-title {
        font-size: var(--tfg-font-size-body-lg);
    }

    [data-tfg="on"] .hero-slide-desc {
        font-size: var(--tfg-font-size-body-sm);
    }

    [data-tfg="on"] .hero-rail-card {
        grid-template-rows: auto auto;
        min-height: var(--tfg-hero-rail-card-min-block);
        gap: var(--tfg-space-1);
        scroll-snap-align: start;
    }

    [data-tfg="on"] .hero-rail-thumb {
        min-height: var(--tfg-hero-rail-thumb-min-block);
    }

    [data-tfg="on"] .hero-rail-thumb picture,
    [data-tfg="on"] .hero-rail-thumb-image {
        display: none;
    }

    [data-tfg="on"] .hero-rail-fallback-icon {
        opacity: 1;
    }

    [data-tfg="on"] .hero-rail-title {
        display: none;
    }
}

@media (max-width: 30rem) {
    [data-tfg="on"] .hero-copy-stack {
        gap: var(--tfg-hero-copy-stack-gap-compact);
    }

    [data-tfg="on"] .hero-slider-controls {
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .hero-slider-control-center {
        gap: var(--tfg-space-1);
        padding-inline: var(--tfg-space-1);
    }

    [data-tfg="on"] .hero-slider-arrow,
    [data-tfg="on"] .hero-slider-pause {
        width: var(--tfg-touch-min-height);
        height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .hero-slider-dot {
        width: var(--tfg-touch-min-height);
        height: var(--tfg-touch-min-height);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .hero-slider-dot-fill {
        animation: none !important;
        transform: scaleX(1);
    }
}
}
}

/* ===== ./Sections/Home.css -> layer(sections) ===== */
@layer sections {
@layer sections {
[data-tfg="on"] .tfg-home-surface {
    position: relative;
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .service-grid-section,
[data-tfg="on"] .industry-section,
[data-tfg="on"] .need-shortcuts-section,
[data-tfg="on"] .methodology-section,
[data-tfg="on"] .home-stats-section,
[data-tfg="on"] .home-blog-section,
[data-tfg="on"] .home-faq-section,
[data-tfg="on"] .home-quick-form-section,
[data-tfg="on"] .value-prop-section,
[data-tfg="on"] .trust-section,
[data-tfg="on"] .cta-section {
    background: transparent;
    color: var(--tfg-text-primary);
}

/* DH-CS-NAV-13: Value proposition manifesto rules are retained for historical
   component compatibility only. Patron 2026-04-27 retired the surface from
   HomeIndex and blanked ValueIntro_Body, so these selectors are dormant on the
   live homepage unless a future patron directive reopens slot #4. */
[data-tfg="on"] .value-intro-container {
    text-align: center;
}

[data-tfg="on"] .value-intro__accent {
    color: var(--tfg-accent-warm-bright);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .service-card-new,
[data-tfg="on"] .industry-card,
[data-tfg="on"] .need-card,
[data-tfg="on"] .step-card,
[data-tfg="on"] .home-stat-cell,
[data-tfg="on"] .home-blog-card,
[data-tfg="on"] .home-quick-form-card,
[data-tfg="on"] .trust-strip__shell,
[data-tfg="on"] .cta-container {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .card-tfg-panel,
[data-tfg="on"] .industry-card__content,
[data-tfg="on"] .need-card__copy,
[data-tfg="on"] .home-blog-card__body,
[data-tfg="on"] .home-faq-footer,
[data-tfg="on"] .home-quick-form-success,
[data-tfg="on"] .home-blog-empty {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .home-stat-cell[data-metric-state="pending"] {
    opacity: 0.84;
}

[data-tfg="on"] .home-stat-value,
[data-tfg="on"] .solutions-stat__value,
[data-tfg="on"] .premium-title,
[data-tfg="on"] .industry-card h3,
[data-tfg="on"] .need-card h3,
[data-tfg="on"] .step-title,
[data-tfg="on"] .home-blog-card h3 {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .premium-desc,
[data-tfg="on"] .industry-card p,
[data-tfg="on"] .need-card p,
[data-tfg="on"] .step-desc,
[data-tfg="on"] .home-blog-card p,
[data-tfg="on"] .trust-strip__description,
[data-tfg="on"] .cta-desc {
    color: var(--tfg-text-secondary);
}

/* DH-CS-NAV-1 / WCAG 2.4.7: visible focus on Trust strip case-studies link.
   B-T1 closure (trust audit 2026-04-27). Mirrors Hero B-H2 pattern at
   Sections/Hero.css:142-152. Focus ring uses warm accent ring at 2px width
   with 3:1 contrast against frosted glass panel background. Placed in
   Sections/ for cascade hygiene parity with Hero (audit-verifier 2026-04-27
   soft-finding-2 closure). */
[data-tfg="on"] .trust-strip__link:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-sm);
}

/* DH-CS-NAV-S1 / WCAG 2.4.7: visible focus on ServiceGrid bento cards.
   B-S1 closure (ServiceGrid audit Wave 2 #5). Mirrors Trust B-T1 + Hero B-H2
   pattern. Migrated from PageFamilies/Home.css:435-438 per cascade hygiene
   convention (audit-verifier 2026-04-27 soft-finding-2). border-radius
   matches .service-card-new legacy large-radius contract at ServiceGrid.css:594 so the
   focus ring follows the rounded card outline. */
[data-tfg="on"] .service-card-new:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-lg);
}

/* DH-CS-NAV-IS1 / WCAG 2.4.7: visible focus on Sector Grid 14-card industry tiles.
   B-IS1 closure (IndustrySegments audit Wave 2 #6). Mirrors Trust B-T1 + Hero B-H2 +
   Services B-S1 pattern. .industry-card uses anchor element (full-card link) so
   focus ring follows the rounded card outline; --tfg-radius-xl parity with the
   premium sector tile shell in PageFamilies/Home.css. */
[data-tfg="on"] .industry-card:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-xl);
}

/* DH-CS-NAV-NS1 / WCAG 2.4.7: visible focus on Need-Based Shortcuts 6-card tiles.
   B-NS1 closure (HomeNeedShortcuts audit Wave 2 #7). Mirrors industry/service/trust
   pattern. .need-card uses anchor element with data-atmos="warm-focus" parent;
   --tfg-radius-xl parity with the premium need tile shell in PageFamilies/Home.css. */
[data-tfg="on"] .need-card:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-xl);
}

/* DH-CS-NAV-MR1 / WCAG 2.4.7: visible focus on Method Roadmap 5-step cards.
   B-MR1 closure (CorporateMethodology audit Wave 2 #8). Mirrors industry/service/
   trust/needs pattern. .step-card is <li tabindex="0"> (focusable list item) AND
   contains a .step-deliverable anchor — focus ring needed on BOTH. step-deliverable
   anchor focus ring matches outline-offset for inline-text-link convention. */
[data-tfg="on"] .step-card:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-lg);
}

[data-tfg="on"] .step-card:focus {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-lg);
}

[data-tfg="on"] .step-deliverable:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-sm);
}

/* DH-CS-NAV-BF1 / WCAG 2.4.7: visible focus on Blog Feed carousel links and controls. */
[data-tfg="on"] .home-blog-card:focus-visible,
[data-tfg="on"] .home-blog-slider__slide:focus-visible,
[data-tfg="on"] .home-blog-slider__arrow:focus-visible,
[data-tfg="on"] .home-blog-slider__dot:focus-visible,
[data-tfg="on"] .home-blog-slider__pause:focus-visible,
[data-tfg="on"] .home-blog-slider__cta:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-lg);
}

/* DH-CS-NAV-FQ1 / WCAG 2.4.7 (B-FQ1): SSS <summary> odak halkası tfg-faq
   primitive'ine taşındı (PremiumShell.css, yakınsama 2026-06-12). */

/* DH-CS-NAV-QF1 / WCAG 2.4.7: visible focus on Quick Form text inputs + submit button.
   B-QF1 closure (HomeQuickForm audit Wave 2 #15). PageFamilies/Home.css:749-750 already
   covers .home-quick-form-intent input (radio) + .home-quick-form-checkbox; this block
   covers the text/email/textarea inputs + the submit button (which uses .home-quick-form-submit
   not tfg-btn so Button.css:61 does not apply). --tfg-radius-md for inline form controls. */
[data-tfg="on"] .home-quick-form-input:focus-visible,
[data-tfg="on"] .home-quick-form-submit:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-md);
}

/* DH-CS-NAV-CTA1 / WCAG 2.4.7: visible focus on Final CTA buttons (parameterized
   shared CallToAction component). B-CTA1 closure (CallToAction audit Wave 2 #16).
   .cta-button is custom class (not .tfg-btn) so Tfg/Components/Button.css:61 does NOT
   apply. Pill-shaped CTAs use larger --tfg-radius-pill for outline parity with sibling
   button shapes. Covers both primary (button or anchor) and secondary (anchor). */
[data-tfg="on"] .cta-button:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-pill, var(--tfg-radius-lg));
}

/* Shared terminal CTA primitive (2026-05-13): homepage final CTA is the visual
   source for route-family terminal decision bands. Keep route pages consuming
   this class family instead of route-local glass/background recipes. */
[data-tfg="on"] .tfg-terminal-cta {
    margin-block: var(--tfg-space-0);
    background: transparent;
    color: var(--tfg-text-primary);
}

[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell) {
    position: relative;
    display: grid;
    min-block-size: clamp(18rem, 24vw, 22rem);
    align-content: center;
    place-items: center;
    gap: var(--tfg-space-8);
    overflow: hidden;
    padding: var(--tfg-space-10) var(--tfg-space-8);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at 12% 12%, hsla(0deg, 0%, 100%, 0.24), transparent 16rem),
        radial-gradient(circle at 88% 18%, hsla(38deg, 87%, 69%, 0.12), transparent 20rem),
        linear-gradient(128deg, hsla(201deg, 7%, 48%, 0.44), hsla(215deg, 36%, 13%, 0.78) 38%, hsla(213deg, 58%, 4%, 0.92) 100%),
        var(--tfg-panel-background-strong);
    text-align: center;
    box-shadow: var(--tfg-panel-shadow-deep), var(--tfg-rim-light), var(--tfg-rim-shadow);
    -webkit-backdrop-filter: var(--tfg-panel-blur-heavy);
    backdrop-filter: var(--tfg-panel-blur-heavy);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell) > * {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell)::before,
[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell)::after {
    position: absolute;
    pointer-events: none;
    content: "";
}

[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell)::before {
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(90deg, hsla(0deg, 0%, 100%, 0.22), transparent 31%),
        linear-gradient(150deg, transparent 0 42%, hsla(0deg, 0%, 100%, 0.055) 42% 58%, transparent 58%),
        linear-gradient(34deg, transparent 0 52%, hsla(208deg, 17%, 40%, 0.24) 52% 70%, transparent 70%);
    opacity: 0.86;
}

[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell)::after {
    top: 50%;
    right: clamp(var(--tfg-space-6), 5vw, var(--tfg-space-12));
    z-index: 0;
    width: clamp(13rem, 22vw, 25rem);
    aspect-ratio: 1.25;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.08), transparent 44%),
        radial-gradient(circle at 32% 25%, hsla(38deg, 87%, 69%, 0.16), transparent 4rem),
        hsla(216deg, 43%, 7%, 0.32);
    box-shadow: inset 0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.08), var(--tfg-rim-shadow);
    opacity: 0.62;
    transform: translateY(-46%) rotate(-7deg);
}

[data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell):is(:hover, :focus-within) {
    border: var(--tfg-glass-card-hover-border);
    box-shadow: var(--tfg-glass-card-hover-shadow);
}

[data-tfg="on"] .tfg-terminal-cta :is(.tfg-terminal-cta__copy, .cta-content, .tfg-section-header, .tfg-state) {
    display: grid;
    justify-items: center;
    max-inline-size: min(100%, 68rem);
    margin: var(--tfg-space-0) auto;
    gap: var(--tfg-space-4);
    text-align: center;
}

[data-tfg="on"] .tfg-terminal-cta :is(.tfg-terminal-cta__title, .cta-title, .tfg-section-header__title, .tfg-state__title) {
    max-inline-size: min(100%, 68rem);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-role-section-title);
    font-weight: var(--tfg-font-weight-bold);
    letter-spacing: var(--tfg-tracking-title);
    line-height: var(--tfg-line-height-title);
    text-align: center;
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .tfg-terminal-cta :is(.tfg-terminal-cta__desc, .cta-desc, .tfg-section-header__description, .tfg-state__description) {
    max-inline-size: var(--tfg-measure-default);
    margin: var(--tfg-space-0) auto;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
    text-align: center;
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .tfg-terminal-cta :is(.tfg-terminal-cta__actions, .cta-actions, .tfg-primary-secondary-cta, .tfg-state__actions) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .tfg-terminal-cta .tfg-state__actions {
    margin-block-start: var(--tfg-space-4);
}

[data-tfg="on"] .tfg-terminal-cta .tfg-btn--ghost {
    border: var(--tfg-panel-border);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .tfg-terminal-cta .tfg-btn--ghost:is(:hover, :focus-visible) {
    border-color: var(--tfg-accent-warm-bright);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .tfg-terminal-cta .tfg-primary-secondary-cta__icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

@media (max-width: 63.9375rem) {
    [data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell) {
        min-block-size: clamp(16rem, 48vw, 20rem);
        gap: var(--tfg-space-6);
        padding: var(--tfg-space-7) var(--tfg-space-6);
    }
}

@media (max-width: 40rem) {
    [data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell) {
        padding: var(--tfg-space-6) var(--tfg-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell) {
        transition: none;
    }
}

/* DH-CS-NAV-S3 / WCAG 1.4.1 + Windows High Contrast Mode: decorative clipped
   accent text can collapse under (forced-colors: active) because system colors
   replace the painted background layer. B-S3 closure (ServiceGrid audit Wave 2
   #5). Restores currentColor mapping to CanvasText system color so the inner
   word remains visible. .text-gradient is defined at
   Tfg/Sections/Hero.css:534-539 (canonical TFG override) plus legacy
   Hero.css:145 / Testimonials.css:290 / ServiceDetail.css:378 /
   CallToAction.css:184 / AppComponents.css:48 / PublicWebApp.css:105.
   This block targets the [data-tfg="on"] scope which covers all TFG surfaces. */
@media (forced-colors: active) {
    [data-tfg="on"] .text-gradient {
        -webkit-text-fill-color: currentcolor;
        background: none;
        color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell),
    [data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell)::after {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] :is(.tfg-terminal-cta.tfg-terminal-cta__shell, .tfg-terminal-cta .tfg-terminal-cta__shell)::before {
        background: var(--tfg-forced-color-text);
    }
}
}
}

/* ===== ./PageFamilies/RouteCore.css -> layer(sections) ===== */
@layer sections {
@layer sections {
[data-tfg="on"] .content-page,
[data-tfg="on"] .services-index-wrapper,
[data-tfg="on"] .category-hub-wrapper,
[data-tfg="on"] .pillar-page-wrapper,
[data-tfg="on"] .solutions-page-wrapper,
[data-tfg="on"] .contact-page,
[data-tfg="on"] .blog-post {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .content-page {
    display: grid;
    gap: var(--tfg-space-0);
    padding-block-end: var(--tfg-space-0);
}

[data-tfg="on"] .content-page__main {
    display: grid;
    gap: var(--tfg-geometry-page-section-gap);
    min-width: 0;
}

[data-tfg="on"] .content-page > :where(header, .content-page__layout),
[data-tfg="on"] .content-page__main > :where(section, article, div) {
    max-width: 100%;
    min-width: 0;
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .content-page__hero,
[data-tfg="on"] .services-hero,
[data-tfg="on"] .hub-hero,
[data-tfg="on"] .pillar-hero,
[data-tfg="on"] .solutions-hero {
    background: transparent;
}

[data-tfg="on"] .content-page__hero,
[data-tfg="on"] .solutions-hero {
    padding-block: var(--tfg-space-0);
}

[data-tfg="on"] .content-page__hero-inner {
    display: grid;
    min-width: 0;
    overflow: hidden;
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-9));
}

[data-tfg="on"] .content-page__hero .tfg-section-header {
    display: grid;
    max-width: var(--tfg-page-hero-copy-max-width);
    min-width: 0;
    gap: var(--tfg-space-4);
    justify-items: start;
}

[data-tfg="on"] .content-page__hero-inner--with-aside {
    grid-template-columns: minmax(0, 1.08fr) minmax(var(--tfg-grid-card-min), 0.92fr);
    gap: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-9));
    align-items: center;
}

[data-tfg="on"] .content-page__hero-inner--with-aside > .tfg-section-header {
    max-width: 100%;
}

[data-tfg="on"] .content-page__hero-aside {
    display: grid;
    min-width: 0;
    inline-size: 100%;
    justify-items: center;
}

[data-tfg="on"] .tfg-page-hero :is(.hero-title, .tfg-section-header__title),
[data-tfg="on"] .content-page__hero .tfg-section-header__title {
    max-width: min(100%, var(--tfg-page-hero-title-max-width));
    font-family: var(--tfg-font-display);
    font-feature-settings: var(--tfg-font-features);
    font-size: var(--tfg-font-role-hero-display);
    font-weight: var(--tfg-heading-weight-hero);
    letter-spacing: var(--tfg-tracking-display);
    line-height: var(--tfg-heading-line-height-hero);
    text-wrap: balance;
}

[data-tfg="on"] .tfg-page-hero :is(.hero-subtitle, .hero-desc, .hero-lead, .tfg-section-header__description),
[data-tfg="on"] .content-page__hero .tfg-section-header__description {
    max-width: min(100%, var(--tfg-page-hero-desc-max-width));
    font-size: var(--tfg-font-role-body);
    letter-spacing: var(--tfg-tracking-body);
    line-height: var(--tfg-line-height-body);
    text-wrap: pretty;
}

[data-tfg="on"] .content-page > .content-page__hero + .content-page__layout {
    margin-block-start: var(--tfg-geometry-page-section-gap);
}

@media (max-width: 64rem) {
    [data-tfg="on"] .content-page__hero-inner--with-aside {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .content-page__hero-aside {
        justify-items: start;
    }
}

[data-tfg="on"] .content-page__sidebar-inner,
[data-tfg="on"] .sticky-sidebar,
[data-tfg="on"] .pillar-sidebar .sticky-wrapper,
[data-tfg="on"] .solution-sidebar__panel,
[data-tfg="on"] .blog-sidebar__panel,
[data-tfg="on"] .contact-info,
[data-tfg="on"] .services-search-shell,
[data-tfg="on"] .glass-breadcrumb,
[data-tfg="on"] .breadcrumb-glass,
[data-tfg="on"] .decision-strip {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .group-card,
[data-tfg="on"] .section-card,
[data-tfg="on"] .decision-summary-card,
[data-tfg="on"] .solutions-card,
[data-tfg="on"] .solutions-stat,
[data-tfg="on"] .solution-overview-panel,
[data-tfg="on"] .solution-signal-card,
[data-tfg="on"] .solution-context-card,
[data-tfg="on"] .solution-pillar-card,
[data-tfg="on"] .solution-trust-panel,
[data-tfg="on"] .solution-cta-panel,
[data-tfg="on"] .corporate-card,
[data-tfg="on"] .corporate-step,
[data-tfg="on"] .corporate-stat,
[data-tfg="on"] .corporate-gauge-card,
[data-tfg="on"] .corporate-cta-panel,
[data-tfg="on"] .legal-company-card,
[data-tfg="on"] .legal-table-wrap,
[data-tfg="on"] .accessibility-sidebar-card,
[data-tfg="on"] .blog-featured,
[data-tfg="on"] .blog-filters,
[data-tfg="on"] .blog-card,
[data-tfg="on"] .blog-post__next-step,
[data-tfg="on"] .blog-related__card,
[data-tfg="on"] .contact-form-card,
[data-tfg="on"] .contact-support-card,
[data-tfg="on"] .support-page__state,
[data-tfg="on"] .support-page__meta-card,
[data-tfg="on"] .search-container,
[data-tfg="on"] .category-next-step-card {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .hero-title,
[data-tfg="on"] .content-page h1,
[data-tfg="on"] .content-page h2,
[data-tfg="on"] .content-page h3,
[data-tfg="on"] .premium-title,
[data-tfg="on"] .group-title,
[data-tfg="on"] .solutions-card__title,
[data-tfg="on"] .solution-overview-panel__title,
[data-tfg="on"] .blog-featured__title,
[data-tfg="on"] .blog-card__title,
[data-tfg="on"] .blog-post__section h2 {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .hero-desc,
[data-tfg="on"] .hero-lead,
[data-tfg="on"] .content-page p,
[data-tfg="on"] .premium-desc,
[data-tfg="on"] .group-desc,
[data-tfg="on"] .solutions-card__description,
[data-tfg="on"] .solution-overview-panel__body,
[data-tfg="on"] .blog-card__excerpt,
[data-tfg="on"] .blog-featured__summary,
[data-tfg="on"] .blog-post__text,
[data-tfg="on"] .contact-info__hint {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .legal-table,
[data-tfg="on"] .legal-table th,
[data-tfg="on"] .legal-table td {
    border-color: var(--tfg-surface-border);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .search-overlay.active {
    background: var(--tfg-surface-heavy);
}
}
}

/* ===== ./Sections/PremiumShell.css (raw import) ===== */
@layer sections {
/* ====================================================================
   PREMIUM SECTION PRIMITIVES (Patron 2026-06-12 tokenizasyon direktifi)
   Kaynak-doğruluk: services leaf (strategic-network-data-center-transformation)
   premium reçeteleri — buradaki kurallar o sayfanın değerleriyle BİREBİRDİR.
   Amaç: sayfa-sayfa craft yerine her ailenin sınıf giyerek aynı premium
   dili almasını sağlamak. Aileye özgü sapmalar aile dosyasında kalır.

   Primitive'ler:
   - tfg-premium-shell        : cam bölüm kabuğu (zemin + merkez parıltı + 1px üst-rim)
   - tfg-section-head         : ortalı bölüm başlığı (chip eyebrow + display başlık + lead)
   - tfg-framed-heading       : chip-çerçeveli başlık (+ --eyebrow varyantı)
   - tfg-grid-balanced        : tam-4-öğeli auto-fit gridlerde 2x2 denge
   ==================================================================== */

/* --- Cam bölüm kabuğu ------------------------------------------------ */
[data-tfg="on"] .tfg-premium-shell {
    position: relative;
    display: grid;
    gap: var(--tfg-premium-shell-gap);
    padding: var(--tfg-premium-shell-padding);
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-xl);
    background:
        var(--tfg-metric-frame-center-radiance),
        var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
    overflow: clip;
    isolation: isolate;
}

[data-tfg="on"] .tfg-premium-shell::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: var(--tfg-premium-shell-rim-inset);
    block-size: var(--tfg-border-hairline);
    background: var(--tfg-metric-frame-top-rim);
    opacity: var(--tfg-premium-shell-rim-opacity);
    pointer-events: none;
}

/* Kaynak-doğruluk (services 5164-5174): kabuk çocukları rim/parıltı pseudo'larının
   üstünde kalır. */
[data-tfg="on"] .tfg-premium-shell > * {
    position: relative;
    z-index: 1;
}

/* Kenar-ray varyantı (services breadcrumb-panel/sidebar zemini birebir):
   120deg ışık süpürmeli cam + sıkı ray dolgusu — TOC/related/CTA panelleri. */
[data-tfg="on"] .tfg-premium-shell--aside {
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-4);
}

@supports (background: color-mix(in oklab, red 9%, transparent)) {
    [data-tfg="on"] .tfg-premium-shell--aside {
        background:
            linear-gradient(
                120deg,
                color-mix(in oklab, var(--tfg-text-primary) 9%, transparent) 0%,
                transparent 42%),
            var(--tfg-glass-shell-background);
    }
}

/* --- Ortalı bölüm başlığı (services section-head birebir) ------------ */
[data-tfg="on"] .tfg-section-head {
    display: grid;
    gap: var(--tfg-section-head-gap);
    max-width: var(--tfg-measure-wide);
    margin-inline: auto;
    justify-items: center;
    text-align: center;
}

[data-tfg="on"] .tfg-section-head > .tfg-chip {
    width: fit-content;
    max-width: 100%;
    justify-self: center;
}

[data-tfg="on"] .tfg-section-head__title {
    inline-size: 100%;
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-section-title);
    line-height: var(--tfg-line-height-tight);
    text-align: center;
    text-wrap: balance;
}

[data-tfg="on"] .tfg-section-head__lead {
    inline-size: 100%;
    max-width: var(--tfg-measure-wide);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-lg);
    line-height: var(--tfg-line-height-body);
    text-align: center;
    text-wrap: pretty;
}

/* --- Chip-çerçeveli başlık (services framed-heading birebir) ---------- */
[data-tfg="on"] .tfg-framed-heading {
    position: relative;
    display: inline-flex;
    width: fit-content;
    max-width: min(100%, var(--tfg-framed-heading-max-width));
    align-items: center;
    gap: var(--tfg-chip-heading-gap);
    min-height: var(--tfg-chip-heading-min-height);
    margin: var(--tfg-space-0);
    padding: var(--tfg-chip-heading-padding);
    border: var(--tfg-chip-heading-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    box-shadow: var(--tfg-chip-heading-shadow);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-chip-heading-font-size);
    line-height: var(--tfg-line-height-tight);
    text-transform: none;
}

@supports (background: color-mix(in oklab, red 16%, transparent)) {
    [data-tfg="on"] .tfg-framed-heading {
        background:
            linear-gradient(
                90deg,
                color-mix(in oklab, var(--tfg-text-primary) 16%, transparent) 0%,
                transparent 46%),
            var(--tfg-glass-meta-pill-background);
    }
}

[data-tfg="on"] .tfg-framed-heading__title {
    min-width: 0;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-chip-heading-font-size);
    font-weight: var(--tfg-chip-heading-font-weight);
    letter-spacing: var(--tfg-chip-heading-tracking);
    text-transform: none;
    overflow-wrap: anywhere;
    text-wrap: var(--tfg-chip-heading-text-wrap);
}

/* Eyebrow varyantı: ortalı section-head üstündeki küçük kategori etiketi
   (uppercase lang-duyarlıdır; html[lang=tr] altında İ/ı doğru döner). */
[data-tfg="on"] .tfg-framed-heading--eyebrow .tfg-framed-heading__title {
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-letter-spacing-wide);
    text-transform: uppercase;
}

/* --- SSS akordeonu (anasayfa home-faq reçetesi birebir; Patron 2026-06-12) --
   Numaralı rozet (CSS counter) + soru + dönen caret rozeti; [open] durumunda
   accent kenar + sol ışık şeridi + sıcak glow. */
[data-tfg="on"] .tfg-faq-list {
    display: grid;
    counter-reset: tfg-faq;
    gap: var(--tfg-space-3);
}

/* radius-lg: anasayfanın RENDER gerçeği (Sections/Home.css '.home-faq-list details'
   hayaleti PageFamilies'in radius-xl niyetini hep ezmişti) + hub/leaf SSS
   yüzeyleriyle site-geneli akordeon sözleşmesi (radius eşitliği e2e ile bağlı). */
[data-tfg="on"] .tfg-faq-item {
    position: relative;
    overflow: hidden;
    padding: var(--tfg-space-0);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background:
        var(--tfg-glass-card-highlight),
        var(--tfg-panel-background-soft);
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-faq-item::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: calc(var(--tfg-border-hairline) * 3);
    background: var(--tfg-glass-shell-highlight-line);
    content: "";
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-faq-item[open] {
    border-color: var(--tfg-accent-rim);
    background:
        radial-gradient(circle at 10% 0%, var(--tfg-accent-soft), transparent 22rem),
        var(--tfg-glass-card-highlight),
        var(--tfg-panel-background-strong);
    box-shadow:
        var(--tfg-glass-card-shadow-hover),
        var(--tfg-warm-glow);
}

[data-tfg="on"] .tfg-faq-item[open]::before {
    opacity: 1;
}

[data-tfg="on"] .tfg-faq-item:hover {
    border: var(--tfg-glass-card-hover-border);
    box-shadow: var(--tfg-glass-card-hover-shadow);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .tfg-faq-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--tfg-space-4);
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-5));
    padding: var(--tfg-space-4) var(--tfg-space-5);
    color: var(--tfg-text-headline);
    cursor: pointer;
    list-style: none;
}

[data-tfg="on"] .tfg-faq-summary::-webkit-details-marker {
    display: none;
}

[data-tfg="on"] .tfg-faq-summary::before {
    display: inline-grid;
    width: var(--tfg-icon-chip-sm);
    height: var(--tfg-icon-chip-sm);
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-icon-chip-background);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    box-shadow: var(--tfg-icon-chip-shadow);
    content: counter(tfg-faq, decimal-leading-zero);
    counter-increment: tfg-faq;
}

[data-tfg="on"] .tfg-faq-summary > span {
    min-width: 0;
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .tfg-faq-chevron {
    display: inline-grid;
    width: var(--tfg-icon-chip-sm);
    height: var(--tfg-icon-chip-sm);
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-icon-chip-background-ghost);
    color: var(--tfg-text-secondary);
    transition:
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .tfg-faq-item[open] .tfg-faq-chevron {
    color: var(--tfg-accent-warm-bright);
    transform: rotate(180deg);
}

[data-tfg="on"] .tfg-faq-answer {
    display: grid;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-0) var(--tfg-space-5) var(--tfg-space-5) calc(var(--tfg-space-5) + var(--tfg-icon-chip-sm) + var(--tfg-space-4));
}

[data-tfg="on"] .tfg-faq-answer p {
    max-width: var(--tfg-measure-wide);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

/* WCAG 2.4.7 (DH-CS-NAV-FQ1): <summary> odak halkası — Button.css tfg-btn'i
   kapsar ama <summary>'yi kapsamaz; anasayfa B-FQ1 kapanışından taşındı. */
[data-tfg="on"] .tfg-faq-summary:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
    border-radius: var(--tfg-radius-md);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-faq-list {
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .tfg-faq-summary {
        gap: var(--tfg-space-3);
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .tfg-faq-summary > span {
        font-size: var(--tfg-font-size-body-sm);
    }

    [data-tfg="on"] .tfg-faq-answer {
        padding: var(--tfg-space-0) var(--tfg-space-4) var(--tfg-space-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .tfg-faq-item,
    [data-tfg="on"] .tfg-faq-item::before,
    [data-tfg="on"] .tfg-faq-chevron {
        transition: none;
    }

    [data-tfg="on"] .tfg-faq-item:hover,
    [data-tfg="on"] .tfg-faq-item[open] .tfg-faq-chevron {
        transform: none;
    }
}

/* --- AI özet bloğu premium varyantı (Patron 2026-06-12) ----------------
   Kaynak-doğruluk: services leaf summary-rail reçetesi (Services.css 5190-5385).
   Bileşen Premium parametresiyle giyer: dış cam kabuk tfg-premium-shell'den,
   başlık çerçevesi tfg-framed-heading'den gelir; burada yalnız iç ritim
   (ortalı brifing + kanıt kartları) yaşar. */
[data-tfg="on"] .ai-summary-block--premium {
    margin-block: var(--tfg-space-8);
}

/* İç brifing paneli (emekli AiSummaryBlock.razor.css scoped kopyasından birebir
   taşındı — katmansız hayalet kopya 2026-06-12 yakınsamasında silindi). */
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__shell {
    display: grid;
    gap: var(--tfg-premium-shell-gap);
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-panel-background-soft);
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-blur);
    backdrop-filter: var(--tfg-glass-blur);
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__briefing {
    display: grid;
    gap: var(--tfg-space-4);
    justify-items: center;
    text-align: center;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__title {
    margin: var(--tfg-space-0);
    font-family: var(--tfg-font-display);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__body {
    display: grid;
    gap: var(--tfg-space-3);
    inline-size: 100%;
    max-width: var(--tfg-measure-wide);
    margin-inline: auto;
    justify-items: center;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__paragraph {
    max-width: var(--tfg-measure-wide);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-lg);
    line-height: var(--tfg-line-height-body);
    text-align: center;
    text-wrap: pretty;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__evidence {
    min-width: 0;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__sources {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--tfg-grid-card-min), 1fr));
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source {
    position: relative;
    display: grid;
    gap: var(--tfg-space-3);
    align-content: space-between;
    padding: var(--tfg-space-5);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-rim-light);
    overflow: hidden;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

@supports (background: color-mix(in oklab, red 5%, transparent)) {
    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source {
        background:
            linear-gradient(
                150deg,
                color-mix(in oklab, var(--tfg-text-primary) 5%, transparent) 0%,
                transparent 56%),
            var(--tfg-glass-card-background);
        box-shadow:
            inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-text-primary) 10%, transparent),
            var(--tfg-rim-light);
    }
}

/* Kanıt kartı altın hover/focus çerçevesi (site-geneli repeated-card standardı;
   services taban reçetesi birebir) */
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source::after {
    content: "";
    position: absolute;
    inset: 0;
    border: var(--tfg-glass-card-hover-border);
    border-radius: inherit;
    box-shadow:
        inset 0 0 0 var(--tfg-border-hairline) var(--tfg-accent-rim),
        var(--tfg-warm-glow);
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
    pointer-events: none;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source:hover,
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source:focus-within {
    border: var(--tfg-glass-card-hover-border);
    background: var(--tfg-glass-card-hover-background);
    box-shadow: var(--tfg-glass-card-hover-shadow);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source:hover::after,
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source:focus-within::after {
    opacity: 1;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source > * {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source,
    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source::after {
        transition: none;
    }

    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source:hover,
    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source:focus-within {
        transform: none;
    }
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__claim,
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__reference {
    display: grid;
    gap: var(--tfg-space-1);
    margin: var(--tfg-space-0);
    font-size: var(--tfg-font-size-body-sm);
    line-height: var(--tfg-line-height-body);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__claim {
    color: var(--tfg-text-primary);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__reference {
    align-self: end;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__label {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    text-transform: uppercase;
}

/* Link reset (services rail birebir): kontrol-stili a kurallarından arındırır */
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__reference a {
    display: inline;
    width: fit-content;
    min-height: 0;
    padding: var(--tfg-space-0);
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--tfg-accent-warm-bright);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
}

[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__reference a:hover,
[data-tfg="on"] .ai-summary-block--premium .ai-summary-block__reference a:focus-visible {
    box-shadow: none;
    text-decoration: underline;
}

/* Forced-colors desteği: cam kenarlar yüksek-kontrastta sistem rengine döner
   (services forced-colors bloğundan primitive'e taşındı — tüm tüketiciler kazanır). */
@media (forced-colors: active) {
    [data-tfg="on"] .tfg-premium-shell,
    [data-tfg="on"] .tfg-faq-item,
    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__source {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .tfg-premium-shell::before {
        background: var(--tfg-forced-color-text);
    }
}

/* --- 4-öğeli grid dengesi -------------------------------------------- */

/* auto-fit gridlerde tam 4 öğe 3+1 sarkıyor; bu sınıf 2x2'ye kilitler. */
[data-tfg="on"] .tfg-grid-balanced:has(> :nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-grid-balanced:has(> :nth-child(4):last-child) {
        grid-template-columns: minmax(0, 1fr);
    }
}
}

/* ===== ./Utilities/Utils.css -> layer(utilities) ===== */
@layer utilities {
@layer utilities {
[data-tfg="on"] .tfg-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: var(--tfg-space-0);
    margin: calc(-1 * var(--tfg-border-hairline));
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

[data-tfg="on"] .tfg-flow > * + * {
    margin-top: var(--tfg-space-4);
}

[data-tfg="on"] .tfg-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    align-items: center;
}

[data-tfg="on"] .tfg-fit-text {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

[data-tfg="on"] .tfg-fit-title {
    font-size: clamp(var(--tfg-font-fit-title-min), var(--tfg-font-fit-title-fluid), var(--tfg-font-fit-title-max));
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .tfg-fit-copy {
    font-size: clamp(var(--tfg-font-fit-copy-min), var(--tfg-font-fit-copy-fluid), var(--tfg-font-fit-copy-max));
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] :where(
    .tfg-rail,
    .tfg-container,
    .tfg-inner-rail,
    .tfg-section,
    .tfg-hero-frame,
    .tfg-terminal-cta__shell,
    .footer-container,
    .tfg-card,
    .tfg-panel,
    .tfg-media-overlay-caption,
    .tfg-metric-frame,
    .tfg-metric-card,
    .tfg-chip,
    .tfg-btn
) {
    min-width: 0;
}

[data-tfg="on"] :where(
    .section-header,
    .section-title,
    .tfg-hero-frame :is(h1, h2, h3, p, span, a, button),
    .tfg-page-hero :is(h1, h2, h3, p, span, a, button),
    .tfg-terminal-cta__copy,
    .footer-container :is(p, span, a, button),
    .tfg-card :is(h2, h3, h4, p, span, a, button),
    .tfg-panel :is(h2, h3, h4, p, span, a, button),
    .tfg-media-overlay-caption :is(h2, h3, h4, p, span, a, button),
    .tfg-metric-frame :is(h2, h3, h4, p, span, a, button),
    .tfg-metric-card :is(h2, h3, h4, p, span, a, button)
) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

[data-tfg="on"] .section-subtitle {
    min-width: 0;
    overflow-wrap: anywhere;
}

[data-tfg="on"] .hero-subtitle {
    max-width: var(--tfg-page-hero-desc-max-width);
}

[data-tfg="on"] .step-desc {
    max-width: var(--tfg-measure-narrow);
}

[data-tfg="on"] .tfg-line-clamp-2,
[data-tfg="on"] .tfg-line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

[data-tfg="on"] .tfg-line-clamp-2 {
    -webkit-line-clamp: 2;
}

[data-tfg="on"] .tfg-line-clamp-3 {
    -webkit-line-clamp: 3;
}

[data-tfg="on"] .tfg-grid-tier-5,
[data-tfg="on"] .tfg-grid-tier-4,
[data-tfg="on"] .tfg-grid-tier-3,
[data-tfg="on"] .tfg-grid-tier-2 {
    display: grid;
    align-items: stretch;
    gap: var(--tfg-grid-tier-gap-default);
}

[data-tfg="on"] .tfg-grid-tier-5 {
    grid-template-columns: var(--tfg-grid-tier-5);
}

[data-tfg="on"] .tfg-grid-tier-4 {
    grid-template-columns: var(--tfg-grid-tier-4);
}

[data-tfg="on"] .tfg-grid-tier-3 {
    grid-template-columns: var(--tfg-grid-tier-3);
}

[data-tfg="on"] .tfg-grid-tier-2 {
    grid-template-columns: var(--tfg-grid-tier-2);
}

@media (max-width: 64rem) {
    [data-tfg="on"] .tfg-grid-tier-5,
    [data-tfg="on"] .tfg-grid-tier-4,
    [data-tfg="on"] .tfg-grid-tier-3 {
        grid-template-columns: var(--tfg-grid-tier-2);
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] :where(
        .tfg-rail,
        .tfg-container,
        .tfg-inner-rail,
        .tfg-hero-frame,
        .tfg-terminal-cta__shell,
        .footer-container,
        .tfg-card,
        .tfg-panel,
        .tfg-media-overlay-caption,
        .tfg-metric-frame,
        .tfg-metric-card
    ) {
        max-width: 100%;
    }

    [data-tfg="on"] .tfg-grid-tier-5,
    [data-tfg="on"] .tfg-grid-tier-4,
    [data-tfg="on"] .tfg-grid-tier-3,
    [data-tfg="on"] .tfg-grid-tier-2 {
        gap: var(--tfg-grid-tier-gap-compact);
        grid-template-columns: var(--tfg-grid-tier-1);
    }
}

[data-tfg="on"] :where(
    .tfg-card,
    .tfg-stat-card,
    .tfg-bento-card,
    .tfg-proof-slot,
    .tfg-proof-strip,
    .hero-proof-card,
    .hero-rail-card,
    .service-card-new,
    .industry-card,
    .need-card,
    .step-card,
    .home-stat-cell,
    .home-blog-card,
    .home-blog-empty,
    .home-quick-form-card,
    .home-quick-form-success,
    .trust-strip__shell,
    .group-card,
    .section-card,
    .decision-summary-card,
    .category-next-step-card,
    .solutions-card,
    .solutions-stat,
    .solution-overview-panel,
    .solution-signal-card,
    .solution-context-card,
    .solution-pillar-card,
    .solution-trust-panel,
    .solution-cta-panel,
    .corporate-card,
    .corporate-step,
    .corporate-stat,
    .corporate-gauge-card,
    .corporate-cta-panel,
    .legal-company-card,
    .legal-table-wrap,
    .accessibility-sidebar-card,
    .blog-featured,
    .blog-filters,
    .blog-card,
    .blog-post__next-step,
    .blog-related__card,
    .contact-form-card,
    .contact-support-card,
    .support-page__state,
    .support-page__meta-card,
    .search-container
) {
    position: relative;
    overflow: hidden;
    border: var(--tfg-glass-card-border);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-glass-card-shadow);
    isolation: isolate;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background var(--tfg-duration-fast) var(--tfg-ease-standard),
        box-shadow var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] :where(
    .tfg-card--featured,
    .tfg-card--strong,
    .hero-rail-card.is-active
) {
    border: var(--tfg-glass-card-border-strong);
    background:
        radial-gradient(circle at 4rem 4rem, var(--tfg-accent-soft), transparent 15rem),
        var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover);
}

[data-tfg="on"] :where(
    a.tfg-card,
    button.tfg-card,
    .tfg-card[href],
    .tfg-card[role="button"],
    .tfg-card[tabindex],
    .tfg-card--interactive,
    .service-card-new,
    .industry-card,
    .need-card,
    .step-card,
    .home-blog-card,
    .home-blog-category-card,
    .group-card,
    .section-card,
    .hub-value-pillar,
    .category-next-step-card,
    .tfg-card-premium,
    .solutions-card,
    .solution-signal-card,
    .solution-context-card,
    .solution-pillar-card,
    .solution-overview-panel,
    .solution-trust-panel,
    .solution-cta-panel,
    .corporate-card,
    .corporate-step,
    .corporate-gauge-card,
    .accessibility-sidebar-card,
    .legal-company-card,
    .blog-featured,
    .blog-card,
    .blog-post__next-step,
    .blog-related__card,
    .contact-form-card,
    .contact-support-card,
    .support-page__state,
    .support-page__meta-card,
    .search-page__result
):is(:hover, :focus-visible, :focus-within) {
    border: var(--tfg-glass-card-hover-border);
    background: var(--tfg-glass-card-hover-background);
    box-shadow: var(--tfg-glass-card-hover-shadow);
    transform: var(--tfg-glass-card-hover-transform);
}

/* Adım-3 blog craft (P1-DH-BLOG-FAMILY-CRAFT): uzun-form okuma yüzeyi —
   gövde metni ölçüsünü tipografi token'ına bağlar (tek tüketici bugün blog-post). */
[data-tfg="on"] .tfg-reading-surface {
    inline-size: 100%;
    max-inline-size: var(--tfg-reading-measure);
    min-width: 0;
}

[data-tfg="on"] .tfg-metric-card {
    border: var(--tfg-metric-card-border);
    background: var(--tfg-metric-card-background);
    box-shadow: var(--tfg-metric-card-shadow);
}

[data-tfg="on"] .tfg-metric-card:hover,
[data-tfg="on"] .tfg-metric-card:focus-within {
    border: var(--tfg-metric-card-hover-border);
    background: var(--tfg-metric-card-hover-background);
    box-shadow: var(--tfg-metric-card-hover-shadow);
    transform: var(--tfg-metric-card-hover-transform);
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] :where(
        a.tfg-card,
        button.tfg-card,
        .tfg-card[href],
        .tfg-card[role="button"],
        .tfg-card[tabindex],
        .tfg-card--interactive,
        .service-card-new,
        .industry-card,
        .need-card,
        .step-card,
        .home-blog-card,
        .home-blog-category-card,
        .group-card,
        .section-card,
        .hub-value-pillar,
        .category-next-step-card,
        .tfg-card-premium,
        .solutions-card,
        .solution-signal-card,
        .solution-context-card,
        .solution-pillar-card,
        .solution-overview-panel,
        .solution-trust-panel,
        .solution-cta-panel,
        .corporate-card,
        .corporate-step,
        .corporate-gauge-card,
        .accessibility-sidebar-card,
        .legal-company-card,
        .blog-featured,
        .blog-card,
        .blog-post__next-step,
        .blog-related__card,
        .contact-form-card,
        .contact-support-card,
        .support-page__state,
        .support-page__meta-card,
        .search-page__result
    ) {
        transition: none;
    }

    [data-tfg="on"] :where(
        a.tfg-card,
        button.tfg-card,
        .tfg-card[href],
        .tfg-card[role="button"],
        .tfg-card[tabindex],
        .tfg-card--interactive,
        .service-card-new,
        .industry-card,
        .need-card,
        .step-card,
        .home-blog-card,
        .home-blog-category-card,
        .group-card,
        .section-card,
        .hub-value-pillar,
        .category-next-step-card,
        .tfg-card-premium,
        .solutions-card,
        .solution-signal-card,
        .solution-context-card,
        .solution-pillar-card,
        .solution-overview-panel,
        .solution-trust-panel,
        .solution-cta-panel,
        .corporate-card,
        .corporate-step,
        .corporate-gauge-card,
        .accessibility-sidebar-card,
        .legal-company-card,
        .blog-featured,
        .blog-card,
        .blog-post__next-step,
        .blog-related__card,
        .contact-form-card,
        .contact-support-card,
        .support-page__state,
        .support-page__meta-card,
        .search-page__result
    ):is(:hover, :focus-visible, :focus-within) {
        transform: none;
    }
}

@supports ((backdrop-filter: blur(1rem)) or (-webkit-backdrop-filter: blur(1rem))) {
    [data-tfg="on"] :where(
        .tfg-card,
        .tfg-stat-card,
        .tfg-bento-card,
        .tfg-proof-slot,
        .tfg-proof-strip,
        .hero-proof-card,
        .hero-rail-card,
        .service-card-new,
        .industry-card,
        .need-card,
        .step-card,
        .home-stat-cell,
        .home-blog-card,
        .home-blog-empty,
        .home-quick-form-card,
        .home-quick-form-success,
        .trust-strip__shell,
        .group-card,
        .section-card,
        .decision-summary-card,
        .category-next-step-card,
        .solutions-card,
        .solutions-stat,
        .solution-overview-panel,
        .solution-signal-card,
        .solution-context-card,
        .solution-pillar-card,
        .solution-trust-panel,
        .solution-cta-panel,
        .corporate-card,
        .corporate-step,
        .corporate-stat,
        .corporate-gauge-card,
        .corporate-cta-panel,
        .legal-company-card,
        .legal-table-wrap,
        .accessibility-sidebar-card,
        .blog-featured,
        .blog-filters,
        .blog-card,
        .blog-post__next-step,
        .blog-related__card,
        .contact-form-card,
        .contact-support-card,
        .support-page__state,
        .support-page__meta-card,
        .search-container
    ) {
        -webkit-backdrop-filter: var(--tfg-glass-card-blur);
        backdrop-filter: var(--tfg-glass-card-blur);
    }
}
}
}

/* ===== ./A11y/Preferences.css -> layer(a11y) ===== */
@layer a11y {
@layer a11y {
@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] *,
    [data-tfg="on"] *::before,
    [data-tfg="on"] *::after {
        animation-duration: 1ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 1ms;
    }
}

@media (prefers-reduced-transparency: reduce) {
    [data-tfg="on"] {
        --tfg-surface: var(--tfg-surface-heavy);
        --tfg-panel-background: var(--tfg-panel-background-heavy);
        --tfg-panel-background-soft: var(--tfg-panel-background-heavy);
        --tfg-glass-card-background: var(--tfg-panel-background-heavy);
        --tfg-glass-card-background-strong: var(--tfg-panel-background-heavy);
        --tfg-glass-card-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
        --tfg-glass-card-shadow-hover: var(--tfg-rim-light), var(--tfg-rim-shadow);
        --tfg-glass-card-blur: none;
        --tfg-glass-meta-pill-background: var(--tfg-panel-background-heavy);
        --tfg-glass-meta-pill-blur: none;
        --tfg-media-caption-background: var(--tfg-panel-background-heavy);
        --tfg-media-caption-blur: none;
    }

    [data-tfg="on"] .tfg-atmosphere__noise,
    [data-tfg="on"] .tfg-atmosphere__geometry {
        display: none;
    }
}

@media (prefers-contrast: more) {
    [data-tfg="on"] {
        --tfg-surface-border: rgba(255, 255, 255, 0.42);
        --tfg-surface-border-strong: rgba(255, 255, 255, 0.62);
        --tfg-text-secondary: #edf3fa;
        --tfg-text-muted: #dce6f0;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .tfg-atmosphere {
        display: none;
    }

    [data-tfg="on"] .tfg-panel,
    [data-tfg="on"] .tfg-card {
        border: var(--tfg-border-hairline) solid var(--tfg-forced-color-text);
        background: var(--tfg-forced-color-canvas);
        color: var(--tfg-forced-color-text);
        box-shadow: none;
    }
}

[data-tfg="on"][data-tfg-perf="low"] .tfg-panel,
[data-tfg="on"][data-tfg-perf="low"] .tfg-card,
[data-tfg="on"][data-tfg-perf="low"] .tfg-stat-card,
[data-tfg="on"][data-tfg-perf="low"] .tfg-bento-card,
[data-tfg="on"][data-tfg-perf="low"] .hero-eyebrow,
[data-tfg="on"][data-tfg-perf="low"] .tfg-media-overlay-caption,
[data-tfg="on"][data-tfg-data="save"] .tfg-panel,
[data-tfg="on"][data-tfg-data="save"] .tfg-card,
[data-tfg="on"][data-tfg-data="save"] .tfg-stat-card,
[data-tfg="on"][data-tfg-data="save"] .tfg-bento-card,
[data-tfg="on"][data-tfg-data="save"] .hero-eyebrow,
[data-tfg="on"][data-tfg-data="save"] .tfg-media-overlay-caption,
[data-tfg="on"][data-tfg-transparency="reduce"] .tfg-panel,
[data-tfg="on"][data-tfg-transparency="reduce"] .tfg-card,
[data-tfg="on"][data-tfg-transparency="reduce"] .tfg-stat-card,
[data-tfg="on"][data-tfg-transparency="reduce"] .tfg-bento-card,
[data-tfg="on"][data-tfg-transparency="reduce"] .hero-eyebrow,
[data-tfg="on"][data-tfg-transparency="reduce"] .tfg-media-overlay-caption {
    background: var(--tfg-surface-heavy);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

[data-tfg="on"][data-tfg-perf="low"] .tfg-atmosphere__mesh,
[data-tfg="on"][data-tfg-data="save"] .tfg-atmosphere__mesh,
[data-tfg="on"][data-tfg-motion="reduce"] .tfg-atmosphere__mesh {
    animation: none;
    filter: none;
}
}
}

/* ===== ./Print/Print.css -> layer(print) ===== */
@layer print {
@layer print {
@media print {
    [data-tfg="on"] .tfg-atmosphere,
    [data-tfg="on"] .tfg-video,
    [data-tfg="on"] .tfg-toast {
        display: none;
    }

    [data-tfg="on"] .tfg-panel,
    [data-tfg="on"] .tfg-card,
    [data-tfg="on"] .tfg-section {
        box-shadow: none;
    }
}
}
}