@layer sections {
[data-tfg="on"] .tfg-home-surface,
[data-tfg="on"] .home-tfg-page {
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .hero-section,
[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"] .solution-partners-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);
}

[data-tfg="on"] .trust-section {
    margin-block: var(--tfg-space-0);
    padding-inline: var(--tfg-space-0);
}

[data-tfg="on"] .trust-section.tfg-proof-strip {
    display: block;
    padding: var(--tfg-space-0);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

[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-blog-empty,
[data-tfg="on"] .proof-ref-card,
[data-tfg="on"] .solution-partners__shell,
[data-tfg="on"] .trust-strip__shell,
[data-tfg="on"] .cta-container {
    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"] .tfg-home-surface {
    --tfg-home-section-stack-gap: var(--tfg-geometry-page-section-gap-dense);
    --tfg-home-section-header-gap: var(--tfg-space-6);
    --tfg-home-section-padding-block: var(--tfg-space-5);

    display: grid;
    gap: var(--tfg-home-section-stack-gap);
    padding-bottom: var(--tfg-space-0);
}

[data-tfg="on"] .tfg-section {
    position: relative;
}

[data-tfg="on"] .tfg-home-surface > .tfg-section:not(.hero) {
    padding-block: var(--tfg-home-section-padding-block);
}

[data-tfg="on"] .section-header,
[data-tfg="on"] .tfg-section-header,
[data-tfg="on"] .home-blog-header {
    display: flex;
    max-width: var(--tfg-section-header-width);
    flex-direction: column;
    align-items: center;
    gap: var(--tfg-space-3);
    margin: var(--tfg-space-0) auto var(--tfg-home-section-header-gap, var(--tfg-geometry-section-gap-compact));
    text-align: center;
}

[data-tfg="on"] .section-header > :is(.section-subtitle, .tfg-section-header__description),
[data-tfg="on"] .tfg-section-header > :is(.section-subtitle, .tfg-section-header__description) {
    max-width: var(--tfg-measure-default);
}

[data-tfg="on"] .section-title,
[data-tfg="on"] .tfg-section-header__title,
[data-tfg="on"] .cta-title {
    margin: var(--tfg-space-0);
    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"] .section-subtitle,
[data-tfg="on"] .tfg-section-header__description,
[data-tfg="on"] .cta-desc {
    max-width: var(--tfg-measure-default);
    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"] .trust-strip__shell {
    position: relative;
    isolation: isolate;
    display: grid;
    min-height: clamp(17rem, 23vw, 22.5rem);
    align-items: center;
    gap: var(--tfg-space-8);
    overflow: hidden;
    padding: var(--tfg-trust-strip-shell-padding);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at 10% 6%, hsla(0deg, 0%, 100%, 0.24), transparent var(--tfg-grid-col-15)),
        radial-gradient(circle at 88% 18%, hsla(38deg, 87%, 69%, 0.12), transparent var(--tfg-grid-card-min)),
        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);
    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);
}

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

[data-tfg="on"] .trust-strip__shell::before {
    inset: 0;
    z-index: -1;
    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"] .trust-strip__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 var(--tfg-space-16)),
        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"] .trust-strip__rail .trust-strip__shell {
    width: 100%;
    max-width: none;
    margin: var(--tfg-space-0);
}

/* B-T1 :focus-visible rule moved to Tfg/Sections/Home.css for cascade hygiene
   parity with Hero B-H2 (Sections/Hero.css:142-152) per audit-verifier 2026-04-27
   soft-finding-2. Sections layer = surface-specific styling per CssUiStandards
   cascade convention; PageFamilies layer = page-bundle-specific. */

[data-tfg="on"] .trust-strip__header,
[data-tfg="on"] .home-blog-header,
[data-tfg="on"] .cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-geometry-card-gap);
}

[data-tfg="on"] .trust-strip__header,
[data-tfg="on"] .trust-strip__body {
    position: relative;
    z-index: 1;
}

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

[data-tfg="on"] .trust-strip__link {
    display: inline-flex;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-2) var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);

    /* Card #002 L2 — documented exception: flat 0.42-alpha canvas tint for the pill hover;
       the token equivalents (--tfg-panel-background-*) are gradients and would change the look. */
    background: hsla(214deg, 47%, 6%, 0.42);
    color: var(--tfg-text-headline);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    text-decoration: none;
    box-shadow: var(--tfg-rim-light);
    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"] .trust-strip__link:hover {
    border-color: var(--tfg-surface-border-strong);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light), var(--tfg-warm-glow);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .trust-strip__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-space-6);
}

[data-tfg="on"] .trust-strip__fallback {
    display: grid;
    max-width: min(100%, var(--tfg-measure-rem-5xl));
    gap: var(--tfg-space-5);
}

[data-tfg="on"] .trust-strip__title {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: clamp(var(--tfg-font-size-h3), 2.4vw, var(--tfg-font-size-h2));
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .trust-strip__description {
    /* Card #002 L4 fix: 86ch was outside the measure token family; wide measure is the cap. */
    max-width: var(--tfg-measure-wide);
    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"] .trust-strip__logo-carousel {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(var(--tfg-space-2), 1.15vw, var(--tfg-space-4));
}

[data-tfg="on"] .trust-strip__logo-viewport {
    position: relative;
    z-index: 1;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scroll-padding-inline: var(--tfg-space-3);
    scroll-snap-type: x mandatory;
    border-radius: var(--tfg-radius-lg);
}

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

[data-tfg="on"] .trust-strip__logo-viewport:focus-visible {
    outline: var(--tfg-focus-outline-width, var(--tfg-nudge-xs)) solid var(--tfg-focus-ring-color, var(--tfg-accent-warm-bright));
    outline-offset: var(--tfg-focus-outline-offset, var(--tfg-nudge-sm));
}

[data-tfg="on"] .trust-strip__logo-wall {
    display: flex;
    gap: clamp(var(--tfg-space-2), 1.15vw, var(--tfg-space-4));
    width: max-content;
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-1);
    align-items: stretch;
    list-style: none;
}

