@layer sections {
/* ── rem token-sweep 2026-06-17c (Patron "hepsini tokenize et, sıfıra indir") ──
   Bu dosyadaki TÜM value-position ham rem'ler Tokens/Spacing.css token'larına bağlandı
   (--tfg-space-* / --tfg-border-hairline skala eşleşmeleri + --tfg-services-* layout ve
   görsel-reçete sabitleri). Çıktı pixel-aynı: her token eski literal değere çözülür.
   css-rem-coverage gate Services = 0 (DiskHastanesi.Tools css-rem-coverage --check-baseline).
   BELGELİ İSTİSNALAR (tokena bağlanamaz — bilinçli):
   · @media/@supports/@container KOŞUL breakpoint'leri (custom property bir media-query
     koşulunda CSS spec'e göre geçersiz) — yalnızca DEĞER-pozisyonundaki rem'ler tokenize edildi
   · clamp() akışkan tipografi/boyut uçları (responsive uçlar token ailesine eşlenemez)
   · atmosfer/cam katmanı opacity serileri (0.24-0.9 — katman reçetesi, rem değil)
   · birebir token karşılığı olmayan line-height değerleri (1.08/1.3/1.55/1.6/1.62/1.7/1.75)
   · isolation:isolate altındaki LOKAL z-index katmanları (0/1/2/3/4 — global --tfg-z-* etkisiz)
   · letter-spacing:0 reset'leri (kanonik sıfır)
   Önceki kayıt: docs/execution/ui-uplift/UiWave2TokenSweepRecord.md (2026-06-11 Adım-2) */
[data-tfg="on"] .services-index-wrapper,
[data-tfg="on"] .category-hub-wrapper,
[data-tfg="on"] .pillar-page-wrapper {
    background: transparent;
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .tfg-service-detail-loading {
    min-height: var(--tfg-services-skeleton-min-height);
    align-content: start;
    padding-top: var(--tfg-space-12);
}

@media (min-width: 48rem) {
    [data-tfg="on"] .tfg-service-detail-loading {
        min-height: var(--tfg-services-skeleton-min-height-md);
    }
}

@media (min-width: 75rem) {
    [data-tfg="on"] .tfg-service-detail-loading {
        min-height: var(--tfg-services-skeleton-min-height-lg);
    }
}

[data-tfg="on"] .service-card-new,
[data-tfg="on"] .group-card,
[data-tfg="on"] .section-card,
[data-tfg="on"] .decision-summary-card,
[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);
}

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

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

    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: var(--tfg-space-0);
    padding-block: var(--tfg-space-0) var(--tfg-geometry-section-gap);
}

@supports (color: color-mix(in oklab, black, white)) {
    [data-tfg="on"] .category-hub-wrapper {
        --tfg-services-color-mix-available: var(--tfg-accent-warm);
    }
}

[data-tfg="on"] .hub-hero {
    position: relative;
    padding-block: var(--tfg-space-0);
    overflow: clip;
}

[data-tfg="on"] .category-hub-wrapper > .hub-hero ~ :is(section, .groups-container) {
    margin-block-start: var(--tfg-category-hub-stack-gap);
}

[data-tfg="on"] .hub-hero .hero-container,
[data-tfg="on"] .category-hub-wrapper .groups-container {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
}

/* Hero 2-column premium layout (handoff/38 §9 v2 — 2026-04-29 patron) */
[data-tfg="on"] .hub-hero .hero-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tfg-space-7);
    align-items: center;
}

[data-tfg="on"] .category-hub-wrapper .hub-hero-shell {
    position: relative;
    padding: clamp(var(--tfg-space-6), 5vw, var(--tfg-space-10));
    border: var(--tfg-hero-frame-border);
    border-radius: var(--tfg-hero-frame-radius);
    background: var(--tfg-hero-frame-background);
    box-shadow: var(--tfg-hero-frame-shadow);
    overflow: hidden;
}

[data-tfg="on"] .category-hub-wrapper .hub-hero-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg,
            transparent 0%,
            color-mix(in oklab, var(--tfg-text-primary) 4%, transparent) 32%,
            transparent 58%),
        radial-gradient(closest-side at 84% 18%,
            color-mix(in oklab, var(--tfg-accent-warm) 8%, transparent) 0%,
            transparent 72%);
    pointer-events: none;
}

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

[data-tfg="on"] .hub-hero .hub-hero-command-panel {
    display: none;
    min-width: 0;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-stage {
    display: grid;
    inline-size: 100%;
    min-width: 0;
    justify-items: center;
    align-self: center;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame {
    position: relative;
    display: grid;
    inline-size: 100%;
    max-inline-size: var(--tfg-services-infographic-frame-max);
    aspect-ratio: 1;
    padding: clamp(var(--tfg-space-3), 1.8vw, var(--tfg-space-5));
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(closest-side at 50% 48%,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            transparent 58%),
        radial-gradient(closest-side at 16% 12%,
            color-mix(in oklab, var(--tfg-atmosphere-cool) 30%, transparent) 0%,
            transparent 64%),
        var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover), var(--tfg-rim-light);
    overflow: hidden;
    isolation: isolate;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame--image {
    max-inline-size: var(--tfg-hero-infographic-size);
    padding: var(--tfg-border-hairline);
    border-color: var(--tfg-accent-rim);
    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"] .hub-hero .hub-hero-infographic-frame--image > picture {
    position: absolute;
    inset: var(--tfg-border-hairline);
    z-index: 1;
    width: auto;
    height: auto;
}

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

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame::before {
    content: "";
    position: absolute;
    inset: var(--tfg-space-4);
    z-index: 0;
    border: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    border-radius: calc(var(--tfg-radius-xl) - var(--tfg-space-3));
    opacity: 0.54;
    pointer-events: none;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame--image::before {
    inset: 0;
    z-index: 2;
    border-color: var(--tfg-accent-rim);
    border-radius: inherit;
    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);
    opacity: 0.92;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame--image::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: calc(var(--tfg-radius-xl) - var(--tfg-space-2));
    background:
        linear-gradient(90deg,
            transparent 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 14%, transparent) 48%,
            transparent 100%);
    opacity: 0.5;
    pointer-events: none;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-viewport {
    position: relative;
    z-index: 1;
    inline-size: 100%;
    aspect-ratio: 1;
    border: var(--tfg-panel-border);
    border-radius: calc(var(--tfg-radius-xl) - var(--tfg-space-4));
    background:
        linear-gradient(135deg,
            color-mix(in oklab, var(--tfg-text-primary) 8%, transparent) 0%,
            transparent 36%),
        radial-gradient(circle at 50% 50%,
            color-mix(in oklab, var(--tfg-accent-warm) 14%, transparent) 0%,
            transparent 45%),
        var(--tfg-panel-background);
    box-shadow: inset 0 0 0 var(--tfg-border-hairline) color-mix(in oklab, var(--tfg-text-primary) 7%, transparent);
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame :is(picture, img) {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame img {
    object-fit: contain;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-image {
    border-radius: calc(var(--tfg-radius-xl) - var(--tfg-space-4));
    object-position: center;
}

[data-tfg="on"] .hub-hero .hub-hero-infographic-frame--image img.hub-hero-infographic-image {
    object-fit: contain;
}

[data-tfg="on"] .hub-hero .hub-hero-command-surface {
    position: relative;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: var(--tfg-space-5);
    min-height: clamp(28rem, 38vw, 35rem);
    padding: var(--tfg-card-padding-comfortable);
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(closest-side at 52% 38%,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            transparent 72%),
        radial-gradient(closest-side at 14% 14%,
            color-mix(in oklab, var(--tfg-atmosphere-cool) 36%, transparent) 0%,
            transparent 64%),
        var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover), var(--tfg-rim-light);
    overflow: hidden;
    isolation: isolate;
}

[data-tfg="on"] .hub-hero .hub-hero-command-surface::before {
    content: "";
    position: absolute;
    inset: var(--tfg-space-5);
    z-index: -1;
    border: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    border-radius: calc(var(--tfg-radius-xl) - var(--tfg-space-3));
    background:
        linear-gradient(90deg,
            transparent 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 32%, transparent) 48%,
            transparent 100%),
        linear-gradient(180deg,
            transparent 0%,
            color-mix(in oklab, var(--tfg-text-primary) 8%, transparent) 54%,
            transparent 100%);
    opacity: 0.48;
    -webkit-mask-image: linear-gradient(180deg, transparent, black 22%, black 78%, transparent);
    mask-image: linear-gradient(180deg, transparent, black 22%, black 78%, transparent);
}

[data-tfg="on"] .hub-hero .hub-hero-command-surface::after {
    content: "";
    position: absolute;
    inset-block: 14%;
    inset-inline-start: 50%;
    z-index: -1;
    width: var(--tfg-border-hairline);
    background: linear-gradient(
        180deg,
        transparent 0%,
        color-mix(in oklab, var(--tfg-accent-warm) 64%, transparent) 42%,
        transparent 100%);
    transform: translateX(-50%);
    opacity: 0.72;
}

[data-tfg="on"] .hub-hero .hub-hero-command-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .hub-hero .hub-hero-command-index {
    display: inline-flex;
    min-height: var(--tfg-control-min-height);
    align-items: center;
    padding-inline: 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-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);
    box-shadow: var(--tfg-glass-meta-pill-shadow);
}

[data-tfg="on"] .hub-hero .hub-hero-command-signal {
    display: grid;
    width: var(--tfg-icon-chip-md);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .hub-hero .hub-hero-command-signal > span {
    width: var(--tfg-space-3);
    aspect-ratio: 1;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow: 0 0 var(--tfg-space-5) var(--tfg-accent-warm);
}

[data-tfg="on"] .hub-hero .hub-hero-system-core {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-space-4);
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(circle at 20% 20%,
            color-mix(in oklab, var(--tfg-accent-warm) 16%, transparent) 0%,
            transparent 64%),
        var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
}

[data-tfg="on"] .hub-hero .hub-hero-core-icon {
    display: grid;
    width: var(--tfg-icon-chip-xl);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background-strong);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .hub-hero .hub-hero-core-copy,
[data-tfg="on"] .hub-hero .hub-hero-flow-title {
    min-width: 0;
}

[data-tfg="on"] .hub-hero .hub-hero-core-copy {
    display: grid;
    gap: var(--tfg-space-1);
}

[data-tfg="on"] .hub-hero .hub-hero-core-kicker {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
    letter-spacing: 0;
}

[data-tfg="on"] .hub-hero .hub-hero-core-title,
[data-tfg="on"] .hub-hero .hub-hero-flow-title {
    color: var(--tfg-text-headline);
    font-weight: var(--tfg-font-weight-semibold);
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
    letter-spacing: var(--tfg-tracking-body);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .hub-hero .hub-hero-flow-list {
    display: grid;
    gap: var(--tfg-space-3);
    align-content: center;
}

[data-tfg="on"] .hub-hero .hub-hero-flow-item {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .hub-hero .hub-hero-flow-number {
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .hub-hero .hub-hero-flow-icon {
    display: grid;
    width: var(--tfg-icon-chip-sm);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background);
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .hub-hero .hub-hero-command-trace {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--tfg-space-4);
    min-height: var(--tfg-space-8);
    align-items: center;
    margin-block-start: auto;
}

[data-tfg="on"] .hub-hero .hub-hero-command-trace::before {
    content: "";
    position: absolute;
    inset-inline: var(--tfg-space-3);
    inset-block-start: 50%;
    height: var(--tfg-border-hairline);
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in oklab, var(--tfg-accent-warm) 64%, transparent) 50%,
        transparent 100%);
    transform: translateY(-50%);
}

[data-tfg="on"] .hub-hero .hub-hero-command-trace > span {
    position: relative;
    display: block;
    width: var(--tfg-space-3);
    aspect-ratio: 1;
    justify-self: center;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow:
        0 0 0 var(--tfg-space-2) color-mix(in oklab, var(--tfg-accent-warm) 10%, transparent),
        0 0 var(--tfg-space-6) color-mix(in oklab, var(--tfg-accent-warm) 48%, transparent);
}

[data-tfg="on"] .pillar-hero {
    padding-block: var(--tfg-space-0);
    overflow: clip;
}

[data-tfg="on"] .pillar-hero .hero-layout {
    display: grid;
    gap: var(--tfg-space-6);
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    padding: clamp(var(--tfg-space-6), 5vw, var(--tfg-space-10));
}

[data-tfg="on"] .pillar-hero .hero-text {
    display: grid;
    justify-items: start;
    gap: var(--tfg-space-5);
    max-width: min(100%, var(--tfg-services-measure-6xl));
    min-width: 0;
}

[data-tfg="on"] .pillar-hero h1 {
    max-width: min(100%, 30ch);
    margin: 0;
    padding: 0;
    border: 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-home-hero-display);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-tracking-display);
    text-wrap: balance;
}

[data-tfg="on"] .pillar-hero h1[tabindex="-1"]:focus {
    outline: 0;
}

[data-tfg="on"] .pillar-hero .hero-lead {
    max-width: min(100%, var(--tfg-services-measure-4xl));
    margin: 0;
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
    letter-spacing: var(--tfg-tracking-body);
    text-wrap: pretty;
}

[data-tfg="on"] .hub-hero .hub-hero-content {
    display: grid;
    gap: var(--tfg-space-5);
    justify-items: start;
    align-self: center;
    min-width: 0;
}

[data-tfg="on"] .hub-hero .hub-hero-slogan {
    max-width: min(100%, var(--tfg-services-measure-md));
    margin: 0;
    justify-self: start;
}

[data-tfg="on"] .pillar-hero .hero-dna-message {
    margin: 0;
    justify-self: start;
}

[data-tfg="on"] .pillar-hero .service-group-hero-stage {
    display: grid;
    inline-size: 100%;
    gap: var(--tfg-space-4);
    min-width: 0;
    align-self: center;
}

[data-tfg="on"] .pillar-hero .service-group-hero-visual-shell {
    position: relative;
    display: grid;
    inline-size: 100%;
    max-inline-size: var(--tfg-services-group-visual-max);
    justify-self: center;
    aspect-ratio: 16 / 11;
    padding: clamp(var(--tfg-space-3), 1.5vw, var(--tfg-space-5));
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(closest-side at 52% 50%,
            color-mix(in oklab, var(--tfg-accent-warm) 16%, transparent) 0%,
            transparent 58%),
        radial-gradient(closest-side at 14% 18%,
            color-mix(in oklab, var(--tfg-atmosphere-cool) 28%, transparent) 0%,
            transparent 66%),
        var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover), var(--tfg-rim-light);
    overflow: hidden;
}

[data-tfg="on"] .pillar-hero .service-group-hero-visual-shell--image {
    aspect-ratio: 1;
}

[data-tfg="on"] .pillar-hero .service-group-hero-visual-slot {
    inline-size: 100%;
    aspect-ratio: 16 / 11;
    border: var(--tfg-panel-border);
    border-radius: calc(var(--tfg-radius-xl) - var(--tfg-space-4));
    background:
        linear-gradient(135deg,
            color-mix(in oklab, var(--tfg-text-primary) 8%, transparent) 0%,
            transparent 42%),
        radial-gradient(circle at 50% 52%,
            color-mix(in oklab, var(--tfg-accent-warm) 13%, transparent) 0%,
            transparent 48%),
        var(--tfg-panel-background);
}

[data-tfg="on"] .pillar-hero .service-group-hero-visual-shell :is(picture, img) {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

[data-tfg="on"] .pillar-hero .service-group-hero-visual-shell img {
    object-fit: contain;
}

[data-tfg="on"] .pillar-hero .service-group-hero-depth-map {
    display: grid;
    gap: var(--tfg-space-2);
    inline-size: 100%;
    max-inline-size: var(--tfg-services-group-visual-max);
    justify-self: center;
}

[data-tfg="on"] .pillar-hero .service-group-hero-depth-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--tfg-space-3);
    min-height: var(--tfg-control-min-height);
    padding: var(--tfg-space-2) var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-secondary);
    text-decoration: none;
}

[data-tfg="on"] .pillar-hero .service-group-hero-depth-index {
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-hero .service-group-hero-depth-title {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

@media (min-width: 64rem) {
    [data-tfg="on"] .hub-hero .hero-container {
        grid-template-columns: minmax(0, 1fr) minmax(var(--tfg-services-hero-col-min), 0.72fr);
        gap: clamp(var(--tfg-space-6), 4vw, var(--tfg-space-10));
    }

    [data-tfg="on"] .hub-hero .hub-hero-infographic-stage {
        justify-self: end;
    }

    [data-tfg="on"] .pillar-hero .hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(var(--tfg-services-hero-col-min-narrow), 0.58fr);
        align-items: center;
        gap: clamp(var(--tfg-space-6), 4vw, var(--tfg-space-10));
    }

    [data-tfg="on"] .pillar-hero .service-group-hero-copy {
        max-width: min(100%, var(--tfg-services-measure-5xl));
    }
}

@media (min-width: 64rem) and (max-width: 74.999rem) {
    [data-tfg="on"] .hub-hero .hero-container {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .hub-hero .hub-hero-infographic-stage {
        justify-self: stretch;
    }
}

@media (min-width: 75rem) {
    [data-tfg="on"] .hub-hero .hero-container {
        grid-template-columns: minmax(0, 1fr) minmax(var(--tfg-services-hero-col-min-wide), 0.78fr);
    }
}

@media (min-width: 85rem) {
    [data-tfg="on"] .hub-hero .hero-container {
        grid-template-columns: minmax(0, 1fr) minmax(var(--tfg-hero-infographic-size), 0.78fr);
    }
}

@media (max-width: 74.999rem) {
    [data-tfg="on"] .hub-hero .hub-hero-infographic-frame--image {
        max-inline-size: 100%;
        aspect-ratio: 1;
    }
}

[data-tfg="on"] .hub-hero .tfg-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tfg-space-2);
    width: fit-content;
    max-width: 100%;
    padding: var(--tfg-space-2) var(--tfg-space-3);
}

[data-tfg="on"] .hub-hero .hero-title {
    max-width: min(100%, var(--tfg-page-hero-title-max-width));
    margin: 0;
    min-width: 0;
    font-size: var(--tfg-font-role-home-hero-display);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-tracking-display);
    overflow-wrap: anywhere;
    text-wrap: balance;
}

[data-tfg="on"] .hub-hero .hero-desc {
    max-width: min(100%, var(--tfg-page-hero-desc-max-width));
    margin: 0;
    min-width: 0;
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
    letter-spacing: var(--tfg-tracking-body);
    overflow-wrap: break-word;
    text-wrap: pretty;
}

[data-tfg="on"] .hub-hero .hub-hero-audience-rail,
[data-tfg="on"] .hub-hero .focus-tags {
    display: grid;
    gap: clamp(var(--tfg-space-2), 2vw, var(--tfg-space-3));
    max-width: var(--tfg-measure-wide);
    justify-self: stretch;
}

