/* Public Website Renk ve Ölçü Değişkenleri */
:root {
    --public-ink: #172234;
    --public-muted: #627087;
    --public-line: #dfe5ec;
    --public-paper: #ffffff;
    --public-soft: #f4f7f9;
    --public-brand: #0d5c63;
    --public-brand-dark: #083e43;
    --public-accent: #e38b5b;
    --public-shadow: 0 24px 70px rgba(23, 34, 52, 0.11);
}

/* Public Website Temel Yüzeyini Kur */
body.public-site {
    margin: 0;
    color: var(--public-ink);
    background: var(--public-paper);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    line-height: 1.6;
}

/* Public Ana İçeriği Taşma Sorunlarından Koru */
.public-main {
    min-width: 0;
    overflow: hidden;
}

/* Public Üst Navigasyonu Sabitle */
.public-nav-wrap {
    position: sticky;
    z-index: 20;
    top: 0;
    border-bottom: 1px solid rgba(223, 229, 236, 0.82);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(18px);
}

/* Public Navigasyon Satırını Hizala */
.public-nav {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

/* Public Marka Bağlantısını Biçimlendir */
.public-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--public-ink);
    font-size: 1rem;
    font-weight: 750;
    text-decoration: none;
}

/* Public Marka İşaretini Göster */
.public-brand__mark {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--public-brand);
    box-shadow: 0 9px 25px rgba(13, 92, 99, 0.25);
}

/* Public Navigasyon Bağlantılarını Hizala */
.public-nav__links {
    display: flex;
    align-items: center;
    gap: 26px;
}

/* Public Navigasyon Bağlantılarını Biçimlendir */
.public-nav__links a {
    color: var(--public-muted);
    font-size: 0.92rem;
    font-weight: 650;
    text-decoration: none;
}

/* Public Hero Alanını Arka Planla Ayır */
.public-hero {
    position: relative;
    padding: 96px 0 88px;
    background:
        radial-gradient(circle at 9% 12%, rgba(227, 139, 91, 0.16), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(13, 92, 99, 0.14), transparent 32%),
        linear-gradient(180deg, #fbfcfc 0%, #f5f8f8 100%);
}

/* Public Hero İçeriğini İki Kolona Yerleştir */
.public-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
    align-items: center;
    gap: 72px;
}

/* Public Hero Başlığını Ölçeklendir */
.public-hero h1 {
    max-width: 780px;
    margin: 18px 0 22px;
    font-size: clamp(2.8rem, 6vw, 5.35rem);
    font-weight: 790;
    letter-spacing: -0.065em;
    line-height: 0.98;
}

/* Public Hero Açıklamasını Okunabilir Tut */
.public-hero__content > p {
    max-width: 680px;
    margin: 0;
    color: var(--public-muted);
    font-size: clamp(1.05rem, 1.8vw, 1.3rem);
}

/* Public Küçük Başlık Etiketini Biçimlendir */
.public-eyebrow {
    color: var(--public-brand);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

/* Public Hero Butonlarını Hizala */
.public-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

/* Public Ortak Buton Stilini Tanımla */
.public-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-weight: 750;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

/* Public Buton Etkileşimini Göster */
.public-button:hover {
    transform: translateY(-2px);
}

/* Public Ana Butonu Renklendir */
.public-button--primary {
    color: #fff;
    background: var(--public-brand);
    box-shadow: 0 16px 34px rgba(13, 92, 99, 0.23);
}

/* Public İkincil Butonu Renklendir */
.public-button--secondary {
    color: var(--public-ink);
    border-color: var(--public-line);
    background: #fff;
}

/* Public Açık Renk Butonu Renklendir */
.public-button--light {
    flex: 0 0 auto;
    color: var(--public-brand-dark);
    background: #fff;
}

/* Public Güvence Satırını Hizala */
.public-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 34px;
    color: var(--public-muted);
    font-size: 0.86rem;
    font-weight: 650;
}

/* Public Güvence Maddelerine İşaret Ekle */
.public-proof span::before {
    content: "✓";
    margin-right: 7px;
    color: var(--public-brand);
}

/* Public Hero Görsel Kartlarını Yerleştir */
.public-hero__visual {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(223, 229, 236, 0.86);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: var(--public-shadow);
    transform: rotate(1.25deg);
}

/* Public Dashboard Kartlarını Biçimlendir */
.public-dashboard-card {
    min-height: 132px;
    padding: 22px;
    border: 1px solid var(--public-line);
    border-radius: 20px;
    background: #fff;
}

/* Public Dashboard Kart Metnini Düzenle */
.public-dashboard-card span,
.public-dashboard-card strong {
    display: block;
}

/* Public Dashboard Kart Etiketini Renklendir */
.public-dashboard-card span {
    margin-bottom: 14px;
    color: var(--public-muted);
    font-size: 0.78rem;
    font-weight: 750;
    text-transform: uppercase;
}

/* Public Dashboard Kart Başlığını Ölçeklendir */
.public-dashboard-card strong {
    font-size: 1.05rem;
    line-height: 1.35;
}

/* Public Geniş Dashboard Kartını İki Kolona Yay */
.public-dashboard-card--wide {
    grid-column: 1 / -1;
    min-height: 188px;
    background: var(--public-ink);
    color: #fff;
}

/* Public Geniş Kart Etiketini Açık Renklendir */
.public-dashboard-card--wide span {
    color: rgba(255, 255, 255, 0.64);
}

/* Public Vurgu Kartını Renklendir */
.public-dashboard-card--accent {
    color: #fff;
    background: var(--public-brand);
}

/* Public Vurgu Kartı Etiketini Renklendir */
.public-dashboard-card--accent span {
    color: rgba(255, 255, 255, 0.7);
}

/* Public Grafik Çubuklarını Hizala */
.public-sparkline {
    display: flex;
    height: 78px;
    align-items: end;
    gap: 9px;
    margin-top: 18px;
}

/* Public Grafik Çubuklarını Renklendir */
.public-sparkline i {
    width: 12%;
    border-radius: 7px 7px 2px 2px;
    background: linear-gradient(180deg, var(--public-accent), rgba(227, 139, 91, 0.28));
}

/* Public Grafik Çubuk Yüksekliklerini Farklılaştır */
.public-sparkline i:nth-child(1) { height: 30%; }
.public-sparkline i:nth-child(2) { height: 46%; }
.public-sparkline i:nth-child(3) { height: 39%; }
.public-sparkline i:nth-child(4) { height: 68%; }
.public-sparkline i:nth-child(5) { height: 57%; }
.public-sparkline i:nth-child(6) { height: 88%; }

/* Public Ortak Bölüm Boşluklarını Tanımla */
.public-section {
    padding: 96px 0;
}

