/* StableScore AI — site stilleri (katman sırası: aşağıdaki @layer satırı).
   Değerler tokens.css'ten; ham hex/px köşe yok. Karar kartı: cards.css. Kırılımlar: 30 · 47.5 · 55 · 56.25 · 62 · 75rem */

@layer reset, base, layout, components, utilities;

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
  ul[class], ol[class] { padding: 0; list-style: none; }
  img, svg, video { display: block; max-width: 100%; }
  img { height: auto; }
  button, input, select, textarea { font: inherit; color: inherit; }
  button { cursor: pointer; }
  [hidden] { display: none !important; }
}

@layer base {
  html { scroll-padding-top: calc(var(--header-h) + var(--sp-4)); }
  @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

  body {
    background: var(--c-bg);
    color: var(--c-ink);
    font-family: var(--font-body);
    font-size: var(--fs-body);
    font-weight: var(--fw-body);
    line-height: var(--lh-body);
    overflow-x: clip;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4 {
    font-family: var(--font-display);
    color: inherit;
    text-wrap: balance; overflow-wrap: break-word;
  }
  h1 { font-size: var(--fs-h1); font-weight: var(--fw-display); line-height: var(--lh-display); letter-spacing: var(--track-display); }
  h2 { font-size: var(--fs-h2); font-weight: var(--fw-display); line-height: var(--lh-heading); letter-spacing: var(--track-tight); }
  h3 { font-size: var(--fs-h3); font-weight: var(--fw-heading); line-height: 1.18; letter-spacing: var(--track-heading); }
  h4 { font-size: var(--fs-h4); font-weight: var(--fw-heading); line-height: 1.2; }
  p { text-wrap: pretty; }

  a { color: var(--c-primary); text-underline-offset: .18em; }
  a:hover { color: var(--c-primary-hover); }

  :focus-visible { outline: 3px solid var(--c-focus); outline-offset: 3px; }
  main:focus { outline: none; } /* skip-link hedefi: etkileşimli değil, halka yok; sonraki Tab ilk linke */
  ::selection { background: var(--c-teal-mark); color: var(--c-ink); }

  .ico { width: 1.25em; height: 1.25em; flex: none; }
}

@layer layout {
  .container { width: min(var(--container), 100% - 2 * var(--gutter)); margin-inline: auto; }
  .section { padding-block: var(--sp-section); }
  .section--tight { padding-block: calc(var(--sp-section) * .6); }
  .section--flush-top { padding-top: 0; }
  .section__head { max-width: 36rem; }
  .section__head > * + * { margin-top: var(--sp-4); }
  .section__head + * { margin-top: clamp(var(--sp-6), 4vw, var(--sp-10)); }
}

@layer components {

  /* ---------- Ortak desenler (bileşen kurallarından önce) ---------- */

  /* Açık yüzey kartı */
  .tabs__panel, .compare__col, .steps > li, .tile, .sol-tile, .linkcard, .story__data, .flow__step, .optgrid li,
  .sumgrid li, .gcard, .guide-check, .faq__item, .timeline__item, .features--cards > li, .fitfor__item, .uc-row {
    border-radius: var(--r-card); background: var(--c-surface); box-shadow: var(--ring-line);
  }
  .person, .advisor, .arch__col { border-radius: var(--r-card); background: var(--c-bg); box-shadow: var(--ring-line); }

  /* Koyu panel (doku + ışık + lacivert) */
  .hero__panel, .claim, .cta-block--dark, .arch__core, .runlog, .solution-box, .vision, .sol-panel__aside {
    border-radius: var(--r-panel); background: var(--tex-dots), var(--glow-hero), var(--c-navy); color: var(--c-on-dark);
  }

  /* İkon dairesi (44 px) ve ikon boyları */
  .sol-tile__badge, .features__ico, .flow__ico, .lever__ico, .sol-tab__ico, .fitfor__ico, .uc-group__ico {
    display: grid; place-items: center; width: 44px; height: 44px; flex: none;
    border-radius: var(--r-round); background: var(--c-teal-soft); color: var(--c-teal-ink);
  }
  .btn .ico, .section__more .ico, .backlink .ico, .capabilities .ico, .linkcard__ico .ico, .sol-tile__more .ico, .tile__more .ico,
  .gcard__more .ico, .solution-box__link .ico, .legal__more .ico, .sol-demo-link .ico, .fitfor__more .ico, .fitfor__row .ico { width: 18px; height: 18px; }
  .compare__list .ico, .sol-names .ico, .datalist .ico, .solution-box__eyebrow .ico, .vision__label .ico { width: 20px; height: 20px; }
  .nav-toggle .ico, .sol-tile__badge .ico, .features__ico .ico, .sol-tab__ico .ico, .fitfor__ico .ico, .uc-group__ico .ico { width: 22px; height: 22px; }
  .optgrid .ico, .tile__ico, .ggroup__title .ico, .sol-panel__title .ico { width: 28px; height: 28px; color: var(--c-teal-ink); }
  .sol-names .ico, .datalist .ico, .fa__privacy .ico { color: var(--c-teal-ink); }

  /* Küçük etiketler ve sıra numaraları */
  .tile__meta, .uc-tile__tag, .gcard__eyebrow, .success__label, .uc-row__meta { font-size: var(--fs-xs); font-weight: var(--fw-strong); color: var(--c-teal-ink); }
  .sol-tile__facts dt, .lever__k, .lever__formula span, .calc__netlab, .fitfor__label, .ucf__label { font-size: var(--fs-xs); font-weight: var(--fw-strong); color: var(--c-muted); }
  .steps__num, .flow__num, .pillars__n, .calc__n, .lever__n, .capabilities__num, .features__num {
    font-family: var(--font-display); font-weight: var(--fw-display); font-size: var(--fs-sm); color: var(--c-teal-ink);
  }
  .steps__num, .flow__num, .pillars__n, .calc__n, .lever__n { letter-spacing: .02em; }

  /* Etiket hapları */
  .taglist, .uc-tile__bullets, .flow__tags, .arch__controls, .fitfor__roles { display: flex; flex-wrap: wrap; gap: 6px; }
  .taglist li, .uc-tile__bullets li, .flow__tags li, .arch__controls li, .fitfor__roles li {
    padding: 4px 10px; border-radius: var(--r-pill); font-size: var(--fs-xs); font-weight: var(--fw-semibold);
  }

  /* Tamamı tıklanır kart: başlık linkinin ::after'ı kartı kaplar, odak halkası kartta */
  .sol-tile, .tile--link, .gcard, .uc-tile { position: relative; }
  .sol-tile, .tile--link, .gcard, .linkcard { transition: box-shadow var(--dur) var(--ease-out); }
  .sol-tile:hover, .tile--link:hover, .gcard:hover { box-shadow: var(--ring-strong), var(--shadow-float); }
  .sol-tile__link, .uc-tile__link { color: var(--c-ink); text-decoration: none; }
  .tile__link, .gcard__link { color: inherit; text-decoration: none; }
  .sol-tile__link::after, .tile__link::after, .gcard__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
  .sol-tile__link:focus-visible, .uc-tile__link:focus-visible, .tile__link:focus-visible, .gcard__link:focus-visible { outline: none; }
  .sol-tile:has(.sol-tile__link:focus-visible), .tile--link:has(.tile__link:focus-visible), .gcard:has(.gcard__link:focus-visible) {
    outline: 3px solid var(--c-focus); outline-offset: 3px;
  }
  .sol-tile__more, .tile__more, .gcard__more { margin-top: auto; color: var(--c-primary); }

  /* Giriş metni, ikincil küçük metin */
  .hero__sub, .page-hero__lead, .lead, .phase__desc, .legal__lead { font-size: var(--fs-lead); color: var(--c-muted); }
  .pipe__sub, .arch__head, .arch li p, .arch__note, .sumgrid span, .advisor p, .legal__stand { font-size: var(--fs-sm); color: var(--c-muted); }

  /* İkonlu metin linkleri ve etiketler */
  .section__more, .sol-tile__more, .tile__more, .gcard__more, .solution-box__link, .legal__more a, .solution-box__eyebrow, .vision__label, .sol-demo-link, .fitfor__more {
    display: inline-flex; align-items: center; gap: var(--sp-2); min-height: 24px; font-weight: var(--fw-strong);
  }

  /* Tekrarlayan tek bildirimler (ikincil metin rengi, dikey ızgara aralıkları) */
  .compare__list .ico, .steps__desc, .features p, .uc-tile__desc, .uc-row__meta span, .uc-group__area, .uc-row__pain, .uc-row__claim, .flow__desc, .pillars p, .tile p:not(.tile__meta), .calc__body p, .gcard__desc, .breadcrumb a, .form__ref { color: var(--c-muted); }
  .tabs__panels, .steps, .sol-tile__facts, .linkcards, .uc-rows, .checks, .flow, .numlist, .advisors, .form__success { display: grid; gap: var(--sp-3); }
  .compare, .tiles, .sol-tiles, .arch, .calc__rows, .timeline, .form__grid { display: grid; gap: var(--sp-4); }

  /* Alt alta öğeler arası boşluk */
  .featured__copy > * + *, .split__copy > * + *, .prose > * + *, .guide-check > * + *, .example > * + * { margin-top: var(--sp-4); }

  /* Duyarlı ızgara sütunları (bileşenlerin geniş ekran sütun sayıları) */
  @media (min-width: 47.5rem) {
    .compare, .steps, .tiles, .site-footer__grid, .features--3, .features--4, .features--2x2, .uc-grid, .checks--2,
    .flow, .pillars, .lever__details, .gcards, .no-js .tabs__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (min-width: 56.25rem) {
    .people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .timeline, .advisors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  }
  @media (min-width: 62rem) {
    .sol-tiles, .features--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .features--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }
  @media (min-width: 75rem) {
    .gcards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .steps--4, .flow, .pillars, .tiles--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  }

  /* ---------- Atlama linki ---------- */
  .skip-link {
    position: absolute; left: var(--sp-4); top: -100px; z-index: 200;
    padding: var(--sp-3) var(--sp-5); border-radius: var(--r-pill);
    background: var(--c-navy); color: var(--c-on-dark); font-weight: var(--fw-strong); text-decoration: none;
  }
  .skip-link:focus { top: var(--sp-3); color: var(--c-on-dark); }

  /* ---------- Buton ---------- */
  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
    min-height: var(--btn-h); padding: 0 var(--sp-5);
    border: 0; border-radius: var(--r-pill);
    font-family: var(--font-body); font-size: var(--fs-md); font-weight: var(--fw-semibold); line-height: 1.2;
    text-align: center; text-decoration: none; white-space: nowrap;
    transition: background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);
  }
  .btn--sm { min-height: var(--btn-h-sm); padding: 0 var(--sp-4); font-size: var(--fs-sm); }
  .btn--primary { background: var(--c-primary); color: var(--c-on-primary); box-shadow: var(--shadow-primary); }
  .btn--primary:hover { background: var(--c-primary-hover); color: var(--c-on-primary); }
  .btn--ghost { background: transparent; color: var(--c-ink); box-shadow: var(--ring-strong); }
  .btn--ghost:hover { background: var(--c-surface); color: var(--c-ink); }
  .btn--on-dark { background: var(--c-on-dark); color: var(--c-navy); }
  .btn--on-dark:hover { background: var(--c-teal-soft); color: var(--c-navy); }
  .btn--ghost-dark { background: transparent; color: var(--c-on-dark); box-shadow: inset 0 0 0 1.5px var(--c-navy-muted); }
  .btn--ghost-dark:hover { background: var(--c-navy-line); color: var(--c-on-dark); }
  @media (prefers-reduced-motion: no-preference) { .btn:active { transform: translateY(1px); } }
  @media (max-width: 29.99rem) { .hero__ctas .btn, .cta-block .btn { width: 100%; white-space: normal; } }

  /* ---------- Logo ---------- */
  .logo { display: inline-flex; align-items: center; gap: 10px; color: var(--c-ink); text-decoration: none; flex: none; }
  .logo:hover { color: var(--c-ink); }
  .logo__mark { width: 34px; height: 34px; flex: none; }
  .logo__word { font-family: var(--font-display); font-weight: var(--fw-display); font-size: 17px; letter-spacing: var(--track-heading); white-space: nowrap; }
  .logo__word b { color: var(--c-teal-ink); font-weight: inherit; }
  .logo__stop-a { stop-color: var(--grad-brand-from); }
  .logo__stop-b { stop-color: var(--grad-brand-to); }
  .logo__rings { stroke: var(--c-surface); }
  .logo--on-dark, .logo--on-dark:hover { color: var(--c-on-dark); }
  .logo--on-dark .logo__word b { color: var(--c-teal); }

  /* ---------- Header ---------- */
  .site-header {
    position: sticky; top: 0; z-index: 100;
    background: var(--c-header-bg);
    -webkit-backdrop-filter: saturate(1.4) blur(12px);
    backdrop-filter: saturate(1.4) blur(12px);
    border-bottom: 1px solid var(--c-line);
  }
  .site-header__inner { display: flex; align-items: center; gap: var(--sp-4); min-height: var(--header-h); }
  .site-header .logo { margin-right: auto; }
  .site-header__cta { display: none; }
  @media (min-width: 30rem) { .site-header__cta { display: inline-flex; } }

  .nav-toggle {
    display: inline-grid; place-items: center; width: var(--tap); height: var(--tap);
    border-radius: var(--r-pill); color: var(--c-ink); text-decoration: none; box-shadow: var(--ring-line); background: var(--c-surface);
  }
  .nav-toggle:hover { color: var(--c-ink); }
  .nav-toggle__close { display: none; }
  .nav-toggle[aria-expanded="true"] .nav-toggle__open { display: none; }
  .nav-toggle[aria-expanded="true"] .nav-toggle__close { display: block; }

  /* Mobil/dar ekran: menü paneli */
  .nav { order: 10; flex-basis: 100%; padding-bottom: var(--sp-4); }
  .no-js .nav-toggle { display: none; }
  .no-js .site-header__inner { flex-wrap: wrap; }
  .no-js .site-header { position: static; }
  .js .nav {
    display: none; position: absolute; inset: 100% 0 auto 0;
    max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
    padding: var(--sp-4) var(--gutter) var(--sp-6);
    background: var(--c-surface); border-bottom: 1px solid var(--c-line); box-shadow: var(--shadow-float);
  }
  .js .nav.is-open { display: block; }
  .nav__menu { display: grid; gap: var(--sp-1); }
  .nav__link {
    display: flex; align-items: center; min-height: var(--tap); padding: 0 var(--sp-3);
    border-radius: var(--r-field); color: var(--c-ink); font-weight: var(--fw-semibold); text-decoration: none;
  }
  .nav__link:hover { background: var(--c-bg); color: var(--c-ink); }
  .nav__link[aria-current="page"] { color: var(--c-teal-ink); }
  .nav__sub { display: grid; gap: var(--sp-1); padding-left: var(--sp-4); }
  .nav__sub .nav__link { font-weight: var(--fw-body); color: var(--c-muted); min-height: 40px; }
  .nav__chevron { display: none; }
  .nav__aside { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-4); margin-top: var(--sp-4); padding-top: var(--sp-4); border-top: 1px solid var(--c-line); }
  .nav__cta { display: inline-flex; }
  @media (min-width: 30rem) { .nav__cta { display: none; } }

  /* Masaüstü navigasyon */
  @media (min-width: 75rem) {
    .site-header .logo { margin-right: 0; }
    .site-header__inner { gap: var(--sp-3); }
    .nav-toggle { display: none; }
    .nav, .js .nav, .no-js .nav {
      order: 0; display: flex; align-items: center; gap: var(--sp-3); flex: 1 1 auto; flex-basis: auto;
      position: static; max-height: none; overflow: visible; padding: 0; background: none; border: 0; box-shadow: none;
    }
    .no-js .site-header { position: sticky; }
    .no-js .site-header__inner { flex-wrap: nowrap; }
    .nav__menu { display: flex; align-items: center; gap: 2px; margin-inline: auto; }
    .nav__link { min-height: 40px; padding: 0 8px; font-size: var(--fs-sm); color: var(--c-muted); border-radius: var(--r-pill); white-space: nowrap; }
    .nav__link:hover { color: var(--c-ink); background: var(--c-surface); }
    .nav__item--has-sub { position: relative; }
    .nav__item--has-sub > .nav__link { gap: 4px; }
    .nav__chevron { display: block; width: 14px; height: 14px; }
    .nav__sub {
      position: absolute; top: calc(100% + 6px); left: -8px; z-index: 10; min-width: 260px;
      padding: var(--sp-2); background: var(--c-surface); border-radius: var(--r-card);
      box-shadow: var(--ring-line), var(--shadow-float);
      opacity: 0; visibility: hidden; transform: translateY(-4px);
      transition: opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), visibility var(--dur);
    }
    .nav__sub::before { content: ""; position: absolute; inset: -8px 0 auto 0; height: 8px; }
    .nav__item--has-sub:hover > .nav__sub,
    .nav__item--has-sub:focus-within > .nav__sub { opacity: 1; visibility: visible; transform: none; }
    .nav__sub .nav__link { color: var(--c-ink); font-weight: var(--fw-semibold); border-radius: var(--r-field); }
    .nav__aside { margin: 0; padding: 0; border: 0; flex-wrap: nowrap; }
  }

  /* ---------- Dil seçici ---------- */
  .lang-switch { display: flex; gap: 2px; }
  .lang-switch a {
    display: inline-grid; place-items: center; min-width: 32px; min-height: 32px; padding: 0 6px;
    border-radius: var(--r-xs); font-size: var(--fs-2xs); font-weight: var(--fw-strong); letter-spacing: .02em;
    color: var(--c-muted); text-decoration: none;
  }
  .lang-switch a:hover { color: var(--c-ink); }
  .lang-switch a[aria-current="true"] { background: var(--c-surface); color: var(--c-ink); box-shadow: var(--ring-line); }

  /* ---------- Konumlandırma satırı · eyebrow · vurgu işareti (yalnız H1/H2) ---------- */
  .positioning { display: inline-flex; align-items: center; gap: 10px; font-size: var(--fs-md); font-weight: var(--fw-semibold); }
  .positioning::before { content: ""; width: 10px; height: 10px; border-radius: var(--r-round); background: var(--c-teal); flex: none; }
  .eyebrow { font-size: var(--fs-sm); font-weight: var(--fw-strong); color: var(--c-teal-ink); letter-spacing: .01em; }
  .proof .eyebrow, .cta-block--dark .eyebrow { color: var(--c-teal); }
  .eyebrow + h2, .eyebrow + h1 { margin-top: var(--sp-3); }
  .hl {
    background: linear-gradient(transparent 60%, var(--c-teal-mark) 60%, var(--c-teal-mark) 90%, transparent 90%);
    -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 0 .04em;
  }

  /* ---------- Hero ---------- */
  .hero { padding-block: clamp(28px, 6vw, 80px) clamp(36px, 6vw, 80px); }
  .hero__grid { display: grid; gap: var(--sp-10); }
  .hero__grid > * { min-width: 0; }
  @media (min-width: 55rem) { .hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: var(--sp-12); } }
  .hero__copy, .uc-hero__copy { display: flex; flex-direction: column; align-items: flex-start; }
  .hero__copy h1 { max-width: 16ch; }
  .hero__sub { margin-top: var(--sp-5); max-width: 52ch; }
  .hero__ctas { margin-top: var(--sp-7); display: flex; flex-wrap: wrap; gap: var(--sp-3); width: 100%; }
  .hero__copy .positioning { margin-top: var(--sp-7); }
  .hero__panel { container-type: inline-size; display: grid; padding: clamp(18px, 4.4vw, 40px); }
  .hero__caption { justify-self: center; max-width: 520px; margin-top: var(--sp-4); font-size: var(--fs-sm); line-height: 1.45; color: var(--c-navy-muted); text-align: center; }

  /* Sayfa başlığı (iç sayfalar) */
  .page-hero { padding-block: clamp(28px, 6vw, 72px) clamp(20px, 4vw, 48px); }
  .page-hero h1 { max-width: 22ch; }
  .page-hero__lead { margin-top: var(--sp-5); max-width: 60ch; }
  .page-hero--b .hero__ctas { margin-top: var(--sp-6); }
  .page-hero--guide h1 { max-width: 24ch; font-size: clamp(2rem, 1.4rem + 2.4vw, 3.3rem); }
  /* Tireleme: yalnız ≥ 18 harf, dar yerde */
  .output__head h2, .topic h2, .featured h2, .features__title { hyphens: auto; hyphenate-limit-chars: 18 6 6; }
  @media (max-width: 29.99rem) { :is(h1, h2, h3, h4):not(.dcard__title) { hyphens: auto; hyphenate-limit-chars: 18 6 6; } }

  /* ---------- Kanıt şeridi (koyu) ---------- */
  .proof {
    padding-block: var(--sp-section); color: var(--c-on-dark);
    background: var(--tex-dots-soft), var(--glow-proof), var(--c-navy);
  }
  .proof ::selection { background: var(--c-teal); color: var(--c-navy); }
  .proof h2 { max-width: 22ch; }
  .proof__lead { margin-top: var(--sp-4); color: var(--c-navy-muted); font-size: var(--fs-lead); max-width: 62ch; }
  .proof__list { margin-top: clamp(28px, 4vw, 44px); display: grid; gap: var(--sp-6); }
  .proof__list > li { container-type: inline-size; }
  .proof__list > li + li { border-top: 1px solid var(--c-navy-line); padding-top: var(--sp-6); }
  @media (min-width: 47.5rem) {
    .proof__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
    .proof__list--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .proof__list > li { padding-right: var(--sp-7); }
    .proof__list > li + li { border-top: 0; padding-top: 0; border-left: 1px solid var(--c-navy-line); padding-left: var(--sp-7); }
  }
  .proof__num {
    font-family: var(--font-display); font-weight: var(--fw-display); font-size: var(--fs-proof-num);
    line-height: 1.05; letter-spacing: var(--track-display); color: var(--c-teal); white-space: nowrap; max-width: 100%;
  }
  .proof__title { margin-top: var(--sp-3); font-weight: var(--fw-strong); font-size: 1.125rem; line-height: var(--lh-snug); }
  .proof__desc { margin-top: 6px; font-size: .96875rem; color: var(--c-navy-muted); max-width: 40ch; }
  .proof__list a { color: inherit; text-decoration: none; }
  .proof__list a:hover .proof__title { text-decoration: underline; text-underline-offset: .2em; }
  /* Uyarı cümlesi: şerit başına TEK kez, metin aynen (claims register), ≥ 13 px, vurgusuz */
  .proof__note, .claim__note {
    padding-top: 18px; border-top: 1px solid var(--c-navy-line);
    font-size: var(--fs-xs); line-height: 1.5; color: var(--c-navy-muted);
  }
  .proof__note { margin-top: clamp(28px, 4vw, 40px); }
  .proof__eco { margin-top: 18px; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-6); }
  .proof__eco p { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--c-navy-muted); }
  .proof__eco ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px 22px; font-family: var(--font-display); font-weight: var(--fw-medium); font-size: var(--fs-md); color: var(--c-on-dark); }

  /* ---------- Güven şeridi (açık) ---------- */
  .trust { padding-block: 22px; border-block: 1px solid var(--c-line); background: var(--c-surface); }
  .trust .container { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 28px; }
  .trust__label { font-size: var(--fs-xs); color: var(--c-muted); font-weight: var(--fw-semibold); }
  .trust ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-6); font-family: var(--font-display); font-size: .90625rem; font-weight: var(--fw-medium); color: var(--c-ink); }

  /* ---------- Sekmeler (.no-js: paneller alt alta; .js: sekmeli) ---------- */
  .tabs { margin-top: var(--sp-6); }
  .tabs__list { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
  .no-js .tabs__list { display: none; }
  .tabs__tab {
    display: inline-flex; align-items: center; gap: 10px; padding: 14px;
    border: 0; border-radius: var(--r-pill); background: var(--c-surface); box-shadow: var(--ring-line);
    font-family: var(--font-body); font-size: .90625rem; font-weight: var(--fw-medium); line-height: 1.25; color: var(--c-muted); text-align: left;
  }
  .tabs__tab:hover { color: var(--c-ink); }
  .tabs__tab[aria-selected="true"] { background: var(--c-navy); color: var(--c-on-dark); box-shadow: none; }
  .tabs__step {
    display: inline-grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: var(--r-round);
    font-size: .75rem; font-weight: var(--fw-strong); background: var(--c-teal-soft); color: var(--c-teal-ink);
  }
  .tabs__tab[aria-selected="true"] .tabs__step { background: var(--c-teal); color: var(--c-navy); }
  .tabs__panel { padding: var(--sp-5); }
  .js .tabs:not(.is-tabbed) .tabs__panel ~ .tabs__panel { display: none; }
  @media (min-width: 56.25rem) {
    .js .tabs { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 18px; align-items: stretch; }
    .js .tabs__list { flex-direction: column; margin: 0; }
    .js .tabs__tab { width: 100%; }
    .js .tabs__panel { height: 100%; padding: var(--sp-7); }
  }

  /* ---------- Karşılaştırma ---------- */
  .compare__col { padding: clamp(20px, 3vw, 32px); }
  .compare__col--accent { background: var(--c-navy); color: var(--c-on-dark); box-shadow: none; }
  .compare__col h3 { font-size: 1.25rem; }
  .compare__tag { display: inline-block; margin-top: var(--sp-2); padding: 3px 10px; border-radius: var(--r-pill); background: var(--c-teal); color: var(--c-navy); font-size: var(--fs-xs); font-weight: var(--fw-strong); }
  .compare__list { margin-top: var(--sp-4); display: grid; gap: var(--sp-3); }
  .compare__list li { display: flex; gap: var(--sp-3); align-items: center; font-weight: var(--fw-semibold); }
  .compare__col--accent .compare__list .ico { color: var(--c-teal); }

  /* ---------- Adım listesi ---------- */
  .steps > li { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-5); }
  .steps__title { font-family: var(--font-display); font-size: 1.125rem; font-weight: var(--fw-heading); line-height: 1.2; }

  /* ---------- Bölüm başlığı + yan link ---------- */
  .section__more { text-decoration: none; }
  .section__more:hover { text-decoration: underline; }
  .section__foot { margin-top: var(--sp-6); }

  /* ---------- Kart ızgarası ---------- */
  .tile { display: flex; flex-direction: column; gap: var(--sp-3); padding: clamp(20px, 3vw, 28px); }
  .tile h3 { font-size: 1.25rem; }

  /* ---------- CTA bloğu ---------- */
  .cta-block { padding: clamp(28px, 5vw, 56px); border-radius: var(--r-panel); display: grid; gap: var(--sp-5); justify-items: start; }
  .cta-block h2 { max-width: 24ch; }
  .cta-block p { max-width: 60ch; font-size: var(--fs-lead); }
  .cta-block--dark p { color: var(--c-navy-muted); }
  .cta-block__actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); }

  /* ---------- 404 ---------- */
  .notfound { padding-block: clamp(40px, 9vw, 120px); }
  .notfound__code { font-family: var(--font-display); font-weight: var(--fw-display); font-size: var(--fs-sm); color: var(--c-teal-ink); letter-spacing: .04em; }
  .notfound h1 { margin-top: var(--sp-3); max-width: 18ch; }
  .notfound p:not([class]) { margin-top: var(--sp-4); max-width: 56ch; color: var(--c-muted); font-size: var(--fs-lead); }
  .notfound__links { margin-top: var(--sp-7); display: flex; flex-wrap: wrap; gap: var(--sp-3); }
  .notfound__other { margin-top: var(--sp-8); padding-top: var(--sp-5); border-top: 1px solid var(--c-line); font-size: var(--fs-sm); color: var(--c-muted); }
  .notfound__other a { font-weight: var(--fw-strong); }
  .notfound__langs { display: grid; gap: var(--sp-8); }
  @media (min-width: 55rem) { .notfound__langs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .notfound__langs h2 { font-size: var(--fs-h3); }

  /* ---------- Footer ---------- */
  .site-footer { background: var(--c-navy); color: var(--c-navy-muted); padding-block: clamp(40px, 6vw, 72px) calc(var(--sp-6) + var(--consent-h, 0px)); font-size: var(--fs-md); }
  .site-footer a { color: var(--c-on-dark); text-decoration: none; }
  .site-footer a:hover, .site-footer__legal button:hover { color: var(--c-teal); text-decoration: underline; }
  .site-footer__grid { display: grid; gap: var(--sp-8); }
  @media (min-width: 75rem) { .site-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr 1fr; } }
  .site-footer__brand p { margin-top: var(--sp-4); max-width: 34ch; }
  .site-footer__badge { display: flex; align-items: center; gap: var(--sp-2); margin-top: var(--sp-4); font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--c-on-dark); }
  .site-footer__badge::before { content: ""; width: 8px; height: 8px; flex: none; border-radius: var(--r-round); background: var(--c-teal); }
  .site-footer__title { font-family: var(--font-display); font-size: var(--fs-sm); font-weight: var(--fw-strong); color: var(--c-on-dark); }
  .site-footer__list { margin-top: var(--sp-4); display: grid; gap: var(--sp-2); }
  .site-footer__col p, .site-footer__col .btn { margin-top: var(--sp-4); }
  .site-footer__col .btn--on-dark, .site-footer__col .btn--on-dark:hover { color: var(--c-navy); text-decoration: none; }
  .site-footer address { margin-top: var(--sp-4); font-style: normal; display: grid; gap: var(--sp-2); }
  .site-footer__bar { margin-top: clamp(32px, 5vw, 56px); padding-top: var(--sp-5); border-top: 1px solid var(--c-navy-line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--sp-3) var(--sp-6); font-size: var(--fs-sm); }
  .site-footer__legal { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); align-items: center; }
  .site-footer__legal button { padding: 0; border: 0; background: none; color: var(--c-on-dark); font-size: inherit; }
  .site-footer :is(li > *, address a) { display: inline-flex; align-items: center; min-height: 24px; }
  .no-js .js-only { display: none; }

  /* ---------- Çerez onayı ---------- */
  .consent { position: fixed; inset: auto 0 0 0; z-index: 150; padding: var(--sp-3); }
  @media (min-width: 30rem) { .consent { padding: var(--sp-5); } }
  .consent__box { max-width: 760px; margin-inline: auto; padding: clamp(18px, 3vw, 26px); border-radius: var(--r-card); background: var(--c-surface); box-shadow: var(--ring-line), var(--shadow-float); }
  .consent__title { font-size: 1.125rem; }
  /* Kabul ve ret eşit ağırlıkta (ikisi de çerçeveli, C-06); Einstellungen ikincil. Açıkken footer'a --consent-h kadar boşluk (site.js, C-07) */
  .consent__text, .consent__links { margin-top: var(--sp-2); font-size: var(--fs-sm); color: var(--c-muted); }
  .consent__links a { display: inline-block; padding-block: 2px; font-weight: var(--fw-semibold); }
  .consent__option { margin-top: var(--sp-4); display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4); padding: var(--sp-4); border-radius: var(--r-field); background: var(--c-bg); font-size: var(--fs-sm); font-weight: var(--fw-strong); }
  .consent__option input { width: 20px; height: 20px; accent-color: var(--c-primary); }
  .consent__actions { margin-top: var(--sp-5); display: flex; flex-wrap: wrap; gap: var(--sp-2); }
  .consent__set { box-shadow: none; text-decoration: underline; }
}