[data-tfg="on"] .trust-strip__logo-card {
    display: grid;

    /* PAGE-014 tokenization: card/plate/logo recipe shared 1:1 with Corporate.css
       .reference-wall__* — values live in --tfg-glass-card-logo-* (Materials) +
       --tfg-trust-logo-* (Spacing) so the twins cannot drift. */
    grid-template-rows: minmax(var(--tfg-trust-logo-plate-min-height), 1fr) auto;
    flex: 0 0 clamp(13.5rem, 15.2vw, 15.75rem);
    min-width: 0;
    min-height: var(--tfg-trust-logo-card-min-height);
    align-content: stretch;
    gap: var(--tfg-space-3);
    padding: var(--tfg-trust-logo-card-padding);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-logo-background);
    box-shadow: var(--tfg-glass-card-logo-shadow);
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition:
        border-color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        box-shadow var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        transform var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .trust-strip__logo-card:hover {
    border-color: var(--tfg-surface-border-strong);
    box-shadow: var(--tfg-rim-light), var(--tfg-warm-glow);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .trust-strip__logo-plate {
    display: grid;
    min-width: 0;
    min-height: var(--tfg-trust-logo-plate-min-height);
    place-items: center;
    overflow: visible;
    padding: var(--tfg-space-3);
    border: var(--tfg-glass-card-logo-plate-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-glass-card-logo-plate-background);
    box-shadow: var(--tfg-glass-card-logo-plate-shadow);
}

[data-tfg="on"] .trust-strip__logo-picture {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
}

[data-tfg="on"] .trust-strip__logo-image {
    display: block;
    width: 100%;
    height: 100%;
    max-height: var(--tfg-trust-logo-max-height);
    object-fit: contain;
    filter: saturate(1.02) contrast(1.08) brightness(0.98);
}

[data-tfg="on"] .trust-strip__logo-name {
    display: grid;
    min-height: var(--tfg-len-rem-2-65);
    align-items: center;
    color: var(--tfg-text-headline);
    font-size: clamp(var(--tfg-font-size-xs), 0.72vw, var(--tfg-font-size-sm));
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    overflow-wrap: anywhere;
    text-align: center;
    text-wrap: balance;
}

[data-tfg="on"] .trust-strip__carousel-control {
    position: relative;
    z-index: 2;
    display: inline-grid;
    width: clamp(2.75rem, 3.2vw, 3.25rem);
    min-width: var(--tfg-control-min-height);
    min-height: var(--tfg-control-min-height);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background:
        radial-gradient(circle at 32% 24%, hsla(0deg, 0%, 100%, 0.14), transparent 44%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-rim-light), inset 0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.05);
    cursor: pointer;
    transition:
        border-color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        box-shadow var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        transform var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .trust-strip__carousel-control:hover {
    border-color: var(--tfg-surface-border-strong);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-rim-light), var(--tfg-warm-glow);
    transform: translateY(var(--tfg-nav-hover-lift));
}

[data-tfg="on"] .trust-strip__carousel-control:focus-visible {
    outline: var(--tfg-focus-outline-width, var(--tfg-nudge-xs)) solid var(--tfg-focus-ring-color, var(--tfg-accent-warm-bright));
    outline-offset: var(--tfg-focus-outline-offset, var(--tfg-nudge-sm));
}

[data-tfg="on"] .solution-partners-container {
    display: grid;
    gap: var(--tfg-geometry-section-gap-compact);
}

[data-tfg="on"] .solution-partners__shell {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: var(--tfg-space-8);
    overflow: hidden;
    padding: var(--tfg-geometry-panel-padding);
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-shell-blur);
    backdrop-filter: var(--tfg-glass-shell-blur);
}

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

[data-tfg="on"] .solution-partners__shell::before {
    inset: 0;
    z-index: -1;
    background:
        var(--tfg-glass-shell-top-highlight),
        var(--tfg-glass-shell-highlight-line);
    opacity: 0.74;
}

[data-tfg="on"] .solution-partners__shell::after {
    inset-block: auto var(--tfg-space-0);
    inset-inline: var(--tfg-space-8);
    z-index: -1;
    height: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    opacity: 0.9;
}

[data-tfg="on"] .solution-partners__header {
    max-width: min(100%, var(--tfg-container-md));
    margin-bottom: var(--tfg-space-0);
}

[data-tfg="on"] .solution-partners__carousel {
    z-index: 1;
}

[data-tfg="on"] .solution-partners__logo-wall {
    align-items: stretch;
}

[data-tfg="on"] .solution-partners__logo-card {
    grid-template-rows: minmax(clamp(5.75rem, 5.8vw, 6.75rem), 1fr) auto;
    flex-basis: clamp(12.5rem, 13.4vw, 14.75rem);
    min-height: clamp(10.25rem, 10.4vw, 11.75rem);
}

[data-tfg="on"] .solution-partners__logo-plate {
    min-height: clamp(5.75rem, 5.8vw, 6.75rem);
}

[data-tfg="on"] .solution-partners__logo-image {
    max-height: clamp(4.25rem, 4.6vw, 5.35rem);
}

[data-tfg="on"] .solution-partners__logo-name {
    min-height: var(--tfg-len-rem-2-4);
}

[data-tfg="on"] .trust-strip__proof-list {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-3);
    gap: var(--tfg-geometry-card-gap);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .trust-strip__proof-item {
    display: flex;
    gap: var(--tfg-space-3);
    min-height: var(--tfg-card-min-height-compact);
    padding: var(--tfg-card-padding-compact);
}

/* DH-CS-NAV-13: .value-intro-container + .value-intro__accent rules migrated
   to Tfg/Sections/Home.css (Trust soft-finding-2 cascade-hygiene convention). */

[data-tfg="on"] .bento-grid {
    display: grid;
    align-items: stretch;
    grid-template-columns: var(--tfg-grid-tier-4);
    grid-auto-rows: minmax(var(--tfg-card-min-height-default), auto);
    gap: var(--tfg-geometry-grid-gap);
}

[data-tfg="on"] .service-grid-section .section-header {
    max-width: min(100%, var(--tfg-measure-wide));
}

[data-tfg="on"] .service-grid-section .section-title {
    max-width: var(--tfg-measure-default);
}

[data-tfg="on"] .service-grid-section .section-subtitle {
    max-width: var(--tfg-measure-default);
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .span-2 {
    grid-column: span 2;
}

[data-tfg="on"] .span-2-row-2 {
    grid-column: span 2;
    grid-row: span 2;
}

[data-tfg="on"] .service-card-new {
    position: relative;
    display: block;
    min-height: var(--tfg-card-min-height-featured);
    min-block-size: var(--tfg-card-min-height-featured);
    height: 100%;
    container-name: tfg-service-card;
    container-type: inline-size;
    overflow: hidden;
    contain: layout paint;
    border: var(--tfg-glass-card-border);
    background: var(--tfg-panel-background-heavy);
    text-decoration: none;
    box-shadow: var(--tfg-glass-card-shadow);
    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"] .service-card-new::before,
[data-tfg="on"] .service-card-new::after {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: var(--tfg-z-content);
    pointer-events: none;
    content: "";
}

[data-tfg="on"] .service-card-new::before {
    background: var(--tfg-media-overlay-scrim), var(--tfg-media-overlay-highlight);
}

[data-tfg="on"] .service-card-new::after {
    border: var(--tfg-glass-card-border);
    border-radius: inherit;
    box-shadow: var(--tfg-rim-light);
    opacity: var(--tfg-media-overlay-rim-opacity);
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .service-card-new picture,
[data-tfg="on"] .card-bg-image {
    position: absolute;
    inset: var(--tfg-space-0);
    width: 100%;
    height: 100%;
}

[data-tfg="on"] .card-bg-image {
    object-fit: cover;
    filter: saturate(0.96) contrast(1.04) brightness(0.9);
    transition:
        filter var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .card-tfg-panel {
    position: absolute;
    right: var(--tfg-space-4);
    bottom: var(--tfg-space-4);
    left: var(--tfg-space-4);
    z-index: var(--tfg-z-overlay);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-geometry-card-gap);
    min-width: 0;
    max-width: calc(100% - (var(--tfg-space-4) * 2));
    max-height: calc(100% - (var(--tfg-space-4) * 2));
    padding: var(--tfg-card-padding-compact);
    overflow: clip;
    border-radius: var(--tfg-card-radius-compact);
}

[data-tfg="on"] .card-tfg-panel.tfg-media-overlay-caption {
    border: var(--tfg-media-caption-border);
    background: var(--tfg-media-caption-background);
    color: var(--tfg-text-headline);
    box-shadow: var(--tfg-media-caption-shadow);
}

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

[data-tfg="on"] .icon-container,
[data-tfg="on"] .industry-card__icon,
[data-tfg="on"] .need-card__icon,
[data-tfg="on"] .step-visual {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    width: var(--tfg-icon-chip-lg);
    height: var(--tfg-icon-chip-lg);
    flex: 0 0 var(--tfg-icon-chip-lg);
    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);
    -webkit-backdrop-filter: var(--tfg-panel-blur);
    backdrop-filter: var(--tfg-panel-blur);
}

[data-tfg="on"] .arrow-icon {
    display: none;
}

[data-tfg="on"] .text-container,
[data-tfg="on"] .need-card__copy,
[data-tfg="on"] .step-content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--tfg-card-copy-gap);
}