/* Public Sıkıştırılmış Bölüm Boşluğunu Tanımla */
.public-section--compact {
    padding: 48px 0;
}

/* Public Soluk Bölüm Yüzeyini Tanımla */
.public-section--muted {
    background: var(--public-soft);
}

/* Public Bölüm Başlığını Sınırla */
.public-section__heading {
    max-width: 760px;
    margin-bottom: 42px;
}

/* Public Bölüm Başlıklarını Ölçeklendir */
.public-section__heading h2,
.public-learning h2,
.public-cta h2 {
    margin: 10px 0 14px;
    font-size: clamp(2rem, 4.2vw, 3.45rem);
    font-weight: 780;
    letter-spacing: -0.045em;
    line-height: 1.06;
}

/* Public Bölüm Açıklamalarını Renklendir */
.public-section__heading p,
.public-learning__content > p {
    color: var(--public-muted);
    font-size: 1.05rem;
}

/* Public Fayda Kartlarını Izgaraya Yerleştir */
.public-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

/* Public Fayda Kartlarını Biçimlendir */
.public-feature-grid article {
    padding: 32px;
    border: 1px solid var(--public-line);
    border-radius: 22px;
    background: #fff;
}

/* Public Fayda Numara İşaretini Biçimlendir */
.public-feature-icon {
    color: var(--public-accent);
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.1em;
}

/* Public Kart Başlıklarını Biçimlendir */
.public-feature-grid h3,
.public-module-grid h3,
.public-page-grid h3 {
    margin: 24px 0 10px;
    font-size: 1.18rem;
    font-weight: 760;
}

/* Public Kart Açıklamalarını Renklendir */
.public-feature-grid p,
.public-module-grid p,
.public-page-grid p,
.public-learning__steps p {
    margin: 0;
    color: var(--public-muted);
}

/* Public Modül Kartlarını Izgaraya Yerleştir */
.public-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

/* Public Modül Kartlarını Biçimlendir */
.public-module-grid article {
    min-height: 230px;
    padding: 28px;
    border: 1px solid var(--public-line);
    border-radius: 20px;
    background: #fff;
}

/* Public Modül Etiketini Renklendir */
.public-module-grid b {
    color: var(--public-brand);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Public Eğitim Alanını İki Kolona Yerleştir */
.public-learning {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr);
    align-items: start;
    gap: 84px;
}

/* Public Eğitim Butonunu Aralıklı Göster */
.public-learning__content .public-button {
    margin-top: 20px;
}

/* Public Eğitim Adımlarını Sıfırla */
.public-learning__steps {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Public Eğitim Adımlarını Kartlaştır */
.public-learning__steps li {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--public-line);
    border-radius: 18px;
    background: #fff;
}

/* Public Eğitim Adım Numarasını Biçimlendir */
.public-learning__steps li > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: var(--public-brand);
    font-weight: 800;
}

/* Public Eğitim Adım Başlığını Göster */
.public-learning__steps strong {
    display: block;
    margin-bottom: 3px;
}

/* Public Bilgi Sayfalarını Izgaraya Yerleştir */
.public-page-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

/* Public Bilgi Sayfası Kartlarını Biçimlendir */
.public-page-grid a {
    min-height: 210px;
    padding: 28px;
    border: 1px solid var(--public-line);
    border-radius: 20px;
    color: var(--public-ink);
    background: #fff;
    text-decoration: none;
}

/* Public Bilgi Sayfası Etiketini Renklendir */
.public-page-grid span {
    color: var(--public-brand);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

/* Public Bakım Bildirimini Biçimlendir */
.public-notice {
    padding: 24px 28px;
    border: 1px solid #e9c7a9;
    border-radius: 18px;
    background: #fff6ed;
}

/* Public Bakım Bildirim Açıklamasını Sıfırla */
.public-notice p {
    margin: 4px 0 0;
}

/* Public Son Çağrı Alanını Renklendir */
.public-cta {
    padding: 84px 0;
    color: #fff;
    background: var(--public-brand-dark);
}

/* Public Son Çağrı İçeriğini Hizala */
.public-cta .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
}

/* Public Son Çağrı Başlığını Sınırla */
.public-cta h2 {
    max-width: 850px;
    margin-bottom: 0;
}

/* Public Son Çağrı Etiketini Açık Renklendir */
.public-cta .public-eyebrow {
    color: #9dd5d2;
}

/* Public Alt Bilgiyi Biçimlendir */
.public-footer {
    padding: 38px 0;
    color: rgba(255, 255, 255, 0.72);
    background: #111a28;
}

/* Public Alt Bilgi İçeriğini Hizala */
.public-footer__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

/* Public Alt Bilgi Başlığını Renklendir */
.public-footer strong {
    color: #fff;
}

/* Public Alt Bilgi Açıklamasını Sıfırla */
.public-footer p {
    margin: 4px 0 0;
}

/* Public Alt Bilgi Bağlantılarını Hizala */
.public-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

/* Public Alt Bilgi Bağlantılarını Renklendir */
.public-footer a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

