/* ═══════════════════════ TABAN ═══════════════════════ */
.sgbp{ color:var(--ink); }
.sgbp *,.sgbp *::before,.sgbp *::after{ box-sizing:border-box; }
/* Kapsayıcı — header ile birebir (tek kaynak: layouts/app.blade.php --container) */
.sgbp .sgbp-in{ width:100%; max-width:calc(var(--container) + 2 * var(--wrap-pad, 0px)); margin-inline:auto; padding-inline:var(--wrap-pad, 0px); }   /* 15.09.2026 · mobil/tablet kenar payı (layouts/app --wrap-pad) */
.sgbp h1,.sgbp h2,.sgbp h3,.sgbp h4{ margin:0; font-weight:800; letter-spacing:-.02em; line-height:1.1; }
.sgbp p{ margin:0; }
.sgbp a{ text-decoration:none; }
.sgbp img{ display:block; max-width:100%; }
.sgbp ul{ margin:0; padding:0; list-style:none; }
.sgbp :focus-visible{ outline:2px solid var(--focus-ring,#53B5EC); outline-offset:3px; border-radius:8px; }

/* Bölüm ritmi — hizmet sayfalarıyla aynı clamp değerleri */
.sgbp .sgbp-sec{ padding-block:clamp(56px,7.5vw,104px); }
.sgbp .sgbp-sec--slant{ padding-bottom:calc(clamp(56px,7.5vw,104px) + var(--sgb-slant)); }
.sgbp .sgbp-sec--tight{ padding-block:clamp(34px,4vw,52px); }

/* Eyebrow */
.sgbp .sgbp-eyebrow{ display:inline-flex; align-items:center; gap:.6rem; font-size:.72rem; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase; color:var(--brand-500); }
.sgbp .sgbp-eyebrow::before{ content:''; width:26px; height:2px; border-radius:2px; background:var(--accent-400); }
html.dark .sgbp .sgbp-eyebrow{ color:var(--sky-300); }

/* 19.08.2026 · karar: bölüm başlığı genişletildi (eski 15.4em → 18em ≈ +%17).
   Aynı oran CTA başlıklarına da uygulandı ki sayfa içinde tek ritim kalsın. */
.sgbp .sgbp-h2{ font-size:clamp(1.7rem,3.6vw,2.7rem); margin-top:.9rem; max-width:18em; }
/* 19.08.2026 · karar: başlık altı açıklama (caption) alanı genişletildi — eski: 45.35em (~816px).
   52em ≈ 936px; satır uzunluğu okunabilir aralığın üst sınırında kalır. .sgbp kullanan TÜM
   kurumsal sayfalar (hakkımızda / iletişim / anlaşmalı şirketler) bu kuraldan etkilenir. */
.sgbp .sgbp-lead{ margin-top:1rem; font-size:clamp(1rem,1.4vw,1.12rem); line-height:1.7; color:var(--muted); max-width:52em; }
.sgbp .sgbp-head--ctr{ text-align:center; }
.sgbp .sgbp-head--ctr .sgbp-h2,.sgbp .sgbp-head--ctr .sgbp-lead{ margin-inline:auto; }
.sgbp .sgbp-head--ctr .sgbp-eyebrow{ justify-content:center; }
/* 19.08.2026: ortalı başlık bloğu içindeki DÜĞMELER de ortalansın (flex, text-align'dan etkilenmez) */
.sgbp .sgbp-head--ctr .sgbp-acts{ justify-content:center; }

/* Gradient vurgu — hizmet sayfasıyla aynı iki sınıf (hero altın · gövde mavi→altın) */
.sgbp .sgbp-grad-h{ color:var(--accent-300); }
.sgbp .sgbp-grad{ color:var(--brand-600); }
html.dark .sgbp .sgbp-grad{ color:var(--sky-300); }
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .sgbp .sgbp-grad-h,.sgbp .sgbp-grad{
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
  .sgbp .sgbp-grad-h{ background-image:linear-gradient(98deg,#F7E5C8 0%,#E8B972 32%,#E0A458 66%,#CB8838 100%); }
  .sgbp .sgbp-grad{ background-image:linear-gradient(98deg,#1A5474 0%,#237FAE 42%,#A96C29 100%); }
  html.dark .sgbp .sgbp-grad{ background-image:linear-gradient(98deg,#7DCAF2 0%,#ABDDF8 30%,#E8B972 70%,#E0A458 100%); }
}

/* ═══════════════════════ BUTONLAR (yükseklik sabit → CLS yok) ═══════════════════════ */
.sgbp .sgbp-acts{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.sgbp .sgbp-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  height:54px; min-width:190px; padding-inline:1.6rem; border-radius:999px;
  font-size:1rem; font-weight:700; line-height:1; white-space:nowrap;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease; }
.sgbp button.sgbp-btn{ border:0; cursor:pointer; font-family:inherit; }
.sgbp .sgbp-btn--xl{ height:66px; min-width:264px; padding-inline:2.1rem; font-size:1.12rem; font-weight:800; }
.sgbp .sgbp-btn--xl i{ font-size:1.1rem; }
.sgbp .sgbp-btn--gold{ background:var(--cta); color:var(--cta-ink); box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); }
.sgbp .sgbp-btn--gold:hover{ background:var(--accent-300); }
.sgbp .sgbp-btn--ghost{ background:rgba(255,255,255,.10); color:#F2F8FB; box-shadow:inset 0 0 0 1px rgba(255,255,255,.24); }
.sgbp .sgbp-btn--ghost:hover{ background:rgba(255,255,255,.18); }
.sgbp .sgbp-btn--solid{ background:var(--brand-500); color:#fff; }
.sgbp .sgbp-btn--solid:hover{ background:var(--brand-600); }
.sgbp .sgbp-btn--line{ background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1px var(--line); }
.sgbp .sgbp-btn--line:hover{ background:color-mix(in srgb, var(--brand-500) 10%, transparent); }

/* ═══════════════════════ HERO ═══════════════════════ */
.sgbp-hero{
  position:relative; isolation:isolate; overflow:hidden;
  --sgb-slant:var(--slant); --sgb-corner:24px;
  color:#F2F8FB;
  padding-top:clamp(152px,20vh,214px);
  padding-bottom:calc(clamp(52px,7vw,88px) + var(--sgb-slant));
  background:radial-gradient(120% 96% at 78% 8%, rgba(44,157,221,.34), transparent 58%),
             linear-gradient(122deg, var(--brand-950) 0%, var(--brand-800) 52%, var(--brand-700) 100%);
}
.sgbp-hero .sgbp-hin{ position:relative; z-index:2; }
/* Breadcrumb hapı — display:flex + fit-content (inline-flex olursa eyebrow aynı satıra biner) */
.sgbp-hero .sgbp-bc{ display:flex; width:fit-content; max-width:100%;
  align-items:center; flex-wrap:wrap; gap:.5rem; padding:.5rem .95rem;
  border-radius:12px; font-size:.76rem; color:rgba(242,248,251,.78);
  background:rgba(255,255,255,.10); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .sgbp-hero .sgbp-bc{ -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%); }
}
.sgbp-hero .sgbp-bc a{ color:rgba(242,248,251,.78); transition:color .18s ease; }
.sgbp-hero .sgbp-bc a:hover{ color:#fff; }
.sgbp-hero .sgbp-bc i{ font-size:9px; opacity:.55; }
.sgbp-hero .sgbp-bc .cur{ color:#fff; font-weight:600; }
.sgbp-hero .sgbp-eyebrow{ color:var(--sky-300); margin-top:1.5rem; }
.sgbp-hero .sgbp-eyebrow::before{ background:var(--accent-400); }
.sgbp-hero h1{ margin-top:1.1rem; font-size:clamp(2.05rem,5.4vw,4rem); line-height:1.06; max-width:13.3em; color:#fff; }
.sgbp-hero .sgbp-hlead{ margin-top:1.35rem; max-width:40.96em; font-size:clamp(1rem,1.5vw,1.16rem);
  line-height:1.72; color:rgba(242,248,251,.84); }

/* Hero altı rozet şeridi (hero panelinin İÇİNDE, eğim payının üstünde) */
.sgbp-hero .sgbp-hchips{ display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.9rem; }
.sgbp-hero .sgbp-hchip{ display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1rem;
  border-radius:999px; font-size:.84rem; font-weight:600; color:rgba(242,248,251,.92);
  background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.sgbp-hero .sgbp-hchip i{ font-size:.85rem; color:var(--accent-300); }

/* ═══════════════════════ RAKAM ŞERİDİ ═══════════════════════ */
.sgbp .sgbp-stats{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(18px,2.4vw,28px); }
@media(min-width:900px){ .sgbp .sgbp-stats{ grid-template-columns:repeat(4,1fr); } }
.sgbp .sgbp-stat{ padding-top:1.35rem; border-top:2px solid var(--line); transition:border-color .22s ease; }
.sgbp .sgbp-stat:hover{ border-top-color:var(--accent-400); }
.sgbp .sgbp-stat-v{ font-size:clamp(1.9rem,3.6vw,2.7rem); font-weight:800; letter-spacing:-.02em; color:var(--marka); line-height:1; }
.sgbp .sgbp-stat-l{ margin-top:.6rem; font-size:.95rem; font-weight:700; color:var(--ink); }
.sgbp .sgbp-stat-d{ margin-top:.35rem; font-size:.86rem; line-height:1.6; color:var(--muted); }

/* ═══════════════════════ ALTERNAN (metin + görsel) ═══════════════════════ */
.sgbp .sgbp-alt{ display:grid; grid-template-columns:1fr; gap:clamp(24px,3vw,40px); align-items:center; }
.sgbp .sgbp-alt + .sgbp-alt{ margin-top:clamp(48px,6vw,88px); }
@media(min-width:1024px){
  .sgbp .sgbp-alt{ grid-template-columns:1fr 1fr; gap:clamp(40px,4.5vw,72px); }
  .sgbp .sgbp-alt--rev .sgbp-alt-media{ order:2; }
}
.sgbp .sgbp-alt-media{ --sgb-slant:22px; --sgb-corner:16px; position:relative; background:var(--surface-2);
  aspect-ratio:4/3; background-size:cover; background-position:center; }
/* Maskot gibi şeffaf PNG'ler kırpılmadan otursun (kapak DEĞİL, içerik) */
.sgbp .sgbp-alt-media--fit{ background-size:contain; background-repeat:no-repeat; background-position:center;
  background-color:var(--surface-2); }
.sgbp .sgbp-alt h2{ font-size:clamp(1.45rem,2.8vw,2.15rem); margin-top:.9rem; }
.sgbp .sgbp-alt p{ margin-top:1rem; font-size:1.02rem; line-height:1.75; color:var(--muted); max-width:40.96em; }
.sgbp .sgbp-pills{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.5rem; }
.sgbp .sgbp-pill{ display:inline-flex; align-items:center; gap:.4rem; padding:.42rem .95rem; border-radius:999px;
  font-size:.82rem; font-weight:600; color:var(--brand-700);
  background:color-mix(in srgb, var(--brand-500) 11%, transparent); }
html.dark .sgbp .sgbp-pill{ color:var(--sky-200); background:rgba(83,181,236,.14); }

/* ═══════════════════════ KUTU IZGARASI (2/3/4'lü) ═══════════════════════ */
.sgbp .sgbp-grid{ display:grid; grid-template-columns:1fr; gap:clamp(14px,1.6vw,20px); margin-top:clamp(32px,4vw,48px); }
@media(min-width:640px){ .sgbp .sgbp-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){
  .sgbp .sgbp-grid--3{ grid-template-columns:repeat(3,1fr); }
  .sgbp .sgbp-grid--4{ grid-template-columns:repeat(4,1fr); }
}
.sgbp .sgbp-box{ --sgb-slant:16px; --sgb-corner:12px;
  background:var(--panel); padding:1.6rem 1.5rem calc(1.5rem + var(--sgb-slant));
  transition:background-color .22s ease; }
.sgbp .sgbp-box:hover{ background:var(--surface-2); }
.sgbp .sgbp-box-ic{ width:46px; height:46px; display:grid; place-items:center; border-radius:13px;
  background:color-mix(in srgb, var(--brand-500) 12%, transparent); color:var(--brand-600); font-size:19px; }
html.dark .sgbp .sgbp-box-ic{ background:rgba(83,181,236,.16); color:var(--sky-300); }
.sgbp .sgbp-box h3{ margin-top:1.1rem; font-size:1.1rem; font-weight:700; letter-spacing:-.01em; }
.sgbp .sgbp-box p{ margin-top:.6rem; font-size:.94rem; line-height:1.68; color:var(--muted); }

/* ═══════════════════════ ADIMLAR ═══════════════════════ */
.sgbp-adim{ --sgb-slant:var(--slant); --sgb-corner:18px; background:var(--surface-2); }
.sgbp .sgbp-steps{ display:grid; grid-template-columns:1fr; gap:clamp(20px,2.4vw,28px); margin-top:clamp(34px,4vw,52px); }
@media(min-width:640px){ .sgbp .sgbp-steps{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1024px){ .sgbp .sgbp-steps{ grid-template-columns:repeat(4,1fr); } }
.sgbp .sgbp-step{ padding-top:1.6rem; border-top:2px solid var(--line); transition:border-color .22s ease; }
.sgbp .sgbp-step:hover{ border-top-color:var(--accent-400); }
.sgbp .sgbp-step-no{ font-size:.82rem; font-weight:800; letter-spacing:.16em; color:var(--accent-500); }
html.dark .sgbp .sgbp-step-no{ color:var(--accent-400); }
.sgbp .sgbp-step h3{ margin-top:.85rem; font-size:1.16rem; font-weight:700; }
.sgbp .sgbp-step p{ margin-top:.65rem; font-size:.94rem; line-height:1.68; color:var(--muted); }

/* ═══════════════════════ KARŞILAŞTIRMA (iki sütun liste) ═══════════════════════ */
.sgbp .sgbp-cmp{ display:grid; grid-template-columns:1fr; gap:clamp(16px,2vw,24px); margin-top:clamp(32px,4vw,48px); }
@media(min-width:900px){ .sgbp .sgbp-cmp{ grid-template-columns:1fr 1fr; } }
.sgbp .sgbp-cmp-col{ --sgb-slant:18px; --sgb-corner:14px; background:var(--panel);
  padding:1.75rem 1.6rem calc(1.6rem + var(--sgb-slant)); }
.sgbp .sgbp-cmp-col--acc{ background:color-mix(in srgb, var(--brand-500) 9%, var(--panel)); }
html.dark .sgbp .sgbp-cmp-col--acc{ background:color-mix(in srgb, var(--sky-500) 12%, var(--panel)); }
.sgbp .sgbp-cmp-col h3{ font-size:1.16rem; font-weight:800; display:flex; align-items:center; gap:.6rem; }
.sgbp .sgbp-cmp-col h3 i{ font-size:1rem; }
.sgbp .sgbp-cmp-col--pas h3 i{ color:var(--ink-400); }
.sgbp .sgbp-cmp-col--acc h3 i{ color:var(--brand-600); }
html.dark .sgbp .sgbp-cmp-col--acc h3 i{ color:var(--sky-300); }
.sgbp .sgbp-cmp-col li{ display:flex; gap:.7rem; padding:.75rem 0; font-size:.95rem; line-height:1.6;
  color:var(--muted); border-top:1px solid var(--line); }
.sgbp .sgbp-cmp-col li:first-of-type{ margin-top:1rem; }
.sgbp .sgbp-cmp-col li i{ flex:0 0 auto; margin-top:.22rem; font-size:.85rem; color:var(--ink-400); }
.sgbp .sgbp-cmp-col--acc li{ color:var(--ink); }
.sgbp .sgbp-cmp-col--acc li i{ color:var(--brand-600); }
html.dark .sgbp .sgbp-cmp-col--acc li i{ color:var(--sky-300); }

/* ═══════════════════════ ANLAŞMALI ŞİRKET LOGO ŞERİDİ ═══════════════════════ */
.sgbp .sgbp-logos{ display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(10px,1.4vw,16px); margin-top:clamp(32px,4vw,48px); }
@media(min-width:640px){ .sgbp .sgbp-logos{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:1024px){ .sgbp .sgbp-logos{ grid-template-columns:repeat(6,1fr); } }
/* Kutu ve logo ölçüleri anasayfa şeridiyle (.pm-tile/.pm-logo) uyumlu tutulur.
   ⚠️ DARK TUZAĞI: logolar koyu mürekkepli şeffaf PNG → koyu panelde kaybolur.
   brightness YETMEZ (koyu piksel griye döner, okunmaz); anasayfadaki çözüm
   INVERT: grayscale + invert(1) → logo AÇIK görünür. Hover'da kutu beyazlaşır,
   logo gerçek markası rengine döner (layout sabit, yalnız renk değişir). */
.sgbp .sgbp-logo{ display:grid; place-items:center; height:clamp(88px,8vw,104px); padding:.7rem 1rem; border-radius:14px;
  background:var(--panel); box-shadow:inset 0 0 0 1px var(--line);
  transition:box-shadow .22s ease, background-color .22s ease; }
.sgbp .sgbp-logo:hover{ box-shadow:inset 0 0 0 1px var(--marka); }
.sgbp .sgbp-logo img{ max-width:92%; max-height:clamp(46px,4.6vw,62px); width:auto; height:auto; object-fit:contain;
  filter:grayscale(1); opacity:.62; transition:filter .3s ease, opacity .3s ease; }
.sgbp .sgbp-logo:hover img{ filter:grayscale(0); opacity:1; }
html.dark .sgbp .sgbp-logo img{ filter:grayscale(1) invert(1) brightness(1.7); opacity:.74; }
html.dark .sgbp .sgbp-logo:hover{ background:rgba(255,255,255,.96); box-shadow:inset 0 0 0 1px rgba(255,255,255,.82); }
html.dark .sgbp .sgbp-logo:hover img{ filter:grayscale(0); opacity:1; }

/* ═══════════════════════ HİZMET KISAYOLLARI (chip ızgara) ═══════════════════════ */
.sgbp .sgbp-chips{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:clamp(28px,3.4vw,40px); }
.sgbp .sgbp-chip{ display:inline-flex; align-items:center; gap:.55rem; height:48px; padding-inline:1.15rem;
  border-radius:999px; font-size:.95rem; font-weight:600; color:var(--ink);
  background:var(--panel); box-shadow:inset 0 0 0 1px var(--line);
  transition:background-color .2s ease, box-shadow .2s ease, color .2s ease; }
.sgbp .sgbp-chip i{ font-size:.9rem; color:var(--marka); transition:color .2s ease; }
.sgbp .sgbp-chip:hover{ background:color-mix(in srgb, var(--brand-500) 10%, var(--panel)); box-shadow:inset 0 0 0 1px var(--marka); }

/* ═══════════════════════ SSS (Alpine akordiyon) ═══════════════════════ */
/* ═══ 19.08.2026 · karar: SSS bölümünde ARKA PLAN YOK + içerik TAM CONTAINER genişliği ═══
   Zemin kalkınca eğik kenarın boyayacağı yüzey kalmıyor; clip-path yalnız içeriği kesme riski
   taşırdı → eğim ve kırpma sıfırlandı. Alt padding de eğim payını artık eklemiyor. */
.sgbp-sss{ --sgb-slant:0px; --sgb-corner:0px; background:transparent; clip-path:none; }
.sgbp-sss.sgbp-sec--slant{ padding-bottom:clamp(56px,7.5vw,104px); }   /* eğim payı kaldırıldı */
.sgbp .sgbp-faq{ margin-top:clamp(28px,3.4vw,42px); max-width:none; }   /* 19.08.2026: 60em (960px) → tam container (1280px) */
.sgbp .sgbp-q{ border-top:1px solid var(--line); }
.sgbp .sgbp-q:last-child{ border-bottom:1px solid var(--line); }
.sgbp .sgbp-q-head{ width:100%; background:transparent; border:0; cursor:pointer; font-family:inherit; color:var(--ink);
  display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left;
  padding:22px 4px; font-size:clamp(1rem,1.4vw,1.14rem); font-weight:700; line-height:1.35; }
.sgbp .sgbp-q-ic{ flex:0 0 auto; font-size:15px; color:var(--marka); transition:transform .25s ease; }
.sgbp .sgbp-q-head[aria-expanded="true"] .sgbp-q-ic{ transform:rotate(45deg); }
.sgbp .sgbp-q-body{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.sgbp .sgbp-q-body.is-open{ grid-template-rows:1fr; }
.sgbp .sgbp-q-inner{ overflow:hidden; }
.sgbp .sgbp-q-inner p{ padding:0 4px 24px; max-width:52em; color:var(--muted); font-size:1rem; line-height:1.72; }

/* ═══════════════════════ REHBER (blog) KARTLARI ═══════════════════════ */
.sgbp .sgbp-posts{ display:grid; grid-template-columns:1fr; gap:clamp(16px,2vw,24px); margin-top:clamp(30px,3.6vw,44px); }
@media(min-width:768px){ .sgbp .sgbp-posts{ grid-template-columns:repeat(3,1fr); } }
.sgbp .sgbp-post{ --sgb-slant:16px; --sgb-corner:12px; display:flex; flex-direction:column;
  background:var(--panel); padding:1.5rem 1.45rem calc(1.4rem + var(--sgb-slant));
  transition:background-color .22s ease; }
.sgbp .sgbp-post:hover{ background:var(--surface-2); }
.sgbp .sgbp-post-k{ font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--marka); }
.sgbp .sgbp-post h3{ margin-top:.8rem; font-size:1.06rem; font-weight:700; line-height:1.4; }
.sgbp .sgbp-post p{ margin-top:.6rem; font-size:.9rem; line-height:1.65; color:var(--muted); }
.sgbp .sgbp-post-go{ margin-top:auto; padding-top:1.1rem; font-size:.88rem; font-weight:700; color:var(--brand-600);
  display:inline-flex; align-items:center; gap:.45rem; }
html.dark .sgbp .sgbp-post-go{ color:var(--sky-300); }

/* ═══════════════════════ KAPANIŞ CTA ═══════════════════════ */
/* ═══ 19.08.2026 · karar: CTA alt eğimi FOOTER üst eğimiyle PARALEL yapıldı ═══
   Ölçüm (1440px): footer üst kenarı 72px/1336px → 3.09° · CTA ise 40px/1352px → 1.70° idi
   (footer neredeyse iki kat dikti). CTA eğimi 40px → 72px: 72/1352 → 3.05°, fark 0.04° (gözle
   ayırt edilemez). Alt padding zaten calc(... + var(--sgb-slant)) olduğu için içerik kırpılmaz. */
.sgbp-cta{ --sgb-slant:var(--slant); --sgb-corner:20px; color:#F2F8FB; text-align:center;
  padding-block:clamp(52px,6.5vw,88px) calc(clamp(52px,6.5vw,88px) + var(--sgb-slant));
  background:radial-gradient(110% 130% at 50% -20%, rgba(44,157,221,.34), transparent 62%),
             linear-gradient(128deg, var(--brand-950) 0%, var(--brand-800) 56%, var(--brand-700) 100%); }
.sgbp-cta h2{ font-size:clamp(1.6rem,3.4vw,2.4rem); max-width:18em; margin-inline:auto; color:#fff; }
.sgbp-cta p{ margin-top:1rem; max-width:39.5em; margin-inline:auto; font-size:1.03rem; line-height:1.72; color:rgba(242,248,251,.82); }
.sgbp-cta .sgbp-acts{ justify-content:center; align-items:center; margin-top:2.1rem; }
.sgbp-cta .sgbp-eyebrow{ color:var(--sky-300); justify-content:center; }
.sgbp-cta .sgbp-note{ margin-top:1.2rem; font-size:.88rem; line-height:1.6;
  color:rgba(242,248,251,.62); max-width:33.64em; margin-inline:auto; }

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */
@media(max-width:1023px){ .sgbp-hero{ --sgb-corner:20px; } }   /* eğim var(--slant) ile footer'a bağlı */
/* .sgbp-cta bu listeden ÇIKARILDI: eğimi artık var(--slant) üzerinden footer ile birlikte ölçekleniyor */
@media(max-width:767px){
  /* 30.09.2026 · karar: "iç sayfalarda breadcrumb ile head bar arasındaki boşluğu azalt mobilde". Bar 29.09'da 16px yukarı alındı (114'te bitiyor); 166 → 100: bar↔sayfa yolu 82 → 16px (anasayfadaki bar↔sahne ile aynı). */
  .sgbp-hero{ --sgb-corner:16px; padding-top:100px; }
  /* .sgbp-adim,.sgbp-sss eğimi var(--slant) ile footer'a bağlı */   /* .sgbp-cta ÇIKARILDI → var(--slant) ile footer'a bağlı */
  .sgbp .sgbp-btn{ width:100%; min-width:0; }
  .sgbp .sgbp-logo{ height:72px; }
}
@media (prefers-reduced-motion:reduce){
  .sgbp *,.sgbp *::before,.sgbp *::after{ animation:none !important; transition:none !important; }
}