[data-tfg="on"] .hub-hero .hub-hero-audience-label,
[data-tfg="on"] .hub-hero .focus-tags-label {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
    letter-spacing: var(--tfg-tracking-eyebrow);
}

[data-tfg="on"] .hub-hero .hub-hero-audience-list,
[data-tfg="on"] .hub-hero .focus-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(var(--tfg-space-2), 2.3vw, var(--tfg-space-3));
    min-width: 0;
}

[data-tfg="on"] .hub-hero .hub-hero-audience-pill,
[data-tfg="on"] .hub-hero .focus-tag,
[data-tfg="on"] .category-hub-wrapper .tag-pill {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: min(100%, var(--tfg-services-pill-max));
    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);
    font-size: clamp(0.9375rem, 3.9vw, 1.25rem);
    font-weight: var(--tfg-font-weight-regular);
    line-height: var(--tfg-chip-frame-fit-line-height);
    letter-spacing: var(--tfg-tracking-body);
    overflow-wrap: anywhere;
    white-space: normal;
}

[data-tfg="on"] .hub-hero .hub-hero-audience-pill {
    border-color: var(--tfg-accent-rim);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .hub-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .decision-pill {
    display: grid;
    gap: var(--tfg-space-1);
    min-width: 0;
    padding: var(--tfg-space-4);
    border-radius: var(--tfg-radius-md);
    text-align: center;
}

[data-tfg="on"] .decision-summary-card {
    display: grid;
    gap: var(--tfg-space-6);
    padding: var(--tfg-space-7);
}

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

[data-tfg="on"] .decision-summary-pill {
    display: grid;
    gap: var(--tfg-space-2);
    min-width: 0;
    padding: var(--tfg-space-5);
    border-radius: var(--tfg-radius-md);
}

[data-tfg="on"] .decision-summary-label {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .decision-summary-pill strong {
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-role-stat);
    line-height: var(--tfg-line-height-title);
}

[data-tfg="on"] .pillar-hero .delivery-assurance-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--tfg-space-3);
    width: min(100%, var(--tfg-services-measure-5xl));
    margin-block-start: var(--tfg-space-2);
    padding: var(--tfg-space-4);
    border: var(--tfg-metric-frame-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-metric-frame-background);
    box-shadow: var(--tfg-metric-frame-shadow);
}

[data-tfg="on"] .pillar-hero .service-group-hero-copy .delivery-assurance-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, var(--tfg-services-measure-2xl));
}

[data-tfg="on"] .pillar-hero .delivery-assurance-step {
    position: relative;
    display: grid;
    align-content: start;
    gap: var(--tfg-space-2);
    min-width: 0;
    padding: var(--tfg-space-4);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-glass-card-background);
    overflow: hidden;
}

[data-tfg="on"] .pillar-hero .delivery-assurance-step.tfg-metric-card {
    border: var(--tfg-metric-card-border);
    background: var(--tfg-metric-card-background);
    box-shadow: var(--tfg-metric-card-shadow);
    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"] .pillar-hero .delivery-assurance-step::before {
    content: "";
    position: absolute;
    inset-block: var(--tfg-space-4);
    inset-inline-start: 0;
    inline-size: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm);
    opacity: 0.82;
}

[data-tfg="on"] .pillar-hero .delivery-assurance-step.tfg-metric-card::before {
    inset-block: var(--tfg-space-0) auto;
    inset-inline: 18%;
    inline-size: auto;
    block-size: var(--tfg-border-hairline);
    background: var(--tfg-metric-card-hover-rim);
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .pillar-hero .delivery-assurance-step.tfg-metric-card:hover,
[data-tfg="on"] .pillar-hero .delivery-assurance-step.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"] .pillar-hero .delivery-assurance-step.tfg-metric-card:hover::before,
[data-tfg="on"] .pillar-hero .delivery-assurance-step.tfg-metric-card:focus-within::before {
    opacity: 1;
}

[data-tfg="on"] .pillar-hero .delivery-assurance-index {
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-hero .delivery-assurance-title {
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-hero .delivery-assurance-copy {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    line-height: 1.55;
}

[data-tfg="on"] .decision-pill-label {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    line-height: 1.4;
}

[data-tfg="on"] .decision-pill strong {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-body-lg);
    line-height: var(--tfg-line-height-title);
}

@media (max-width: 48rem) {
    [data-tfg="on"] .decision-summary-grid {
        grid-template-columns: var(--tfg-grid-tier-1);
    }

    [data-tfg="on"] .pillar-hero .delivery-assurance-strip {
        grid-template-columns: var(--tfg-grid-tier-1);
        padding: var(--tfg-card-padding-compact);
    }

    [data-tfg="on"] .hub-hero .hub-hero-infographic-frame,
    [data-tfg="on"] .pillar-hero .service-group-hero-visual-shell,
    [data-tfg="on"] .pillar-hero .service-group-hero-depth-map {
        inline-size: 100%;
    }

    [data-tfg="on"] .pillar-hero .service-group-hero-copy .delivery-assurance-strip {
        grid-template-columns: var(--tfg-grid-tier-1);
        width: 100%;
    }
}

@media (max-width: 30rem) {
    [data-tfg="on"] .hub-hero .hub-hero-infographic-frame--image {
        aspect-ratio: 1;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .hub-hero .hub-hero-audience-pill,
    [data-tfg="on"] .hub-hero .focus-tag,
    [data-tfg="on"] .pillar-hero .delivery-assurance-strip,
    [data-tfg="on"] .pillar-hero .delivery-assurance-step {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .pillar-hero .delivery-assurance-step::before {
        background: var(--tfg-forced-color-text);
    }
}

[data-tfg="on"] .category-hub-wrapper .groups-section,
[data-tfg="on"] .category-hub-wrapper .next-step-section {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
}

[data-tfg="on"] .category-hub-wrapper .groups-section .groups-container,
[data-tfg="on"] .category-hub-wrapper .next-step-section .groups-container {
    width: 100%;
}

[data-tfg="on"] .category-hub-wrapper .section-header-centered {
    display: grid;
    gap: var(--tfg-space-4);
    max-width: var(--tfg-measure-wide);
    margin-inline: auto;
    margin-block-end: var(--tfg-space-8);
    justify-items: center;
    text-align: center;
}

/* Katalog ritmi tfg-premium-shell üstüne (yakınsama 2026-06-13): geniş gap +
   padding S5 yoğun grid sapması. Eski border-strong + altın rim deklarasyonları
   5-kabuk listesi tarafından zaten eziliyordu (ölü) — listeyle birlikte silindi. */
[data-tfg="on"] .category-hub-wrapper .hub-catalog-shell {
    gap: var(--tfg-space-7);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-9));
}

[data-tfg="on"] .category-hub-wrapper .section-title {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

/* Hub ai-summary baş/brifing kopyaları silindi (yakınsama 2026-06-12):
   görünüm AiSummaryBlock Premium modundan — PremiumShell primitive katmanı. */

[data-tfg="on"] .category-hub-wrapper .section-subtitle,
[data-tfg="on"] .category-hub-wrapper .section-decision-note p {
    margin: 0;
    color: var(--tfg-text-secondary);
    line-height: 1.7;
    overflow-wrap: break-word;
    text-wrap: pretty;
}

[data-tfg="on"] .category-hub-wrapper .section-decision-note {
    display: grid;
    gap: var(--tfg-space-2);
    max-width: min(100%, var(--tfg-services-measure-xl));
    margin-inline: auto;
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .category-hub-wrapper .section-decision-note h3 {
    margin: 0;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-h5);
    line-height: 1.25;
}

/* S4 bento polish — fixed 3-col with featured-span-2 (handoff/38 §9 amendment v2 2026-04-29) */
[data-tfg="on"] .category-hub-wrapper .groups-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tfg-geometry-card-gap);
}

@media (min-width: 48rem) {
    [data-tfg="on"] .category-hub-wrapper .groups-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 64rem) {
    [data-tfg="on"] .category-hub-wrapper .groups-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-tfg="on"] .category-hub-wrapper .groups-list > .group-card:first-child {
        grid-column: span 2;
    }
}

[data-tfg="on"] .category-hub-wrapper .group-card {
    position: relative;
    display: block;
    min-height: clamp(16rem, 22vw, 21rem);
    padding: var(--tfg-card-padding-default);
    text-decoration: none;
    border-radius: var(--tfg-radius-lg);
    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);
}

[data-tfg="on"] .category-hub-wrapper .group-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(
        circle at 0% 0%,
        color-mix(in oklab, var(--tfg-accent-warm) 8%, transparent) 0%,
        transparent 45%);
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
    pointer-events: none;
}

[data-tfg="on"] .category-hub-wrapper .group-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    border: var(--tfg-glass-card-hover-border);
    border-radius: inherit;
    background: linear-gradient(90deg,
        var(--tfg-accent-warm-bright) 0,
        var(--tfg-accent-warm) var(--tfg-space-1),
        transparent var(--tfg-space-1));
    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"] .category-hub-wrapper .group-card:hover,
[data-tfg="on"] .category-hub-wrapper .group-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"] .category-hub-wrapper .group-card:hover::before,
[data-tfg="on"] .category-hub-wrapper .group-card:focus-visible::before {
    opacity: 1;
}

[data-tfg="on"] .category-hub-wrapper .group-card:hover::after,
[data-tfg="on"] .category-hub-wrapper .group-card:focus-visible::after {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .group-card {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .group-card:hover,
    [data-tfg="on"] .category-hub-wrapper .group-card:focus-visible {
        transform: none;
    }
}

[data-tfg="on"] .category-hub-wrapper .card-body {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--tfg-space-5);
    min-height: 100%;
}

@media (min-width: 48rem) {
    [data-tfg="on"] .category-hub-wrapper .card-body {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

[data-tfg="on"] .category-hub-wrapper .card-left,
[data-tfg="on"] .category-hub-wrapper .text-content {
    display: grid;
    gap: var(--tfg-space-3);
    min-width: 0;
}

[data-tfg="on"] .category-hub-wrapper .icon-box {
    width: var(--tfg-icon-chip-lg);
    height: var(--tfg-icon-chip-lg);
    display: grid;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(circle at 30% 30%,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            transparent 70%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-accent-warm-bright);
    transition: transform 240ms ease, border-color 240ms ease;
}

[data-tfg="on"] .category-hub-wrapper .group-card:hover .icon-box,
[data-tfg="on"] .category-hub-wrapper .group-card:focus-visible .icon-box {
    transform: scale(1.05);
    border-color: var(--tfg-accent-rim);
}

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

    [data-tfg="on"] .category-hub-wrapper .group-card:hover .icon-box,
    [data-tfg="on"] .category-hub-wrapper .group-card:focus-visible .icon-box {
        transform: none;
    }
}

[data-tfg="on"] .category-hub-wrapper .group-title,
[data-tfg="on"] .category-hub-wrapper .group-desc {
    margin: 0;
    min-width: 0;
    overflow-wrap: break-word;
}

[data-tfg="on"] .category-hub-wrapper .hub-group-index {
    display: inline-grid;
    inline-size: var(--tfg-icon-chip-sm);
    block-size: var(--tfg-icon-chip-sm);
    max-width: 100%;
    place-items: center;
    padding: var(--tfg-space-0);
    border: var(--tfg-panel-border);
    border-radius: 50%;
    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-headline);
    line-height: 1;
    text-align: center;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    box-shadow: var(--tfg-icon-chip-shadow);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .category-hub-wrapper .group-desc {
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .category-hub-wrapper .group-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] .category-hub-wrapper .group-tags .tag-pill {
    justify-content: center;
    min-height: var(--tfg-chip-frame-fit-min-height);
    border: var(--tfg-border-hairline) solid var(--tfg-accent-ring, var(--tfg-accent-warm));
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 6%, transparent) 100%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-semibold);
    box-shadow: inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-accent-warm-bright) 24%, transparent);
}

[data-tfg="on"] .category-hub-wrapper .card-right {
    display: flex;
    align-items: end;
    justify-content: start;
    min-width: 0;
}

[data-tfg="on"] .category-hub-wrapper .action-btn {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    gap: var(--tfg-space-2);
    color: var(--tfg-accent-warm-bright);
    font-weight: var(--tfg-font-weight-headline);
    overflow-wrap: anywhere;
    white-space: normal;
    transition: gap 240ms ease;
}

[data-tfg="on"] .category-hub-wrapper .action-btn .icon {
    transition: transform 240ms ease;
}