/* Yönetilen Public Sayfa Zemini */
.public-managed-page {
    min-height: 65vh;
    padding: clamp(2.5rem, 6vw, 5rem) 0;
    background: linear-gradient(180deg, #f4f8fe 0, #ffffff 260px);
}

/* Yönetilen Public Sayfa İçerik Genişliği */
.public-managed-page__container {
    max-width: 920px;
}

/* Yönetilen Public Sayfa Yolu */
.public-managed-page__breadcrumb {
    display: flex;
    gap: 0.55rem;
    margin-bottom: 1.5rem;
    color: #718198;
    font-size: 0.82rem;
}

/* Yönetilen Public Sayfa Yolu Bağlantısı */
.public-managed-page__breadcrumb a {
    color: #2d66bd;
    font-weight: 800;
    text-decoration: none;
}

/* Yönetilen Public Sayfa Başlığı */
.public-managed-page__header {
    margin-bottom: 2rem;
}

/* Yönetilen Public Sayfa Ana Başlığı */
.public-managed-page__header h1 {
    max-width: 760px;
    margin: 0.55rem 0 0.8rem;
    color: #12213a;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 950;
    letter-spacing: -0.05em;
    line-height: 1.05;
}

/* Yönetilen Public Sayfa Özeti */
.public-managed-page__header p {
    max-width: 720px;
    margin: 0;
    color: #607087;
    font-size: 1.05rem;
    line-height: 1.75;
}

/* Yönetilen Public Sayfa Kapak Görseli */
.public-managed-page__cover {
    width: 100%;
    max-height: 480px;
    margin-bottom: 2rem;
    border-radius: 22px;
    object-fit: cover;
    box-shadow: 0 20px 50px rgba(20, 45, 82, 0.14);
}

/* Yönetilen Public Sayfa Zengin İçeriği */
.public-managed-page__content {
    padding: clamp(1.2rem, 3vw, 2.2rem);
    border: 1px solid #dce5f1;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(20, 45, 82, 0.07);
    color: #34445b;
    font-size: 1rem;
    line-height: 1.8;
}

/* Yönetilen Public Sayfa İçerik Başlıkları */
.public-managed-page__content h2,
.public-managed-page__content h3 {
    color: #172941;
    font-weight: 900;
    letter-spacing: -0.02em;
}

/* Yönetilen Public Sayfa İçerik Bağlantıları */
.public-managed-page__content a {
    color: #2467c7;
    font-weight: 750;
}

/* Public Zengin İçerik Sayfasını Sınırla */
.muh-rich-content {
    max-width: 860px;
    line-height: 1.75;
}

/* Yönetilen Website Dropdown Tetikleyicisini Ana Navigasyonla Uyumla */
.public-nav__dropdown > button {
    padding: 0;
    border: 0;
    color: inherit;
    font: inherit;
    font-weight: 750;
    text-decoration: none;
}

/* Yönetilen Website Dropdown Menüsünü Public Kart Diliyle Göster */
.public-nav__dropdown .dropdown-menu {
    min-width: 220px;
    padding: 0.55rem;
    border: 1px solid #dce5f1;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(20, 45, 82, 0.16);
}

/* Yönetilen Website Dropdown Bağlantılarını Okunabilir Tut */
.public-nav__dropdown .dropdown-item {
    padding: 0.65rem 0.75rem;
    border-radius: 9px;
    color: #243a59;
}

/* Yönetilen Sayfa Hero Alanını Kapak Görseli Olmadan da Vurgula */
.public-managed-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(68px, 10vw, 118px) 0;
    background: linear-gradient(135deg, #edf5ff 0%, #f8fbff 50%, #eef8f5 100%);
}

/* Kapaklı Yönetilen Sayfa Hero Alanına Koyu Okunabilir Katman Ekle */
.public-managed-hero--media {
    background-image: linear-gradient(90deg, rgba(9, 25, 49, 0.94), rgba(9, 25, 49, 0.5)), var(--managed-hero-image);
    background-position: center;
    background-size: cover;
}

/* Yönetilen Hero İçeriğini Görsel Katmanın Üstünde Tut */
.public-managed-hero__content {
    position: relative;
    z-index: 1;
}

/* Yönetilen Hero Başlığını Büyük ve Dengeli Göster */
.public-managed-hero h1 {
    max-width: 820px;
    margin: 0.65rem 0 1rem;
    color: #12213a;
    font-size: clamp(2.35rem, 6vw, 5rem);
    font-weight: 950;
    letter-spacing: -0.055em;
    line-height: 1.02;
}

/* Yönetilen Hero Açıklamasını Okunabilir Ölçüde Sınırla */
.public-managed-hero p {
    max-width: 760px;
    margin: 0;
    color: #50647f;
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.75;
}

/* Görselli Hero Metinlerini Koyu Katmanda Beyaza Çevir */
.public-managed-hero--media h1,
.public-managed-hero--media p,
.public-managed-hero--media .public-eyebrow,
.public-managed-hero--media .public-managed-page__breadcrumb,
.public-managed-hero--media .public-managed-page__breadcrumb a {
    color: #ffffff;
}

/* Yönetilen Sayfa Bölümlerini Dikey Akışta Ayır */
.public-managed-block {
    margin-top: 2.2rem;
}

/* Yönetilen Bölüm Başlıklarına Tutarlı Alt Boşluk Ver */
.public-managed-block__heading {
    margin-bottom: 1.2rem;
}

/* Yönetilen Bölüm Başlıklarını Public Tasarım Sistemiyle Göster */
.public-managed-block__heading h2 {
    margin: 0.45rem 0 0;
    color: #172941;
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    font-weight: 930;
    letter-spacing: -0.035em;
}

/* Alt Sayfa ve Blog Kartlarını Duyarlı Izgaraya Yerleştir */
.public-managed-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

/* Yönetilen İçerik Kartlarını Etkileşimli Public Kart Olarak Göster */
.public-managed-card-grid > a {
    min-height: 200px;
    padding: 1.35rem;
    border: 1px solid #dce5f1;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 14px 36px rgba(20, 45, 82, 0.07);
    color: #263d5d;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

/* Yönetilen İçerik Kartını Üzerine Gelindiğinde Belirginleştir */
.public-managed-card-grid > a:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(20, 45, 82, 0.13);
}

/* Yönetilen Kart Üst Etiketini Vurgu Rengiyle Göster */
.public-managed-card-grid > a > span {
    color: #2d66bd;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Yönetilen Kart Başlığını Dengeli Satırlarda Göster */
.public-managed-card-grid h3 {
    margin: 0.8rem 0 0.65rem;
    color: #172941;
    font-size: 1.14rem;
    font-weight: 900;
}

/* Yönetilen Kart Açıklamasını Sessiz Renkte Göster */
.public-managed-card-grid p {
    margin: 0;
    color: #66768d;
    line-height: 1.65;
}

/* Blog Kartı Eylem Metnini Alt Satırda Vurgula */
.public-managed-blog-grid strong {
    display: block;
    margin-top: 1rem;
    color: #2467c7;
}

/* Yönetilen Galeri Görsellerini Duyarlı Vitrin Izgarasında Göster */
.public-managed-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

/* Tek Galeri Görselini Başlık Katmanlı Kart Olarak Göster */
.public-managed-gallery > a {
    position: relative;
    min-height: 240px;
    overflow: hidden;
    border-radius: 18px;
    background: #dbe6f2;
    box-shadow: 0 16px 36px rgba(20, 45, 82, 0.12);
}

/* Galeri Görselini Kart Alanına Oranlı Yerleştir */
.public-managed-gallery img {
    width: 100%;
    height: 100%;
    min-height: 240px;
    object-fit: cover;
    transition: transform 220ms ease;
}

/* Galeri Kartı Etkileşiminde Görseli Hafif Yaklaştır */
.public-managed-gallery > a:hover img {
    transform: scale(1.035);
}

/* Galeri Metadata Alanını Görsel Altında Okunabilir Tut */
.public-managed-gallery > a > span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    gap: 0.2rem;
    padding: 2.6rem 1rem 1rem;
    background: linear-gradient(transparent, rgba(5, 18, 37, 0.9));
    color: #ffffff;
}

/* Galeri Açıklamasını İkincil Metin Olarak Göster */
.public-managed-gallery small {
    color: rgba(255, 255, 255, 0.82);
}

/* Boş Yönetilen Alanı Açıklayıcı Kart Olarak Göster */
.public-managed-empty {
    margin-top: 2rem;
    padding: 1.2rem;
    border: 1px dashed #b9c9dc;
    border-radius: 15px;
    background: #f7faff;
    color: #62738b;
    text-align: center;
}

/* Yönetilen İletişim Kartını İki Sütunda Göster */
.public-managed-contact {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(250px, 0.7fr);
    gap: 1.5rem;
    margin-top: 2rem;
    padding: clamp(1.4rem, 4vw, 2.4rem);
    border-radius: 22px;
    background: #102748;
    color: #ffffff;
}

/* Yönetilen İletişim Başlığını Beyaz Göster */
.public-managed-contact h2 {
    margin: 0.5rem 0;
    font-weight: 900;
}

/* Yönetilen İletişim Bağlantılarını Dikey Yerleştir */
.public-managed-contact__links {
    display: grid;
    gap: 0.75rem;
    align-content: center;
}

/* Yönetilen İletişim Bağlantılarını Butonlaştır */
.public-managed-contact__links a {
    padding: 0.8rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    color: #ffffff;
    text-decoration: none;
}

/* Yönetilen Slider Bölümünü Ana Sayfa Akışından Ayır */
.public-managed-slider-section {
    padding: 72px 0 20px;
    background: #f5f8fc;
}

/* Yönetilen Sliderı Büyük Yuvarlatılmış Vitrin Olarak Göster */
.public-managed-slider {
    overflow: hidden;
    border-radius: 24px;
    background: #0d223f;
    box-shadow: 0 24px 62px rgba(20, 45, 82, 0.18);
}

/* Yönetilen Slider Görsellerine Sabit Vitrin Oranı Ver */
.public-managed-slider .carousel-item > img {
    width: 100%;
    height: clamp(360px, 50vw, 620px);
    object-fit: cover;
    opacity: 0.72;
}

/* Yönetilen Slider Başlığını Görsel Üzerine Yerleştir */
.public-managed-slider__caption {
    position: absolute;
    right: clamp(1.4rem, 6vw, 5rem);
    bottom: clamp(2.2rem, 7vw, 5.5rem);
    left: clamp(1.4rem, 6vw, 5rem);
    max-width: 680px;
    color: #ffffff;
}

/* Yönetilen Slider Üst Etiketini Belirginleştir */
.public-managed-slider__caption > span {
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* Yönetilen Slider Başlığını Büyük Göster */
.public-managed-slider__caption h2 {
    margin: 0.55rem 0;
    font-size: clamp(2rem, 5vw, 4.3rem);
    font-weight: 950;
    letter-spacing: -0.05em;
}

/* Yönetilen Slider Açıklamasını Okunabilir Tut */
.public-managed-slider__caption p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1.05rem;
}

/* Public Tablet Yerleşimini Tek Kolona İndir */
@media (max-width: 991.98px) {
    .public-hero__grid,
    .public-learning {
        grid-template-columns: 1fr;
        gap: 52px;
    }

    .public-hero__visual {
        max-width: 680px;
        transform: none;
    }

    .public-feature-grid,
    .public-module-grid,
    .public-page-grid,
    .public-managed-card-grid,
    .public-managed-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Tablet İletişim Kartını Tek Sütuna İndir */
    .public-managed-contact {
        grid-template-columns: 1fr;
    }
}

/* Public Mobil Navigasyon ve Kartları Dikeyleştir */
@media (max-width: 767.98px) {
    .public-nav__links {
        display: none;
    }

    .public-hero {
        padding: 68px 0 58px;
    }

    .public-hero__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-hero__visual {
        grid-template-columns: 1fr;
    }

    .public-dashboard-card--wide {
        grid-column: auto;
    }

    .public-section {
        padding: 68px 0;
    }

    /* Mobil bölüm başlıklarını görünüm genişliğinde sarılabilir tut */
    .public-section__heading,
    .public-section__heading h1,
    .public-section__heading h2,
    .public-section__heading p {
        width: 100%;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    /* Public formların Bootstrap negatif satır boşluğuyla yatay taşmasını engelle */
    .public-form-card .row {
        margin-right: 0;
        margin-left: 0;
    }

    /* Mobil form alanlarını container iç boşluğunda tam genişlikte tut */
    .public-form-card .row > * {
        padding-right: 0;
        padding-left: 0;
    }

    .public-feature-grid,
    .public-module-grid,
    .public-page-grid,
    .public-managed-card-grid,
    .public-managed-gallery {
        grid-template-columns: 1fr;
    }

    .public-learning {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-cta .container,
    .public-footer__content {
        align-items: flex-start;
        flex-direction: column;
    }

    /* Mobil alt bilgi bağlantılarını görünüm genişliğinde güvenle satırla */
    .public-footer__links {
        width: 100%;
        gap: 12px 18px;
    }

    .public-cta .public-button {
        width: 100%;
    }
}

/* Public Hareket Azaltma Tercihine Saygı Göster */
@media (prefers-reduced-motion: reduce) {
    .public-button {
        transition: none;
    }
}

/* Özgün Araç Servis Vitrini Renk Sistemini Tanımla */
:root {
    --public-ink: #111416;
    --public-muted: #696d6b;
    --public-line: rgba(17, 20, 22, 0.16);
    --public-paper: #f7f2e8;
    --public-soft: #e9e2d5;
    --public-brand: #ff5638;
    --public-brand-dark: #c92e18;
    --public-accent: #c9ff45;
    --public-night: #111416;
    --public-night-soft: #1b2022;
    --public-shadow: 0 32px 90px rgba(17, 20, 22, 0.18);
}

/* Public Siteyi Sıcak Endüstriyel Zemin ve Güçlü Tipografiyle Kur */
body.public-site {
    color: var(--public-ink);
    background: var(--public-paper);
    font-family: "Segoe UI Variable Display", "Arial Narrow", "Segoe UI", Arial, sans-serif;
    letter-spacing: -0.012em;
}

/* Üst Navigasyonu Yüksek Kontrastlı Servis Bandına Dönüştür */
.public-nav-wrap {
    z-index: 50;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(17, 20, 22, 0.96);
    backdrop-filter: blur(20px);
}

/* Navigasyon Satırını Geniş Ekranda Dengeli Hizala */
.public-nav {
    min-height: 82px;
    gap: 2rem;
}

/* Marka Alanını Açık Renk ve İki Satırlı Kimlikle Göster */
.public-brand {
    flex: 0 0 auto;
    gap: 0.85rem;
    color: #fff;
}

/* Marka Metnini Dikey Hiyerarşide Göster */
.public-brand > span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

/* Marka Ana Adını Belirginleştir */
.public-brand strong {
    color: #fff;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: -0.025em;
}

/* Marka Alt İfadesini Sessiz Teknik Etiket Olarak Göster */
.public-brand small {
    margin-top: 0.25rem;
    color: rgba(255, 255, 255, 0.52);
    font-size: 0.63rem;
    font-weight: 750;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

/* Marka İşaretini Kare Teknik Damga Olarak Göster */
.public-brand__mark {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    color: var(--public-night);
    background: var(--public-accent);
    box-shadow: none;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

/* Navigasyon Panelini Bağlantı ve Çağrıyla Hizala */
.public-nav__panel {
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem;
}

/* Navigasyon Bağlantılarını Daha Sıkı Teknik Satırda Göster */
.public-nav__links {
    gap: 1.35rem;
}

/* Navigasyon Bağlantılarını Açık Renkle Biçimlendir */
.public-nav__links a,
.public-nav__dropdown > button {
    padding: 0.45rem 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.84rem;
    font-weight: 720;
    letter-spacing: -0.01em;
}

/* Navigasyon Bağlantı Etkileşimini Sinyal Rengiyle Göster */
.public-nav__links a:hover,
.public-nav__links a:focus-visible,
.public-nav__dropdown > button:hover,
.public-nav__dropdown > button:focus-visible {
    color: #fff;
}

/* Navigasyon Randevu Çağrısını Sinyal Butonu Olarak Göster */
.public-nav__cta {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem 1.05rem;
    color: #fff;
    background: var(--public-brand);
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

/* Mobil Navigasyon Düğmesini İki Çizgili Kontrol Olarak Göster */
.public-nav__toggle {
    display: none;
    width: 46px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    background: transparent;
}

/* Mobil Navigasyon Düğmesi Çizgilerini Yerleştir */
.public-nav__toggle span {
    display: block;
    width: 19px;
    height: 2px;
    margin: 5px auto;
    background: #fff;
}

/* Dropdown Menüsünü Yeni Koyu Navigasyonla Uyumla */
.public-nav__dropdown .dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    background: var(--public-night-soft);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

/* Dropdown Bağlantılarını Koyu Yüzeyde Okunabilir Tut */
.public-nav__dropdown .dropdown-item {
    color: rgba(255, 255, 255, 0.76);
}

/* Dropdown Bağlantı Etkileşimini Sinyal Yüzeyiyle Göster */
.public-nav__dropdown .dropdown-item:hover,
.public-nav__dropdown .dropdown-item:focus {
    color: #fff;
    background: var(--public-brand);
}

/* Ana Sayfa Hero Alanını Koyu Teknik Vitrin Olarak Kur */
.public-home-hero {
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - 82px);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 74% 32%, rgba(255, 86, 56, 0.2), transparent 24%),
        linear-gradient(135deg, #111416 0%, #171b1d 52%, #0c0e0f 100%);
}

/* Hero Alanına Teknik Izgara Dokusu Ekle */
.public-home-hero__grid-lines {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: linear-gradient(90deg, #000, transparent 72%);
}

/* Hero Metin ve Görselini İki Dengeli Kolona Yerleştir */
.public-home-hero__layout {
    display: grid;
    min-height: calc(100vh - 82px);
    grid-template-columns: minmax(0, 0.95fr) minmax(480px, 1.05fr);
    align-items: center;
    gap: clamp(3rem, 7vw, 8rem);
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

/* Hero Metin Kolonunu Okunabilir Genişlikte Tut */
.public-home-hero__content {
    max-width: 710px;
}

/* Public Teknik Üst Etiketi Sinyal Rengiyle Göster */
.public-home-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--public-brand);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.19em;
    text-transform: uppercase;
}

/* Teknik Üst Etikete Çizgi İşareti Ekle */
.public-home-kicker::before {
    width: 28px;
    height: 2px;
    background: currentColor;
    content: "";
}

/* Hero Ana Başlığını Güçlü ve Sıkı Tipografiyle Göster */
.public-home-hero h1 {
    max-width: 800px;
    margin: 1.4rem 0 1.5rem;
    font-size: clamp(3.5rem, 7.3vw, 7.5rem);
    font-weight: 900;
    letter-spacing: -0.075em;
    line-height: 0.86;
}

/* Hero Açıklamasını Sessiz ve Okunabilir Tut */
.public-home-hero__lead {
    max-width: 630px;
    margin: 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    line-height: 1.65;
}

/* Ana Sayfa Butonlarını Esnek Satırda Hizala */
.public-home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 2rem;
}

/* Ana Sayfa Ortak Buton Yüzeyini Tanımla */
.public-home-button {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.9rem 1.35rem;
    border: 1px solid transparent;
    color: var(--public-night);
    font-size: 0.9rem;
    font-weight: 870;
    text-decoration: none;
    transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}

/* Ana Sayfa Buton Etkileşiminde Hafif Yükselme Göster */
.public-home-button:hover,
.public-home-button:focus-visible {
    transform: translateY(-3px);
}

/* Ana Hero Butonunu Sinyal Rengiyle Göster */
.public-home-button--signal {
    color: #fff;
    background: var(--public-brand);
}

/* İkincil Hero Butonunu Şeffaf Yüzeyle Göster */
.public-home-button--ghost {
    border-color: rgba(255, 255, 255, 0.24);
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
}

/* Hero Güven Kanıtlarını Sıfırla ve Satırla */
.public-home-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1.35rem;
    margin: 2rem 0 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.78rem;
    font-weight: 720;
    list-style: none;
}

/* Hero Güven Kanıtı İşaretini Vurgu Rengiyle Göster */
.public-home-proof li span {
    margin-right: 0.42rem;
    color: var(--public-accent);
}

/* Hero Araç Vitrinini Açık Teknik Kart Olarak Göster */
.public-home-hero__visual {
    position: relative;
    min-width: 0;
    padding: clamp(1.25rem, 2.6vw, 2.25rem);
    color: var(--public-night);
    background: #eee8dc;
    box-shadow: 28px 28px 0 var(--public-brand);
    transform: rotate(-1.6deg);
}

/* Hero Vitrin Üst Satırını Teknik Etiket Gibi Hizala */
.public-home-visual__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #5d625f;
    font-size: 0.67rem;
    font-weight: 900;
    letter-spacing: 0.16em;
}

/* Hero Vitrin Üst Satırına Canlı Durum Noktası Ekle */
.public-home-visual__header i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--public-brand);
    box-shadow: 0 0 0 6px rgba(255, 86, 56, 0.14);
}