[data-tfg="on"] .text-container > * {
    min-width: 0;
    max-width: 100%;
}

[data-tfg="on"] .service-card-meta {
    display: inline-flex;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    padding: var(--tfg-space-1) var(--tfg-space-3);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    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-card);
    line-height: var(--tfg-line-height-tight);
    overflow-wrap: anywhere;
    box-shadow: var(--tfg-glass-meta-pill-shadow);
}

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

[data-tfg="on"] .title,
[data-tfg="on"] .industry-card h3,
[data-tfg="on"] .need-card h3,
[data-tfg="on"] .step-title,
[data-tfg="on"] .home-blog-card__title {
    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"] .desc,
[data-tfg="on"] .industry-card p,
[data-tfg="on"] .need-card p,
[data-tfg="on"] .step-desc,
[data-tfg="on"] .home-blog-card__summary {
    max-width: var(--tfg-measure-narrow);
    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"] .service-card-new .desc {
    max-width: 100%;
}

[data-tfg="on"] .service-card-action {
    display: inline-flex;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    gap: var(--tfg-space-2);
    margin-top: var(--tfg-space-1);
    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);
    overflow-wrap: anywhere;
    white-space: normal;
    text-wrap: balance;
    transition:
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .service-card-action .tfg-icon {
    flex: 0 0 auto;
}

[data-tfg="on"] .title,
[data-tfg="on"] .desc,
[data-tfg="on"] .industry-card h3,
[data-tfg="on"] .industry-card p,
[data-tfg="on"] .need-card h3,
[data-tfg="on"] .need-card p,
[data-tfg="on"] .step-title,
[data-tfg="on"] .step-desc {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .industry-grid,
[data-tfg="on"] .need-shortcuts-grid,
[data-tfg="on"] .testimonials-grid {
    display: grid;
    align-items: stretch;
    gap: var(--tfg-geometry-grid-gap);
}

[data-tfg="on"] .industry-grid {
    position: relative;
    isolation: isolate;
    grid-template-columns: var(--tfg-grid-tier-4);
}

[data-tfg="on"] .industry-grid::before {
    position: absolute;
    inset: calc(var(--tfg-space-4) * -1);
    z-index: -1;
    border-radius: var(--tfg-industry-grid-backdrop-radius);
    background:
        radial-gradient(circle at 16% 10%, hsla(0deg, 0%, 100%, 0.12), transparent var(--tfg-grid-card-max)),
        radial-gradient(circle at 86% 20%, hsla(41deg, 83%, 68%, 0.09), transparent var(--tfg-grid-col-24)),
        linear-gradient(120deg, hsla(0deg, 0%, 100%, 0.045), transparent 42%, hsla(199deg, 57%, 64%, 0.045));
    content: "";
    opacity: 0.68;
    pointer-events: none;
}

[data-tfg="on"] .need-shortcuts-grid,
[data-tfg="on"] .testimonials-grid {
    grid-template-columns: var(--tfg-grid-tier-3);
}

[data-tfg="on"] .need-shortcuts-grid {
    position: relative;
    isolation: isolate;
    grid-auto-rows: minmax(calc(var(--tfg-card-min-height-featured) - var(--tfg-space-4)), auto);
}

[data-tfg="on"] .need-shortcuts-grid::before {
    position: absolute;
    inset: calc(var(--tfg-space-4) * -1);
    z-index: -1;
    border-radius: var(--tfg-industry-grid-backdrop-radius);
    background:
        radial-gradient(circle at 12% 12%, var(--tfg-accent-soft), transparent var(--tfg-grid-card-min)),
        var(--tfg-glass-card-highlight);
    content: "";
    opacity: 0.66;
    pointer-events: none;
}

[data-tfg="on"] .industry-card,
[data-tfg="on"] .need-card,
[data-tfg="on"] .step-card {
    display: flex;
    min-height: var(--tfg-card-min-height-default);
    flex-direction: column;
    gap: var(--tfg-geometry-card-gap);
    padding: var(--tfg-card-padding-default);
    text-decoration: none;
    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"] .industry-card {
    min-height: calc(var(--tfg-card-min-height-featured) + var(--tfg-space-4));
    padding: var(--tfg-space-5);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background:
        linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.16), transparent 38%),
        radial-gradient(circle at 16% 12%, hsla(0deg, 0%, 100%, 0.18), transparent var(--tfg-grid-stat-min)),
        linear-gradient(150deg, hsla(209deg, 19%, 27%, 0.72), hsla(214deg, 45%, 9%, 0.82) 48%, hsla(216deg, 56%, 4%, 0.96));
    box-shadow:
        var(--tfg-glass-card-shadow),
        inset 0 0 0 var(--tfg-border-hairline) hsla(0deg, 0%, 100%, 0.08);
    container-name: tfg-industry-card;
    container-type: inline-size;
}

[data-tfg="on"] .industry-card::before,
[data-tfg="on"] .industry-card::after,
[data-tfg="on"] .industry-card__glow {
    position: absolute;
    inset: var(--tfg-space-0);
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .industry-card::before {
    z-index: 0;
    background:
        linear-gradient(118deg, hsla(0deg, 0%, 100%, 0.2), transparent 34%, hsla(0deg, 0%, 100%, 0.035) 58%, transparent 72%),
        linear-gradient(34deg, transparent 0 54%, hsla(199deg, 57%, 64%, 0.09) 54% 66%, transparent 66%);
    opacity: 0.74;
}

[data-tfg="on"] .industry-card::after {
    z-index: 2;
    border-radius: inherit;
    box-shadow:
        inset 0 var(--tfg-border-hairline) 0 hsla(0deg, 0%, 100%, 0.24),
        inset 0 calc(var(--tfg-border-hairline) * -1) 0 hsla(0deg, 0%, 0%, 0.38);
}

[data-tfg="on"] .industry-card__glow {
    z-index: 0;
    background:
        radial-gradient(circle at 18% 16%, hsla(41deg, 83%, 68%, 0.12), transparent var(--tfg-size-rem-8)),
        radial-gradient(circle at 88% 12%, hsla(199deg, 57%, 64%, 0.08), transparent var(--tfg-size-rem-10));
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .industry-card > :where(.industry-card__icon, .industry-card__index, .industry-card__content) {
    position: relative;
    z-index: 3;
}

[data-tfg="on"] .industry-card__index {
    position: absolute;
    top: var(--tfg-space-5);
    right: var(--tfg-space-5);
    display: inline-flex;
    min-height: var(--tfg-icon-chip-sm);
    align-items: center;
    justify-content: center;
    padding-inline: var(--tfg-space-3);
    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-family: var(--tfg-font-num);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    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"] .industry-card__content {
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: auto auto minmax(var(--tfg-space-0), 1fr) auto;
    gap: var(--tfg-card-copy-gap);
    align-content: stretch;
    margin-top: auto;
    padding: var(--tfg-card-padding-compact);
    border: var(--tfg-media-caption-border);
    border-radius: var(--tfg-card-radius-compact);
    background: var(--tfg-media-caption-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-media-caption-shadow);
    -webkit-backdrop-filter: var(--tfg-media-caption-blur);
    backdrop-filter: var(--tfg-media-caption-blur);
}

[data-tfg="on"] .industry-card__content > p {
    align-self: start;
}

[data-tfg="on"] .industry-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
    min-width: 0;
}

[data-tfg="on"] .industry-status,
[data-tfg="on"] .industry-card__route {
    display: inline-flex;
    min-height: var(--tfg-icon-chip-sm);
    align-items: center;
    justify-content: center;
    padding-inline: var(--tfg-space-3);
    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-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    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"] .industry-card__route {
    flex: 0 0 auto;
    color: var(--tfg-text-tertiary);
    font-family: var(--tfg-font-num);
}

[data-tfg="on"] .industry-card--active .industry-status,
[data-tfg="on"] .industry-card--active .industry-card__icon {
    border-color: var(--tfg-accent-rim);
    background: var(--tfg-icon-chip-background-warm);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-icon-chip-shadow-warm);
}