[data-tfg="on"] .category-hub-wrapper .group-card:hover .action-btn,
[data-tfg="on"] .category-hub-wrapper .group-card:focus-visible .action-btn {
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .category-hub-wrapper .group-card:hover .action-btn .icon,
[data-tfg="on"] .category-hub-wrapper .group-card:focus-visible .action-btn .icon {
    transform: translateX(var(--tfg-space-1));
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .action-btn,
    [data-tfg="on"] .category-hub-wrapper .action-btn .icon {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .group-card:hover .action-btn,
    [data-tfg="on"] .category-hub-wrapper .group-card:focus-visible .action-btn {
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .category-hub-wrapper .group-card:hover .action-btn .icon,
    [data-tfg="on"] .category-hub-wrapper .group-card:focus-visible .action-btn .icon {
        transform: none;
    }
}

/* ─────────────────────────────────────────────────────────────────────
   CategoryHub Level 2 + ServiceGroupDetail Level 3 infographics
   (handoff/35 v1.2 — 2026-04-28). Tier-2 brand-aligned section visuals
   per dh-brand-source §11.2 Level 2/3.
   ───────────────────────────────────────────────────────────────────── */

[data-tfg="on"] .hub-overview-infographic,
[data-tfg="on"] .group-detail-infographic {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
}

[data-tfg="on"] .hub-overview-infographic {
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .group-detail-infographic {
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .hub-overview-infographic-shell,
[data-tfg="on"] .group-detail-infographic-shell {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    overflow: hidden;
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .hub-overview-infographic-img,
[data-tfg="on"] .group-detail-infographic-img {
    display: block;
    width: 100%;
    height: auto;
}

/* ─────────────────────────────────────────────────────────────────────
   CategoryHub S12 Stats / Proof Row (handoff/38 §9 amendment — 2026-04-29)
   Premium category landing page benchmark coverage: 4-metric strip below hero
   strengthens trust before sub-service catalog. Token-clean. Forced-colors
   fallback respected. Reduced-motion respect (no infinite animation).
   2026-04-29 v2: premium polish — accent top-rail + glass material + hover lift
   + gradient value typography + atmospheric backdrop.
   ───────────────────────────────────────────────────────────────────── */

[data-tfg="on"] .category-hub-wrapper .hub-stats-section {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-shell {
    position: relative;
    padding: var(--tfg-space-7) var(--tfg-space-6);
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--tfg-space-3);
    margin-bottom: var(--tfg-space-6);
    text-align: center;
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-title {
    margin: 0;
    font-size: var(--tfg-font-role-section-title);
    line-height: var(--tfg-line-height-heading);
    color: var(--tfg-text-headline);
    font-weight: var(--tfg-font-weight-headline);
    letter-spacing: var(--tfg-heading-tracking);
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--tfg-grid-stat-min), 1fr));
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-6) var(--tfg-space-4);
    border-radius: var(--tfg-radius-md);
    text-align: center;
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-value {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    font-weight: var(--tfg-font-weight-display);
    color: var(--tfg-accent-warm);
    letter-spacing: var(--tfg-heading-tracking);
    background: linear-gradient(135deg,
        var(--tfg-accent-warm) 0%,
        var(--tfg-accent-warm-bright, var(--tfg-accent-warm)) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-tfg="on"] .category-hub-wrapper .hub-stats-label {
    font-size: var(--tfg-font-size-caption);
    line-height: var(--tfg-line-height-body);
    color: var(--tfg-text-secondary);
    text-transform: uppercase;
    letter-spacing: var(--tfg-tracking-stat-label);
    font-weight: var(--tfg-font-weight-headline);
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .hub-stats-item {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-stats-item:hover,
    [data-tfg="on"] .category-hub-wrapper .hub-stats-item:focus-within {
        transform: none;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .category-hub-wrapper .hub-stats-item {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-stats-item::before {
        background: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-stats-value {
        color: var(--tfg-forced-color-text);
        background: none;
        -webkit-text-fill-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-stats-label {
        color: var(--tfg-forced-color-text);
    }
}

@media (forced-colors: active) {
    /* hub-catalog-shell üyeliği primitive'e devredildi (tfg-premium-shell
       forced-colors bloğu kabuk + rim'i kapsar). */
    [data-tfg="on"] .category-hub-wrapper .hub-hero-shell,
    [data-tfg="on"] .category-hub-wrapper .section-decision-note,
    [data-tfg="on"] .category-hub-wrapper .hub-group-index {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-group-index {
        color: var(--tfg-forced-color-text);
    }
}

/* ─────────────────────────────────────────────────────────────────────
   CategoryHub S14 Value Pillars — Neden DH 360° (handoff/38 §9 amendment 2026-04-29)
   Static 4-pillar benefit grid below Stats Row, before AI Summary. Premium card
   pattern: icon area + title + 2-line copy + hover accent border-color shift.
   ───────────────────────────────────────────────────────────────────── */

[data-tfg="on"] .category-hub-wrapper .hub-value-pillars {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    margin-block: var(--tfg-space-0);
}

/* Başlık ritmi margin-block-end ile kurulu — primitive grid gap'i sıfırlanır
   (tfg-premium-shell display:grid + gap getirir; render bugünkü blok akışıyla birebir). */
[data-tfg="on"] .category-hub-wrapper .hub-value-pillars-shell {
    gap: var(--tfg-space-0);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillars-header {
    display: grid;
    gap: var(--tfg-space-3);
    max-width: var(--tfg-measure-wide);
    margin-inline: auto;
    margin-block-end: var(--tfg-space-7);
    justify-items: center;
    text-align: center;
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillars-title {
    margin: 0;
    font-size: var(--tfg-font-role-section-title);
    line-height: 1.08;
    letter-spacing: var(--tfg-heading-tracking);
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillars-desc {
    margin: 0;
    color: var(--tfg-text-secondary);
    font-size: clamp(1rem, 1.3vw, 1.125rem);
    line-height: var(--tfg-line-height-body);
    max-width: var(--tfg-measure-wide);
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillars-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tfg-space-4);
}

@media (min-width: 40rem) {
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillars-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 64rem) {
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillars-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillar {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-5) var(--tfg-space-4);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    overflow: hidden;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background 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"] .category-hub-wrapper .hub-value-pillar::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"] .category-hub-wrapper .hub-value-pillar:hover,
[data-tfg="on"] .category-hub-wrapper .hub-value-pillar: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"] .category-hub-wrapper .hub-value-pillar:hover::after,
[data-tfg="on"] .category-hub-wrapper .hub-value-pillar:focus-within::after {
    opacity: 1;
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillar-icon {
    width: var(--tfg-services-icon-box);
    height: var(--tfg-services-icon-box);
    display: grid;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background:
        radial-gradient(circle at 30% 30%,
            color-mix(in oklab, var(--tfg-accent-warm) 22%, transparent) 0%,
            transparent 70%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillar-title {
    margin: 0;
    font-size: var(--tfg-font-size-h4);
    line-height: var(--tfg-line-height-title);
    color: var(--tfg-text-headline);
    font-weight: var(--tfg-font-weight-headline);
}

[data-tfg="on"] .category-hub-wrapper .hub-value-pillar-copy {
    margin: 0;
    color: var(--tfg-text-secondary);
    line-height: 1.6;
    font-size: var(--tfg-font-size-body);
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar::after {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar:hover,
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar:focus-within {
        transform: none;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar,
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar-icon {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar-icon,
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar-title,
    [data-tfg="on"] .category-hub-wrapper .hub-value-pillar-copy {
        color: var(--tfg-forced-color-text);
    }
}

/* ─────────────────────────────────────────────────────────────────────
   CategoryHub Hero atmospheric depth (2026-04-29 premium polish v2 — patron)
   Adds radial gradient halo + subtle accent ring decoration to hub-hero shell.
   Token-clean. No raw color values. Reduced-motion respect (static gradient).
   ───────────────────────────────────────────────────────────────────── */

[data-tfg="on"] .category-hub-wrapper .hub-hero {
    isolation: isolate;
}

[data-tfg="on"] .category-hub-wrapper .hub-hero::before {
    content: "";
    position: absolute;
    inset-block-start: -10%;
    inset-inline-end: -8%;
    inline-size: clamp(20rem, 40vw, 36rem);
    block-size: clamp(20rem, 40vw, 36rem);
    background: radial-gradient(closest-side,
        color-mix(in oklab, var(--tfg-accent-warm) 14%, transparent) 0%,
        color-mix(in oklab, var(--tfg-accent-warm) 6%, transparent) 40%,
        transparent 75%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    filter: blur(var(--tfg-space-5));
}

[data-tfg="on"] .category-hub-wrapper .hub-hero::after {
    content: "";
    position: absolute;
    inset-block-end: -20%;
    inset-inline-start: -10%;
    inline-size: clamp(16rem, 30vw, 28rem);
    block-size: clamp(16rem, 30vw, 28rem);
    background: radial-gradient(closest-side,
        color-mix(in oklab, var(--tfg-accent-warm-bright, var(--tfg-accent-warm)) 8%, transparent) 0%,
        transparent 70%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    filter: blur(var(--tfg-space-10));
}

@media (forced-colors: active) {
    [data-tfg="on"] .category-hub-wrapper .hub-hero::before,
    [data-tfg="on"] .category-hub-wrapper .hub-hero::after {
        display: none;
    }
}

/* ─────────────────────────────────────────────────────────────────────
   CategoryHub upgrade — handoff/35 P1 (2026-04-27)
   S1 trust pill rail · S7 compliance grid · S8 sector rail · S10 FAQ accordion
   Token discipline: use the TFG token lane only. Reuses .premium-chip from handoff/33.
   ───────────────────────────────────────────────────────────────────── */

/* S1 — Hero trust pill rail */
[data-tfg="on"] .category-hub-wrapper .hub-hero-trust-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(var(--tfg-space-2), 2.4vw, var(--tfg-space-3));
    margin-block-start: var(--tfg-space-3);
}

[data-tfg="on"] .category-hub-wrapper .hub-hero-trust-prefix {
    color: var(--tfg-text-muted);
    font-size: clamp(var(--tfg-font-size-caption), 2.7vw, var(--tfg-font-size-body-sm));
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-tracking-eyebrow);
    text-transform: uppercase;
    margin-inline-end: var(--tfg-space-1);
}

[data-tfg="on"] .category-hub-wrapper .hub-hero-trust-pills .premium-chip {
    display: inline-flex;
    align-items: center;
    justify-content: 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-border-hairline) solid var(--tfg-accent-ring, var(--tfg-accent-warm));
    border-radius: var(--tfg-radius-pill);
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 6%, transparent) 100%),
        var(--tfg-panel-background-soft);
    box-shadow: inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-accent-warm-bright) 24%, transparent);
    color: var(--tfg-accent-warm-bright);
    font-size: clamp(0.875rem, 3.6vw, 1.125rem);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-tracking-body);
    overflow-wrap: anywhere;
    white-space: normal;
}

/* Hub 5-kabuk listesi tfg-premium-shell primitive'ine yakınsadı (2026-06-13):
   value-pillars / catalog / compliance / sectors / faq kabukları markup'ta sınıf
   giyer; cam zemin + %12 üst-rim + çocuk z-index koruması primitive'den gelir.
   Aile kuralları kendi ritimlerini (gap/padding) deklare etmeye devam eder;
   hub-faq-shell zemin/doku sapmaları aşağıdaki S10 bölgesinde yaşar. */

/* S7 — Compliance Surfaces grid */
[data-tfg="on"] .category-hub-wrapper .hub-compliance-section {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-shell {
    display: grid;
    gap: var(--tfg-space-6);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--tfg-grid-card-min)), 1fr));
    gap: var(--tfg-geometry-card-gap);
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-3);
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    overflow: hidden;
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        background 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"] .category-hub-wrapper .hub-compliance-card::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 30%;
    block-size: var(--tfg-services-nudge-xs);
    background: var(--tfg-metric-card-hover-rim);
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
    pointer-events: none;
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-card::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"] .category-hub-wrapper .hub-compliance-card:hover,
[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:focus-within {
    transform: var(--tfg-glass-card-hover-transform);
    border: var(--tfg-glass-card-hover-border);
    background: var(--tfg-glass-card-hover-background);
    box-shadow: var(--tfg-glass-card-hover-shadow);
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:hover::before,
[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:focus-within::before,
[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:hover::after,
[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:focus-within::after {
    opacity: 1;
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-badge {
    align-self: flex-start;
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:hover .hub-compliance-badge,
[data-tfg="on"] .category-hub-wrapper .hub-compliance-card:focus-within .hub-compliance-badge {
    transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card,
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card::before,
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card::after,
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-badge {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card:hover,
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card:focus-within {
        transform: none;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card:hover .hub-compliance-badge,
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card:focus-within .hub-compliance-badge {
        transform: none;
    }
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-name {
    margin: 0;
    min-width: 0;
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-h5);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: 1.3;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

[data-tfg="on"] .category-hub-wrapper .hub-compliance-applicability {
    margin: 0;
    min-width: 0;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body);
    line-height: 1.55;
    overflow-wrap: break-word;
    text-wrap: pretty;
}

/* S8 — Sector application cards */
[data-tfg="on"] .category-hub-wrapper .hub-sectors-section {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .category-hub-wrapper .hub-sectors-shell {
    display: grid;
    gap: var(--tfg-geometry-grid-gap);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
}

[data-tfg="on"] .category-hub-wrapper .hub-sectors-shell .section-header-centered {
    max-width: min(100%, var(--tfg-container-md));
    margin-inline: auto;
    text-align: center;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-applications-slider {
    --tfg-hub-sector-slider-gap: var(--tfg-geometry-card-gap);
    --tfg-hub-sector-visible-cards: 3;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--tfg-space-3);
    width: 100%;
    margin-inline: auto;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-applications-viewport {
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-padding-inline: var(--tfg-space-1);
    scroll-snap-type: x mandatory;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-applications-viewport::-webkit-scrollbar {
    display: none;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-applications-viewport:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-applications-grid {
    display: flex;
    align-items: stretch;
    gap: var(--tfg-hub-sector-slider-gap);
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: var(--tfg-space-1);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-card-shell {
    display: grid;
    flex: 0 0 calc((100% - (var(--tfg-hub-sector-slider-gap) * (var(--tfg-hub-sector-visible-cards) - 1))) / var(--tfg-hub-sector-visible-cards));
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-card {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: var(--tfg-card-min-height-default);
    gap: var(--tfg-geometry-card-gap);
    padding: var(--tfg-card-padding-default);
    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-glass-card-shadow);
    overflow: hidden;
    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"] .category-hub-wrapper .hub-sector-slider-control {
    display: inline-grid;
    inline-size: var(--tfg-control-min-height);
    block-size: var(--tfg-control-min-height);
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background:
        radial-gradient(circle at 34% 24%, var(--tfg-accent-soft), transparent 62%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
    cursor: pointer;
    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),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control:hover,
[data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control:focus-visible {
    border-color: var(--tfg-accent-ring);
    background: var(--tfg-glass-card-hover-background);
    color: var(--tfg-text-headline);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control:focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

/* Kart #006 M1 — WCAG 2.2.2 pause/resume toggle ikon değişimi (Home.css trust-strip deseniyle aynı). */
[data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control--toggle .carousel-toggle-icon--play {
    display: none;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control--toggle[aria-pressed="true"] .carousel-toggle-icon--play {
    display: inline-flex;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control--toggle[aria-pressed="true"] .carousel-toggle-icon--pause {
    display: none;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-media {
    position: relative;
    isolation: isolate;
    display: grid;
    place-items: center;
    min-block-size: clamp(10rem, 22vw, 14rem);
    overflow: hidden;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(circle at 50% 50%, var(--tfg-accent-soft), transparent 34%),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-panel-background-strong);
    background-position: center;
    background-size: cover;
    box-shadow: var(--tfg-media-caption-shadow);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-media::before,
[data-tfg="on"] .category-hub-wrapper .hub-sector-application-media::after {
    position: absolute;
    inset: var(--tfg-space-0);
    content: "";
    pointer-events: none;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-image {
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-media--image::before {
    z-index: 0;
    background:
        linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--tfg-panel-background-strong) 46%, transparent) 100%),
        var(--tfg-glass-card-highlight);
    opacity: 0.48;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-media::before {
    z-index: -1;
    background:
        var(--tfg-glass-card-highlight),
        var(--tfg-atmosphere-noise-image);
    opacity: 0.34;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-media::after {
    border-radius: inherit;
    box-shadow:
        var(--tfg-rim-light),
        var(--tfg-rim-shadow);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-orbit {
    position: absolute;
    border: var(--tfg-border-hairline) solid var(--tfg-accent-ring);
    border-radius: var(--tfg-radius-pill);
    opacity: 0.5;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-orbit--wide {
    inline-size: min(72%, var(--tfg-services-orbit-wide));
    block-size: min(72%, var(--tfg-services-orbit-wide));
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-orbit--tight {
    inline-size: min(48%, var(--tfg-services-orbit-tight));
    block-size: min(48%, var(--tfg-services-orbit-tight));
    border-style: dashed;
    opacity: 0.64;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-node {
    position: absolute;
    inline-size: var(--tfg-space-3);
    block-size: var(--tfg-space-3);
    border: var(--tfg-border-hairline) solid var(--tfg-accent-ring);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-node--north {
    inset-block-start: 22%;
    inset-inline-start: 50%;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-node--east {
    inset-block-start: 50%;
    inset-inline-end: 22%;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-node--south {
    inset-block-end: 22%;
    inset-inline-start: 36%;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-icon {
    position: relative;
    z-index: 1;
    display: inline-grid;
    inline-size: clamp(3.25rem, 8vw, 4.25rem);
    block-size: clamp(3.25rem, 8vw, 4.25rem);
    place-items: center;
    border: var(--tfg-border-hairline) solid var(--tfg-accent-ring);
    border-radius: var(--tfg-radius-pill);
    background:
        radial-gradient(circle at 38% 24%, var(--tfg-accent-soft), transparent 64%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-rim-light), var(--tfg-warm-glow);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-body {
    display: grid;
    align-content: start;
    gap: var(--tfg-card-copy-gap);
    min-width: 0;
    padding: var(--tfg-card-padding-compact);
    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-media-caption-shadow);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
    min-width: 0;
    max-width: 100%;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-title {
    margin: 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);
    overflow-wrap: break-word;
    text-wrap: var(--tfg-text-wrap-heading);
    transition: color var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-summary {
    margin: 0;
    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);
    overflow-wrap: break-word;
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-services {
    position: relative;
    z-index: var(--tfg-z-content);
    display: grid;
    gap: var(--tfg-space-3);
    min-width: 0;
    max-width: 100%;
    margin-block-start: var(--tfg-space-1);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-services-label {
    display: inline-flex;
    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-text-muted);
    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);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-services-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-services-list li {
    display: flex;
    flex: 1 1 var(--tfg-services-flex-basis-card);
    min-width: 0;
    max-width: 100%;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-service-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    max-width: 100%;
    min-width: 0;
    min-block-size: 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-border-hairline) solid var(--tfg-panel-border-color);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-chip-frame-fit-line-height);
    overflow-wrap: anywhere;
    text-align: center;
    text-decoration: none;
    transition:
        border-color 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"] .category-hub-wrapper a.hub-sector-service-chip:hover,
[data-tfg="on"] .category-hub-wrapper a.hub-sector-service-chip:focus-visible {
    border-color: var(--tfg-accent-ring);
    background: color-mix(in oklab, var(--tfg-accent-warm) 14%, var(--tfg-panel-background-soft));
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    margin-top: auto;
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    overflow-wrap: anywhere;
    text-decoration: none;
    transition:
        color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

/* Patron 2026-06-24: the whole sector card navigates to its sector page (stretched link);
   the applied-service chips stay individually clickable above the overlay (z-index). */
[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--tfg-radius-lg);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link:hover,
[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link:focus-visible {
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link .tfg-icon {
    flex: 0 0 auto;
    transition: transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-count {
    flex: 0 0 auto;
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    overflow-wrap: anywhere;
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-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"] .category-hub-wrapper .hub-sector-application-card:is(:hover, :focus-within) :is(.hub-sector-application-title, .hub-sector-application-link) {
    color: var(--tfg-glass-card-hover-title);
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-card:is(:hover, :focus-within) .hub-sector-application-link,
[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link:is(:hover, :focus-visible) {
    transform: translateX(var(--tfg-space-1));
}

[data-tfg="on"] .category-hub-wrapper .hub-sector-application-card:is(:hover, :focus-within) .hub-sector-application-link .tfg-icon,
[data-tfg="on"] .category-hub-wrapper .hub-sector-application-link:is(:hover, :focus-visible) .tfg-icon {
    transform: translateX(var(--tfg-space-1));
}

[data-tfg="on"] .category-hub-wrapper :is(a.hub-sector-service-chip, .hub-sector-application-link):focus-visible {
    outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
    outline-offset: var(--tfg-focus-offset);
}

@media (max-width: 64rem) {
    [data-tfg="on"] .category-hub-wrapper .hub-sector-applications-slider {
        --tfg-hub-sector-visible-cards: 2;
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .category-hub-wrapper .hub-sector-applications-slider {
        --tfg-hub-sector-visible-cards: 1;

        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-applications-viewport {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control {
        display: inline-grid;
        grid-row: 2;
        margin-block-start: var(--tfg-space-1);
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control--prev {
        grid-column: 1;
        justify-self: end;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control--next {
        grid-column: 2;
        justify-self: start;
    }

    /* Patron 2026-06-24: the pause/resume toggle had no mobile grid placement, so it
       auto-placed into an implicit 3rd column to the right of the viewport — leaving the
       single mobile card left-shifted / half-framed. Pin it to its own centered row so the
       viewport (grid-column 1/-1) fills the full slider width and the card sits centered. */
    [data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control--toggle {
        grid-row: 3;
        grid-column: 1 / -1;
        justify-self: center;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-card {
        min-height: auto;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-meta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-card,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-title,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-link,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-link .tfg-icon,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-service-chip,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control {
        transition: none;
    }

    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-card:is(:hover, :focus-within),
    [data-tfg="on"] .category-hub-wrapper .hub-sector-slider-control:is(:hover, :focus-visible),
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-card:is(:hover, :focus-within) .hub-sector-application-link,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-link:is(:hover, :focus-visible),
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-card:is(:hover, :focus-within) .hub-sector-application-link .tfg-icon,
    [data-tfg="on"] .category-hub-wrapper .hub-sector-application-link:is(:hover, :focus-visible) .tfg-icon {
        transform: none;
    }
}

/* S10 — FAQ accordion (HTML5 details/summary; no JS required for basic open) */
[data-tfg="on"] .category-hub-wrapper .hub-faq-section {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    margin-block: var(--tfg-space-0);
}

/* SSS kabuğu sapmaları (tfg-premium-shell üstüne): sıkı kart-gap'li ritim,
   panel padding'i ve radiance'sız düz cam zemin; ::before tüm-yüzey dokuya,
   ::after alt vurgu çizgisine çevrilir (display/isolation primitive'den). */
[data-tfg="on"] .category-hub-wrapper .hub-faq-shell {
    gap: var(--tfg-geometry-card-gap);
    padding: var(--tfg-geometry-panel-padding);
    background: var(--tfg-glass-shell-background);
}

[data-tfg="on"] .category-hub-wrapper .hub-faq-shell::before {
    inset: 0;
    z-index: 0;
    block-size: auto;
    background:
        var(--tfg-glass-faq-sheen),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, var(--tfg-services-faq-noise-tile) var(--tfg-services-faq-noise-tile);
    opacity: 0.24;
}

[data-tfg="on"] .category-hub-wrapper .hub-faq-shell::after {
    position: absolute;
    inset-block: auto 0;
    inset-inline: var(--tfg-space-8);
    block-size: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    content: "";
    opacity: 0.84;
    pointer-events: none;
}

/* Hub SSS yakınsaması (2026-06-13): akordeon iskeleti (liste/madde/summary/
   rozet/cevap/odak/48rem) tfg-faq primitive'inden gelir — PremiumShell.css.
   Burada yalnız hub'a özgü sapmalar yaşar; primitive'le birebir ~180 satır
   kopya silindi. */
[data-tfg="on"] .category-hub-wrapper .tfg-faq-summary {
    transition: background var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .category-hub-wrapper .tfg-faq-summary:hover,
[data-tfg="on"] .category-hub-wrapper .tfg-faq-item[open] .tfg-faq-summary {
    background: var(--tfg-metric-card-hover-background);
}

/* Hub sorusu display-font taşır (anasayfa gövde fontu — bilinçli aile sapması). */
[data-tfg="on"] .category-hub-wrapper .tfg-faq-summary > span {
    font-family: var(--tfg-font-family-display);
}

/* Hub + leaf ortak SSS sapması: altın hover/odak/açık çerçevesi (site-geneli
   repeated-card standardı) + accent kenar rengi. Anasayfa (primitive taban) bu
   ringi taşımaz; e2e category-hub-phase1 ::after odak assertion'ı bu bloğa bağlı. */
[data-tfg="on"] .category-hub-wrapper .tfg-faq-item::after,
[data-tfg="on"] .pillar-page-wrapper .tfg-faq-item::after {
    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);
    content: "";
    opacity: 0;
    transition: opacity var(--tfg-duration-fast) var(--tfg-ease-standard);
    pointer-events: none;
}

[data-tfg="on"] .category-hub-wrapper .tfg-faq-item:hover,
[data-tfg="on"] .category-hub-wrapper .tfg-faq-item:focus-within,
[data-tfg="on"] .pillar-page-wrapper .tfg-faq-item:hover,
[data-tfg="on"] .pillar-page-wrapper .tfg-faq-item:focus-within {
    border-color: var(--tfg-accent-rim);
}

[data-tfg="on"] .category-hub-wrapper .tfg-faq-item:hover::after,
[data-tfg="on"] .category-hub-wrapper .tfg-faq-item:focus-within::after,
[data-tfg="on"] .category-hub-wrapper .tfg-faq-item[open]::after,
[data-tfg="on"] .pillar-page-wrapper .tfg-faq-item:hover::after,
[data-tfg="on"] .pillar-page-wrapper .tfg-faq-item:focus-within::after,
[data-tfg="on"] .pillar-page-wrapper .tfg-faq-item[open]::after {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .category-hub-wrapper .tfg-faq-summary,
    [data-tfg="on"] .category-hub-wrapper .tfg-faq-item::after,
    [data-tfg="on"] .pillar-page-wrapper .tfg-faq-item::after {
        transition: none;
    }
}

@media (forced-colors: active) {
    /* tfg-faq-item üyeliği primitive forced-colors bloğuna devredildi. */
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-card {
        border-color: var(--tfg-forced-color-text);
    }
}

/* ai-summary taban reçetesi silindi (yakınsama 2026-06-12): kabuk/kart/hover
   kromu PremiumShell primitive katmanında (ai-summary-block--premium). */

@media (max-width: 48rem) {
    [data-tfg="on"] .category-hub-wrapper {
        gap: var(--tfg-space-0);
        padding-block-end: var(--tfg-geometry-mobile-bottom-clearance);
    }

    [data-tfg="on"] .hub-hero {
        padding-block: var(--tfg-space-0);
    }

    [data-tfg="on"] .hub-hero .hero-title {
        max-width: min(100%, var(--tfg-page-hero-title-max-width));
    }

    [data-tfg="on"] .category-hub-wrapper .card-body {
        display: grid;
    }

    [data-tfg="on"] .category-hub-wrapper .card-right {
        justify-content: start;
    }
}

@media (max-width: 30rem) {
    [data-tfg="on"] .category-hub-wrapper .hub-hero-shell {
        padding: var(--tfg-space-5);
    }

    [data-tfg="on"] .hub-hero .hub-hero-slogan {
        max-width: min(100%, var(--tfg-services-measure-sm));
    }

    [data-tfg="on"] .category-hub-wrapper .section-subtitle,
    [data-tfg="on"] .category-hub-wrapper .group-desc,
    [data-tfg="on"] .category-hub-wrapper .hub-compliance-applicability,
    [data-tfg="on"] .ai-summary-block--premium .ai-summary-block__paragraph {
        font-size: var(--tfg-font-size-body-sm);
        line-height: var(--tfg-line-height-body);
    }

    [data-tfg="on"] .category-hub-wrapper .section-title {
        font-size: var(--tfg-font-size-h2);
        line-height: var(--tfg-line-height-title);
    }

    /* Hub 30rem SSS sapması: numara rozeti gizlenir, summary iki kolona iner
       (primitive 48rem bloğunun üstüne dar-ekran sıkılaştırması). */
    [data-tfg="on"] .category-hub-wrapper .tfg-faq-summary {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: var(--tfg-space-3);
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .category-hub-wrapper .tfg-faq-summary::before {
        display: none;
    }

    [data-tfg="on"] .category-hub-wrapper .tfg-faq-answer {
        padding: var(--tfg-space-0) var(--tfg-space-4) var(--tfg-space-4);
    }
}

/* ============================================================================
   v11 ServicesIndex hero supplementals — patron 2026-04-27 enterprise standard
   Hero metric strip · frame chips row · gold-italic phrase · sort dropdown ·
   service-card numbered glass chips · decision helper · final CTA gradient panel.
   Token consumption: --tfg-glass-meta-pill-* (chips) + --tfg-accent-warm-bright
   (dot/gold) + --tfg-panel-* (helper shell) + warm gleam radial gradient.
   ============================================================================ */

/* Hero override rules moved OUTSIDE @layer sections (unlayered) — see file end.
   Reason: ServiceGrid.css legacy is unlayered and would otherwise win the cascade
   regardless of selector specificity, since unlayered styles always beat layered
   ones in cascade ordering. */

[data-tfg="on"] .services-index-wrapper .hero-title .gold-italic {
    color: var(--tfg-accent-warm-bright);
    font-style: italic;
    font-weight: var(--tfg-font-weight-medium);
}

[data-tfg="on"] .services-hero-meta-row {
    margin-block-start: var(--tfg-space-7);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--tfg-space-3);
    align-items: stretch;
    padding: var(--tfg-space-4);
    width: 100%;
}

[data-tfg="on"] .services-hero-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--tfg-space-1);
    min-width: 0;
    min-block-size: var(--tfg-services-hero-stat-min);
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border-radius: var(--tfg-radius-md);
    text-align: center;
}

[data-tfg="on"] .services-hero-stat-value {
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-h3);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-heading-tracking);
    color: var(--tfg-text-headline);
}

[data-tfg="on"] .services-hero-stat-label {
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-tracking-eyebrow);
    color: var(--tfg-text-muted);
    text-transform: uppercase;
    font-weight: var(--tfg-font-weight-medium);
    text-wrap: balance;
}

[data-tfg="on"] .services-hero-stat-sep {
    display: none;
}

[data-tfg="on"] .services-hero-actions {
    margin-block-start: var(--tfg-space-5);
}

/* Sort + view counter rail */
[data-tfg="on"] .services-control-bar {
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-section-shell-width));
    margin-inline: auto;
    margin-block: var(--tfg-space-5) var(--tfg-space-3);
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    justify-content: space-between;
    align-items: center;
}

[data-tfg="on"] .services-control-counter {
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-tracking-eyebrow);
    color: var(--tfg-text-muted);
    text-transform: uppercase;
    font-weight: var(--tfg-font-weight-medium);
}

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

[data-tfg="on"] .services-sort-label {
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-tracking-eyebrow);
    color: var(--tfg-text-muted);
    text-transform: uppercase;
    font-weight: var(--tfg-font-weight-medium);
}

[data-tfg="on"] .services-sort-dropdown {
    position: relative;
    min-inline-size: var(--tfg-services-fan-card-min);
}

[data-tfg="on"] .services-sort-btn {
    inline-size: 100%;
    block-size: var(--tfg-control-min-height);
    padding-inline: var(--tfg-space-3);
    border-radius: var(--tfg-radius-pill);
    border: var(--tfg-glass-meta-pill-border);
    background: var(--tfg-glass-meta-pill-background);
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-medium);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-2);
    cursor: pointer;
    transition: border-color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-sort-btn:hover,
[data-tfg="on"] .services-sort-btn:focus-visible {
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
}

@media (min-width: 64rem) {
    [data-tfg="on"] .services-index-wrapper .bento-grid-catalog {
        /* Patron 2026-04-27 directive: "biri yatay diğerleri dikey tümünü
           dikey yap" — uniform 2-col desktop grid; previously 3-col with
           featured span-2 caused asymmetry. */
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Decision helper section */
[data-tfg="on"] .services-helper {
    margin-block: var(--tfg-space-0);
}

[data-tfg="on"] .services-helper-shell {
    padding: var(--tfg-space-8) var(--tfg-space-7);
    border-radius: var(--tfg-radius-xl);
    border: var(--tfg-panel-border);
    background: linear-gradient(155deg,
        var(--tfg-panel-background-soft) 0%,
        var(--tfg-accent-soft) 100%);
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: var(--tfg-space-8);
    align-items: start;
}

[data-tfg="on"] .services-helper-head .tfg-chip {
    margin-block-end: var(--tfg-space-3);
}

[data-tfg="on"] .services-helper-title {
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-role-section-title);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-heading-tracking);
    line-height: var(--tfg-heading-line-height-section);
    color: var(--tfg-text-headline);
    text-wrap: balance;
}

[data-tfg="on"] .services-helper-desc {
    margin-block-start: var(--tfg-space-3);
    font-size: var(--tfg-font-size-body-large);
    line-height: 1.55;
    color: var(--tfg-text-secondary);
    max-inline-size: 36ch;
}

/* Kart #003 M2: konteyner gerçek <ul>, yollar <li> içinde — liste kutu modeli sıfırlanır,
   buton/link <li>'yi tam doldurur; görsel sonuç div/role dönemindekiyle birebir. */
[data-tfg="on"] .services-helper-paths {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

[data-tfg="on"] .services-helper-paths > li {
    display: flex;
}

[data-tfg="on"] .services-helper-path {
    flex: 1 1 auto;
    min-inline-size: 0;
    padding: var(--tfg-space-4) var(--tfg-space-5);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background-soft);
    border: var(--tfg-panel-border);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--tfg-space-4);
    color: var(--tfg-text-primary);
    text-decoration: none;
    transition: transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
                border-color var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
                background var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-helper-path:hover,
[data-tfg="on"] .services-helper-path:focus-visible {
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    transform: translateX(var(--tfg-services-nudge-xs));
    background: var(--tfg-panel-background, var(--tfg-panel-background-soft));
}

[data-tfg="on"] .services-helper-path-num {
    inline-size: var(--tfg-space-10);
    block-size: var(--tfg-space-10);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background, var(--tfg-panel-background-soft));
    border: var(--tfg-panel-border);
    display: grid;
    place-items: center;
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
    color: var(--tfg-accent-warm-bright);
    flex-shrink: 0;
}

[data-tfg="on"] .services-helper-path-body {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-1);
    align-items: flex-start;
    justify-self: start;
    min-inline-size: 0;
    text-align: start;
}

[data-tfg="on"] .services-helper-path-title {
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-body-large);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-heading-tracking);
    color: var(--tfg-text-primary);
    text-align: start;
}

[data-tfg="on"] .services-helper-path-sub {
    font-size: var(--tfg-font-size-caption);
    color: var(--tfg-text-muted);
    text-align: start;
}

[data-tfg="on"] .services-helper-path-arrow {
    color: var(--tfg-text-muted);
    transition: color var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
                transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-helper-path:hover .services-helper-path-arrow,
[data-tfg="on"] .services-helper-path:focus-visible .services-helper-path-arrow {
    color: var(--tfg-accent-warm-bright);
    transform: translateX(var(--tfg-services-nudge-sm));
}

/* Final CTA panel consumes the shared .tfg-terminal-cta primitive from Sections/Home.css. */
[data-tfg="on"] .services-final-cta {
    margin-block: var(--tfg-space-0);
}

@media (max-width: 63.9375rem) {
    [data-tfg="on"] .services-helper-shell {
        grid-template-columns: 1fr;
        gap: var(--tfg-space-6);
        padding: var(--tfg-space-6);
    }
}

@media (max-width: 40rem) {
    [data-tfg="on"] .services-hero-stat-sep {
        display: none;
    }

    [data-tfg="on"] .services-hero-meta-row {
        gap: var(--tfg-space-3);
    }

    [data-tfg="on"] .services-helper-shell {
        padding: var(--tfg-space-6) var(--tfg-space-4);
    }
}

/* ============================================================================
   ServicesIndex page-family — token-first migration (patron 2026-04-27).
   Replaces legacy `wwwroot/Css/ServiceGrid.css` for the /tr/hizmetler surface.
   All rules layered (`@layer sections`), all values use `--tfg-*` tokens, no
   `!important`, no `--space-*` / `--color-*` legacy tokens. Conforms to
   docs/standards/CssStandard.md §3 (token-first) + §5.2 (cascade layers).

   Layout invariants:
   * The outer page-container owns the navbar geometry once
     (`width: min(calc(100% - rail-gutter*2), --tfg-nav-shell-width)`). Child
     sections fill that rail and must not subtract the gutter a second time.
   * Hero is left-aligned (eyebrow top-left, H1 + lede + meta-row + frame-chips
     all share the same left edge).
   * Cards use --tfg-glass-card-* material; chips use --tfg-glass-meta-pill-*.
   ============================================================================ */

[data-tfg="on"] .services-index-wrapper .page-container {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-geometry-page-section-gap);
    width: min(calc(100% - (var(--tfg-rail-gutter) * 2)), var(--tfg-nav-shell-width));
    max-width: var(--tfg-nav-shell-width);
    margin-inline: auto;
    padding-inline: var(--tfg-space-0);
    padding-block: var(--tfg-space-0);
    box-sizing: border-box;
}

[data-tfg="on"] .services-index-wrapper .main-layout,
[data-tfg="on"] .services-index-wrapper .services-helper,
[data-tfg="on"] .services-index-wrapper .services-final-cta {
    width: 100%;
    max-width: 100%;
    margin-inline: var(--tfg-space-0);
    box-sizing: border-box;
}

[data-tfg="on"] .services-index-wrapper .content-relative {
    position: relative;
    width: 100%;
}

[data-tfg="on"] .services-index-wrapper .services-hero {
    padding: var(--tfg-space-12) var(--tfg-space-8);
    border: var(--tfg-hero-frame-border);
    border-radius: var(--tfg-hero-frame-radius);
    background: var(--tfg-hero-frame-background);
    box-shadow: var(--tfg-hero-frame-shadow);
    position: relative;
    overflow: hidden;
    text-align: start;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-5);
}

/* Patron 2026-04-27: hero is now a 2-column split — copy on the left,
   chip strip + animated visualization slot on the right. Search shell
   removed from hero entirely; sidebar carries the page's search surface. */
[data-tfg="on"] .services-index-wrapper .services-hero--split {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--tfg-space-9);
    align-items: stretch;
}

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

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

[data-tfg="on"] .services-index-wrapper .services-hero__animation {
    position: relative;
    display: grid;
    inline-size: 100%;
    max-inline-size: var(--tfg-hero-infographic-size);
    align-self: center;
    aspect-ratio: 1 / 1;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(ellipse 70% 72% at 50% 42%, var(--tfg-accent-soft) 0%, transparent 66%),
        var(--tfg-panel-background, var(--tfg-panel-background-soft));
    box-shadow: var(--tfg-shadow-panel);
    isolation: isolate;
    overflow: hidden;
}

[data-tfg="on"] .services-index-wrapper .services-hero__animation picture {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

[data-tfg="on"] .services-index-wrapper .services-hero__mandala-image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: contain;
}

/* DH-HERO-ORBIT v2: hybrid SVG + HTML icon-node visualization (patron 2026-04-27).
   SVG draws the static rings + brand core + a single rotating sweep dot. HTML
   overlay (absolutely positioned <ul>) places 12 service icons at trigonometric
   orbital coordinates. Each icon node has its own staggered glow pulse. The
   sweep dot orbits around the rings to provide ambient motion without rotating
   the icon glyphs themselves (so they stay upright + readable). prefers-reduced-motion
   freezes the sweep + per-node pulse + core glow while preserving layout + a11y. */
[data-tfg="on"] .services-index-wrapper .services-hero__orbit {
    position: absolute;
    inset: var(--tfg-space-0);
    inline-size: 100%;
    block-size: 100%;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-ring {
    fill: transparent;
    stroke: var(--tfg-panel-border-color, var(--tfg-accent-soft));
    stroke-width: var(--tfg-border-hairline);
    opacity: 0.55;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-ring--outer {
    stroke-dasharray: 2 6;
    opacity: 0.4;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-ring--inner {
    stroke: var(--tfg-accent-ring, var(--tfg-accent-warm));
    opacity: 0.35;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-track-line {
    fill: transparent;
    stroke: var(--tfg-accent-ring, var(--tfg-accent-warm));
    stroke-width: var(--tfg-border-hairline);
    stroke-dasharray: 1 4;
    opacity: 0.45;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-sweep {
    transform-origin: var(--tfg-services-orbit-origin) var(--tfg-services-orbit-origin);
    transform-box: view-box;
    animation: hero-orbit-spin var(--tfg-motion-orbit-spin) linear infinite;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-sweep-dot {
    fill: var(--tfg-accent-warm-bright);
    filter: drop-shadow(0 0 var(--tfg-space-2) var(--tfg-accent-warm));
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-core-glow {
    transform-box: fill-box;
    transform-origin: center;
    animation: hero-orbit-core-glow calc(var(--tfg-motion-orbit-pulse) * 1.5)
        var(--tfg-motion-easing-standard) infinite;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-core {
    fill: var(--tfg-panel-background-strong, var(--tfg-panel-background-soft));
    stroke: var(--tfg-accent-warm);
    stroke-width: var(--tfg-border-hairline);
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-core-label {
    fill: var(--tfg-text-headline);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-step-3);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-letter-spacing-wide);
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-nodes {
    position: absolute;
    inset: var(--tfg-space-0);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
    pointer-events: none;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-node {
    --tfg-orbit-node-left: 50%;
    --tfg-orbit-node-top: 50%;
    --tfg-orbit-node-delay: 0s;

    position: absolute;
    inset-inline-start: var(--tfg-orbit-node-left, 50%);
    inset-block-start: var(--tfg-orbit-node-top, 50%);
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-node-link {
    display: grid;
    place-items: center;
    inline-size: var(--tfg-services-orbit-node);
    block-size: var(--tfg-services-orbit-node);
    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);
    text-decoration: none;
    box-shadow: 0 0 0 var(--tfg-space-1) var(--tfg-accent-soft);
    animation: hero-orbit-node-pulse var(--tfg-motion-orbit-pulse)
        var(--tfg-motion-easing-standard) infinite;
    animation-delay: var(--tfg-orbit-node-delay, 0s);
    transition:
        transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
        border-color var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
        background var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
        box-shadow var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard);
}

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

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-node-link:hover,
[data-tfg="on"] .services-index-wrapper .services-hero__orbit-node-link:focus-visible {
    transform: scale(1.15);
    border-color: var(--tfg-accent-warm-bright);
    background: var(--tfg-accent-soft);
    box-shadow: 0 0 0 var(--tfg-services-ring-hover) var(--tfg-accent-soft), 0 0 var(--tfg-space-6) var(--tfg-accent-warm);
    outline: none;
}

[data-tfg="on"] .services-index-wrapper .services-hero__orbit-node-icon {
    color: var(--tfg-accent-warm-bright);
}

@keyframes hero-orbit-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes hero-orbit-node-pulse {
    0%, 100% {
        box-shadow: 0 0 0 var(--tfg-services-ring-rest) var(--tfg-accent-soft);
    }

    50% {
        box-shadow: 0 0 0 var(--tfg-services-ring-peak) var(--tfg-accent-soft);
    }
}

@keyframes hero-orbit-core-glow {
    0%, 100% {
        opacity: 0.85;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.06);
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-tfg="on"] .services-index-wrapper .services-hero__orbit-sweep,
    [data-tfg="on"] .services-index-wrapper .services-hero__orbit-node-link,
    [data-tfg="on"] .services-index-wrapper .services-hero__orbit-core-glow {
        animation: none;
    }
}

[data-tfg="on"] .services-index-wrapper .services-hero__chip-strip {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    align-content: flex-start;
}

[data-tfg="on"] .services-index-wrapper .services-hero__chip {
    padding: var(--tfg-space-2) 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-medium);
    text-decoration: none;
    transition:
        color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        border-color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
        background var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-index-wrapper .services-hero__chip:hover,
[data-tfg="on"] .services-index-wrapper .services-hero__chip:focus-visible {
    color: var(--tfg-text-primary);
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    background: var(--tfg-accent-soft);
}

@media (max-width: 64rem) {
    [data-tfg="on"] .services-index-wrapper .services-hero--split {
        grid-template-columns: 1fr;
        gap: var(--tfg-space-6);
    }

}

[data-tfg="on"] .services-index-wrapper .services-hero-badge {
    align-self: flex-start;
}

[data-tfg="on"] .services-index-wrapper .services-hero .hero-title {
    margin: var(--tfg-space-0);
    max-width: min(100%, var(--tfg-page-hero-title-max-width));
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-feature-settings: var(--tfg-font-features);
    font-size: var(--tfg-font-role-home-hero-display);
    font-weight: var(--tfg-font-weight-bold);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-tracking-display);
    text-align: start;
    text-wrap: balance;
}

[data-tfg="on"] .services-index-wrapper .services-hero .hero-desc {
    margin: var(--tfg-space-0);
    max-width: min(100%, var(--tfg-page-hero-desc-max-width));
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
    letter-spacing: var(--tfg-tracking-body);
    text-align: start;
    text-wrap: pretty;
}

[data-tfg="on"] .services-index-wrapper .services-search-shell {
    display: flex;
    align-items: center;
    gap: var(--tfg-space-3);
    width: min(100%, var(--tfg-services-measure-sm));
    margin-inline-end: auto;
    padding: var(--tfg-space-3) var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .services-index-wrapper .services-search-icon {
    color: var(--tfg-text-muted);
    flex-shrink: 0;
}

[data-tfg="on"] .services-index-wrapper .services-search-input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--tfg-text-primary);
    font-family: inherit;
    font-size: var(--tfg-font-size-body);
    line-height: var(--tfg-line-height-tight);
    outline: none;
}

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

[data-tfg="on"] .services-index-wrapper .services-results-count {
    margin: var(--tfg-space-0);
    margin-inline-end: auto;
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-tracking-eyebrow);
    text-transform: uppercase;
}

[data-tfg="on"] .services-index-wrapper .services-chip-strip {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    margin: var(--tfg-space-0);
    margin-inline-end: auto;
    justify-content: flex-start;
}

[data-tfg="on"] .services-index-wrapper .services-chip {
    padding: var(--tfg-space-2) 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-medium);
    text-decoration: none;
    transition: color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-index-wrapper .services-chip:hover,
[data-tfg="on"] .services-index-wrapper .services-chip:focus-visible {
    color: var(--tfg-text-primary);
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
}

[data-tfg="on"] .services-index-wrapper .main-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(var(--tfg-grid-rail-min), var(--tfg-grid-card-min)) minmax(0, 1fr);
    gap: var(--tfg-space-8);
    align-items: start;
    min-width: 0;
    padding: clamp(var(--tfg-space-5), 2vw, var(--tfg-space-7));
    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);
    isolation: isolate;
}

[data-tfg="on"] .services-index-wrapper .main-layout::before {
    position: absolute;
    inset-block-start: var(--tfg-space-0);
    inset-inline: var(--tfg-space-6);
    block-size: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    content: "";
    pointer-events: none;
    z-index: 0;
}

[data-tfg="on"] .services-index-wrapper .main-layout > * {
    position: relative;
    z-index: 1;
    min-width: 0;
}

[data-tfg="on"] .services-index-wrapper .sticky-sidebar {
    position: sticky;
    top: var(--tfg-space-6);
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-4);
    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-glass-card-shadow);
    -webkit-backdrop-filter: var(--tfg-glass-card-blur);
    backdrop-filter: var(--tfg-glass-card-blur);
}

[data-tfg="on"] .services-index-wrapper .sidebar-title {
    margin: var(--tfg-space-0);
    inline-size: fit-content;
    max-inline-size: 100%;
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .services-index-wrapper .sidebar-close-button {
    display: none;
}

[data-tfg="on"] .services-index-wrapper .sidebar-count {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-tracking-eyebrow);
    text-transform: uppercase;
}

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

[data-tfg="on"] .services-index-wrapper .category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-2);
    min-block-size: var(--tfg-control-min-height);
    padding: var(--tfg-space-2) var(--tfg-space-3);
    border-radius: var(--tfg-radius-md);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body);
    text-decoration: none;
    transition: background var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
                color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-index-wrapper .category-link:hover,
[data-tfg="on"] .services-index-wrapper .category-link:focus-visible {
    background: var(--tfg-panel-background, var(--tfg-panel-background-soft));
    color: var(--tfg-text-primary);
}

[data-tfg="on"] .services-index-wrapper .sidebar-support-card {
    margin-block-start: var(--tfg-space-3);
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background, var(--tfg-panel-background-soft));
}

[data-tfg="on"] .services-index-wrapper .sidebar-support-title {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .services-index-wrapper .sidebar-support-desc {
    margin-block: var(--tfg-space-2) var(--tfg-space-3);
    margin-inline: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    line-height: 1.5;
}

[data-tfg="on"] .services-index-wrapper .sidebar-support-link {
    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-semibold);
    text-decoration: none;
}

[data-tfg="on"] .services-index-wrapper .sidebar-support-link:hover,
[data-tfg="on"] .services-index-wrapper .sidebar-support-link:focus-visible {
    text-decoration: underline;
    text-underline-offset: var(--tfg-services-ring-rest);
}

[data-tfg="on"] .services-index-wrapper .services-grid-section {
    width: 100%;
}

[data-tfg="on"] .services-index-wrapper .bento-grid-catalog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: var(--tfg-space-4);
    width: 100%;
}

[data-tfg="on"] .services-index-wrapper .tfg-card-premium {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(var(--tfg-services-card-glow-w) var(--tfg-services-card-glow-h) at 14% 0%,
            color-mix(in oklab, var(--tfg-text-headline) 12%, transparent) 0%,
            transparent 62%),
        var(--tfg-panel-background-soft);
    box-shadow: 0 var(--tfg-space-5) var(--tfg-services-card-shadow-blur) calc(var(--tfg-services-card-shadow-spread) * -1) var(--tfg-shadow-color);
    color: var(--tfg-text-primary);
    isolation: isolate;
    text-decoration: none;
    transition:
        transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
        border-color var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
        box-shadow var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-index-wrapper .tfg-card-premium::before {
    content: "";
    position: absolute;
    inset: var(--tfg-space-0);
    z-index: 1;
    background:
        linear-gradient(135deg,
            color-mix(in oklab, var(--tfg-text-headline) 12%, transparent) 0%,
            transparent 28%),
        radial-gradient(var(--tfg-services-card-glow-w-alt) var(--tfg-services-card-glow-h-alt) at 100% 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 10%, transparent) 0%,
            transparent 70%);
    opacity: 0.72;
    pointer-events: none;
}

[data-tfg="on"] .services-index-wrapper .tfg-card-premium:hover,
[data-tfg="on"] .services-index-wrapper .tfg-card-premium: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"] .services-index-wrapper .premium-card-bg {
    position: relative;
    aspect-ratio: 16 / 10;
    min-block-size: clamp(15rem, 24vw, 22rem);
    overflow: hidden;
    z-index: 0;
}

[data-tfg="on"] .services-index-wrapper .premium-card-bg-img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center 48%;
    transform: scale(1.015);
    transition: transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-index-wrapper .tfg-card-premium:hover .premium-card-bg-img,
[data-tfg="on"] .services-index-wrapper .tfg-card-premium:focus-visible .premium-card-bg-img {
    transform: scale(1.035);
}

[data-tfg="on"] .services-index-wrapper .premium-card-bg-overlay {
    position: absolute;
    inset: var(--tfg-space-0);
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-canvas-deep) 18%, transparent) 0%,
            transparent 38%,
            color-mix(in oklab, var(--tfg-canvas-deep) 72%, transparent) 100%),
        linear-gradient(90deg,
            color-mix(in oklab, var(--tfg-canvas-deep) 34%, transparent) 0%,
            transparent 46%);
    pointer-events: none;
}

[data-tfg="on"] .services-index-wrapper .premium-card-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-5);
    min-block-size: 0;
}

[data-tfg="on"] .services-index-wrapper .premium-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .services-index-wrapper .premium-icon-box {
    display: grid;
    place-items: center;
    inline-size: var(--tfg-services-icon-box);
    block-size: var(--tfg-services-icon-box);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background:
        radial-gradient(circle at 35% 25%,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            transparent 66%),
        var(--tfg-panel-background, var(--tfg-panel-background-soft));
    box-shadow: inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-text-headline) 18%, transparent);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .services-index-wrapper .premium-arrow-box {
    display: grid;
    place-items: center;
    color: var(--tfg-text-muted);
    transition: color var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
                transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard);
}

[data-tfg="on"] .services-index-wrapper .tfg-card-premium:hover .premium-arrow-box {
    color: var(--tfg-accent-warm-bright);
    transform: translateX(var(--tfg-services-nudge-xs));
}

[data-tfg="on"] .services-index-wrapper .premium-title {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-family-display);
    font-size: var(--tfg-font-role-card-title);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-heading-tracking);
    line-height: var(--tfg-line-height-title);
}

[data-tfg="on"] .services-index-wrapper .premium-desc {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body);
    line-height: 1.55;
}

/* ─────────────────────────────────────────────────────────────────────
   Card content enrichment (handoff/33 v1.1 amendment 2026-04-27)
   G-1 Kapsam bullet list · G-2 UYUM gold chips · G-3 SEKTÖR neutral chips
   G-4 bottom rail (detail CTA ⇄ service scope) · G-5 pillar position
   G-6 featured span-2 desktop
   Token-discipline: --tfg-accent-warm (gold) / --tfg-text-muted (neutral)
   ───────────────────────────────────────────────────────────────────── */

/* G-1 — 3-bullet Kapsam list (replaces legacy .premium-tags pill rail) */
[data-tfg="on"] .services-index-wrapper .premium-kapsam {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-1);
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .services-index-wrapper .premium-kapsam-item {
    display: flex;
    align-items: flex-start;
    gap: var(--tfg-space-2);
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body);
    line-height: 1.5;
}

[data-tfg="on"] .services-index-wrapper .premium-kapsam-dot {
    flex-shrink: 0;
    inline-size: var(--tfg-services-kapsam-dot);
    block-size: var(--tfg-services-kapsam-dot);
    margin-block-start: var(--tfg-services-kapsam-dot-offset);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm);
}

[data-tfg="on"] .services-index-wrapper .premium-kapsam-text {
    flex: 1 1 auto;
}

/* G-2 + G-3 — chip rails (compliance gold / sectors neutral) */
[data-tfg="on"] .services-index-wrapper .premium-compliance,
[data-tfg="on"] .services-index-wrapper .premium-sectors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tfg-space-2);
    padding-block-start: var(--tfg-space-1);
}

[data-tfg="on"] .services-index-wrapper .premium-compliance-prefix,
[data-tfg="on"] .services-index-wrapper .premium-sectors-prefix {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-eyebrow);
    text-transform: uppercase;
    margin-inline-end: var(--tfg-space-1);
}

[data-tfg="on"] .services-index-wrapper .premium-chip {
    display: inline-flex;
    align-items: center;
    justify-content: 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-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-pill);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-chip-frame-fit-line-height);
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
}

[data-tfg="on"] .services-index-wrapper .premium-chip--gold {
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 6%, transparent) 100%);
    color: var(--tfg-text-headline);
    box-shadow: inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-accent-warm-bright) 24%, transparent);
}

[data-tfg="on"] .services-index-wrapper .premium-chip--neutral {
    border-color: var(--tfg-panel-border-color, var(--tfg-text-muted));
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-muted);
}

[data-tfg="on"] .services-index-wrapper .premium-chip-more {
    padding: var(--tfg-space-1) var(--tfg-space-2);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
}

@media (max-width: 30rem) {
    [data-tfg="on"] .services-index-wrapper .premium-compliance,
    [data-tfg="on"] .services-index-wrapper .premium-sectors {
        align-items: stretch;
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] .services-index-wrapper .premium-compliance-prefix,
    [data-tfg="on"] .services-index-wrapper .premium-sectors-prefix {
        flex: 0 0 100%;
        margin-inline-end: var(--tfg-space-0);
        font-size: clamp(0.6875rem, 2.7vw, var(--tfg-font-size-caption));
        line-height: var(--tfg-line-height-tight);
    }

    [data-tfg="on"] .services-index-wrapper .premium-chip {
        min-block-size: var(--tfg-services-chip-min-sm);
        padding-block: var(--tfg-services-chip-pad-block-sm);
        padding-inline: var(--tfg-services-chip-pad-inline-sm);
        font-size: clamp(0.6875rem, 2.9vw, var(--tfg-font-size-caption));
        letter-spacing: var(--tfg-tracking-body);
        overflow-wrap: normal;
        word-break: normal;
    }

    [data-tfg="on"] .services-index-wrapper .premium-compliance .premium-chip--gold {
        flex: 1 1 0;
        min-inline-size: 0;
    }

    [data-tfg="on"] .services-index-wrapper .premium-sectors .premium-chip--neutral {
        justify-content: flex-start;
        flex: 1 1 100%;
        inline-size: 100%;
        text-align: start;
    }
}

/* Forced-colors fallback (V-M) */
@media (forced-colors: active) {
    [data-tfg="on"] .services-index-wrapper .premium-chip--gold,
    [data-tfg="on"] .services-index-wrapper .premium-chip--neutral {
        border-color: var(--tfg-forced-color-text);
        color: var(--tfg-forced-color-text);
        background: var(--tfg-forced-color-canvas);
    }

    [data-tfg="on"] .services-index-wrapper .premium-kapsam-dot {
        background: var(--tfg-forced-color-text);
    }
}

/* G-4 — bottom rail: detail CTA + proof-safe service scope count */
[data-tfg="on"] .services-index-wrapper .premium-card-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--tfg-space-3);
    min-block-size: var(--tfg-control-min-height);
    padding-block-start: var(--tfg-space-3);
    border-block-start: var(--tfg-panel-border);
    margin-block-start: var(--tfg-space-3);
}

[data-tfg="on"] .services-index-wrapper .premium-card-action {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-1);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-body);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .services-index-wrapper .premium-card-scope {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
}

/* G-5 — pillar position indicator XX / 12 (decorative; aria-hidden).
   Glass pill treatment keeps the gold number legible on bright card imagery. */
[data-tfg="on"] .services-index-wrapper .premium-card-position {
    position: absolute;
    inset-block-start: var(--tfg-space-3);
    inset-inline-start: var(--tfg-space-3);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: var(--tfg-space-9);
    padding: var(--tfg-space-1) var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background:
        linear-gradient(180deg,
            var(--tfg-surface-heavy) 0%,
            var(--tfg-canvas-deep) 100%);
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-family-mono, ui-monospace, monospace);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: 0.05em;
    box-shadow:
        0 var(--tfg-space-3) var(--tfg-space-6) calc(var(--tfg-space-4) * -1) var(--tfg-shadow-color),
        inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-text-headline) 18%, transparent);
    pointer-events: none;
}

/* G-6 RETIRED 2026-04-30 (patron directive): featured card marker removed
   entirely; all 12 service cards share the same visual hierarchy. */

[data-tfg="on"] .services-index-wrapper .loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--tfg-space-3);
    padding: var(--tfg-space-12) var(--tfg-space-6);
    color: var(--tfg-text-muted);
}

[data-tfg="on"] .services-index-wrapper .mobile-category-btn {
    display: none;
}

[data-tfg="on"] .services-index-wrapper .mobile-sidebar-overlay {
    display: none;
}

@media (max-width: 64rem) {
    [data-tfg="on"] .services-index-wrapper .main-layout {
        grid-template-columns: 1fr;
        padding: var(--tfg-space-5);
    }

    [data-tfg="on"] .services-index-wrapper .sticky-sidebar {
        position: static;
    }

    [data-tfg="on"] .services-index-wrapper .bento-grid-catalog {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 47.9375rem) {
    [data-tfg="on"] .services-index-wrapper .page-container {
        gap: var(--tfg-geometry-page-section-gap);
        padding-block: var(--tfg-space-0) var(--tfg-geometry-mobile-bottom-clearance);
    }

    [data-tfg="on"] .services-index-wrapper .services-hero {
        gap: var(--tfg-space-4);
        padding: var(--tfg-space-6) var(--tfg-space-4);
    }

    [data-tfg="on"] .services-index-wrapper .services-hero--split {
        gap: var(--tfg-space-5);
    }

    [data-tfg="on"] .services-index-wrapper .services-hero .hero-title {
        font-size: var(--tfg-font-role-home-hero-display);
        line-height: var(--tfg-line-height-tight);
    }

    [data-tfg="on"] .services-index-wrapper .services-hero .hero-desc {
        font-size: var(--tfg-font-role-body);
    }

    [data-tfg="on"] .services-index-wrapper .services-hero-meta-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--tfg-space-3);
        margin-block-start: var(--tfg-space-5);
    }

    @supports selector(:has(*)) {
        [data-tfg="on"]:has(.cookie-consent:not([hidden])) .services-index-wrapper .services-hero-meta-row {
            display: none;
        }
    }

    [data-tfg="on"] .services-index-wrapper .services-hero-stat {
        min-width: 0;
        min-block-size: var(--tfg-services-hero-stat-min-sm);
        padding: var(--tfg-space-3);
        border: var(--tfg-metric-card-border);
        border-radius: var(--tfg-radius-md);
        background: var(--tfg-metric-card-background);
        box-shadow: var(--tfg-metric-card-shadow);
    }

    [data-tfg="on"] .services-index-wrapper .services-hero-stat-sep {
        display: none;
    }

    [data-tfg="on"] .services-index-wrapper .services-hero__animation {
        max-inline-size: 100%;
    }

    [data-tfg="on"] .services-index-wrapper .services-hero__mandala-image {
        object-fit: contain;
    }

    [data-tfg="on"] .services-index-wrapper .main-layout {
        gap: var(--tfg-space-5);
        padding: var(--tfg-space-4);
        border-radius: var(--tfg-radius-lg);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        isolation: auto;
    }

    [data-tfg="on"] .services-index-wrapper .main-layout:has(.sticky-sidebar.mobile-active) {
        z-index: calc(var(--tfg-z-modal) + 2);
    }

    [data-tfg="on"] .services-index-wrapper .sticky-sidebar {
        position: fixed;
        inset-block: var(--tfg-space-3) calc(var(--tfg-bottom-nav-height) + var(--tfg-space-3));
        inset-inline-start: var(--tfg-space-3);
        z-index: calc(var(--tfg-z-modal) + 1);
        width: min(var(--tfg-services-popover-width), calc(100vw - (var(--tfg-space-3) * 2)));
        max-width: calc(100vw - (var(--tfg-space-3) * 2));
        padding-block-end: calc(var(--tfg-space-6) + env(safe-area-inset-bottom));
        overflow-y: auto;
        overscroll-behavior: contain;
        scroll-padding-block-end: calc(var(--tfg-space-8) + env(safe-area-inset-bottom));
        opacity: 0;
        visibility: hidden;
        transform: translateX(calc(-100% - var(--tfg-space-4)));
        transition:
            transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
            opacity var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
            visibility 0s linear var(--tfg-motion-duration-200);
    }

    [data-tfg="on"] .services-index-wrapper .sticky-sidebar.mobile-active {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition:
            transform var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
            opacity var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
            visibility 0s linear 0s;
    }

    [data-tfg="on"] .services-index-wrapper .sticky-sidebar .sidebar-title {
        max-inline-size: calc(100% - var(--tfg-touch-min-height) - var(--tfg-space-3));
    }

    [data-tfg="on"] .services-index-wrapper .sidebar-close-button {
        position: absolute;
        inset-block-start: var(--tfg-space-4);
        inset-inline-end: var(--tfg-space-4);
        z-index: calc(var(--tfg-z-content) + 1);
        display: grid;
        place-items: center;
        inline-size: var(--tfg-touch-min-height);
        block-size: var(--tfg-touch-min-height);
        min-inline-size: var(--tfg-touch-min-height);
        min-block-size: var(--tfg-touch-min-height);
        padding: var(--tfg-space-0);
        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);
        box-shadow: var(--tfg-rim-light), var(--tfg-rim-shadow);
        cursor: pointer;
        transition:
            color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
            border-color var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
            background var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard),
            transform var(--tfg-motion-duration-150) var(--tfg-motion-easing-standard);
    }

    [data-tfg="on"] .services-index-wrapper .sidebar-close-button:hover,
    [data-tfg="on"] .services-index-wrapper .sidebar-close-button:focus-visible {
        border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
        background: var(--tfg-accent-soft);
        color: var(--tfg-text-primary);
    }

    [data-tfg="on"] .services-index-wrapper .sidebar-close-button:focus-visible {
        outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
        outline-offset: var(--tfg-focus-offset);
    }

    [data-tfg="on"] .services-index-wrapper .sidebar-close-button:active {
        transform: translateY(var(--tfg-nav-hover-lift, calc(var(--tfg-border-hairline) * -1)));
    }

    [data-tfg="on"] .services-index-wrapper .sidebar-support-card {
        flex: 0 0 auto;
        margin-block-end: var(--tfg-space-4);
    }

    [data-tfg="on"] .services-index-wrapper .premium-card-body {
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .services-index-wrapper .premium-card-bg {
        min-block-size: clamp(13rem, 56vw, 18rem);
    }

    [data-tfg="on"] .services-index-wrapper .mobile-category-btn {
        position: sticky;
        top: calc(var(--tfg-nav-outer-gap) + var(--tfg-space-10));
        z-index: calc(var(--tfg-z-navbar) - 1);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--tfg-space-3);
        width: 100%;
        min-height: var(--tfg-control-min-height);
        padding: var(--tfg-space-3) var(--tfg-space-4);
        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-rim-light), var(--tfg-rim-shadow);
        -webkit-backdrop-filter: var(--tfg-panel-blur);
        backdrop-filter: var(--tfg-panel-blur);
        cursor: pointer;
        transition:
            border-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"] .services-index-wrapper .mobile-category-btn:hover,
    [data-tfg="on"] .services-index-wrapper .mobile-category-btn:focus-visible,
    [data-tfg="on"] .services-index-wrapper .mobile-category-btn.active {
        border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    }

    [data-tfg="on"] .services-index-wrapper .mobile-category-btn:active {
        transform: translateY(var(--tfg-nav-hover-lift, calc(var(--tfg-border-hairline) * -1)));
    }

    [data-tfg="on"] .services-index-wrapper .mobile-category-btn .btn-icon {
        display: grid;
        place-items: center;
        inline-size: var(--tfg-icon-chip-md);
        block-size: var(--tfg-icon-chip-md);
        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);
        flex: 0 0 auto;
    }

    [data-tfg="on"] .services-index-wrapper .mobile-category-btn .btn-text {
        flex: 1 1 auto;
        color: var(--tfg-text-headline);
        font-weight: var(--tfg-font-weight-semibold);
        text-align: start;
    }

    [data-tfg="on"] .services-index-wrapper .mobile-sidebar-overlay {
        position: fixed;
        inset: var(--tfg-space-0);
        z-index: var(--tfg-z-modal);
        display: block;
        background: var(--tfg-overlay-background);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition:
            opacity var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
            visibility 0s linear var(--tfg-motion-duration-200);
        -webkit-backdrop-filter: var(--tfg-panel-blur);
        backdrop-filter: var(--tfg-panel-blur);
    }

    [data-tfg="on"] .services-index-wrapper .mobile-sidebar-overlay.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition:
            opacity var(--tfg-motion-duration-200) var(--tfg-motion-easing-standard),
            visibility 0s linear 0s;
    }

    [data-tfg="on"] .services-index-wrapper .mobile-sidebar-overlay:focus-visible {
        outline: var(--tfg-focus-width) solid var(--tfg-focus-ring);
        outline-offset: var(--tfg-focus-offset);
    }
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard {
    overflow: visible;
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .hero-layout {
    align-items: center;
    gap: clamp(var(--tfg-space-5), 3.5vw, var(--tfg-space-9));
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-9));
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-stage {
    align-self: stretch;
    align-content: center;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-visual-shell {
    inline-size: min(100%, var(--tfg-hero-infographic-size));
    max-inline-size: var(--tfg-hero-infographic-size);
    aspect-ratio: 1;
    padding: var(--tfg-border-hairline);
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-visual-slot {
    aspect-ratio: 1;
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .tfg-hero-infographic-frame--image > picture {
    position: relative;
    inset: auto;
    display: grid;
    inline-size: 100%;
    block-size: 100%;
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .tfg-hero-infographic-frame--image > picture > img {
    inline-size: 100%;
    block-size: 100%;
    border-radius: calc(var(--tfg-radius-xl) - var(--tfg-space-1));
    object-fit: contain;
    object-position: center;
    transform: scale(var(--service-leaf-infographic-frame-fit-scale, 1));
    transform-origin: center;
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-visual-shell[data-infographic-slot="service-devops-sre-hero-infographic"] .service-group-hero-infographic-img {
    filter: brightness(1.18) contrast(1.14) saturate(1.08);
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-depth-map {
    max-inline-size: var(--tfg-hero-infographic-size);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-depth-item {
    align-content: center;
    min-height: calc(var(--tfg-control-min-height) + var(--tfg-space-4));
    border-radius: var(--tfg-radius-lg);
}

@media (min-width: 75rem) {
    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .hero-layout {
        grid-template-columns: minmax(0, 1fr) minmax(var(--tfg-hero-infographic-size), var(--tfg-hero-infographic-size));
    }
}

@media (min-width: 64rem) and (max-width: 74.999rem) {
    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .hero-layout {
        grid-template-columns: 1fr;
    }

    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-visual-shell,
    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-depth-map {
        justify-self: center;
        max-inline-size: var(--tfg-services-infographic-frame-max);
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .hero-layout {
        padding: var(--tfg-space-4);
    }

    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-visual-shell {
        max-inline-size: var(--tfg-services-infographic-frame-max);
        padding: var(--tfg-space-2);
    }

    [data-tfg="on"] .pillar-hero.service-group-hero--leaf-hero-standard .service-group-hero-depth-map {
        grid-template-columns: 1fr;
        max-inline-size: var(--tfg-services-infographic-frame-max);
    }
}

[data-tfg="on"] :is(.services-index-wrapper, .category-hub-wrapper, .pillar-page-wrapper) .home-quick-form-section {
    margin-block-start: var(--tfg-geometry-page-section-gap);
    padding-block: var(--tfg-space-0);
}

[data-tfg="on"] .services-index-wrapper .page-container > .home-quick-form-section {
    margin-block-start: var(--tfg-space-0);
}

[data-tfg="on"] .services-index-wrapper .page-container > .home-quick-form-section .home-quick-form-container {
    width: 100%;
    max-width: none;
    margin-inline: var(--tfg-space-0);
}

[data-tfg="on"] .services-index-wrapper .page-container:has(> .home-quick-form-section:last-child) {
    padding-block-end: var(--tfg-space-0);
}

[data-tfg="on"] .category-hub-wrapper:has(> .home-quick-form-section:last-child) {
    padding-block-end: var(--tfg-space-0);
}

[data-tfg="on"] .pillar-page-wrapper .premium-chip {
    display: inline-flex;
    align-items: center;
    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-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-pill);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .premium-chip--gold {
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            transparent 100%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .pillar-hero .service-group-hero-trust-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tfg-space-2);
    margin-block-start: var(--tfg-space-1);
}

[data-tfg="on"] .pillar-hero .service-group-hero-trust-prefix {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

/* Site-wide service metadata rail standard: card, category, and leaf-service chips share the same mobile rhythm. */
[data-tfg="on"] :is(
    .services-index-wrapper .premium-compliance,
    .services-index-wrapper .premium-sectors,
    .category-hub-wrapper .hub-hero-trust-pills,
    .pillar-hero .service-group-hero-trust-pills
) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--tfg-space-2);
}

[data-tfg="on"] :is(
    .services-index-wrapper .premium-compliance-prefix,
    .services-index-wrapper .premium-sectors-prefix,
    .category-hub-wrapper .hub-hero-trust-prefix,
    .pillar-hero .service-group-hero-trust-prefix
) {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    letter-spacing: var(--tfg-tracking-eyebrow);
    text-transform: uppercase;
    margin-inline-end: var(--tfg-space-1);
}

[data-tfg="on"] :is(
    .services-index-wrapper .premium-compliance,
    .services-index-wrapper .premium-sectors,
    .category-hub-wrapper .hub-hero-trust-pills,
    .pillar-hero .service-group-hero-trust-pills
) .premium-chip {
    display: inline-flex;
    align-items: center;
    justify-content: 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-border-hairline) solid transparent;
    border-radius: var(--tfg-radius-pill);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-chip-frame-fit-line-height);
    overflow-wrap: anywhere;
    text-align: center;
    white-space: normal;
}

[data-tfg="on"] :is(
    .services-index-wrapper .premium-compliance,
    .category-hub-wrapper .hub-hero-trust-pills,
    .pillar-hero .service-group-hero-trust-pills
) .premium-chip--gold {
    border-color: var(--tfg-accent-ring, var(--tfg-accent-warm));
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 6%, transparent) 100%),
        var(--tfg-panel-background-soft);
    color: var(--tfg-text-headline);
    box-shadow: inset 0 var(--tfg-border-hairline) 0 color-mix(in oklab, var(--tfg-accent-warm-bright) 24%, transparent);
}

[data-tfg="on"] :is(
    .services-index-wrapper .premium-sectors
) .premium-chip--neutral {
    border-color: var(--tfg-panel-border-color, var(--tfg-text-muted));
    background: var(--tfg-panel-background-soft);
    color: var(--tfg-text-muted);
}

@media (max-width: 30rem) {
    [data-tfg="on"] :is(
        .services-index-wrapper .premium-compliance,
        .services-index-wrapper .premium-sectors,
        .category-hub-wrapper .hub-hero-trust-pills,
        .pillar-hero .service-group-hero-trust-pills
    ) {
        align-items: stretch;
        gap: var(--tfg-space-2);
    }

    [data-tfg="on"] :is(
        .services-index-wrapper .premium-compliance-prefix,
        .services-index-wrapper .premium-sectors-prefix,
        .category-hub-wrapper .hub-hero-trust-prefix,
        .pillar-hero .service-group-hero-trust-prefix
    ) {
        flex: 0 0 100%;
        margin-inline-end: var(--tfg-space-0);
        font-size: clamp(0.6875rem, 2.7vw, var(--tfg-font-size-caption));
        line-height: var(--tfg-line-height-tight);
    }

    [data-tfg="on"] :is(
        .services-index-wrapper .premium-compliance,
        .services-index-wrapper .premium-sectors,
        .category-hub-wrapper .hub-hero-trust-pills,
        .pillar-hero .service-group-hero-trust-pills
    ) .premium-chip {
        min-block-size: var(--tfg-services-chip-min-sm);
        padding-block: var(--tfg-services-chip-pad-block-sm);
        padding-inline: var(--tfg-services-chip-pad-inline-sm);
        font-size: clamp(0.6875rem, 2.9vw, var(--tfg-font-size-caption));
        letter-spacing: var(--tfg-tracking-body);
        overflow-wrap: normal;
        word-break: normal;
    }

    [data-tfg="on"] :is(
        .services-index-wrapper .premium-compliance,
        .category-hub-wrapper .hub-hero-trust-pills,
        .pillar-hero .service-group-hero-trust-pills
    ) .premium-chip--gold {
        flex: 1 1 calc((100% - (var(--tfg-space-2) * 2)) / 3);
        min-inline-size: 0;
    }

    [data-tfg="on"] :is(
        .services-index-wrapper .premium-sectors
    ) .premium-chip--neutral {
        justify-content: flex-start;
        flex: 1 1 100%;
        inline-size: 100%;
        text-align: start;
    }
}

[data-tfg="on"] .category-hub-wrapper .hub-hero-trust-pills .premium-chip--gold {
    flex: 0 1 auto;
}

@media (max-width: 30rem) {
    [data-tfg="on"] .category-hub-wrapper .hub-hero-trust-pills .premium-chip--gold {
        min-block-size: var(--tfg-services-chip-min-xs);
        padding-block: var(--tfg-space-1);
    }
}

[data-tfg="on"] .pillar-hero .service-group-hero-visual-slot,
[data-tfg="on"] .group-detail-infographic-placeholder {
    position: relative;
    display: grid;
    inline-size: 100%;
    block-size: 100%;
    place-items: center;
    overflow: hidden;
}

[data-tfg="on"] .pillar-hero .service-group-visual-core,
[data-tfg="on"] .group-detail-placeholder-core {
    position: absolute;
    width: clamp(var(--tfg-space-8), 18%, calc(var(--tfg-space-8) * 2));
    aspect-ratio: 1;
    border: var(--tfg-panel-border-strong);
    border-radius: var(--tfg-radius-pill);
    background:
        radial-gradient(circle,
            color-mix(in oklab, var(--tfg-accent-warm) 44%, transparent) 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 10%, transparent) 62%,
            transparent 100%);
    box-shadow: var(--tfg-warm-glow), var(--tfg-rim-light);
}

[data-tfg="on"] .pillar-hero .service-group-visual-ring,
[data-tfg="on"] .group-detail-placeholder-ring {
    position: absolute;
    border: var(--tfg-border-hairline) solid var(--tfg-accent-rim);
    border-radius: var(--tfg-radius-pill);
    opacity: 0.72;
}

[data-tfg="on"] .pillar-hero .service-group-visual-ring--outer,
[data-tfg="on"] .group-detail-placeholder-ring--outer {
    inset: 16%;
}

[data-tfg="on"] .pillar-hero .service-group-visual-ring--inner,
[data-tfg="on"] .group-detail-placeholder-ring--inner {
    inset: 30%;
}

[data-tfg="on"] .pillar-hero .service-group-visual-node,
[data-tfg="on"] .group-detail-placeholder-node {
    position: absolute;
    width: var(--tfg-space-3);
    aspect-ratio: 1;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow: 0 0 var(--tfg-space-5) color-mix(in oklab, var(--tfg-accent-warm) 50%, transparent);
}

[data-tfg="on"] .pillar-hero .service-group-visual-node--one {
    inset-block-start: 18%;
    inset-inline-start: 50%;
}

[data-tfg="on"] .pillar-hero .service-group-visual-node--two {
    inset-block-start: 48%;
    inset-inline-start: 18%;
}

[data-tfg="on"] .pillar-hero .service-group-visual-node--three {
    inset-block-start: 72%;
    inset-inline-start: 58%;
}

[data-tfg="on"] .pillar-hero .service-group-visual-node--four {
    inset-block-start: 38%;
    inset-inline-start: 78%;
}

[data-tfg="on"] .group-detail-infographic-placeholder {
    aspect-ratio: 16 / 9;
    min-block-size: clamp(18rem, 42vw, 34rem);
    padding: var(--tfg-space-6);
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(closest-side at 18% 22%,
            color-mix(in oklab, var(--tfg-atmosphere-cool) 28%, transparent) 0%,
            transparent 64%),
        radial-gradient(closest-side at 74% 58%,
            color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent) 0%,
            transparent 58%),
        var(--tfg-panel-background-strong);
    box-shadow: var(--tfg-glass-card-shadow-hover), var(--tfg-rim-light);
    isolation: isolate;
}