/* Hero Vitrin Başlığını Büyük Göster */
.public-home-visual__title {
    display: block;
    max-width: 520px;
    margin-top: 0.75rem;
    font-size: clamp(1.6rem, 3.2vw, 3.1rem);
    font-weight: 900;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

/* Hero Araç Görseline Yeterli Alan Ver */
.public-home-visual__media {
    display: grid;
    min-height: 290px;
    place-items: center;
    margin: 1.35rem -0.5rem 0;
    overflow: hidden;
    background:
        linear-gradient(rgba(17, 20, 22, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 20, 22, 0.07) 1px, transparent 1px);
    background-size: 42px 42px;
}

/* Yönetilen Hero Kapak Görselini Kart Alanına Yerleştir */
.public-home-visual__media img {
    width: 100%;
    height: 100%;
    min-height: 290px;
    object-fit: cover;
    filter: saturate(0.82) contrast(1.08);
}

/* Kod Tabanlı Araç İllüstrasyonunu Genişliğe Yerleştir */
.public-home-visual__media svg {
    width: 108%;
    height: auto;
}

/* Araç Gövdesini Sinyal Rengiyle Çiz */
.public-home-car__body {
    fill: var(--public-brand);
    stroke: var(--public-night);
    stroke-width: 8;
}

/* Araç Camlarını Koyu Yüzeyle Göster */
.public-home-car__glass {
    fill: var(--public-night-soft);
}

/* Araç Detay Çizgilerini Teknik Konturla Göster */
.public-home-car__line,
.public-home-car__glow {
    fill: none;
    stroke: var(--public-night);
    stroke-width: 6;
}

/* Araç Zemin Çizgisini Vurgu Rengiyle Göster */
.public-home-car__glow {
    stroke: var(--public-accent);
    stroke-width: 18;
}

/* Araç Tekerlerini Koyu Renkle Göster */
.public-home-car__wheel {
    fill: var(--public-night);
    stroke: #eee8dc;
    stroke-width: 9;
}

/* Araç Teker Merkezlerini Vurgu Rengiyle Göster */
.public-home-car__wheel-core {
    fill: var(--public-accent);
}

/* Hero Durum Satırını Üst Çizgiyle Ayır */
.public-home-visual__status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(17, 20, 22, 0.18);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

/* Hero Durum Noktasını Aktif Renkle Göster */
.public-home-visual__status i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 0.5rem;
    border-radius: 50%;
    background: #169c5b;
}