[data-tfg="on"] .industry-card--new .industry-status {
    /* Card #002 L3 fix: hardcoded accent-cool alpha replaced with the owning border token. */
    border-color: var(--tfg-accent-cool-border);
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .industry-card--upcoming .industry-status {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .industry-card h3 {
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .industry-card p {
    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"] .need-card {
    min-height: calc(var(--tfg-card-min-height-featured) - var(--tfg-space-4));
    padding: var(--tfg-space-5);
    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),
        var(--tfg-rim-light),
        var(--tfg-rim-shadow);
    container-name: tfg-need-card;
    container-type: inline-size;
}

[data-tfg="on"] .need-card::before,
[data-tfg="on"] .need-card::after,
[data-tfg="on"] .need-card__glow {
    position: absolute;
    inset: var(--tfg-space-0);
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .need-card::before {
    z-index: 0;
    background: var(--tfg-glass-card-highlight);
    opacity: 0.76;
}

[data-tfg="on"] .need-card::after {
    z-index: 2;
    border-radius: inherit;
    box-shadow:
        inset 0 var(--tfg-border-hairline) 0 hsla(0deg, 0%, 100%, 0.24),
        inset 0 calc(var(--tfg-border-hairline) * -1) 0 hsla(0deg, 0%, 0%, 0.38);
}

[data-tfg="on"] .need-card__glow {
    z-index: 0;
    background:
        radial-gradient(circle at 18% 12%, var(--tfg-accent-soft), transparent var(--tfg-size-rem-10)),
        radial-gradient(circle at 86% 14%, hsla(199deg, 57%, 64%, 0.1), transparent var(--tfg-size-rem-11));
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .need-card > :where(.need-card__topline, .need-card__copy, .need-card__action) {
    position: relative;
    z-index: 3;
}

[data-tfg="on"] .need-card__topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .need-card__number {
    display: inline-flex;
    min-height: var(--tfg-icon-chip-sm);
    align-items: center;
    justify-content: center;
    padding-inline: var(--tfg-space-3);
    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-family: var(--tfg-font-num);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    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"] .need-card__copy {
    display: grid;
    flex: 1 1 auto;
    gap: var(--tfg-card-copy-gap);
    align-content: start;
    margin-top: auto;
    padding: var(--tfg-card-padding-compact);
    border: var(--tfg-media-caption-border);
    border-radius: var(--tfg-card-radius-compact);
    background: var(--tfg-media-caption-background);
    color: var(--tfg-text-primary);
    box-shadow: var(--tfg-media-caption-shadow);
    -webkit-backdrop-filter: var(--tfg-media-caption-blur);
    backdrop-filter: var(--tfg-media-caption-blur);
}

[data-tfg="on"] .need-card h3,
[data-tfg="on"] .need-card p {
    max-width: none;
}

[data-tfg="on"] .need-card:is(:hover, :focus-within) .need-card__glow {
    opacity: 1;
}

[data-tfg="on"] .need-card:is(:hover, :focus-within) .need-card__action {
    transform: translateX(var(--tfg-space-1));
}

[data-tfg="on"] .industry-card__action,
[data-tfg="on"] .need-card__action {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    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);
    overflow-wrap: anywhere;
    transition:
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

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

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

[data-tfg="on"] .need-card:is(:hover, :focus-within) .need-card__action .tfg-icon {
    transform: translateX(var(--tfg-space-1));
}

[data-tfg="on"] :is(.service-card-new, .industry-card, .need-card, .step-card, .home-blog-card):is(:hover, :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"] .service-card-new:is(:hover, :focus-within)::after {
    opacity: var(--tfg-media-overlay-rim-opacity-hover);
}

[data-tfg="on"] .service-card-new:is(:hover, :focus-within) .card-bg-image {
    filter: var(--tfg-media-hover-filter);
    transform: scale(var(--tfg-motion-media-hover-scale));
}

[data-tfg="on"] .service-card-new:is(:hover, :focus-within) .service-card-action {
    transform: translateX(var(--tfg-space-1));
}

[data-tfg="on"] .industry-card:is(:hover, :focus-within) .industry-card__glow {
    opacity: 1;
}

[data-tfg="on"] .industry-card:is(:hover, :focus-within) .industry-card__action {
    transform: translateX(var(--tfg-space-1));
}

/* DH-CS-NAV-S1: .service-card-new:focus-visible migrated to Sections/Home.css
   per cascade hygiene convention (Trust audit-verifier soft-finding-2 ratified
   2026-04-27; mirrors Trust B-T1 + Hero B-H2 placement). Migration adds
   missing border-radius: var(--tfg-radius-lg) per ServiceGrid B-S1 closure. */

[data-tfg="on"] :is(.service-card-new, .industry-card, .need-card, .step-card, .home-blog-card):is(:hover, :focus-within) :is(.title, .industry-card h3, .need-card h3, .step-title, .industry-card__action, .need-card__action, .step-deliverable, .home-blog-card__title, .home-blog-card__read-time) {
    color: var(--tfg-glass-card-hover-title);
}

[data-tfg="on"] .industry-card:is(:hover, :focus-within) h3,
[data-tfg="on"] .need-card:is(:hover, :focus-within) h3,
[data-tfg="on"] .step-card:is(:hover, :focus-within) .step-title {
    color: var(--tfg-glass-card-hover-title);
}

[data-tfg="on"] .need-shortcuts-footer,
[data-tfg="on"] .service-grid-footer,
[data-tfg="on"] .home-stats-footer {
    display: flex;
    justify-content: center;
    margin-top: var(--tfg-space-6);
    text-align: center;
}

[data-tfg="on"] .service-grid-footer {
    justify-content: stretch;
    margin-top: var(--tfg-space-8);
}

[data-tfg="on"] .service-grid-footer__panel {
    position: relative;
    isolation: isolate;
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--tfg-geometry-card-gap);
    overflow: hidden;
    padding: var(--tfg-card-padding-comfortable);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at var(--tfg-space-12) var(--tfg-space-2), var(--tfg-accent-soft), transparent var(--tfg-grid-col-14)),
        var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-glass-card-shadow);
    text-align: left;
}

[data-tfg="on"] .service-grid-footer__panel::before {
    position: absolute;
    inset-block: var(--tfg-space-4);
    inset-inline-start: var(--tfg-space-0);
    width: var(--tfg-focus-width);
    border-radius: var(--tfg-radius-pill);
    background: linear-gradient(180deg, transparent, var(--tfg-accent-warm-bright), transparent);
    content: "";
}

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

[data-tfg="on"] .service-grid-footer__eyebrow {
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    letter-spacing: 0;
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .service-grid-footer__copy strong {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .service-grid-footer__copy span:last-child {
    max-width: var(--tfg-measure-default);
    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"] .service-grid-footer__button {
    min-width: min(100%, var(--tfg-grid-card-min));
}

[data-tfg="on"] .service-grid-footer__button .tfg-icon {
    flex: 0 0 auto;
}

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

[data-tfg="on"] .methodology-container ol {
    display: grid;
    align-items: stretch;
    grid-template-columns: var(--tfg-grid-tier-5);
    gap: var(--tfg-geometry-grid-gap);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

/* Patron 2026-06-11: methodology icon + number pair on one top row (mirror of need-card__topline). */
[data-tfg="on"] .step-topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .step-number {
    display: inline-flex;
    width: fit-content;
    min-height: var(--tfg-icon-chip-sm);
    align-self: flex-start;
    align-items: center;
    justify-content: center;
    padding-inline: var(--tfg-space-3);
    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-family: var(--tfg-font-num);
    font-feature-settings: "tnum" 1, var(--tfg-font-features);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-nav);
    line-height: var(--tfg-line-height-tight);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
}

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

[data-tfg="on"] .step-deliverable {
    display: inline-flex;
    width: fit-content;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    gap: var(--tfg-space-2);
    margin-top: auto;
    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-tight);
    text-decoration: none;
    transition: color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .home-stats-grid {
    display: grid;
    align-items: stretch;
    grid-template-columns: var(--tfg-grid-tier-4);
    gap: var(--tfg-geometry-grid-gap);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-5);
}

[data-tfg="on"] .home-stat-term,
[data-tfg="on"] .home-stat-sr-only {
    position: absolute;
    width: var(--tfg-border-hairline);
    height: var(--tfg-border-hairline);
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

[data-tfg="on"] .home-stat-cell {
    display: grid;
    gap: var(--tfg-space-2);
    margin: var(--tfg-space-0);
    min-height: var(--tfg-card-min-height-compact);
    padding: var(--tfg-card-padding-compact);
}

[data-tfg="on"] .home-stat-value {
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-num);
    font-feature-settings: "tnum" 1, var(--tfg-font-features);
    font-size: var(--tfg-font-role-stat);
    font-weight: var(--tfg-font-weight-bold);
    letter-spacing: var(--tfg-tracking-display);
}

[data-tfg="on"] .home-blog-header {
    max-width: min(100%, var(--tfg-container-md));
    justify-content: center;
    margin-inline: auto;
    text-align: center;
}

[data-tfg="on"] .home-blog-header .section-header {
    align-items: center;
    margin-inline: auto;
}

[data-tfg="on"] .home-blog-grid {
    display: grid;
    align-items: stretch;
    grid-template-columns: var(--tfg-grid-tier-3);
    gap: var(--tfg-geometry-grid-gap);
}

[data-tfg="on"] .home-blog-building-grid {
    display: grid;
    align-items: stretch;
    gap: var(--tfg-geometry-grid-gap);
}

[data-tfg="on"] .home-blog-building-grid--with-post {
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
}

[data-tfg="on"] .home-blog-slider {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(var(--tfg-grid-card-max), 1.14fr);
    gap: var(--tfg-geometry-grid-gap);
    align-items: stretch;
    overflow: hidden;
    padding: var(--tfg-geometry-panel-padding);
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-shell-blur);
    backdrop-filter: var(--tfg-glass-shell-blur);
}

[data-tfg="on"] .home-blog-slider::before,
[data-tfg="on"] .home-blog-slider::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .home-blog-slider::before {
    background:
        linear-gradient(116deg, hsla(0deg, 0%, 100%, 0.16), transparent 34%, transparent 74%, hsla(199deg, 57%, 64%, 0.1)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, var(--tfg-grid-card-min) var(--tfg-grid-card-min);
    opacity: 0.28;
}

[data-tfg="on"] .home-blog-slider::after {
    inset-block-end: auto;
    height: var(--tfg-border-hairline);
    margin-inline: var(--tfg-space-8);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    opacity: 0.88;
}

[data-tfg="on"] .home-blog-slider__copy {
    display: grid;
    align-content: center;
    gap: var(--tfg-space-4);
    min-width: 0;
    text-align: left;
}

[data-tfg="on"] .home-blog-slider__status,
[data-tfg="on"] .home-blog-slider__meta,
[data-tfg="on"] .home-blog-slider__caption {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-2) var(--tfg-space-4);
    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"] .home-blog-slider__status {
    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-card);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .home-blog-slider__meta {
    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-tight);
}