[data-tfg="on"] .group-detail-placeholder-line {
    position: absolute;
    width: 58%;
    height: var(--tfg-border-hairline);
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in oklab, var(--tfg-accent-warm) 60%, transparent) 50%,
        transparent 100%);
    opacity: 0.72;
}

[data-tfg="on"] .group-detail-placeholder-line--one {
    transform: rotate(18deg);
}

[data-tfg="on"] .group-detail-placeholder-line--two {
    transform: rotate(-24deg);
}

[data-tfg="on"] .group-detail-placeholder-node--one {
    inset-block-start: 26%;
    inset-inline-start: 28%;
}

[data-tfg="on"] .group-detail-placeholder-node--two {
    inset-block-start: 52%;
    inset-inline-start: 72%;
}

[data-tfg="on"] .group-detail-placeholder-node--three {
    inset-block-start: 72%;
    inset-inline-start: 42%;
}

[data-tfg="on"] .service-group-proof-container,
[data-tfg="on"] .service-group-operating-container,
[data-tfg="on"] .service-group-controls-container {
    margin-block-start: var(--tfg-geometry-page-section-gap);
}

[data-tfg="on"] .service-group-proof-pack,
[data-tfg="on"] .service-group-sla-card,
[data-tfg="on"] .service-group-compliance-card {
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background: var(--tfg-panel-background-soft);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .service-group-proof-pack {
    display: grid;
    gap: var(--tfg-space-6);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
}

[data-tfg="on"] .service-group-proof-header,
[data-tfg="on"] .service-group-mini-header {
    display: grid;
    gap: var(--tfg-space-3);
    max-width: 72ch;
}

[data-tfg="on"] .service-group-proof-header h2,
[data-tfg="on"] .service-group-mini-header h2 {
    margin: 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);
}