/* Hero Servis Adımlarını Dört Sütunlu Çizgide Göster */
.public-home-visual__rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 1.2rem -2.25rem -2.25rem;
    color: rgba(255, 255, 255, 0.66);
    background: var(--public-night);
}

/* Tek Hero Servis Adımını Dikey Hizala */
.public-home-visual__rail span {
    display: flex;
    min-height: 80px;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.75rem;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    font-size: 0.61rem;
    font-weight: 750;
    line-height: 1.2;
}

/* Hero Servis Adım Numarasını Vurgu Rengiyle Göster */
.public-home-visual__rail b {
    color: var(--public-accent);
    font-size: 0.62rem;
}

/* Vitrin İstatistiklerini Sinyal Renkli Bantta Göster */
.public-home-stats {
    color: #fff;
    background: var(--public-brand);
}

/* Vitrin İstatistiklerini Eşit Sütunlara Yerleştir */
.public-home-stats__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Tek Vitrin İstatistiğini Yatay Hizala */
.public-home-stats__grid > div {
    display: flex;
    min-height: 124px;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem clamp(1rem, 3vw, 2.5rem);
    border-right: 1px solid rgba(255, 255, 255, 0.22);
}

/* İstatistik Değerini Büyük Göster */
.public-home-stats strong {
    color: #fff;
    font-size: clamp(1.65rem, 3vw, 2.8rem);
    font-weight: 950;
    letter-spacing: -0.06em;
    white-space: nowrap;
}