/* ===== Sayfa bileşenleri (ui-builder) ===== */
@layer components {

  /* ===== Ana sayfa · çözümler · senaryolar ===== */

  /* ---------- Öne çıkan Sales bloğu ---------- */
  .featured { display: grid; gap: var(--sp-8); align-items: center; }
  @media (min-width: 55rem) { .featured { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sp-12); } }
  .featured__ctas { display: flex; flex-wrap: wrap; gap: var(--sp-3); padding-top: var(--sp-2); }
  .capabilities { display: grid; border-radius: var(--r-card); background: var(--c-bg); padding: var(--sp-2); }
  .capabilities a {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--sp-4);
    min-height: 64px; padding: var(--sp-3) var(--sp-4); border-radius: var(--r-inner);
    color: var(--c-ink); text-decoration: none;
    transition: background-color var(--dur) var(--ease-out);
  }
  .capabilities li + li a { box-shadow: inset 0 1px 0 var(--c-line); }
  .capabilities a:hover { background: var(--c-surface); color: var(--c-ink); }
  .capabilities__title { font-family: var(--font-display); font-weight: var(--fw-heading); font-size: 1.1875rem; letter-spacing: var(--track-heading); }
  .capabilities .ico { color: var(--c-primary); }

  /* ---------- Çözüm karoları (çözümler merkezi) ---------- */
  .sol-tile { display: flex; flex-direction: column; gap: var(--sp-4); padding: clamp(20px, 3vw, 28px); }
  .sol-tile__title { font-size: 1.375rem; }
  .sol-tile__link:hover { color: var(--c-ink); }
  .sol-tile__facts dd { margin-top: 2px; }
  .sol-tile__facts div + div { padding-top: var(--sp-3); border-top: 1px solid var(--c-line); }
  .sol-tile__more .ico { transition: transform var(--dur) var(--ease-out); }
  @media (prefers-reduced-motion: no-preference) { .sol-tile:hover .sol-tile__more .ico { transform: translateX(3px); } }
  .taglist li { background: var(--c-bg); }

  /* ---------- Karar zinciri (steps + açıklama + ok) ---------- */
  .chain > li { position: relative; }
  .chain .steps__desc { font-size: var(--fs-md); }
  @media (min-width: 75rem) {
    .steps--4.chain { gap: var(--sp-7); }
    .chain > li + li::before {
      content: ""; position: absolute; left: calc(-1 * var(--sp-7) / 2 - 5px); top: 50%;
      width: 10px; height: 10px; border-top: 2px solid var(--c-teal-ink); border-right: 2px solid var(--c-teal-ink);
      transform: translateY(-50%) rotate(45deg);
    }
  }
  .sol-names { margin-top: var(--sp-6); display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-6); font-family: var(--font-display); font-weight: var(--fw-medium); }
  .sol-names li { display: inline-flex; align-items: center; gap: var(--sp-2); }

  /* ---------- Özellik ızgarası ---------- */
  .features { display: grid; gap: var(--sp-6) var(--sp-8); }
  .features > li { display: flex; flex-direction: column; gap: var(--sp-2); }
  .features__title { font-size: 1.1875rem; line-height: 1.25; }
  .features__ico { margin-bottom: var(--sp-2); }
  .features--cards > li { padding: clamp(20px, 2.6vw, 26px); }
  @media (min-width: 62rem) { .features--cards.features--4 { gap: var(--sp-4); } }
  .features--steps { gap: 0; }
  .features--steps > li { padding-block: var(--sp-5); border-top: 1px solid var(--c-line); display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 2px var(--sp-3); }
  .features--steps > li:first-child { border-top: 0; padding-top: 0; }
  .features--steps .features__num { grid-row: span 2; font-size: 1.5rem; line-height: 1.1; }

  /* İki kolonlu bölüm düzenleri: başlık solda, içerik sağda */
  .topic, .sovereign, .pilot, .related { display: grid; gap: var(--sp-8); }
  .topic .section__head + *, .sovereign .section__head + *, .pilot .section__head + *, .related .section__head + * { margin-top: 0; }
  @media (min-width: 62rem) {
    .topic, .sovereign, .pilot, .related { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: var(--sp-12); align-items: start; }
    .topic > .linkcards { grid-column: 1 / -1; }
    .topic .features--3 { grid-template-columns: minmax(0, 1fr); }
    .topic .features--4, .sovereign .features--2x2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  .pilot .section__head .btn { margin-top: var(--sp-6); }
  .topic h2, .sovereign h2, .pilot h2, .related h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.15rem); }

  /* ---------- Link kartları (çözüm + rehber linkleri) ---------- */
  @media (min-width: 47.5rem) { .linkcards { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } }
  .related .linkcards { grid-template-columns: minmax(0, 1fr); }
  .linkcard {
    display: flex; align-items: center; gap: var(--sp-4); height: 100%; min-height: 64px; padding: var(--sp-4) var(--sp-5);
    color: var(--c-ink); font-weight: var(--fw-semibold); line-height: var(--lh-snug); text-decoration: none;
  }
  .bg-surface .linkcard, .bg-surface .uc-tile__bullets li { background: var(--c-bg); box-shadow: none; }
  .linkcard:hover { color: var(--c-ink); box-shadow: var(--ring-strong); }
  .linkcard__ico { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: var(--r-round); background: var(--c-teal-soft); color: var(--c-teal-ink); }
  .linkcard--solution .linkcard__ico, .linkcard--usecase .linkcard__ico { background: var(--c-navy); color: var(--c-teal); }

  /* ---------- Senaryo karoları (kompakt kart ızgarası) ---------- */
  .uc-grid { display: grid; gap: var(--sp-8) var(--sp-6); }
  .uc-tile { display: flex; flex-direction: column; gap: var(--sp-3); }
  .uc-tile__title { font-size: 1.25rem; line-height: 1.22; }
  .uc-tile__link::after { content: ""; position: absolute; inset: calc(-1 * var(--sp-3)); z-index: 1; border-radius: var(--r-card); }
  .uc-tile__title::after { content: "\a0→"; content: "\a0→" / ""; color: var(--c-primary); }
  .uc-tile__link:hover { color: var(--c-primary); text-decoration: underline; text-underline-offset: .18em; }
  .uc-tile:hover .uc-tile__link { color: var(--c-primary); }
  .uc-tile:has(.uc-tile__link:focus-visible) { outline: 3px solid var(--c-focus); outline-offset: var(--sp-4); border-radius: var(--r-card); }
  .uc-tile .dcard { margin-top: var(--sp-1); flex: 1 1 auto; height: auto; }
  .uc-tile__bullets li { background: var(--c-surface); box-shadow: var(--ring-line); }
  .uc-tile--plain { align-self: start; padding: clamp(20px, 3vw, 28px); border-radius: var(--r-card); background: var(--c-teal-soft); }
  .uc-tile--plain .uc-tile__link::after { inset: 0; }
  .uc-tile--plain .uc-tile__desc { color: var(--c-ink); }
  .uc-note { margin-top: var(--sp-8); padding-top: var(--sp-4); border-top: 1px solid var(--c-line); font-size: var(--fs-xs); color: var(--c-muted); }

  /* ---------- Senaryolar merkezi: filtre + katalog ---------- */
  .ucf { display: grid; gap: var(--sp-3); padding-block: var(--sp-4); border-block: 1px solid var(--c-line); }
  .ucf__group { display: flex; align-items: center; gap: var(--sp-3); min-width: 0; }
  .ucf__group { grid-column: 1; }
  .ucf__label { flex: none; width: 6.5rem; }
  .ucf ul { position: relative; display: flex; list-style: none; gap: 6px; min-width: 0; padding: 3px; overflow-x: auto; scrollbar-width: none; }
  .ucf input { position: absolute; opacity: 0; }
  .ucf label { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: var(--r-pill); box-shadow: var(--ring-line);
    font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--c-muted); white-space: nowrap; cursor: pointer; }
  .ucf label:hover { color: var(--c-ink); box-shadow: var(--ring-strong); }
  .ucf :checked + label { background: var(--c-navy); color: var(--c-on-dark); box-shadow: none; }
  .ucf :focus-visible + label, .uc-mini:focus-visible { outline: 3px solid var(--c-focus); outline-offset: 2px; }
  .ucf__status { display: flex; gap: var(--sp-4); align-items: center; font-size: var(--fs-sm); color: var(--c-muted); }
  .ucf__status button { min-height: 34px; border: 0; background: none; color: var(--c-primary); text-decoration: underline; }
  .uc-hub:has(#ucs-sales:checked) :is(.uc-row, .uc-group):not([data-sol=sales]),
  .uc-hub:has(#ucs-customer:checked) :is(.uc-row, .uc-group):not([data-sol=customer]),
  .uc-hub:has(#ucs-procurement:checked) :is(.uc-row, .uc-group):not([data-sol=procurement]),
  .uc-hub:has(#ucs-grant:checked) :is(.uc-row, .uc-group):not([data-sol=grant]),
  .uc-hub:has(#ucd-prio:checked) .uc-row:not([data-dec=prio]),
  .uc-hub:has(#ucd-risk:checked) .uc-row:not([data-dec=risk]),
  .uc-hub:has(#ucd-pot:checked) .uc-row:not([data-dec=pot]),
  .uc-hub:has(#ucd-check:checked) .uc-row:not([data-dec=check]),
  .uc-hub:has(#ucd-watch:checked) .uc-row:not([data-dec=watch]),
  .uc-hub:has(#ucs-all:checked):has(#ucd-prio:checked) .uc-group:not([data-decs~=prio]),
  .uc-hub:has(#ucs-all:checked):has(#ucd-risk:checked) .uc-group:not([data-decs~=risk]),
  .uc-hub:has(#ucs-all:checked):has(#ucd-pot:checked) .uc-group:not([data-decs~=pot]),
  .uc-hub:has(#ucs-all:checked):has(#ucd-check:checked) .uc-group:not([data-decs~=check]),
  .uc-hub:has(#ucs-all:checked):has(#ucd-watch:checked) .uc-group:not([data-decs~=watch]),
  .uc-empty { display: none; }
  .uc-hub:has(#ucd-prio:checked) .uc-group:not([data-decs~=prio]) .uc-empty,
  .uc-hub:has(#ucd-risk:checked) .uc-group:not([data-decs~=risk]) .uc-empty,
  .uc-hub:has(#ucd-pot:checked) .uc-group:not([data-decs~=pot]) .uc-empty,
  .uc-hub:has(#ucd-check:checked) .uc-group:not([data-decs~=check]) .uc-empty,
  .uc-hub:has(#ucd-watch:checked) .uc-group:not([data-decs~=watch]) .uc-empty { display: block; padding-block: var(--sp-6); color: var(--c-muted); }
  .uc-cat { display: grid; gap: var(--sp-10); margin-top: var(--sp-8); }
  .uc-group__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); padding-bottom: var(--sp-3); }
  .uc-group__head h2 { font-size: var(--fs-h4); }
  .uc-group__head .section__more { margin-left: auto; font-size: var(--fs-sm); }
  .uc-row { display: grid; gap: var(--sp-3) var(--sp-8); padding: clamp(18px, 2.2vw, 28px); }
  .uc-row__meta .ico { display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; }
  .uc-row__q { margin-block: var(--sp-2); font-size: clamp(1.2rem, 1.08rem + .5vw, 1.5rem); text-wrap: balance; }
  .uc-row__q a { color: inherit; text-decoration: none; }
  .uc-row__q a:hover { text-decoration: underline; }
  .uc-row__q a::after { content: "\a0→" / ""; color: var(--c-primary); }
  .uc-row__cta { margin-top: var(--sp-4); }
  .uc-row__claim, .uc-group__area { font-size: var(--fs-xs); }
  .uc-row__num, .uc-mini b { display: block; font-family: var(--font-display); font-weight: var(--fw-display); font-size: 1.375rem; color: var(--c-ink); }
  .uc-mini { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--sp-1) var(--sp-4); padding: 12px 16px;
    border-radius: var(--r-inner); background: var(--c-bg); box-shadow: var(--ring-line); cursor: pointer; list-style: none; }
  .uc-mini::-webkit-details-marker { display: none; }
  .uc-mini:hover { box-shadow: var(--ring-strong); }
  .uc-mini__score { font-size: var(--fs-xs); color: var(--c-muted); white-space: nowrap; }
  .uc-mini b { display: inline; }
  .uc-mini__title { font-family: var(--font-display); font-weight: var(--fw-strong); font-size: var(--fs-sm); }
  .uc-mini__more { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); font-weight: var(--fw-strong); color: var(--c-primary); }
  .uc-mini__more .ico { width: 16px; height: 16px; }
  [open] .uc-mini__more .ico { transform: rotate(90deg); }
  [open] > .uc-mini { background: none; }
  [open] :is(.uc-mini__score, .uc-mini__title) { display: none; }
  .uc-ex .dcard { margin-top: var(--sp-3); }
  @media (max-width: 47.99rem) {
    .ucf__group { flex-direction: column; align-items: stretch; gap: 4px; }
    .ucf ul { margin-inline: -3px; mask-image: linear-gradient(90deg, var(--c-ink) 85%, transparent); }
    .uc-mini__title, .uc-row__claim:empty { display: none; }
    .uc-mini__more { grid-column: 2; justify-self: end; }
  }
  @media (min-width: 64rem) {
    .ucf { grid-template-columns: minmax(0, 1fr) auto; }
    .ucf__status { grid-area: 2 / 2; }
    .uc-row { grid-template-columns: minmax(0, 1fr) 176px 320px; align-items: start; }
    .uc-row__num { font-size: 1.5rem; }
  }

  /* ---------- Senaryo hero'su + iddia paneli ---------- */
  .uc-hero { padding-block: clamp(20px, 4vw, 40px) clamp(36px, 6vw, 72px); }
  .backlink { display: inline-flex; align-items: center; gap: var(--sp-2); min-height: var(--tap); font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--c-muted); text-decoration: none; }
  .backlink:hover { color: var(--c-primary); }
  .uc-hero__grid { margin-top: var(--sp-4); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-8); }
  @media (min-width: 55rem) { .uc-hero__grid { grid-template-columns: minmax(0, 1.45fr) minmax(0, .75fr); gap: var(--sp-12); align-items: end; } }
  .uc-hero h1 { max-width: 22ch; font-size: clamp(2rem, 1.35rem + 2.5vw, 3.35rem); }
  .claim { container-type: inline-size; padding: clamp(22px, 3.5vw, 32px); }
  .claim__num { font-family: var(--font-display); font-weight: var(--fw-display); font-size: clamp(1.75rem, 15cqi, 3rem); line-height: 1.05; letter-spacing: var(--track-display); color: var(--c-teal); white-space: nowrap; }
  .claim__label { margin-top: var(--sp-3); font-weight: var(--fw-strong); font-size: 1.0625rem; line-height: var(--lh-snug); }
  .claim__note { margin-top: var(--sp-5); padding-top: var(--sp-4); }

  /* ---------- Problem + veri anlatısı ---------- */
  .story { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-8); }
  @media (min-width: 55rem) { .story { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sp-12); align-items: start; } }
  .story h2 { font-size: clamp(1.5rem, 1.2rem + 1.3vw, 2.25rem); }
  .story__problem > * + *, .story__data > * + * { margin-top: var(--sp-3); }
  .story__problem .lead { margin-top: var(--sp-4); }
  .story__data { padding: clamp(20px, 3vw, 32px); }
  .story__data .datalist { margin-top: var(--sp-5); display: grid; gap: var(--sp-3); }
  .datalist li { display: flex; gap: var(--sp-3); align-items: flex-start; font-weight: var(--fw-semibold); line-height: var(--lh-snug); }
  .datalist .ico { margin-top: 1px; }

  /* ---------- Somut çıktı + başarı ölçütü + ayrıntılı kart ---------- */
  .output .container > * { max-width: 960px; margin-inline: auto; }
  .output__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); margin-bottom: clamp(var(--sp-6), 4vw, var(--sp-10)); }
  @media (min-width: 55rem) { .output__head { grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); gap: var(--sp-10); align-items: end; } }
  .success { padding: var(--sp-5); border-radius: var(--r-card); background: var(--c-teal-soft); }
  .success__text { margin-top: var(--sp-1); font-weight: var(--fw-strong); line-height: var(--lh-snug); }

  /* ===== Nasıl çalışır · teknoloji · avantajlar · bilgi · rehber · hakkımızda · form · hukuki ===== */

  /* ---------- Ortak küçük parçalar ---------- */
  .split { display: grid; gap: var(--sp-10); align-items: center; }
  @media (min-width: 56.25rem) { .split { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } .split--rev > :first-child { order: 2; } }
  .checks li { display: flex; gap: var(--sp-3); align-items: flex-start; font-weight: var(--fw-semibold); }
  .checks .ico { width: 24px; height: 24px; padding: 4px; border-radius: var(--r-round); background: var(--c-teal-soft); color: var(--c-teal-ink); }
  .flow__tags { margin-top: auto; padding-top: var(--sp-2); }
  .flow__tags li { padding: 3px 10px; background: var(--c-bg); color: var(--c-muted); }

  /* ---------- Nasıl çalışır: akış ---------- */
  @media (min-width: 75rem) { .flow__step:not(:last-child)::after { content: ""; position: absolute; top: 44px; right: -12px; width: 12px; height: 2px; background: var(--c-teal); } }
  .flow__step { position: relative; display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-6); }
  .flow__head { display: flex; align-items: center; justify-content: space-between; }
  .flow__title { font-size: 1.25rem; }
  .arch__kicker, .runlog__top span { font-size: var(--fs-xs); font-weight: var(--fw-strong); color: var(--c-teal); }
  /* Kart anatomisi (Nasıl çalışır): adım işaretleri */
  .anatomy__pin { display: inline-grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: var(--r-round); background: var(--c-navy); color: var(--c-teal); font: var(--fw-strong) var(--fs-2xs)/1 var(--font-display); }
  .anatomy :is(.dcard__top, .dcard__why, .dcard__next) { position: relative; }
  .dcard .anatomy__pin { position: absolute; top: 50%; left: calc(-14px - var(--dc-pad)); translate: 0 -50%; z-index: 1; box-shadow: 0 0 0 3px var(--c-surface); }
  .anatomy__key { margin-top: var(--sp-6); display: grid; gap: var(--sp-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .anatomy__key li { display: flex; align-items: center; gap: var(--sp-3); font-weight: var(--fw-semibold); line-height: var(--lh-snug); }
  .optgrid { display: grid; gap: var(--sp-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (min-width: 56.25rem) { .optgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .optgrid li { display: flex; flex-direction: column; gap: var(--sp-3); padding: var(--sp-5); font-family: var(--font-display); font-weight: var(--fw-heading); }

  /* ---------- Teknoloji ---------- */
  .pipe { padding: clamp(18px, 3vw, 28px); border-radius: var(--r-card); background: var(--c-surface); color: var(--c-ink); box-shadow: var(--shadow-card); }
  .pipe__top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--sp-3); padding-bottom: var(--sp-4); border-bottom: 1px solid var(--c-line); }
  .pipe__name { font-family: var(--font-display); font-weight: var(--fw-display); font-size: 1.25rem; }
  .pipe__state, .arch__state { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); font-weight: var(--fw-strong); color: var(--c-teal-ink); }
  .pipe__state::before, .arch__state::before { content: ""; width: 8px; height: 8px; border-radius: var(--r-round); background: var(--c-teal); }
  .arch__state { color: var(--c-teal); }
  .pipe__list { margin-top: var(--sp-4); display: grid; gap: var(--sp-2); }
  .pipe__list li { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); border-radius: var(--r-field); background: var(--c-bg); }
  .pipe__list li:last-child { background: var(--c-teal-soft); }
  .pipe__lab, .arch__lab { font-family: var(--font-display); font-size: var(--fs-xs); font-weight: var(--fw-strong); color: var(--c-muted); }
  .pipe__val { font-weight: var(--fw-strong); text-align: right; }
  .pillars { display: grid; gap: var(--sp-6); }
  .pillars li { padding-top: var(--sp-4); border-top: 2px solid var(--c-teal); }
  .pillars__title { margin-top: 6px; font-size: 1.125rem; letter-spacing: var(--track-heading); }
  .pillars p { margin-top: 6px; }
  .tabs--b .tabs__panel--rich { padding: clamp(20px, 3vw, 36px); }
  .phase__tag { font-family: var(--font-display); font-size: var(--fs-xs); font-weight: var(--fw-strong); color: var(--c-teal-ink); letter-spacing: .04em; }
  .phase__title { margin-top: var(--sp-2); }
  .phase__desc { margin-top: var(--sp-3); max-width: 60ch; }
  .tabs--b .checks { margin-top: var(--sp-5); }
  @media (min-width: 56.25rem) { .arch { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); } }
  .arch__col { padding: var(--sp-5); }
  .arch__col ul { margin-top: var(--sp-3); display: grid; gap: var(--sp-3); }
  .arch__col li, .arch__mods li { padding: var(--sp-4); border-radius: var(--r-inner); background: var(--c-surface); box-shadow: var(--ring-line); }
  .arch h4 { margin-top: 2px; font-size: 1rem; }
  .arch li p { margin-top: 2px; }
  .arch__core { padding: clamp(20px, 3vw, 28px); }
  .arch__corehead { margin-top: var(--sp-2); display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-2) var(--sp-4); }
  .arch__corehead h3 { font-size: 1.25rem; }
  .arch__mods { margin-top: var(--sp-5); display: grid; gap: var(--sp-2); grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); }
  .arch__mods li { background: var(--c-navy-line); box-shadow: none; }
  .arch__mods .arch__lab { color: var(--c-teal); }
  .arch__mods li p { color: var(--c-navy-muted); }
  .arch__controls { margin-top: var(--sp-4); }
  .arch__controls li { padding: 4px 12px; box-shadow: inset 0 0 0 1px var(--c-navy-muted); }
  .arch__note { margin-top: var(--sp-5); max-width: 72ch; }
  .runlog { padding: clamp(18px, 3vw, 28px); }
  .runlog__top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--sp-3); }
  .runlog__top b { font-size: var(--fs-sm); }
  .runlog__top code, .runlog__t, .form__ref { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--fs-xs); }
  .runlog__top code { margin-left: auto; color: var(--c-teal); }
  .runlog__list { margin-top: var(--sp-4); display: grid; gap: var(--sp-2); }
  .runlog__list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--sp-3); padding: var(--sp-3) var(--sp-4); border-radius: var(--r-field); background: var(--c-navy-line); }
  .runlog__t { color: var(--c-navy-muted); }
  .runlog__s { grid-row: 1; grid-column: 2; padding: 1px 10px; border-radius: var(--r-pill); background: var(--c-teal); color: var(--c-navy); font-size: var(--fs-xs); font-weight: var(--fw-strong); }
  .runlog__list li > div { grid-column: 1 / -1; }
  .runlog__ev { font-weight: var(--fw-strong); }
  .runlog__d { font-size: var(--fs-sm); color: var(--c-navy-muted); }
  .runlog__legend { margin-top: var(--sp-4); display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); font-size: var(--fs-xs); color: var(--c-navy-muted); }
  .numlist li { display: flex; gap: var(--sp-4); align-items: baseline; padding-bottom: var(--sp-3); border-bottom: 1px solid var(--c-line); }

  /* ---------- Avantajlar ---------- */
  .sumgrid { margin-top: var(--sp-8); display: grid; gap: var(--sp-3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (min-width: 56.25rem) { .sumgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  .sumgrid li { display: grid; gap: 4px; align-content: start; padding: var(--sp-4) var(--sp-5); }
  .sumgrid b { font-family: var(--font-display); font-weight: var(--fw-heading); font-size: 1.125rem; }
  .lever__head { display: flex; align-items: center; gap: var(--sp-3); }
  .lever__title { margin-top: var(--sp-4); }
  .lever__flow { margin-top: var(--sp-5); display: grid; gap: var(--sp-2); }
  @media (min-width: 47.5rem) { .lever__flow { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .lever__flow li { display: grid; gap: 2px; align-content: start; padding: var(--sp-4); border-radius: var(--r-inner); background: var(--c-bg); }
  .lever__flow li:last-child { background: var(--c-teal-soft); }
  .lever__v { font-weight: var(--fw-strong); line-height: var(--lh-snug); }
  .lever__formula { margin-top: var(--sp-2); padding: var(--sp-3) var(--sp-4); border-radius: var(--r-inner); box-shadow: var(--ring-line); font-weight: var(--fw-semibold); }
  .lever__formula span { display: block; color: var(--c-teal-ink); }
  .lever__details { margin-top: var(--sp-5); display: grid; gap: var(--sp-4); }
  .lever__details dt { font-size: var(--fs-sm); font-weight: var(--fw-strong); }
  .lever__details dd { margin-top: 2px; color: var(--c-muted); }
  .calc { padding: clamp(20px, 3vw, 36px); border-radius: var(--r-panel); background: var(--c-surface); box-shadow: var(--ring-line); }
  .calc__row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--sp-2) var(--sp-4); align-items: center; padding-bottom: var(--sp-4); border-bottom: 1px solid var(--c-line); }
  .calc__n { width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--r-round); background: var(--c-teal-soft); }
  .calc__body h3 { font-size: 1.125rem; }
  .calc__val { grid-column: 2; font-family: var(--font-display); font-weight: var(--fw-display); font-size: clamp(1.125rem, 1rem + .6vw, 1.5rem); letter-spacing: var(--track-tight); line-height: var(--lh-snug); }
  @media (min-width: 47.5rem) { .calc__row { grid-template-columns: auto minmax(0, 1fr) auto; } .calc__val { grid-column: auto; text-align: right; } }
  .calc__net { margin-top: var(--sp-5); padding: var(--sp-5); border-radius: var(--r-inner); background: var(--c-navy); color: var(--c-on-dark); }
  .calc__netlab { color: var(--c-teal); }
  .calc__formula { margin-top: 4px; font-family: var(--font-display); font-weight: var(--fw-heading); font-size: 1.125rem; }
  .calc__note { margin-top: var(--sp-4); font-size: var(--fs-xs); color: var(--c-muted); }
  .qlist { margin-top: var(--sp-4); display: grid; gap: var(--sp-3); }
  .qlist li, .prose__list li { position: relative; padding-left: var(--sp-6); }
  .qlist li::before, .prose__list li::before { content: ""; position: absolute; left: 4px; top: .6em; width: 8px; height: 8px; border-radius: var(--r-round); background: var(--c-teal); }

  /* ---------- Bilgi Merkezi ---------- */
  .ggroup + .ggroup { margin-top: clamp(32px, 5vw, 56px); }
  .ggroup__title { display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-h3); }
  .gcards { margin-top: var(--sp-5); display: grid; gap: var(--sp-4); }
  .gcard { display: flex; flex-direction: column; gap: var(--sp-3); padding: clamp(20px, 3vw, 28px); }
  .gcard__title { font-size: 1.25rem; }
  .gcard__meta, .guide__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px var(--sp-4); font-size: var(--fs-sm); color: var(--c-muted); }
  .gcard__meta { margin-top: auto; }
  .gcard__meta .ico, .guide__meta .ico, .person__meta .ico { width: 16px; height: 16px; }
  .gcards--related .gcard { background: var(--c-bg); }

  /* ---------- Rehber ---------- */
  .breadcrumb ol { padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px 8px; margin-bottom: var(--sp-5); font-size: var(--fs-sm); line-height: 24px; color: var(--c-muted); }
  .breadcrumb li { display: flex; gap: 8px; min-width: 0; max-width: 100%; }
  .breadcrumb li + li::before { content: "/"; color: var(--c-line-strong); }
  .breadcrumb a, .breadcrumb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .breadcrumb a:hover { color: var(--c-ink); }
  .guide__meta { margin-top: var(--sp-5); }
  .guide__meta span { display: inline-flex; align-items: center; gap: 6px; }
  .guide { display: grid; gap: var(--sp-10); align-items: start; }
  @media (min-width: 56.25rem) { .guide { grid-template-columns: minmax(0, var(--measure)) minmax(16rem, 21rem); justify-content: space-between; } .solution-box, .fa__copy { position: sticky; top: calc(var(--header-h) + var(--sp-6)); } }
  .prose { font-size: var(--fs-prose); }
  .prose h2 { margin-top: var(--sp-10); font-size: clamp(1.35rem, 1.15rem + .8vw, 1.75rem); }
  .prose .guide-check h2, .prose .example h2, .prose .faq h2 { margin-top: 0; }
  .prose__intro { font-size: var(--fs-lead); }
  .prose__list { display: grid; gap: var(--sp-2); }
  .guide-check, .example { padding: clamp(20px, 3vw, 32px); border-radius: var(--r-card); }
  .prose > .guide-check, .prose > .example, .prose > .faq { margin-top: var(--sp-10); }
  .example { background: var(--c-teal-soft); }
  .tbl { overflow-x: auto; contain: inline-size; } .tbl table { border-collapse: collapse; min-width: 34rem; font-size: var(--fs-sm); } .tbl :is(th, td) { padding: 8px; border-bottom: 1px solid var(--c-line); text-align: left; }
  .checklist { display: grid; gap: var(--sp-3); counter-reset: ck; }
  .checklist li { counter-increment: ck; display: flex; gap: var(--sp-3); align-items: flex-start; }
  .checklist li::before { content: counter(ck); flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: var(--r-round); background: var(--c-navy); color: var(--c-on-dark); font-family: var(--font-display); font-weight: var(--fw-strong); font-size: var(--fs-sm); }
  .faq__list { margin-top: var(--sp-4); display: grid; gap: var(--sp-3); }
  .faq__item { padding: var(--sp-5); }
  .faq__item dt { font-family: var(--font-display); font-weight: var(--fw-heading); font-size: 1.0625rem; line-height: var(--lh-snug); }
  .faq__item dd { margin-top: var(--sp-2); color: var(--c-muted); }
  .solution-box { padding: clamp(20px, 3vw, 28px); display: grid; gap: var(--sp-4); justify-items: start; }
  .solution-box__eyebrow, .vision__label { font-size: var(--fs-sm); color: var(--c-teal); }
  .solution-box h2 { font-size: 1.375rem; }
  .solution-box p { color: var(--c-navy-muted); }
  .solution-box__links { display: grid; gap: var(--sp-3); justify-items: start; }
  .solution-box__link { min-height: var(--tap); color: var(--c-on-dark); text-decoration: none; }
  .solution-box__link:hover { color: var(--c-teal); text-decoration: underline; }
  .related__title { font-size: var(--fs-h3); }

  /* ---------- Hakkımızda ---------- */
  .vision { padding: clamp(20px, 3vw, 32px); }
  .vision__list { margin-top: var(--sp-5); display: grid; gap: var(--sp-2); }
  .vision__list li { display: flex; gap: var(--sp-4); align-items: center; padding: var(--sp-4); border-radius: var(--r-inner); box-shadow: inset 0 0 0 1px var(--c-navy-line); font-family: var(--font-display); font-weight: var(--fw-heading); }
  .vision__list li.is-now { background: var(--c-surface); color: var(--c-ink); box-shadow: none; }
  .vision__n { font-size: var(--fs-xs); color: var(--c-teal); }
  .vision__list a, .vision__list a:hover { color: inherit; }
  .is-now .vision__n { color: var(--c-teal-ink); }
  .people { display: grid; gap: var(--sp-5); }
  .person { display: grid; gap: var(--sp-5); padding: clamp(18px, 3vw, 28px); }
  @media (min-width: 30rem) { .person { grid-template-columns: 8.5rem minmax(0, 1fr); align-items: start; } }
  .person__photo { width: 8.5rem; aspect-ratio: 1; object-fit: cover; border-radius: var(--r-card); background: var(--c-meter-track); }
  .person__name { font-size: 1.25rem; }
  .person__role { margin-top: 2px; font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--c-teal-ink); }
  .person__bio { margin-top: var(--sp-3); color: var(--c-muted); }
  .person__meta { margin-top: var(--sp-3); display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--sp-5); font-size: var(--fs-sm); color: var(--c-muted); }
  .person__meta > * { display: inline-flex; align-items: center; gap: 6px; min-height: var(--tap); }
  .person__li { font-weight: var(--fw-strong); text-decoration: none; }
  .person__li:hover { text-decoration: underline; }
  .timeline__item { position: relative; padding: var(--sp-6) var(--sp-5) var(--sp-5); overflow: hidden; }
  .timeline__item::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 3px; background: var(--c-teal); }
  .timeline__year { font-family: var(--font-display); font-weight: var(--fw-display); font-size: 2rem; line-height: 1; letter-spacing: var(--track-tight); color: var(--c-teal-ink); }
  .timeline__item h3 { margin-top: var(--sp-3); font-size: 1.125rem; }
  .timeline__item p:last-child { margin-top: 4px; color: var(--c-muted); }
  .advisor { display: flex; gap: var(--sp-4); align-items: center; padding: var(--sp-5); }
  .advisor__mono { width: 48px; height: 48px; flex: none; display: grid; place-items: center; border-radius: var(--r-round); background: var(--c-navy); color: var(--c-teal); font-family: var(--font-display); font-weight: var(--fw-strong); }
  .advisor h3 { font-size: 1.0625rem; }

  /* ---------- Ücretsiz analiz (davranış: form.js) ---------- */
  .fa { display: grid; gap: var(--sp-10); align-items: start; }
  @media (min-width: 56.25rem) { .fa { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }
  .fa__copy { container-type: inline-size; }
  .fa__copy h1 { font-size: min(var(--fs-h1), 8.6cqi); }
  .fa__benefits, .fa__privacy { margin-top: var(--sp-6); }
  .fa__privacy { display: flex; gap: var(--sp-4); padding: var(--sp-5); border-radius: var(--r-card); background: var(--c-teal-soft); }
  .fa__privacy .ico { width: 24px; height: 24px; }
  .fa__privacy-title { font-weight: var(--fw-strong); }
  .fa__card { padding: clamp(20px, 3vw, 36px); border-radius: var(--r-panel); background: var(--c-surface); box-shadow: var(--ring-line), var(--shadow-float); }
  .form { display: grid; gap: var(--sp-5); }
  .form__title { font-size: var(--fs-h3); }
  .form__intro p { margin-top: var(--sp-2); color: var(--c-muted); }
  @media (min-width: 30rem) { .form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .form__submit { justify-self: start; } }
  .form__field { display: grid; gap: 6px; align-content: start; min-width: 0; margin: 0; padding: 0; border: 0; }
  .form__field--full { grid-column: 1 / -1; }
  .form__field > label, .form__field > legend { padding: 0; font-size: var(--fs-sm); font-weight: var(--fw-strong); }
  .form__req { margin-left: 2px; color: var(--c-primary); }
  .form__opt { font-weight: var(--fw-body); color: var(--c-muted); }
  .form input:not([type="checkbox"]), .form select, .form textarea { width: 100%; min-height: var(--tap); padding: 10px 14px; border: 0; border-radius: var(--r-field); background: var(--c-bg); box-shadow: var(--ring-line); font-size: 1rem; }
  .form input:not([type="checkbox"]):hover, .form select:hover, .form textarea:hover { box-shadow: var(--ring-strong); }
  .form textarea { resize: vertical; }
  .form input[type="checkbox"] { width: 20px; height: 20px; flex: none; margin: 0; accent-color: var(--c-primary); }
  .no-js .form { display: none; }
  .form__captcha { min-height: 78px; }
  .form__ctx { margin-top: var(--sp-3); }
  .form input[aria-invalid="true"], .form textarea[aria-invalid="true"] { box-shadow: inset 0 0 0 1.5px var(--c-risk); }
  .form__consent:has([aria-invalid="true"]) { color: var(--c-risk); }
  .form__submit:disabled { opacity: .6; cursor: progress; }
  .form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
  .form__more { border-radius: var(--r-card); box-shadow: var(--ring-line); }
  .form__more summary { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-4); min-height: var(--tap); padding: var(--sp-3) var(--sp-5); font-weight: var(--fw-strong); cursor: pointer; list-style: none; }
  .form__more summary::-webkit-details-marker { display: none; }
  .form__more summary::after { content: "+"; font-family: var(--font-display); font-size: 1.4rem; line-height: 1; color: var(--c-teal-ink); }
  .form__more[open] summary::after { content: "−"; }
  .form__more > .form__grid { padding: 0 var(--sp-5) var(--sp-5); }
  .form__checks { display: grid; gap: var(--sp-2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
  @media (min-width: 47.5rem) { .form__checks { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .form__check { display: flex; align-items: center; gap: var(--sp-2); min-height: var(--tap); padding: 0 var(--sp-3); border-radius: var(--r-field); box-shadow: var(--ring-line); font-size: var(--fs-sm); font-weight: var(--fw-semibold); cursor: pointer; }
  .form__check:has(:checked) { background: var(--c-teal-soft); box-shadow: inset 0 0 0 1.5px var(--c-teal-ink); }
  .form__consent { display: flex; gap: var(--sp-3); align-items: flex-start; font-size: var(--fs-sm); color: var(--c-muted); }
  .form__errors, .form__status--error { padding: var(--sp-4); border-radius: var(--r-field); box-shadow: inset 0 0 0 1px var(--c-risk); color: var(--c-risk); font-size: var(--fs-sm); font-weight: var(--fw-semibold); }
  .form__success-ico { width: 40px; height: 40px; color: var(--c-teal-ink); }

  /* ---------- Hukuki ---------- */
  .legal { max-width: var(--measure); }
  .legal h1 { font-size: clamp(2rem, 1.5rem + 2vw, 3rem); }
  .legal__lead { margin-top: var(--sp-4); }
  .legal__sec { margin-top: var(--sp-8); padding-top: var(--sp-6); border-top: 1px solid var(--c-line); }
  .legal__sec h2 { font-size: 1.25rem; }
  .legal__sec p { margin-top: var(--sp-3); }
  .legal__sec p > a:only-child { display: inline-block; }
  .legal__more, .legal__stand { margin-top: var(--sp-8); }

  @media (prefers-reduced-motion: reduce) { .gcard, .tile--link { transition: none; } }
}

@layer utilities {
  .visually-hidden {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  .bg-surface { background: var(--c-surface); }
}

/* ===== Ana sayfa · Lösungen (.sol-*) · Für wen (.fitfor) · fit şeridi ===== */
@layer components {
  .sol-tabs { margin-top: var(--sp-8); }
  .no-js .sol-tabs .tabs__panels { grid-template-columns: minmax(0, 1fr); }
  .js .sol-tabs > .tabs__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-2); margin: 0 0 var(--sp-3); }
  .sol-tabs .sol-tab { width: 100%; min-height: 60px; padding: 8px 12px; border-radius: var(--r-card); color: var(--c-ink); }
  .sol-tabs .sol-tab:hover { box-shadow: var(--ring-strong); }
  .sol-tabs .sol-tab[aria-selected="true"] { color: var(--c-on-dark); box-shadow: none; }
  .sol-tab[aria-selected="true"] .sol-tab__ico { background: var(--c-teal); color: var(--c-navy); }
  .sol-tab__txt { display: grid; min-width: 0; }
  .sol-tab__name { font-family: var(--font-display); font-weight: var(--fw-strong); font-size: .9375rem; line-height: 1.15; }
  .sol-tab__area { overflow-wrap: anywhere; hyphens: auto; font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--c-muted); }
  .sol-tab[aria-selected="true"] .sol-tab__area { color: var(--c-navy-muted); }
  .sol-panel { display: grid; gap: var(--sp-6); align-items: center; }
  .sol-tabs .sol-panel { padding: clamp(18px, 3.2vw, 40px); background: var(--c-bg); }
  .js .sol-panel { height: auto; }
  .sol-panel__title { display: flex; align-items: center; gap: var(--sp-3); font-size: var(--fs-h3); }
  .sol-panel__title .ico { flex: none; }
  .sol-panel__lead { margin-top: var(--sp-3); max-width: 52ch; font-size: var(--fs-lead); color: var(--c-muted); }
  .sol-gains { display: grid; gap: var(--sp-2); margin-top: var(--sp-5); font-family: var(--font-display); font-weight: var(--fw-strong); }
  .sol-gains li { display: flex; align-items: center; gap: var(--sp-3); }
  .sol-gains .ico { width: 24px; height: 24px; flex: none; padding: 3px; border-radius: var(--r-round); background: var(--c-teal-soft); color: var(--c-teal-ink); }
  .sol-panel__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--sp-6); margin-top: var(--sp-8); }
  .sol-panel__cta .btn { white-space: normal; text-align: left; }
  .sol-panel__aside { container-type: inline-size; align-self: start; display: grid; gap: var(--sp-4); padding: clamp(14px, 3vw, 28px); }
  .sol-claim { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-6); padding: 0 var(--sp-1); }
  .sol-claim li { display: grid; align-content: start; gap: 2px; flex: 1 1 auto; max-width: 100%; }
  .sol-claim__num { font-family: var(--font-display); font-weight: var(--fw-display); font-size: clamp(1.4rem, 8cqi, 2rem); line-height: 1; letter-spacing: var(--track-display); color: var(--c-teal); }
  .sol-claim__t { font-size: var(--fs-sm); }
  .sol-claim__note { padding: 0 var(--sp-1); font-size: var(--fs-xs); color: var(--c-navy-muted); }
  .sol-demo-link { justify-self: start; color: var(--c-on-dark); }
  .sol-demo-link .ico { color: var(--c-teal); }
  @media (max-width: 47.99rem) { .sol-panel__cta .btn { width: 100%; justify-content: space-between; } }
  @media (min-width: 48rem) { .js .sol-tabs > .tabs__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
  @media (min-width: 56.25rem) { .js .sol-tabs { display: block; } }
  @media (min-width: 64rem) { .sol-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(28px, 4vw, 56px); } }
  @media (prefers-reduced-motion: no-preference) {
    .js .sol-tabs.is-tabbed .sol-panel:not([hidden]) { animation: sol-in .32s var(--ease-out) both; }
    @keyframes sol-in { from { opacity: 0; transform: translateY(6px); } }
  }

  /* Für wen: ≥40rem subgrid ile satırlar kartlar arasında hizalı */
  .fitfor { display: grid; gap: var(--sp-4); margin-top: var(--sp-8); }
  .fitfor__item { display: flex; flex-direction: column; gap: var(--sp-5); padding: clamp(20px, 2.2vw, 28px); box-shadow: var(--ring-line), var(--shadow-float); }
  .fitfor__head { display: flex; align-items: center; gap: var(--sp-3); }
  .fitfor__name { font-size: 1.1875rem; line-height: var(--lh-snug); }
  .fitfor__group { display: grid; align-content: start; gap: var(--sp-2); }
  .fitfor__roles li { background: var(--c-bg); box-shadow: var(--ring-line); }
  .fitfor__uc { display: grid; align-content: start; gap: 2px; margin-inline: -10px; }
  .fitfor__row { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); min-height: var(--tap); padding: 8px 10px; border-radius: var(--r-field); font-size: var(--fs-sm); font-weight: var(--fw-semibold); line-height: 1.3; color: var(--c-ink); text-decoration: none; transition: background-color var(--dur) var(--ease-out); }
  .fitfor__row:hover { background: var(--c-bg); color: var(--c-ink); }
  .fitfor__row .ico { flex: none; color: var(--c-teal-ink); }
  .fitfor__more { margin-top: auto; padding-top: var(--sp-4); border-top: 1px solid var(--c-line); text-decoration: none; }
  .fitfor__row .ico, .fitfor__more .ico, .sol-demo-link .ico { transition: transform var(--dur) var(--ease-out); }
  @media (prefers-reduced-motion: no-preference) {
    :is(.fitfor__row, .fitfor__more, .sol-demo-link):is(:hover, :focus-visible) .ico { transform: translateX(3px); }
  }
  @media (min-width: 40rem) {
    .fitfor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fitfor__item { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: var(--sp-5); }
    .fitfor__more { align-self: end; }
  }
  @media (min-width: 64rem) {
    .fitfor { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .fit-strip .container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--sp-10); align-items: center; }
    .fit-strip h2 { font-size: var(--fs-h3); }
    .fit-strip .steps.steps--4 { margin-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
}