[data-tfg="on"] .service-group-proof-header p,
[data-tfg="on"] .service-group-mini-header p,
[data-tfg="on"] .service-group-proof-card p,
[data-tfg="on"] .service-group-compliance-frame p {
    margin: 0;
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .service-group-proof-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--tfg-services-grid-col-15)), 1fr));
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-proof-header {
    max-width: var(--tfg-measure-wide);
    margin-inline: auto;
    justify-items: center;
    text-align: center;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-proof-header > .tfg-chip {
    width: fit-content;
    max-width: 100%;
    justify-self: center;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-proof-header h2,
[data-tfg="on"] .pillar-page-wrapper .service-group-proof-header p {
    inline-size: 100%;
    text-align: center;
}

[data-tfg="on"] .service-group-proof-card {
    display: grid;
    gap: var(--tfg-space-3);
    padding: var(--tfg-card-padding-default);
}

[data-tfg="on"] .service-group-proof-icon {
    display: grid;
    width: var(--tfg-icon-chip-lg);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .service-group-proof-card h3 {
    margin: 0;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .service-group-proof-tag {
    display: inline-flex;
    width: fit-content;
    margin-block-start: auto;
    padding-block-start: var(--tfg-space-3);
    border-block-start: var(--tfg-panel-border);
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-letter-spacing-wide, 0.04em);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .service-group-operating-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--tfg-space-5);
}

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

[data-tfg="on"] .service-group-sla-card,
[data-tfg="on"] .service-group-compliance-card {
    display: grid;
    gap: var(--tfg-space-5);
    padding: clamp(var(--tfg-space-5), 3vw, var(--tfg-space-7));
}

[data-tfg="on"] .service-group-sla-table-frame {
    overflow-x: auto;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background);
}

[data-tfg="on"] .service-group-sla-table {
    width: 100%;
    min-width: min(var(--tfg-services-measure-xl), 100%);
    border-collapse: collapse;
}

[data-tfg="on"] .service-group-compliance-grid {
    display: grid;
    gap: var(--tfg-space-3);
}

[data-tfg="on"] .service-group-sla-table th,
[data-tfg="on"] .service-group-sla-table td {
    padding: var(--tfg-space-3);
    border-block-start: var(--tfg-panel-border);
    text-align: start;
    vertical-align: top;
}

[data-tfg="on"] .service-group-sla-table thead th {
    border-block-start: 0;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-letter-spacing-wide, 0.04em);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .service-group-sla-stage {
    color: var(--tfg-accent-warm-bright);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .service-group-sla-cadence,
[data-tfg="on"] .service-group-sla-evidence {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .service-group-compliance-frame {
    display: grid;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background);
}

@media (min-width: 64rem) {
    [data-tfg="on"] .service-group-operating-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    [data-tfg="on"] .service-group-controls-container {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    }
}

/* ServiceGroupDetail post-hero premium pass — hero remains untouched. */
[data-tfg="on"] .pillar-page-wrapper :is(
    .service-group-breadcrumb-panel,
    .service-group-summary-rail,
    .group-detail-infographic,
    .decision-summary-container,
    .service-group-proof-container,
    .service-group-operating-container,
    .service-group-controls-container,
    .pillar-content-layout) {
    margin-block-start: var(--tfg-geometry-page-section-gap);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__shell {
    display: grid;
    gap: var(--tfg-space-5);
    padding: clamp(var(--tfg-space-4), 3vw, var(--tfg-space-6));
    background:
        linear-gradient(120deg,
            color-mix(in oklab, var(--tfg-text-primary) 10%, transparent) 0%,
            transparent 42%),
        var(--tfg-glass-card-background);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__header {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-3);
    align-items: center;
    justify-content: space-between;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__header h2 {
    max-width: min(100%, var(--tfg-services-measure-lg));
    margin: 0;
    color: var(--tfg-text-headline);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__eyebrow {
    color: var(--tfg-text-secondary);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--tfg-space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--tfg-space-3);
    align-items: center;
    min-width: 0;
    min-block-size: var(--tfg-control-min-height);
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-meta-pill-background);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__item--current {
    border-color: var(--tfg-accent-rim);
    background:
        linear-gradient(180deg,
            color-mix(in oklab, var(--tfg-accent-warm) 14%, transparent) 0%,
            transparent 100%),
        var(--tfg-glass-card-background-strong);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__index {
    display: grid;
    inline-size: var(--tfg-icon-chip-sm);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    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-bold);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__link {
    min-width: 0;
    color: var(--tfg-text-primary);
    font-size: var(--tfg-font-size-body-sm);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
    overflow-wrap: anywhere;
    text-decoration: none;
}

[data-tfg="on"] .pillar-page-wrapper a.service-group-breadcrumb-panel__link:hover,
[data-tfg="on"] .pillar-page-wrapper a.service-group-breadcrumb-panel__link:focus-visible {
    color: var(--tfg-text-headline);
    text-decoration: underline;
    text-decoration-color: var(--tfg-accent-warm-bright);
    text-decoration-thickness: var(--tfg-border-hairline);
    text-underline-offset: var(--tfg-space-1);
}

/* Leaf paylaşımlı kabuk listesi tfg-premium-shell primitive'ine yakınsadı
   (P1-C, 2026-06-12): 10 markup sitesi sınıf giyer; cam zemin + %12 üst-rim +
   çocuk z-index koruması + 120deg kenar-ray süpürmesi (--aside) primitive'den.
   Aile kuralları kendi ritimlerini (display/padding/gap) deklare ettiği için
   özgüllükte primitive ritmini ezmeye devam eder. */

/* ── Services leaf ai-summary SAPMALARI (yakınsama 2026-06-12) ─────────────
   Temel görünüm AiSummaryBlock Premium modundan (PremiumShell primitive).
   Burada yalnız leaf'e özgü sapmalar yaşar: zengin 135deg zemin, sabit 4
   kolon kanıt ızgarası, 17rem eşit-boy kanıt kartı, body-lg claim metni. */
@supports (background: color-mix(in oklab, red 8%, transparent)) {
    [data-tfg="on"] .pillar-page-wrapper .service-group-summary-rail .ai-summary-block--premium {
        background:
            radial-gradient(
                circle at 12% 0%,
                color-mix(in oklab, var(--tfg-text-primary) 8%, transparent) 0%,
                transparent 38%),
            linear-gradient(
                135deg,
                color-mix(in oklab, var(--tfg-panel-background-strong) 72%, transparent) 0%,
                var(--tfg-glass-shell-background) 100%);
    }
}

[data-tfg="on"] .pillar-page-wrapper .group-detail-infographic-shell--image-only {
    border-radius: var(--tfg-radius-xl);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    padding: clamp(var(--tfg-space-3), 2.6vw, var(--tfg-space-5));
    background:
        radial-gradient(circle at 50% 4%, color-mix(in oklab, var(--tfg-text-primary) 10%, transparent) 0%, transparent var(--tfg-services-glow-stop)),
        radial-gradient(circle at 80% 10%, color-mix(in oklab, var(--tfg-accent-warm) 10%, transparent) 0%, transparent var(--tfg-services-glow-stop-alt)),
        linear-gradient(135deg, color-mix(in oklab, var(--tfg-panel-background-strong) 78%, transparent) 0%, var(--tfg-glass-shell-background) 100%);
}

[data-tfg="on"] .pillar-page-wrapper .group-detail-infographic-picture-frame {
    position: relative;
    aspect-ratio: 16 / 9;
    inline-size: 100%;
    max-inline-size: 100%;
    justify-self: stretch;
    overflow: hidden;
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-xl);
    box-shadow: var(--tfg-rim-light);
    background:
        radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--tfg-accent-warm) 8%, transparent) 0%, transparent 54%),
        var(--tfg-panel-background-strong);
}

[data-tfg="on"] .pillar-page-wrapper .group-detail-infographic-picture-frame :is(picture, img),
[data-tfg="on"] .pillar-page-wrapper .group-detail-infographic-picture-frame .group-detail-infographic-img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

[data-tfg="on"] .pillar-page-wrapper .group-detail-infographic-picture-frame .group-detail-infographic-img {
    object-fit: contain;
    object-position: center;
    transform: scale(var(--service-leaf-infographic-frame-fit-scale, 1));
    transform-origin: center;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-summary-rail .ai-summary-block__sources {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-summary-rail .ai-summary-block__source {
    align-content: space-between;
    padding: clamp(var(--tfg-space-4), 2.2vw, var(--tfg-space-5));
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 18%;
    block-size: var(--tfg-border-hairline);
    background: var(--tfg-metric-frame-top-rim);
    opacity: 0.86;
    pointer-events: none;
}

[data-tfg="on"] .pillar-page-wrapper .decision-summary-copy {
    display: grid;
    gap: var(--tfg-space-3);
    max-width: var(--tfg-measure-wide);
}

[data-tfg="on"] .pillar-page-wrapper .decision-summary-copy h2,
[data-tfg="on"] .pillar-page-wrapper .decision-summary-copy p {
    margin: 0;
}

[data-tfg="on"] .pillar-page-wrapper .decision-summary-copy h2 {
    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);
}

[data-tfg="on"] .pillar-page-wrapper .decision-summary-copy p {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-role-body);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-section-head {
    display: grid;
    gap: var(--tfg-space-3);
    max-width: var(--tfg-measure-wide);
    margin-inline: auto;
    margin-block-end: var(--tfg-space-8);
    justify-items: center;
    text-align: center;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-section-head > .tfg-chip {
    width: fit-content;
    max-width: 100%;
    justify-self: center;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-section-head h2,
[data-tfg="on"] .pillar-page-wrapper .service-group-section-head p {
    inline-size: 100%;
    margin: 0;
    text-align: center;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-section-head h2 {
    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-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-section-head p {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-body-lg);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-section {
    display: grid;
    gap: var(--tfg-space-8);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
    isolation: isolate;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-section .service-group-section-head {
    margin-block-end: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-grid {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-3);
    gap: var(--tfg-geometry-grid-gap);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-4);
    min-block-size: calc(var(--tfg-card-min-height-compact) + var(--tfg-space-8));
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-glass-card-shadow);
    overflow: clip;
    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"] .pillar-page-wrapper .service-group-decision-card > * {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card:hover,
[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card: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"] .pillar-page-wrapper .service-group-decision-label {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    align-items: center;
    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-eyebrow);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-number {
    display: inline-grid;
    inline-size: var(--tfg-space-5);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: color-mix(in oklab, var(--tfg-accent-warm) 18%, transparent);
    letter-spacing: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card h3,
[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card p,
[data-tfg="on"] .pillar-page-wrapper .service-group-decision-stamp {
    margin: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card h3 {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-card p {
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-stamp {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    align-items: center;
    margin-block-start: auto;
    padding-block-start: var(--tfg-space-4);
    border-block-start: var(--tfg-panel-border);
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    letter-spacing: var(--tfg-letter-spacing-wide, 0.04em);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-decision-stamp strong {
    color: var(--tfg-text-primary);
    font-weight: var(--tfg-font-weight-semibold);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-shell {
    display: grid;
    gap: var(--tfg-space-8);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-shell .service-group-section-head {
    margin-block-end: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-xl);
    background:
        radial-gradient(closest-side at 0% 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 10%, transparent) 0%,
            transparent 74%),
        var(--tfg-glass-card-background);
    overflow: clip;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell {
    display: flex;
    flex-direction: column;
    gap: var(--tfg-space-3);
    min-block-size: calc(var(--tfg-card-min-height-compact) + var(--tfg-space-5));
    padding: var(--tfg-card-padding-default);
    border-inline-end: var(--tfg-panel-border);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell:last-child {
    border-inline-end: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-key {
    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-eyebrow);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell h3,
[data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell p {
    margin: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell h3 {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell p {
    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"] .pillar-page-wrapper .service-group-operating-stat {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-1);
    align-items: baseline;
    margin-block-start: auto;
    color: var(--tfg-text-muted);
    font-family: var(--tfg-font-num);
    font-size: var(--tfg-font-size-caption);
    font-variant-numeric: tabular-nums;
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-operating-stat strong {
    color: var(--tfg-accent-warm-bright);
    font-size: var(--tfg-font-size-title-sm);
    font-weight: var(--tfg-font-weight-bold);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-controls-container {
    align-items: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-card,
[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-card {
    position: relative;
    grid-template-rows: auto auto;
    align-content: start;
    min-width: 0;
    border: var(--tfg-glass-card-border);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-glass-card-shadow);
    overflow: clip;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-card::before,
[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-card::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 16%;
    block-size: var(--tfg-border-hairline);
    background: var(--tfg-metric-frame-top-rim);
    content: "";
    opacity: 0.86;
    pointer-events: none;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-card > *,
[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-card > * {
    position: relative;
    z-index: 1;
    min-width: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-mini-header {
    inline-size: 100%;
    max-inline-size: var(--tfg-measure-wide);
    min-width: 0;
    gap: var(--tfg-space-4);
    align-content: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-mini-header > .tfg-chip {
    inline-size: fit-content;
    width: fit-content;
    max-inline-size: min(100%, var(--tfg-measure-default));
    place-self: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-mini-header h2,
[data-tfg="on"] .pillar-page-wrapper .service-group-mini-header p {
    max-inline-size: var(--tfg-measure-default);
    min-width: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-mini-header h2 {
    font-size: var(--tfg-font-size-step-4);
    letter-spacing: 0;
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-mini-header p {
    text-wrap: var(--tfg-text-wrap-body);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-table-frame,
[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-frame {
    min-width: 0;
    border: var(--tfg-glass-card-border);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-table-frame {
    align-self: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-table {
    min-inline-size: 100%;
    table-layout: fixed;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-grid {
    align-content: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-sla-table th,
[data-tfg="on"] .pillar-page-wrapper .service-group-sla-table td {
    padding: var(--tfg-space-4);
    overflow-wrap: break-word;
}

[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-frame {
    min-block-size: var(--tfg-card-min-height-compact);
    padding: var(--tfg-card-padding-default);
}

[data-tfg="on"] .pillar-page-wrapper .service-group-compliance-frame h3 {
    margin: 0;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
    text-wrap: var(--tfg-text-wrap-heading);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-reading-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--tfg-geometry-grid-gap);
    align-items: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-main {
    display: grid;
    gap: var(--tfg-geometry-page-section-gap);
    min-width: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-section {
    scroll-margin-block-start: calc(var(--tfg-nav-control-size) + var(--tfg-space-6));
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sticky-wrapper {
    position: sticky;
    inset-block-start: calc(var(--tfg-nav-control-size) + var(--tfg-space-6));
    display: grid;
    gap: var(--tfg-space-5);
    padding: var(--tfg-card-padding-compact);
    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);
}

[data-tfg="on"] .pillar-page-wrapper .sidebar-header {
    display: grid;
    gap: var(--tfg-space-2);
    padding-block-end: var(--tfg-space-3);
    border-block-end: var(--tfg-panel-border);
}

[data-tfg="on"] .pillar-page-wrapper .sidebar-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);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .anchor-nav ul {
    display: grid;
    gap: var(--tfg-space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-tfg="on"] .pillar-page-wrapper .anchor-nav a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--tfg-space-3);
    align-items: center;
    min-height: var(--tfg-control-min-height);
    padding: var(--tfg-space-3);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-secondary);
    text-decoration: none;
    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),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .pillar-page-wrapper .anchor-nav a:hover,
[data-tfg="on"] .pillar-page-wrapper .anchor-nav a:focus-visible,
[data-tfg="on"] .pillar-page-wrapper .anchor-nav a.active {
    border: var(--tfg-glass-card-hover-border);
    background: var(--tfg-glass-card-hover-background);
    color: var(--tfg-text-headline);
    transform: var(--tfg-glass-card-hover-transform);
}

[data-tfg="on"] .pillar-page-wrapper .anchor-nav .nav-dot {
    inline-size: var(--tfg-space-2);
    aspect-ratio: 1;
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm-bright);
    box-shadow: var(--tfg-warm-glow);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sidebar-support-card {
    display: grid;
    gap: var(--tfg-space-3);
    padding: var(--tfg-card-padding-compact);
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sidebar-support-card h3,
[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sidebar-support-card p {
    margin: 0;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sidebar-support-card h3 {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sidebar-support-card p {
    color: var(--tfg-text-secondary);
    font-size: var(--tfg-font-size-caption);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sidebar-support-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--tfg-control-min-height);
    padding-inline: var(--tfg-space-4);
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-accent-warm);
    color: var(--tfg-canvas-deep);
    font-weight: var(--tfg-font-weight-semibold);
    text-decoration: none;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-section-card,
[data-tfg="on"] .pillar-page-wrapper .service-detail-faq-card,
[data-tfg="on"] .pillar-page-wrapper .service-detail-related-card {
    border-radius: var(--tfg-radius-xl);
    display: grid;
    gap: var(--tfg-space-6);
    padding: clamp(var(--tfg-space-5), 4vw, var(--tfg-space-8));
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-section-card {
    /* display/padding korkuluğu: tfg-card ritmi korunur — sections katmanı
       components'i yendiği için primitive clamp'i tie'da kazanırdı (P1-C). */
    display: grid;
    gap: var(--tfg-space-4);
    padding: var(--tfg-card-padding-default);
    border-radius: var(--tfg-radius-xl);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-faq-card {
    border-radius: var(--tfg-radius-xl);
    isolation: isolate;
    gap: var(--tfg-geometry-card-gap);
    padding: var(--tfg-geometry-panel-padding);
    background: var(--tfg-glass-shell-background);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-faq-card::before {
    inset: 0;
    z-index: 0;
    block-size: auto;
    background:
        var(--tfg-glass-faq-sheen),
        var(--tfg-atmosphere-facet-image),
        var(--tfg-atmosphere-noise-image);
    background-position: center;
    background-size: cover, cover, var(--tfg-services-faq-noise-tile) var(--tfg-services-faq-noise-tile);
    opacity: 0.24;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-faq-card::after {
    position: absolute;
    inset-block: auto 0;
    inset-inline: var(--tfg-space-8);
    block-size: var(--tfg-border-hairline);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-glass-shell-highlight-line);
    content: "";
    opacity: 0.84;
    pointer-events: none;
}

[data-tfg="on"] .pillar-page-wrapper .section-header {
    display: grid;
    gap: var(--tfg-space-3);
    max-width: min(100%, var(--tfg-services-measure-3xl));
    margin: var(--tfg-space-0) auto;
    justify-items: center;
    text-align: center;
}

[data-tfg="on"] .pillar-page-wrapper .section-header h2,
[data-tfg="on"] .pillar-page-wrapper .service-detail-faq-card h2,
[data-tfg="on"] .pillar-page-wrapper .service-detail-related-card h2 {
    margin: 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);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-framed-heading {
    position: relative;
    display: inline-flex;
    width: fit-content;
    max-width: min(100%, var(--tfg-services-measure-3xl));
    align-items: center;
    gap: var(--tfg-chip-heading-gap);
    min-height: var(--tfg-chip-heading-min-height);
    margin: 0;
    padding: var(--tfg-chip-heading-padding);
    border: var(--tfg-chip-heading-border);
    border-radius: var(--tfg-radius-pill);
    background:
        linear-gradient(
            90deg,
            color-mix(in oklab, var(--tfg-text-primary) 16%, transparent) 0%,
            transparent 46%),
        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;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-framed-heading .badge-dot:not(.tfg-heading-icon) {
    position: relative;
    display: inline-grid;
    flex: 0 0 auto;
    inline-size: var(--tfg-heading-icon-subsection-size, var(--tfg-chip-heading-dot-size));
    block-size: var(--tfg-heading-icon-subsection-size, var(--tfg-chip-heading-dot-size));
    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"] .pillar-page-wrapper .service-detail-framed-heading .badge-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;
    content: "";
    filter: drop-shadow(0 0 var(--tfg-chip-heading-dot-halo) var(--tfg-accent-glow));
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-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);
}

[data-tfg="on"] .pillar-page-wrapper .section-body {
    display: grid;
    gap: var(--tfg-space-4);
}

[data-tfg="on"] .pillar-page-wrapper .section-desc {
    max-width: var(--tfg-measure-wide);
    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"] .pillar-page-wrapper .service-detail-feature-grid {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-2);
    gap: var(--tfg-geometry-card-gap);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-feature-chip {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--tfg-space-3);
    align-items: start;
    min-height: var(--tfg-control-min-height);
    padding: var(--tfg-card-padding-compact);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
    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"] .pillar-page-wrapper .service-detail-feature-chip:hover {
    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"] .pillar-page-wrapper .service-detail-feature-chip .check-icon {
    display: grid;
    inline-size: var(--tfg-icon-chip-sm);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-panel-background);
    color: var(--tfg-accent-warm-bright);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-feature-chip span {
    min-width: 0;
    overflow-wrap: anywhere;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefits-card,
[data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card {
    position: relative;
    display: grid;
    gap: var(--tfg-space-4);
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-glass-card-border-strong);
    border-radius: var(--tfg-radius-lg);
    background:
        radial-gradient(closest-side at 0% 0%,
            color-mix(in oklab, var(--tfg-accent-warm) 12%, transparent) 0%,
            transparent 78%),
        var(--tfg-glass-card-background-strong);
    box-shadow: var(--tfg-rim-light);
    overflow: clip;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefits-card::before,
[data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 16%;
    block-size: var(--tfg-border-hairline);
    background: var(--tfg-metric-frame-top-rim);
    opacity: 0.82;
    pointer-events: none;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefits-card > *,
[data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card > * {
    position: relative;
    z-index: 1;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefits-card h3 {
    display: inline-flex;
    align-items: center;
    gap: var(--tfg-space-2);
    margin: 0;
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .benefits-list,
[data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-2);
    gap: var(--tfg-geometry-card-gap);
}

[data-tfg="on"] .pillar-page-wrapper .benefit-item,
[data-tfg="on"] .pillar-page-wrapper .spec-row {
    display: grid;
    gap: var(--tfg-space-2);
    padding: var(--tfg-space-4);
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-md);
    background: var(--tfg-panel-background);
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefit-card {
    align-content: start;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefit-card__label {
    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-eyebrow);
    line-height: var(--tfg-line-height-tight);
    text-transform: uppercase;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-benefit-card p,
[data-tfg="on"] .pillar-page-wrapper .service-detail-spec-card dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

[data-tfg="on"] .pillar-page-wrapper .service-detail-spec-card {
    align-content: start;
}

[data-tfg="on"] .pillar-page-wrapper .spec-row {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    align-items: start;
}

[data-tfg="on"] .pillar-page-wrapper .spec-label {
    margin: 0;
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-tracking-eyebrow);
    text-transform: uppercase;
}

[data-tfg="on"] .pillar-page-wrapper .spec-value {
    color: var(--tfg-text-primary);
    font-weight: var(--tfg-font-weight-semibold);
}

/* Leaf SSS yakınsaması (2026-06-13): akordeon iskeleti tfg-faq primitive'inden
   (PremiumShell.css); markup tfg-faq-list/item/summary/chevron/answer giyer.
   Leaf'e özgü altın hover ring + accent kenar sapması hub ile ortak blokta
   (yukarıda S10 bölgesi, .pillar-page-wrapper gruplu). Primitive'le birebir
   ~150 satır kopya (accordion/question/answer/faq-plus reçeteleri) silindi. */

[data-tfg="on"] .pillar-page-wrapper .related-groups-grid {
    display: grid;
    grid-template-columns: var(--tfg-grid-tier-3);
    gap: var(--tfg-geometry-card-gap);
}

[data-tfg="on"] .pillar-page-wrapper .service-sibling-rail .related-groups-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(min(var(--tfg-services-grid-col-19), 82vw), 1fr);
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-block-end: var(--tfg-space-2);
    scroll-padding-inline: var(--tfg-space-2);
    scroll-snap-type: inline mandatory;
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card {
    position: relative;
    display: grid;
    gap: var(--tfg-space-3);
    min-height: var(--tfg-card-min-height-compact);
    padding: var(--tfg-card-padding-default);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    color: var(--tfg-text-primary);
    text-decoration: none;
    overflow: clip;
    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"] .pillar-page-wrapper .service-sibling-rail .related-group-card {
    min-width: 0;
    scroll-snap-align: start;
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card::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"] .pillar-page-wrapper .related-group-card__top {
    display: flex;
    gap: var(--tfg-space-3);
    align-items: center;
    justify-content: space-between;
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card__top > span:first-child {
    color: var(--tfg-text-muted);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-letter-spacing-wide, 0.04em);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card__arrow {
    display: grid;
    inline-size: var(--tfg-space-8);
    aspect-ratio: 1;
    place-items: center;
    border: var(--tfg-panel-border);
    border-radius: var(--tfg-radius-pill);
    color: var(--tfg-accent-warm-bright);
    transition:
        border-color var(--tfg-duration-fast) var(--tfg-ease-standard),
        transform var(--tfg-duration-fast) var(--tfg-ease-standard);
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card:hover,
[data-tfg="on"] .pillar-page-wrapper .related-group-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"] .pillar-page-wrapper .related-group-card:hover .related-group-card__arrow,
[data-tfg="on"] .pillar-page-wrapper .related-group-card:focus-visible .related-group-card__arrow {
    border-color: var(--tfg-accent-rim);
    transform: translate(var(--tfg-space-1), calc(var(--tfg-space-1) * -1));
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card:hover::after,
[data-tfg="on"] .pillar-page-wrapper .related-group-card:focus-visible::after {
    opacity: 1;
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card h3,
[data-tfg="on"] .pillar-page-wrapper .related-group-card p {
    margin: 0;
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card h3 {
    color: var(--tfg-text-headline);
    font-size: var(--tfg-font-role-card-title);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card p {
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
}

[data-tfg="on"] .pillar-page-wrapper .related-group-card__action {
    color: var(--tfg-accent-warm-bright);
    font-weight: var(--tfg-font-weight-semibold);
}

@media (min-width: 64rem) {
    [data-tfg="on"] .pillar-page-wrapper .service-detail-reading-shell {
        grid-template-columns: minmax(calc(var(--tfg-control-min-height) * 5), 0.32fr) minmax(0, 1fr);
    }
}

@media (max-width: 64rem) {
    [data-tfg="on"] .pillar-page-wrapper .service-group-summary-rail .ai-summary-block__sources {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-decision-grid {
        grid-template-columns: var(--tfg-grid-tier-1);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-operating-grid {
        grid-template-columns: var(--tfg-grid-tier-2);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell {
        border-inline-end: 0;
        border-block-end: var(--tfg-panel-border);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell:nth-last-child(-n+1) {
        border-block-end: 0;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-detail-sidebar .sticky-wrapper {
        position: relative;
        inset-block-start: auto;
    }

    [data-tfg="on"] .pillar-page-wrapper .related-groups-grid {
        grid-template-columns: var(--tfg-grid-tier-2);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    [data-tfg="on"] .pillar-page-wrapper .service-group-summary-rail .ai-summary-block__sources {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-summary-rail .ai-summary-block__source {
        min-block-size: auto;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-detail-framed-heading {
        width: fit-content;
        max-width: 100%;
        padding-inline-end: var(--tfg-space-4);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-detail-framed-heading__title {
        line-height: var(--tfg-line-height-tight);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-operating-grid {
        grid-template-columns: var(--tfg-grid-tier-1);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table thead {
        position: absolute;
        inline-size: var(--tfg-border-hairline);
        block-size: var(--tfg-border-hairline);
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody,
    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody tr,
    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody th,
    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody td {
        display: block;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody {
        display: grid;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody tr {
        display: grid;
        grid-template-columns: minmax(var(--tfg-services-rail-min-sla), 0.72fr) minmax(0, 1fr);
        border-block-start: var(--tfg-panel-border);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody tr:first-child {
        border-block-start: 0;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody th,
    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody td {
        border-block-start: 0;
        padding: var(--tfg-space-3);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody th {
        grid-row: 1 / span 2;
        display: flex;
        align-items: flex-start;
        border-inline-end: var(--tfg-panel-border);
        overflow-wrap: normal;
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody td {
        display: grid;
        grid-column: 2;
        gap: var(--tfg-space-1);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody td + td {
        border-block-start: var(--tfg-panel-border);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-table tbody td::before {
        color: var(--tfg-text-muted);
        font-size: var(--tfg-font-size-caption);
        font-weight: var(--tfg-font-weight-semibold);
        letter-spacing: var(--tfg-tracking-eyebrow);
        line-height: var(--tfg-line-height-tight);
        text-transform: uppercase;
        content: attr(data-label);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-detail-feature-grid,
    [data-tfg="on"] .pillar-page-wrapper .benefits-list,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card,
    [data-tfg="on"] .pillar-page-wrapper .related-groups-grid {
        grid-template-columns: var(--tfg-grid-tier-1);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-breadcrumb-panel__list {
        grid-template-columns: minmax(0, 1fr);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-sibling-rail .related-groups-grid {
        grid-template-columns: none;
    }

    [data-tfg="on"] .pillar-page-wrapper .spec-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    /* SSS üyeleri (accordion-item/faq-plus) primitive reduced-motion bloğuna
       devredildi; ::after ring sapması S10 ortak bloğunda kapsanır. */
    [data-tfg="on"] .pillar-page-wrapper .anchor-nav a,
    [data-tfg="on"] .pillar-page-wrapper .service-group-decision-card,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-feature-chip,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card__arrow,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card::after {
        transition: none;
    }

    [data-tfg="on"] .pillar-page-wrapper .anchor-nav a:hover,
    [data-tfg="on"] .pillar-page-wrapper .anchor-nav a:focus-visible,
    [data-tfg="on"] .pillar-page-wrapper .anchor-nav a.active,
    [data-tfg="on"] .pillar-page-wrapper .service-group-decision-card:hover,
    [data-tfg="on"] .pillar-page-wrapper .service-group-decision-card:focus-within,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-feature-chip:hover,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card:hover,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card:focus-visible,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card:hover .related-group-card__arrow,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card:focus-visible .related-group-card__arrow {
        transform: none;
    }
}

@media (forced-colors: active) {
    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-card,
    [data-tfg="on"] .pillar-page-wrapper .service-group-compliance-card,
    [data-tfg="on"] .pillar-page-wrapper .service-group-compliance-frame,
    [data-tfg="on"] .pillar-page-wrapper .anchor-nav a,
    [data-tfg="on"] .pillar-page-wrapper .service-group-decision-card,
    [data-tfg="on"] .pillar-page-wrapper .service-group-operating-grid,
    [data-tfg="on"] .pillar-page-wrapper .service-group-operating-cell,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-feature-chip,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-benefits-card,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-benefit-card,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-spec-card,
    [data-tfg="on"] .pillar-page-wrapper .benefit-item,
    [data-tfg="on"] .pillar-page-wrapper .spec-row,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card,
    [data-tfg="on"] .pillar-page-wrapper .related-group-card__arrow {
        border-color: var(--tfg-forced-color-text);
    }

    [data-tfg="on"] .pillar-page-wrapper .service-group-sla-card::before,
    [data-tfg="on"] .pillar-page-wrapper .service-group-compliance-card::before,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-benefits-card::before,
    [data-tfg="on"] .pillar-page-wrapper .service-detail-specs-card::before,
    [data-tfg="on"] .pillar-page-wrapper .service-group-decision-card::before {
        background: var(--tfg-forced-color-text);
    }
}

/* ════════════════════════════════════════════════════════════════════════
   Services lean outcome-forward centerpiece (Premium Page Rebuild, B-5,
   2026-06-22). Mirrors the proven Solutions lean rules (Solutions.css
   §scope/§rail/§approach) at the GROUP level, services-namespaced. Token-only;
   acil-durum tonu + accent-gold KULLANILMAZ (§1.3). Rendered only when a group
   carries outcomes (UseLeanLayout); legacy groups are untouched.
   ════════════════════════════════════════════════════════════════════════ */
[data-tfg="on"] .service-lean-section {
    margin-block-start: var(--tfg-space-6);
}

/* Outcome kapsamı — kitleyi etiketlemeden, outcome-çerçeveli başlık + gövde. */
[data-tfg="on"] .service-scope-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--tfg-grid-card-min)), 1fr));
    gap: var(--tfg-space-4);
    align-items: stretch;
}

[data-tfg="on"] .service-scope-card {
    display: grid;
    gap: var(--tfg-space-3);
    align-content: start;
    padding: var(--tfg-space-4);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-glass-card-background);
    box-shadow: var(--tfg-rim-light);
}

[data-tfg="on"] .service-scope-card__head {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tfg-space-2);
    align-items: baseline;
    justify-content: space-between;
}

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

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

/* A4 kanıt-durumu rozeti — palet tonları (info/success/note/warn); acil-durum tonu ASLA. */
[data-tfg="on"] .service-proof-state {
    display: inline-flex;
    align-items: center;
    padding-block: calc(var(--tfg-space-1) / 2);
    padding-inline: var(--tfg-space-2);
    border: var(--tfg-border-hairline) solid var(--tfg-info);
    border-radius: var(--tfg-radius-pill);
    background: var(--tfg-info-soft);
    color: var(--tfg-info);
    font-size: var(--tfg-font-size-caption);
    font-weight: var(--tfg-font-weight-semibold);
    letter-spacing: var(--tfg-letter-spacing-wide);
    text-transform: uppercase;
    white-space: nowrap;
}

[data-tfg="on"] .service-proof-state--contract {
    border-color: var(--tfg-success);
    background: var(--tfg-success-soft);
    color: var(--tfg-success);
}

[data-tfg="on"] .service-proof-state--evidence {
    border-color: var(--tfg-note);
    background: var(--tfg-note-soft);
    color: var(--tfg-note);
}

[data-tfg="on"] .service-proof-state--owner {
    border-color: var(--tfg-warn);
    background: var(--tfg-warn-soft);
    color: var(--tfg-warn);
}

/* Yaklaşım adımları — altın indeksli numaralı kabuk dizisi. */
[data-tfg="on"] .service-approach-steps {
    display: grid;
    gap: var(--tfg-space-4);
    inline-size: 100%;
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .service-approach-step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--tfg-space-4);
    align-items: start;
    padding: var(--tfg-space-4) var(--tfg-space-5);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
}

[data-tfg="on"] .service-approach-step__index {
    color: var(--tfg-accent-warm-bright);
    font-family: var(--tfg-font-display);
    font-size: var(--tfg-font-size-title-sm);
    font-weight: var(--tfg-font-weight-semibold);
    line-height: var(--tfg-line-height-tight);
}

[data-tfg="on"] .service-approach-step p {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
}

/* useCases / deepDive rayı — birleşik dikdörtgen ikon-kutu, kırpma yok. */
[data-tfg="on"] .service-lean-rail {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--tfg-space-4);
    inline-size: 100%;
    margin: var(--tfg-space-0);
    padding: var(--tfg-space-0);
    list-style: none;
}

[data-tfg="on"] .service-lean-rail-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--tfg-space-4);
    align-items: start;
    padding: var(--tfg-space-4) var(--tfg-space-5);
    border: var(--tfg-glass-card-border);
    border-radius: var(--tfg-radius-lg);
    background: var(--tfg-panel-background-soft);
    transition:
        transform var(--tfg-motion-duration-md, 220ms) var(--tfg-motion-ease-out, ease-out),
        border-color var(--tfg-motion-duration-md, 220ms) var(--tfg-motion-ease-out, ease-out),
        box-shadow var(--tfg-motion-duration-md, 220ms) var(--tfg-motion-ease-out, ease-out);
}

[data-tfg="on"] .service-lean-rail-item:hover,
[data-tfg="on"] .service-lean-rail-item:focus-within {
    transform: translateY(calc(var(--tfg-border-hairline) * -2));
    border-color: var(--tfg-panel-border-strong, var(--tfg-panel-border));
    box-shadow: var(--tfg-shadow-card-hover, var(--tfg-shadow-md));
}

[data-tfg="on"] .service-lean-rail-item__body {
    display: grid;
    gap: var(--tfg-space-2);
    align-content: start;
    min-inline-size: 0;
}

[data-tfg="on"] .service-lean-rail-item__title {
    margin: var(--tfg-space-0);
}

[data-tfg="on"] .service-lean-rail-item__copy {
    margin: var(--tfg-space-0);
    color: var(--tfg-text-secondary);
    line-height: var(--tfg-line-height-body);
}

/* Dokunmatik cihazda hover-kaldırma efektini kapat (responsive disiplini). */
@media (pointer: coarse) {
    [data-tfg="on"] .service-scope-card:hover,
    [data-tfg="on"] .service-lean-rail-item:hover {
        transform: none;
    }
}
}