/* İstatistik Etiketini Okunabilir Tut */
.public-home-stats span {
    max-width: 170px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.78rem;
    font-weight: 720;
    line-height: 1.35;
}

/* Ana Sayfa Bölümlerinin Dikey Ritmini Tanımla */
.public-home-section {
    padding: clamp(5.5rem, 10vw, 9.5rem) 0;
}

/* Sıkıştırılmış Ana Sayfa Bölümü Boşluğunu Tanımla */
.public-home-section--compact {
    padding: clamp(3.5rem, 7vw, 6rem) 0;
}

/* Koyu Ana Sayfa Bölümünü Yüksek Kontrastla Göster */
.public-home-section--ink {
    color: #fff;
    background: var(--public-night);
}

/* Sıcak Ana Sayfa Bölümü Zemini Tanımla */
.public-home-section--warm {
    background: #e8dfcf;
}

/* Açık Kağıt Ana Sayfa Bölümü Zemini Tanımla */
.public-home-section--paper {
    background: #fcfaf5;
}

/* Ana Sayfa Bölüm Başlıklarını Okunabilir Genişlikte Tut */
.public-home-heading {
    max-width: 900px;
    margin-bottom: clamp(2.8rem, 5vw, 5rem);
}

/* Ana Sayfa Bölüm Ana Başlıklarını Ölçeklendir */
.public-home-heading h2,
.public-home-process h2,
.public-home-cta h2 {
    margin: 1rem 0 1rem;
    font-size: clamp(2.7rem, 6vw, 6.4rem);
    font-weight: 920;
    letter-spacing: -0.07em;
    line-height: 0.92;
}

/* Ana Sayfa Bölüm Açıklamalarını Sessiz Renkte Tut */
.public-home-heading p,
.public-home-process__intro > p,
.public-home-cta p {
    max-width: 670px;
    margin: 0;
    color: var(--public-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}

/* Koyu Bölüm Açıklamasını Açık Renkte Göster */
.public-home-section--ink .public-home-heading p {
    color: rgba(255, 255, 255, 0.58);
}

/* İki Kolonlu Bölüm Başlığını Hizala */
.public-home-heading--split {
    display: grid;
    max-width: none;
    grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
    gap: 4rem;
    align-items: start;
}

/* İki Kolonlu Bölüm Başlığında Başlık Kenar Boşluğunu Sıfırla */
.public-home-heading--split h2 {
    margin-top: 0;
}

/* Değer Kartlarını Üç Eşit Sütuna Yerleştir */
.public-home-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Tek Değer Kartını Çizgilerle Ayır */
.public-home-value-grid article {
    min-height: 300px;
    padding: 2.4rem;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

/* Değer Kart Numarasını Vurgu Rengiyle Göster */
.public-home-value-grid article > span {
    color: var(--public-accent);
    font-size: 0.75rem;
    font-weight: 900;
}

/* Değer Kart Başlığını Belirginleştir */
.public-home-value-grid h3 {
    margin: 5.5rem 0 1rem;
    color: #fff;
    font-size: 1.55rem;
    font-weight: 880;
    letter-spacing: -0.045em;
}

/* Değer Kart Açıklamasını Sessiz Renkte Tut */
.public-home-value-grid p {
    margin: 0;
    color: rgba(255, 255, 255, 0.54);
    line-height: 1.65;
}

/* Yönetilen Editoryal İçeriği Koyu Bölümde Ayır */
.public-home-editorial {
    max-width: 920px;
    margin: 5rem 0 0 auto;
    padding: 2.5rem;
    border-left: 5px solid var(--public-brand);
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.04);
}

/* Editoryal İçerik Başlıklarını Açık Renkte Göster */
.public-home-editorial h2,
.public-home-editorial h3 {
    color: #fff;
}

/* Hizmet Kartlarını Üç Sütunlu Izgaraya Yerleştir */
.public-home-services {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--public-line);
    border-left: 1px solid var(--public-line);
}