[data-tfg="on"] .home-blog-slider__meta span {
    color: var(--tfg-accent-warm-bright);
    text-transform: uppercase;
}

[data-tfg="on"] .home-blog-slider__copy h3 {
    /* Card #002 L5 — documented exception: deliberately narrow editorial slider headline measure
       (liked-UI reference); not a body-copy measure, so the measure token family does not apply. */
    max-width: min(100%, 19ch);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-section-title);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .home-blog-slider__copy p {
    max-width: min(100%, var(--tfg-measure-default));
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

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

[data-tfg="on"] .home-blog-slider__read-time {
    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);
}

[data-tfg="on"] .home-blog-slider__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .home-blog-slider__media {
    position: relative;
    isolation: isolate;
    align-self: center;
    aspect-ratio: 4 / 3;
    min-height: 0;
    overflow: hidden;
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at 18% 0%, hsla(0deg, 0%, 100%, 0.22), transparent var(--tfg-grid-card-min)),
        var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-glass-card-shadow);
}

[data-tfg="on"] .home-blog-slider__stage,
[data-tfg="on"] .home-blog-slider__slide,
[data-tfg="on"] .home-blog-slider__slide-media {
    position: absolute;
    inset: 0;
    display: block;
}

[data-tfg="on"] .home-blog-slider__slide {
    overflow: hidden;
    color: inherit;
    opacity: 0;
    pointer-events: none;
    text-decoration: none;
    transition: opacity var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .home-blog-slider__slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

[data-tfg="on"] .home-blog-slider__slide-media > picture {
    position: absolute;
    inset: 0;
    display: block;
}

[data-tfg="on"] .home-blog-slider__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.98) contrast(1.04) brightness(0.88);
    transform: none;
    transition:
        filter var(--tfg-duration-standard) var(--tfg-ease-standard);
}

[data-tfg="on"] .home-blog-slider__slide:is(:hover, :focus-visible) .home-blog-slider__image {
    filter: saturate(1.04) contrast(1.08) brightness(0.96);
    transform: none;
}

[data-tfg="on"] .home-blog-slider__scrim {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, hsla(220deg, 44%, 3%, 0.08) 0%, transparent 34%, hsla(220deg, 44%, 3%, 0.62) 100%),
        linear-gradient(90deg, hsla(220deg, 44%, 3%, 0.28) 0%, transparent 30%, transparent 72%, hsla(220deg, 44%, 3%, 0.18) 100%);
    background-position: center;
    background-size: cover;
    pointer-events: none;
}

[data-tfg="on"] .home-blog-slider__caption {
    position: absolute;
    inset-block-start: var(--tfg-space-5);
    inset-inline-start: var(--tfg-space-5);
    z-index: 2;
    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-tight);
}