/* Tek Hizmet Kartını Keskin Köşeli Yüzeyde Göster */
.public-home-services article {
    position: relative;
    min-height: 310px;
    padding: 2rem;
    border-right: 1px solid var(--public-line);
    border-bottom: 1px solid var(--public-line);
    background: rgba(255, 255, 255, 0.18);
    transition: color 180ms ease, background-color 180ms ease;
}

/* Hizmet Kartı Etkileşiminde Yüksek Kontrast Göster */
.public-home-services article:hover {
    color: #fff;
    background: var(--public-brand);
}

/* Hizmet Kodunu Teknik Etiket Olarak Göster */
.public-home-services article > span {
    font-size: 0.72rem;
    font-weight: 950;
}

/* Hizmet Kart Başlığını Alt Bölüme Yerleştir */
.public-home-services h3 {
    margin: 7rem 0 0.8rem;
    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: -0.055em;
}

/* Hizmet Kart Açıklamasını Okunabilir Tut */
.public-home-services p {
    max-width: 330px;
    margin: 0;
    color: var(--public-muted);
    line-height: 1.6;
}

/* Hizmet Kartı Etkileşiminde Açıklamayı Açık Renkte Göster */
.public-home-services article:hover p {
    color: rgba(255, 255, 255, 0.8);
}

/* Hizmet Kart Okunu Sağ Üstte Göster */
.public-home-services article > i {
    position: absolute;
    top: 1.8rem;
    right: 1.8rem;
    font-size: 1.25rem;
    font-style: normal;
}

/* Servis Süreci Alanını İki Sütuna Yerleştir */
.public-home-process {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(460px, 1.18fr);
    gap: clamp(4rem, 9vw, 9rem);
    align-items: start;
}

/* Servis Süreci Tanıtımını Üstte Sabit Tut */
.public-home-process__intro {
    position: sticky;
    top: 128px;
    margin: 0;
}

/* Metin Bağlantısını Alt Çizgili Eylem Olarak Göster */
.public-home-text-link {
    display: inline-flex;
    gap: 0.8rem;
    margin-top: 2rem;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid var(--public-brand);
    color: var(--public-ink);
    font-weight: 850;
    text-decoration: none;
}

/* Servis Süreci Adımlarını Sıfırla */
.public-home-process__steps {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Tek Servis Adımını Numaralı Satırda Göster */
.public-home-process__steps li {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 1.5rem;
    padding: 2.2rem 0;
    border-top: 1px solid var(--public-line);
}

/* Servis Adım Numarasını Sinyal Rengiyle Göster */
.public-home-process__steps > li > span {
    color: var(--public-brand);
    font-size: 1.35rem;
    font-weight: 950;
}

/* Servis Adım Başlığını Belirginleştir */
.public-home-process__steps h3 {
    margin: 0 0 0.6rem;
    font-size: 1.5rem;
    font-weight: 880;
    letter-spacing: -0.04em;
}

/* Servis Adım Açıklamasını Sessiz Renkte Tut */
.public-home-process__steps p {
    max-width: 520px;
    margin: 0;
    color: var(--public-muted);
    line-height: 1.65;
}

/* Bilgi Merkezi Sayfalarını Dikey Editoryal Listede Göster */
.public-home-notes {
    border-top: 1px solid var(--public-line);
}

/* Tek Bilgi Merkezi Bağlantısını Üç Kolonlu Satırda Göster */
.public-home-notes > a {
    display: grid;
    min-height: 156px;
    grid-template-columns: 70px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 1.5rem;
    padding: 1.6rem 0;
    border-bottom: 1px solid var(--public-line);
    color: var(--public-ink);
    text-decoration: none;
}

/* Bilgi Merkezi Sıra Numarasını Vurgu Rengiyle Göster */
.public-home-notes > a > span {
    color: var(--public-brand);
    font-weight: 950;
}

/* Bilgi Merkezi Başlığını Belirginleştir */
.public-home-notes h3 {
    margin: 0 0 0.4rem;
    font-size: clamp(1.5rem, 3vw, 2.7rem);
    font-weight: 900;
    letter-spacing: -0.055em;
}

/* Bilgi Merkezi Açıklamasını Sınırla */
.public-home-notes p {
    max-width: 760px;
    margin: 0;
    color: var(--public-muted);
}

/* Bilgi Merkezi Okunu Sağa Hizala */
.public-home-notes > a > i {
    justify-self: end;
    font-size: 1.4rem;
    font-style: normal;
}

/* Son Çağrıyı Sinyal Renkli Geniş Bantta Göster */
.public-home-cta {
    padding: clamp(5rem, 9vw, 8rem) 0;
    color: #fff;
    background: var(--public-brand);
}

/* Son Çağrı İçeriğini İki Kolona Yerleştir */
.public-home-cta__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 3rem;
}

/* Son Çağrı Teknik Etiketini Vurgu Rengiyle Göster */
.public-home-cta .public-home-kicker {
    color: var(--public-accent);
}

/* Son Çağrı Başlığını Sınırla */
.public-home-cta h2 {
    max-width: 850px;
    color: #fff;
}

/* Son Çağrı Açıklamasını Açık Renkte Tut */
.public-home-cta p {
    color: rgba(255, 255, 255, 0.76);
}

/* Son Çağrı Açık Butonunu Göster */
.public-home-button--light {
    color: var(--public-night);
    background: #fff;
}

/* Son Çağrı Kontur Butonunu Göster */
.public-home-button--outline-light {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
}

/* Yönetilen Sliderı Keskin Köşeli Geniş Vitrin Olarak Göster */
.public-managed-slider {
    border-radius: 0;
    box-shadow: var(--public-shadow);
}

/* Yönetilen Slider Görsellerine Geniş Sinematik Oran Ver */
.public-managed-slider .carousel-item > img {
    height: clamp(420px, 60vw, 720px);
}

/* Yönetilen Galeri Kartlarını Keskin Köşeli Göster */
.public-managed-gallery > a {
    border-radius: 0;
}

/* Yönetilen Public Sayfa Zeminini Yeni Renk Sistemiyle Uyumla */
.public-managed-page {
    background: var(--public-paper);
}

/* Kapaksız Yönetilen Hero Alanını Sıcak Zeminle Göster */
.public-managed-hero {
    border-radius: 0;
    background: #e8dfcf;
}

/* Yönetilen Public Sayfa Ana Başlığını Güçlendir */
.public-managed-hero h1,
.public-managed-page__header h1 {
    font-weight: 920;
    letter-spacing: -0.065em;
}

/* Alt Bilgiyi Koyu Geniş Izgarada Göster */
.public-footer {
    padding: 5rem 0 1.5rem;
    border-top: 0;
    color: #fff;
    background: #0b0d0e;
}

/* Alt Bilgi İçeriğini Marka ve İki Bağlantı Sütununa Yerleştir */
.public-footer__content {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(180px, 0.6fr) minmax(220px, 0.7fr);
    align-items: start;
    gap: 4rem;
}

/* Alt Bilgi Marka Alanını Sınırla */
.public-footer__brand {
    max-width: 520px;
}

/* Alt Bilgi Marka İşaretine Alt Boşluk Ver */
.public-footer__brand .public-brand__mark {
    margin-bottom: 1.5rem;
}

/* Alt Bilgi Marka Başlığını Büyük Göster */
.public-footer__brand > strong {
    display: block;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.8rem);
    font-weight: 920;
    letter-spacing: -0.065em;
}

/* Alt Bilgi Marka Açıklamasını Okunabilir Tut */
.public-footer__brand p {
    max-width: 490px;
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.48);
}

/* Alt Bilgi Kolon Başlığını Teknik Etiket Olarak Göster */
.public-footer__column > strong {
    display: block;
    margin-bottom: 1.15rem;
    color: var(--public-accent);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

/* Alt Bilgi Bağlantılarını Dikey Yerleştir */
.public-footer__links {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
}

/* Alt Bilgi Bağlantılarını Açık Renkte Göster */
.public-footer a {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.86rem;
}

/* Alt Bilgi Alt Satırını Üst Çizgiyle Ayır */
.public-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 4rem;
    padding-top: 1.4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.36);
    font-size: 0.72rem;
}

/* Geniş Ekranda Navigasyon Panelini Daima Göster */
@media (min-width: 992px) {
    .public-nav__panel.collapse {
        display: flex;
    }
}

/* Tablet Yerleşimlerini Tek Kolona Yaklaştır */
@media (max-width: 1199.98px) {
    .public-home-hero__layout {
        grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1.1fr);
        gap: 3rem;
    }

    .public-home-hero h1 {
        font-size: clamp(3.4rem, 7vw, 5.8rem);
    }

    .public-home-visual__rail {
        margin-right: -1.25rem;
        margin-bottom: -1.25rem;
        margin-left: -1.25rem;
    }

    .public-nav__links {
        gap: 0.95rem;
    }
}

/* Tablet ve Mobil Navigasyonu Açılır Panele Dönüştür */
@media (max-width: 991.98px) {
    .public-nav {
        flex-wrap: wrap;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    .public-nav__toggle {
        display: block;
        margin-left: auto;
    }

    .public-nav__panel {
        width: 100%;
        flex: 0 0 100%;
        padding: 1rem 0 0.4rem;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .public-nav__panel.show {
        display: block;
    }

    .public-nav__links {
        display: flex;
        align-items: stretch;
        flex-direction: column;
        gap: 0;
    }

    .public-nav__links > a,
    .public-nav__dropdown > button {
        display: block;
        width: 100%;
        padding: 0.75rem 0;
        text-align: left;
    }

    .public-nav__cta {
        width: 100%;
        margin-top: 0.8rem;
    }

    .public-home-hero,
    .public-home-hero__layout {
        min-height: auto;
    }

    .public-home-hero__layout {
        grid-template-columns: 1fr;
        gap: 4rem;
        padding-top: 5rem;
        padding-bottom: 6rem;
    }

    .public-home-hero__visual {
        max-width: 760px;
        margin-right: 1rem;
    }

    .public-home-heading--split,
    .public-home-process,
    .public-home-cta__content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .public-home-process__intro {
        position: static;
    }

    .public-home-services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-footer__content {
        grid-template-columns: minmax(0, 1fr) repeat(2, minmax(160px, 0.5fr));
        gap: 2.5rem;
    }
}

/* Mobil Vitrin Yerleşimini Tek Kolona İndir */
@media (max-width: 767.98px) {
    .public-brand small {
        display: none;
    }

    .public-home-hero__layout {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }

    .public-home-hero h1 {
        font-size: clamp(3.2rem, 16vw, 5.5rem);
    }

    .public-home-hero__lead {
        font-size: 1rem;
    }

    .public-home-actions,
    .public-home-button {
        width: 100%;
    }

    .public-home-proof {
        flex-direction: column;
    }

    .public-home-hero__visual {
        margin-right: 0.7rem;
        padding: 1rem;
        box-shadow: 12px 12px 0 var(--public-brand);
        transform: none;
    }

    .public-home-visual__media {
        min-height: 210px;
    }

    .public-home-visual__media img {
        min-height: 230px;
    }

    .public-home-visual__rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 1rem -1rem -1rem;
    }

    .public-home-stats__grid,
    .public-home-value-grid,
    .public-home-services {
        grid-template-columns: 1fr;
    }

    .public-home-stats__grid > div {
        min-height: 96px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    }

    .public-home-heading h2,
    .public-home-process h2,
    .public-home-cta h2 {
        font-size: clamp(2.7rem, 13vw, 4.5rem);
    }

    .public-home-heading--split {
        gap: 1.4rem;
    }

    .public-home-value-grid article {
        min-height: 250px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .public-home-services article {
        min-height: 260px;
    }

    .public-home-process__steps li {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 1rem;
    }

    .public-home-notes > a {
        grid-template-columns: 42px minmax(0, 1fr) 24px;
        gap: 0.8rem;
    }

    .public-home-notes p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .public-footer__content {
        grid-template-columns: 1fr;
    }

    .public-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Hareket Azaltma Tercihinde Yeni Vitrin Geçişlerini Kapat */
@media (prefers-reduced-motion: reduce) {
    .public-home-button,
    .public-home-services article {
        transition: none;
    }
}