[data-tfg="on"] .home-blog-slider__caption span {
    color: var(--tfg-accent-warm-bright);
    text-transform: uppercase;
}

[data-tfg="on"] .home-blog-slider__controls {
    position: absolute;
    inset-inline: var(--tfg-space-4);
    inset-block-end: var(--tfg-space-4);
    z-index: 4;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--tfg-space-3);
    pointer-events: none;
}

[data-tfg="on"] .home-blog-slider__control-center {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    justify-self: center;
    gap: var(--tfg-space-3);
    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);
    pointer-events: auto;
}

[data-tfg="on"] .home-blog-slider__arrow,
[data-tfg="on"] .home-blog-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);
    pointer-events: auto;
    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"] .home-blog-slider__arrow:hover,
[data-tfg="on"] .home-blog-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"] .home-blog-slider__dots {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .home-blog-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);
}

[data-tfg="on"] .home-blog-slider__dot::before {
    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);
    content: "";
    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"] .home-blog-slider__dot.is-active::before {
    width: var(--tfg-space-10);
    border-color: var(--tfg-accent-rim);
    background: var(--tfg-accent-soft);
}

[data-tfg="on"] .home-blog-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"] .home-blog-slider__dot.is-active .home-blog-slider__dot-fill {
    width: var(--tfg-space-10);
    animation: hero-slider-progress var(--tfg-hero-rotate-duration) linear forwards;
}

[data-tfg="on"] .home-blog-slider.is-paused .home-blog-slider__dot-fill {
    animation-play-state: paused;
}

[data-tfg="on"] .home-blog-card,
[data-tfg="on"] .home-blog-empty {
    display: grid;
    gap: var(--tfg-geometry-card-gap);
    min-height: var(--tfg-card-min-height-default);
    padding: var(--tfg-card-padding-default);
    text-decoration: none;
}

[data-tfg="on"] .home-blog-empty {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(0, 1.06fr) minmax(var(--tfg-grid-card-min), 0.74fr);
    grid-template-areas:
        "content panel"
        "actions panel";
    align-items: stretch;
    overflow: hidden;
    padding: var(--tfg-geometry-panel-padding);
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-shell-blur);
    backdrop-filter: var(--tfg-glass-shell-blur);
}

[data-tfg="on"] .home-blog-empty::before,
[data-tfg="on"] .home-blog-empty::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .home-blog-empty::before {
    background:
        linear-gradient(116deg, hsla(0deg, 0%, 100%, 0.16), transparent 34%, transparent 74%, hsla(199deg, 57%, 64%, 0.08)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, var(--tfg-grid-card-min) var(--tfg-grid-card-min);
    opacity: 0.26;
}

[data-tfg="on"] .home-blog-empty::after {
    inset-block-start: auto;
    height: var(--tfg-border-hairline);
    margin-inline: var(--tfg-space-8);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    opacity: 0.88;
}

[data-tfg="on"] .home-blog-empty__content {
    display: grid;
    grid-area: content;
    align-content: center;
    justify-items: center;
    gap: var(--tfg-space-5);
    max-width: min(100%, var(--tfg-container-lg));
    text-align: center;
}

[data-tfg="on"] .home-blog-empty__status {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-2) var(--tfg-space-4);
    border: var(--tfg-glass-meta-pill-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-meta-pill-background);
    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-card);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
    box-shadow: var(--tfg-glass-meta-pill-shadow);
}

[data-tfg="on"] .home-blog-empty h3 {
    max-width: min(100%, 20ch);
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-section-title);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-title);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .home-blog-empty p {
    max-width: min(100%, var(--tfg-measure-default));
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .home-blog-empty__categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--tfg-space-3);
    width: 100%;
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .home-blog-category-card {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: var(--tfg-space-3);
    height: 100%;
    min-width: 0;
    padding: var(--tfg-card-padding-compact);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-meta-pill-background);
    color: inherit;
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    text-align: left;
    text-decoration: none;
    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"] .home-blog-category-card:hover,
[data-tfg="on"] .home-blog-category-card:focus-visible {
    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"] .home-blog-category-card:focus-visible {
    outline: var(--tfg-focus-outline-width, var(--tfg-nudge-xs)) solid var(--tfg-focus-ring-color, var(--tfg-accent-warm-bright));
    outline-offset: var(--tfg-focus-outline-offset, var(--tfg-nudge-sm));
}

[data-tfg="on"] .home-blog-category-card__icon {
    display: inline-grid;
    width: var(--tfg-icon-chip-md);
    height: var(--tfg-icon-chip-md);
    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);
    box-shadow: var(--tfg-icon-chip-shadow);
}

[data-tfg="on"] .home-blog-category-card__copy,
[data-tfg="on"] .home-blog-category-card__copy strong,
[data-tfg="on"] .home-blog-category-card__copy > span {
    display: block;
}

[data-tfg="on"] .home-blog-category-card__copy strong {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .home-blog-category-card__copy > span {
    margin-top: var(--tfg-space-1);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .home-blog-category-card__cta {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-1);
    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);
}

[data-tfg="on"] .home-blog-empty__panel {
    display: grid;
    grid-area: panel;
    align-content: center;
    justify-items: center;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-7);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(circle at 16% 0%, hsla(0deg, 0%, 100%, 0.2), transparent var(--tfg-grid-card-min)),
        linear-gradient(142deg, hsla(211deg, 13%, 41%, 0.76), hsla(212deg, 33%, 17%, 0.6) 48%, hsla(214deg, 50%, 6%, 0.68));
    box-shadow: var(--tfg-glass-card-shadow);
    text-align: center;
}

[data-tfg="on"] .home-blog-empty__panel-kicker {
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-bold);
    letter-spacing: var(--tfg-tracking-card);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .home-blog-empty__panel strong {
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-size-title-md);
    line-height: var(--tfg-line-height-title);
}

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

[data-tfg="on"] .home-blog-empty__progress {
    display: grid;
    gap: var(--tfg-space-2);
    margin-top: var(--tfg-space-3);
}

[data-tfg="on"] .home-blog-empty__progress span {
    display: block;
    height: var(--tfg-space-2);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
}

[data-tfg="on"] .home-blog-empty__progress span:nth-child(2) {
    width: 78%;
}

[data-tfg="on"] .home-blog-empty__progress span:nth-child(3) {
    width: 56%;
}

[data-tfg="on"] .home-blog-empty__actions {
    display: flex;
    grid-area: actions;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .home-blog-building-grid--with-post .home-blog-empty {
    grid-template-columns: 1fr;
    grid-template-areas:
        "content"
        "panel"
        "actions";
}

[data-tfg="on"] .home-blog-building-grid--with-post .home-blog-empty__categories {
    grid-template-columns: 1fr;
}

[data-tfg="on"] .proof-ref-card {
    display: grid;
    gap: var(--tfg-geometry-card-gap);
    max-width: min(100%, var(--tfg-measure-rem-2xl));
    margin-inline: auto;
    padding: var(--tfg-geometry-panel-padding);
}

[data-tfg="on"] .proof-ref-header {
    margin-bottom: var(--tfg-space-0);
}

[data-tfg="on"] .proof-ref-commitments {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-3);
    gap: var(--tfg-geometry-card-gap);
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .proof-ref-commitment {
    display: grid;
    gap: var(--tfg-space-2);
    padding: var(--tfg-card-padding-compact);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .proof-ref-commitment dt {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-card);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .proof-ref-commitment dd {
    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);
}

[data-tfg="on"] .proof-ref-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .home-faq-shell {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: var(--tfg-geometry-card-gap);
    overflow: hidden;
    padding: var(--tfg-geometry-panel-padding);
    border: var(--tfg-glass-shell-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-glass-shell-background);
    box-shadow: var(--tfg-glass-shell-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-shell-blur);
    backdrop-filter: var(--tfg-glass-shell-blur);
}

[data-tfg="on"] .home-faq-shell::before,
[data-tfg="on"] .home-faq-shell::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .home-faq-shell::before {
    background:
        linear-gradient(116deg, hsla(0deg, 0%, 100%, 0.13), transparent 34%, transparent 74%, hsla(199deg, 57%, 64%, 0.07)),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, var(--tfg-grid-card-min) var(--tfg-grid-card-min);
    opacity: 0.24;
}

[data-tfg="on"] .home-faq-shell::after {
    inset-block-start: auto;
    height: var(--tfg-border-hairline);
    margin-inline: var(--tfg-space-8);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    opacity: 0.84;
}

/* home-faq akordeon kuralları tfg-faq primitive'ine taşındı (yakınsama
   2026-06-12, PremiumShell.css) — reçete zaten oradan birebir çıkarılmıştı.
   home-faq-shell (atmosferik dış kabuk) + footer/contact aile-yüzeyi olarak kaldı. */

[data-tfg="on"] .home-faq-footer {
    justify-self: center;
    padding: var(--tfg-space-0);
    border: 0;
    background: transparent;
}

[data-tfg="on"] .cta-container {
    display: grid;
    gap: var(--tfg-geometry-card-gap);
    padding: var(--tfg-geometry-panel-padding);
    text-align: center;
}

[data-tfg="on"] .cta-desc {
    max-width: var(--tfg-measure-default);
}

[data-tfg="on"] .cta-content {
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 64rem) {
    [data-tfg="on"] .bento-grid,
    [data-tfg="on"] .industry-grid,
    [data-tfg="on"] .need-shortcuts-grid,
    [data-tfg="on"] .home-blog-grid,
    [data-tfg="on"] .testimonials-grid,
    [data-tfg="on"] .proof-ref-commitments,
    [data-tfg="on"] .home-stats-grid {
        grid-template-columns: var(--tfg-grid-tier-2);
    }

    [data-tfg="on"] .methodology-container ol,
    [data-tfg="on"] .home-blog-slider,
    [data-tfg="on"] .home-blog-building-grid--with-post {
        grid-template-columns: 1fr;
    }

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

    [data-tfg="on"] .span-2,
    [data-tfg="on"] .span-2-row-2 {
        grid-column: span 1;
        grid-row: span 1;
    }

    [data-tfg="on"] .service-card-new {
        /* Card #002 M8 — documented exception: fluid responsive min-height for the mobile bento
           collapse; the fixed --tfg-card-min-height-* tokens cannot express the 82vw mid-range
           and swapping them would change the liked layout. Revisit if a fluid token family lands. */
        min-height: clamp(18rem, 82vw, 23rem);
        min-block-size: clamp(18rem, 82vw, 23rem);
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .tfg-home-surface {
        --tfg-home-section-stack-gap: var(--tfg-geometry-page-section-gap-dense);
        --tfg-home-section-header-gap: var(--tfg-space-5);
        --tfg-home-section-padding-block: var(--tfg-space-4);

        gap: var(--tfg-home-section-stack-gap);
        padding-bottom: var(--tfg-space-0);
    }

    [data-tfg="on"] .bento-grid,
    [data-tfg="on"] .industry-grid,
    [data-tfg="on"] .need-shortcuts-grid,
    [data-tfg="on"] .home-blog-grid,
    [data-tfg="on"] .testimonials-grid,
    [data-tfg="on"] .proof-ref-commitments,
    [data-tfg="on"] .home-stats-grid,
    [data-tfg="on"] .trust-strip__proof-list {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .home-blog-header,
    [data-tfg="on"] .trust-strip__header {
        align-items: flex-start;
        flex-direction: column;
    }

    [data-tfg="on"] .home-blog-header,
    [data-tfg="on"] .home-blog-header .section-header {
        align-items: center;
        text-align: center;
    }

    [data-tfg="on"] .home-blog-empty {
        grid-template-columns: 1fr;
        grid-template-areas:
            "content"
            "panel"
            "actions";
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .home-blog-slider {
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .home-blog-slider__copy {
        justify-items: center;
        text-align: center;
    }

    [data-tfg="on"] .home-blog-slider__copy h3 {
        max-width: 100%;
    }

    [data-tfg="on"] .home-blog-slider__footer {
        justify-content: center;
    }

    [data-tfg="on"] .home-blog-slider__media {
        aspect-ratio: 4 / 3;
        min-height: 0;
    }

    [data-tfg="on"] .home-blog-slider__controls {
        --tfg-home-blog-slider-control-size: var(--tfg-touch-min-height);
        --tfg-home-blog-slider-dot-target: var(--tfg-touch-min-height);
        --tfg-home-blog-slider-active-dot-width: clamp(var(--tfg-space-6), 14vw, var(--tfg-space-9));
        --tfg-home-blog-slider-center-width: min(100%, calc((var(--tfg-touch-min-height) * 4) + (var(--tfg-space-1) * 2) + var(--tfg-space-2)));

        inset-inline: var(--tfg-space-2);
        inset-block-end: var(--tfg-space-0);
        display: flex;
        flex-wrap: wrap;
        height: var(--tfg-home-blog-slider-control-size);
        align-items: end;
        justify-content: center;
        gap: calc(var(--tfg-space-1) / 2);
    }

    [data-tfg="on"] .home-blog-slider__control-center {
        order: 3;
        width: var(--tfg-home-blog-slider-center-width);
        height: var(--tfg-home-blog-slider-control-size);
        box-sizing: border-box;
        flex: 0 0 var(--tfg-home-blog-slider-center-width);
        justify-content: space-between;
        gap: var(--tfg-space-2);
        padding-inline: var(--tfg-space-1);
    }

    [data-tfg="on"] .home-blog-slider__arrow,
    [data-tfg="on"] .home-blog-slider__pause {
        width: var(--tfg-home-blog-slider-control-size);
        height: var(--tfg-home-blog-slider-control-size);
    }

    [data-tfg="on"] .home-blog-slider__arrow {
        position: absolute;
        inset-block-end: calc(var(--tfg-home-blog-slider-control-size) + var(--tfg-space-1));
        flex: 0 0 var(--tfg-home-blog-slider-control-size);
    }

    [data-tfg="on"] .home-blog-slider__arrow:first-child {
        inset-inline-start: calc(50% - var(--tfg-home-blog-slider-control-size) - var(--tfg-space-1));
    }

    [data-tfg="on"] .home-blog-slider__arrow:last-child {
        inset-inline-end: calc(50% - var(--tfg-home-blog-slider-control-size) - var(--tfg-space-1));
    }

    [data-tfg="on"] .home-blog-slider__pause {
        flex: 0 0 var(--tfg-home-blog-slider-control-size);
    }

    [data-tfg="on"] .home-blog-slider__dots {
        flex: 0 0 auto;
        gap: var(--tfg-space-1);
    }

    [data-tfg="on"] .home-blog-slider__dot {
        width: var(--tfg-home-blog-slider-dot-target);
        min-width: var(--tfg-home-blog-slider-dot-target);
        flex: 0 0 var(--tfg-home-blog-slider-dot-target);
        height: var(--tfg-home-blog-slider-control-size);
    }

    [data-tfg="on"] .home-blog-slider__dot.is-active::before,
    [data-tfg="on"] .home-blog-slider__dot.is-active .home-blog-slider__dot-fill {
        width: var(--tfg-home-blog-slider-active-dot-width);
    }

    [data-tfg="on"] .home-blog-empty h3 {
        max-width: 100%;
    }

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

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

    [data-tfg="on"] .home-blog-empty__actions,
    [data-tfg="on"] .home-blog-empty__actions :is(.home-blog-empty__cta, .home-blog-empty__secondary) {
        width: 100%;
    }

    [data-tfg="on"] .trust-strip__shell {
        min-height: auto;
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .trust-strip__body {
        gap: var(--tfg-space-5);
    }

    [data-tfg="on"] .trust-strip__logo-carousel {
        grid-template-columns: 1fr;
        padding-inline: clamp(2.8rem, 12vw, 3.25rem);
    }

    [data-tfg="on"] .trust-strip__logo-wall {
        padding: var(--tfg-space-0);
        width: 100%;
    }

    [data-tfg="on"] .trust-strip__logo-card {
        flex-basis: 100%;
        min-height: var(--tfg-grid-stat-min);
    }

    [data-tfg="on"] .trust-strip__logo-plate {
        min-height: var(--tfg-size-rem-7);
    }

    [data-tfg="on"] .trust-strip__carousel-control {
        position: absolute;
        width: var(--tfg-touch-min-height);
        min-width: var(--tfg-touch-min-height);
        min-height: var(--tfg-touch-min-height);
        inset-block-start: 50%;
        transform: translateY(-50%);
    }

    [data-tfg="on"] .trust-strip__carousel-control:hover {
        transform: translateY(calc(-50% + var(--tfg-nav-hover-lift)));
    }

    [data-tfg="on"] .trust-strip__carousel-control--prev {
        inset-inline-start: 0;
    }

    [data-tfg="on"] .trust-strip__carousel-control--next {
        inset-inline-end: 0;
    }

    [data-tfg="on"] .trust-strip__link {
        width: 100%;
        min-height: var(--tfg-touch-min-height);
    }

    [data-tfg="on"] .home-faq-shell {
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .home-faq-contact {
        width: 100%;
    }

    [data-tfg="on"] .cta-container {
        padding: var(--tfg-geometry-panel-padding-mobile);
    }

    [data-tfg="on"] .card-tfg-panel {
        right: var(--tfg-space-4);
        bottom: var(--tfg-space-4);
        left: var(--tfg-space-4);
        align-items: start;
        gap: var(--tfg-space-3);
        padding: var(--tfg-media-caption-padding);
    }

    [data-tfg="on"] .service-grid-footer__panel {
        grid-template-columns: 1fr;
        padding: var(--tfg-geometry-panel-padding-mobile);
        text-align: left;
    }

    [data-tfg="on"] .service-grid-footer__button {
        width: 100%;
        min-width: 0;
    }
}

@container tfg-service-card (max-width: 24rem) {
    [data-tfg="on"] .card-tfg-panel {
        align-items: start;
        gap: var(--tfg-space-3);
        grid-template-columns: var(--tfg-grid-tier-1);
    }

    [data-tfg="on"] .card-tfg-panel .icon-container {
        width: var(--tfg-icon-chip-md);
        height: var(--tfg-icon-chip-md);
        flex-basis: var(--tfg-icon-chip-md);
    }

    [data-tfg="on"] .card-tfg-panel .title {
        font-size: clamp(var(--tfg-font-fit-title-min), 5.2cqi, var(--tfg-font-fit-title-max));
        line-height: var(--tfg-line-height-tight);
    }

    [data-tfg="on"] .card-tfg-panel .desc {
        font-size: clamp(var(--tfg-font-fit-copy-min), 3.9cqi, var(--tfg-font-fit-copy-max));
    }

    [data-tfg="on"] .service-card-action {
        justify-content: flex-start;
        margin-top: var(--tfg-space-0);
    }
}

@supports (grid-template-rows: subgrid) {
    [data-tfg="on"] .home-blog-card {
        grid-row: span 4;
        grid-template-rows: subgrid;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] :is(.service-card-new, .industry-card, .need-card, .step-card, .home-blog-card, .home-blog-category-card),
    [data-tfg="on"] .service-card-new::after,
    [data-tfg="on"] .need-card__glow,
    [data-tfg="on"] .need-card__action .tfg-icon,
    [data-tfg="on"] .card-bg-image,
    [data-tfg="on"] .service-card-action,
    [data-tfg="on"] .home-blog-slider__slide,
    [data-tfg="on"] .home-blog-slider__image,
    [data-tfg="on"] .home-blog-slider__arrow,
    [data-tfg="on"] .home-blog-slider__pause,
    [data-tfg="on"] .home-blog-slider__dot::before {
        transition: none !important;
    }

    [data-tfg="on"] .home-blog-slider__dot-fill {
        animation: none !important;
        transform: scaleX(1);
    }

    [data-tfg="on"] :is(.service-card-new, .industry-card, .need-card, .step-card, .home-blog-card, .home-blog-category-card):is(:hover, :focus-within) {
        transform: none;
    }

    [data-tfg="on"] .service-card-new:is(:hover, :focus-within) .card-bg-image,
    [data-tfg="on"] .service-card-new:is(:hover, :focus-within) .service-card-action,
    [data-tfg="on"] .need-card:is(:hover, :focus-within) .need-card__action,
    [data-tfg="on"] .need-card:is(:hover, :focus-within) .need-card__action .tfg-icon,
    [data-tfg="on"] .home-blog-slider__slide:is(:hover, :focus-visible) .home-blog-slider__image {
        transform: none;
    }
}
}

@layer sections {
    /* Card #002 M4/M5: WCAG 2.2.2 pause/resume toggle on the logo carousels — icon pair swaps on
       aria-pressed; chrome inherits the shared trust-strip__carousel-control recipe. */
    [data-tfg="on"] .trust-strip__carousel-control--toggle .carousel-toggle-icon--play {
        display: none;
    }

    [data-tfg="on"] .trust-strip__carousel-control--toggle[aria-pressed="true"] .carousel-toggle-icon--play {
        display: inline-flex;
    }

    [data-tfg="on"] .trust-strip__carousel-control--toggle[aria-pressed="true"] .carousel-toggle-icon--pause {
        display: none;
    }

    /* Patron 2026-06-11: the toggle sits directly UNDER the previous-arrow control (left rail),
       not in the grid flow below the carousel. Same control width as the arrows; anchored to the
       vertical center the arrows share. */
    [data-tfg="on"] .trust-strip__carousel-control--toggle {
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: calc(50% + (var(--tfg-control-min-height) / 2) + var(--tfg-space-3));
    }

    @media (max-width: 48rem) {
        /* Mobile rails switch every control to absolute center; keep the toggle one slot below
           the prev arrow and neutralize the shared -50% centering transform. */
        [data-tfg="on"] .trust-strip__carousel-control--toggle {
            inset-block-start: calc(50% + (var(--tfg-touch-min-height) / 2) + var(--tfg-space-3));
            transform: none;
        }

        [data-tfg="on"] .trust-strip__carousel-control--toggle:hover {
            transform: translateY(var(--tfg-nav-hover-lift));
        }
    }
}