/* -----------------------------
   1. Tasarım değişkenleri
   ----------------------------- */

:root {
    --bg: #040404;
    --surface: rgba(255, 255, 255, 0.035);
    --surface-strong: rgba(255, 255, 255, 0.055);
    --surface-dark: rgba(5, 5, 5, 0.72);

    --text: #ffffff;
    --text-soft: rgba(255, 255, 255, 0.72);
    --text-muted: rgba(255, 255, 255, 0.5);
    --text-faint: rgba(255, 255, 255, 0.28);

    --line: rgba(255, 255, 255, 0.08);
    --line-strong: rgba(255, 255, 255, 0.16);

    --accent: #72d2ff;
    --accent-soft: rgba(114, 210, 255, 0.16);

    --container: 1280px;
    --radius-lg: 28px;
    --radius-md: 20px;
    --radius-sm: 14px;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    color-scheme: dark;
}

body {
    margin: 0;
    min-width: 320px;
    min-height: 100vh;

    font-family:
        "Inter",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    line-height: 1.6;

    color: var(--text);
    background: var(--bg);

    overflow-x: hidden;
    isolation: isolate;
}

img {
    max-width: 100%;
}

a,
button,
input,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

#app {
    position: relative;
    width: 100%;
    min-height: 100vh;
}

/* -----------------------------
   2. Uzay arka planı / 3B canvas
   ----------------------------- */

body::before {
    content: "";
    position: fixed;
    inset: -100px;

    z-index: 0;
    pointer-events: none;

    background-image:
        radial-gradient(
            circle at 4% 9%,
            rgba(255, 255, 255, 0.85) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 9% 31%,
            rgba(255, 255, 255, 0.55) 0 0.9px,
            transparent 1.3px
        ),
        radial-gradient(
            circle at 14% 68%,
            rgba(120, 210, 255, 0.6) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 18% 18%,
            rgba(255, 255, 255, 0.7) 0 0.8px,
            transparent 1.2px
        ),
        radial-gradient(
            circle at 22% 84%,
            rgba(255, 255, 255, 0.5) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 27% 43%,
            rgba(130, 215, 255, 0.55) 0 0.9px,
            transparent 1.3px
        ),
        radial-gradient(
            circle at 31% 7%,
            rgba(255, 255, 255, 0.65) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 35% 73%,
            rgba(255, 255, 255, 0.45) 0 0.8px,
            transparent 1.2px
        ),
        radial-gradient(
            circle at 39% 29%,
            rgba(255, 255, 255, 0.75) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 43% 91%,
            rgba(120, 210, 255, 0.55) 0 0.9px,
            transparent 1.3px
        ),
        radial-gradient(
            circle at 47% 52%,
            rgba(255, 255, 255, 0.65) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 51% 13%,
            rgba(255, 255, 255, 0.5) 0 0.8px,
            transparent 1.2px
        ),
        radial-gradient(
            circle at 55% 79%,
            rgba(130, 215, 255, 0.6) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 59% 36%,
            rgba(255, 255, 255, 0.7) 0 0.9px,
            transparent 1.3px
        ),
        radial-gradient(
            circle at 63% 5%,
            rgba(255, 255, 255, 0.45) 0 0.8px,
            transparent 1.2px
        ),
        radial-gradient(
            circle at 67% 63%,
            rgba(255, 255, 255, 0.75) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 71% 24%,
            rgba(120, 210, 255, 0.6) 0 0.9px,
            transparent 1.3px
        ),
        radial-gradient(
            circle at 75% 88%,
            rgba(255, 255, 255, 0.55) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 79% 47%,
            rgba(255, 255, 255, 0.65) 0 0.8px,
            transparent 1.2px
        ),
        radial-gradient(
            circle at 83% 11%,
            rgba(130, 215, 255, 0.55) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 87% 72%,
            rgba(255, 255, 255, 0.7) 0 0.9px,
            transparent 1.3px
        ),
        radial-gradient(
            circle at 91% 38%,
            rgba(255, 255, 255, 0.5) 0 0.8px,
            transparent 1.2px
        ),
        radial-gradient(
            circle at 95% 94%,
            rgba(120, 210, 255, 0.6) 0 1px,
            transparent 1.4px
        ),
        radial-gradient(
            circle at 98% 18%,
            rgba(255, 255, 255, 0.65) 0 0.8px,
            transparent 1.2px
        );

    background-size: 100% 100%;
    opacity: 0.75;

    animation: starsMove 160s linear infinite;
    will-change: transform;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;

    z-index: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(70, 160, 255, 0.055),
            transparent 42%
        ),
        radial-gradient(
            circle at 85% 70%,
            rgba(255, 255, 255, 0.02),
            transparent 32%
        );
}

@keyframes starsMove {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-60px, 40px, 0);
    }
}

#three-canvas {
    position: fixed;
    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 1;
    pointer-events: none;
}

#scroll-container {
    position: relative;
    z-index: 2;

    padding-top: 70px;
}

#ui-overlay {
    position: fixed;
    inset: 0;

    z-index: 10;
    pointer-events: none;
}

.scroll-indicator {
    position: fixed;
    right: 24px;
    top: 50%;

    width: 3px;
    height: 96px;

    transform: translateY(-50%);

    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.scroll-progress {
    width: 100%;
    height: 0;

    border-radius: inherit;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.92),
        rgba(114, 210, 255, 0.75)
    );

    transition: height 0.1s linear;
}

/* -----------------------------
   3. Yükleme ekranı
   ----------------------------- */

#loading-screen {
    position: fixed;
    inset: 0;

    z-index: 2000;

    display: flex;
    align-items: center;
    justify-content: center;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(80, 150, 230, 0.1),
            transparent 34%
        ),
        #040404;

    opacity: 1;
    visibility: visible;

    transition:
        opacity 0.45s ease,
        visibility 0.45s ease;
}

#loading-screen.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loading-content {
    width: min(420px, calc(100% - 40px));
    padding: 32px;

    text-align: center;
}

.loading-spinner {
    width: 48px;
    height: 48px;

    margin: 0 auto 24px;

    border: 2px solid rgba(255, 255, 255, 0.1);
    border-top-color: rgba(255, 255, 255, 0.85);
    border-radius: 50%;

    animation: spin 0.9s linear infinite;
}

.loading-content h2 {
    margin: 0 0 8px;

    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.loading-content p {
    margin: 0;

    font-size: 0.95rem;
    color: var(--text-muted);
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* -----------------------------
   4. Navigasyon menüsü
   ----------------------------- */

.navbar {
    position: fixed;
    top: 18px;
    left: 0;

    width: 100%;
    padding: 0 24px;

    z-index: 1000;

    background: transparent;
    border: 0;

    pointer-events: none;
}

.navbar-container {
    width: 100%;
    max-width: var(--container);
    height: 72px;

    margin: 0 auto;
    padding: 0 28px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;

    background: rgba(5, 5, 5, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);

    box-shadow: 0 14px 50px rgba(0, 0, 0, 0.28);

    pointer-events: auto;
}

.navbar-logo {
    width: 170px;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    flex: 0 0 auto;
}

.navbar-logo img {
    width: auto;
    height: 100px;

    object-fit: contain;
    transform: translateX(-16px);
}

.navbar-nav {
    display: flex;
    align-items: center;
}

.nav-menu {
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    gap: 30px;

    list-style: none;
}

.nav-item {
    position: relative;
}

.nav-link {
    position: relative;

    display: inline-flex;
    align-items: center;

    padding: 12px 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: 14px;
    font-weight: 400;
    text-decoration: none;

    transition: color 0.25s ease;
}

.nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 5px;

    width: 0;
    height: 1px;

    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.82);

    transition: width 0.25s ease;
}

.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;

    width: max-content;
    min-width: 230px;

    margin: 0;
    padding: 10px;

    list-style: none;

    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;

    background: rgba(8, 8, 8, 0.94);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateX(-50%) translateY(-8px) scale(0.98);
    transform-origin: top center;

    transition:
        opacity 0.22s ease,
        visibility 0.22s ease,
        transform 0.22s ease;
}

.dropdown-menu li {
    list-style: none;
}

.dropdown-menu a {
    display: block;

    padding: 11px 14px;

    border-radius: 12px;

    color: rgba(255, 255, 255, 0.64);

    font-size: 13px;
    font-weight: 400;
    text-decoration: none;

    transition:
        color 0.22s ease,
        background 0.22s ease,
        transform 0.22s ease;
}

.navbar-toggle {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;

    border: 0;
    background: transparent;
}

.navbar-toggle span {
    display: block;

    width: 20px;
    height: 1px;

    border-radius: 999px;
    background: #fff;

    transition:
        transform 0.28s ease,
        opacity 0.22s ease;
}

.navbar-toggle.active span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.navbar-toggle.active span:nth-child(2) {
    opacity: 0;
}

.navbar-toggle.active span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

@media (hover: hover) and (pointer: fine) {
    .nav-link:hover {
        color: #fff;
    }

    .nav-link:hover::after {
        width: 100%;
    }

    .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;

        transform: translateX(-50%) translateY(0) scale(1);
    }

    .dropdown-menu a:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.07);
        transform: translateX(3px);
    }
}

/* -----------------------------
   5. Ana giriş (Hero) bölümü
   ----------------------------- */

.hero-section {
    position: relative;

    min-height: 100vh;
    padding: 110px 24px 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: none;
}

.hero-content {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
    pointer-events: none;
}

.hero-eyebrow {
    margin: 0 0 28px;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.35em;

    color: rgba(255, 255, 255, 0.4);
}

.hero-animated-sentences {
    position: relative;

    width: 100%;
    max-width: 1100px;
    min-height: 210px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sentence {
    position: absolute;
    left: 50%;
    top: 50%;

    width: 100%;

    margin: 0;
    padding: 0 20px;

    color: #fff;

    font-size: clamp(3rem, 5.6vw, 5.4rem);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.06em;
    text-align: center;

    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
    animation: none;

    opacity: 0;

    transform: translate(-50%, -50%) translateY(45px) scale(0.94);

    transition:
        opacity 0.65s ease,
        transform 0.65s var(--ease);
}

.hero-sentence.active {
    opacity: 1;
    z-index: 2;

    transform: translate(-50%, -50%) translateY(0) scale(1);
}

.hero-sentence.exit {
    opacity: 0;
    z-index: 1;

    transform: translate(-50%, -50%) translateY(-45px) scale(1.02);
}

.hero-sentence.enter {
    opacity: 0;
    z-index: 2;

    transform: translate(-50%, -50%) translateY(45px) scale(0.94);
}

.hero-sentence span {
    color: rgba(255, 255, 255, 0.4);
}

.hero-description {
    max-width: 680px;

    margin: 28px 0 0;

    color: var(--text-muted);

    font-size: 1.05rem;
    font-weight: 300;
    line-height: 1.8;
}

.hero-actions {
    margin-top: 34px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    pointer-events: auto;
}

.hero-btn {
    min-height: 50px;
    padding: 0 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;

    font-size: 13px;
    font-weight: 500;
    text-decoration: none;

    transition:
        transform 0.28s ease,
        color 0.28s ease,
        background 0.28s ease,
        border-color 0.28s ease;
}

.hero-btn-primary {
    color: #050505;
    background: #fff;
    border-color: #fff;
}

.hero-btn-secondary {
    color: rgba(255, 255, 255, 0.82);
    background: rgba(0, 0, 0, 0.12);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

@media (hover: hover) and (pointer: fine) {
    .hero-btn:hover {
        transform: translateY(-2px);
    }

    .hero-btn-primary:hover {
        background: rgba(255, 255, 255, 0.86);
    }

    .hero-btn-secondary:hover {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.4);
    }
}

/* -----------------------------
   6. Genel içerik bölümleri
   ----------------------------- */

.scroll-section {
    position: relative;

    min-height: 100vh;
    padding: 120px 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: transparent;
    overflow: hidden;

    scroll-margin-top: 100px;
}

.scroll-section:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;

    width: min(var(--container), 92%);
    height: 1px;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.07),
        transparent
    );
}

.section-content {
    width: 100%;
    max-width: var(--container);

    margin: 0 auto;
    padding: 0;

    text-align: left;
}

.section-content h1,
.section-content h2,
.section-content h3 {
    color: #fff;
}

.section-content h2 {
    margin: 0 0 48px;

    font-size: clamp(2.8rem, 5vw, 4.6rem);
    font-weight: 500;
    line-height: 0.95;
    letter-spacing: -0.055em;
    text-align: left;

    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
    animation: none;
}

.section-content > p {
    max-width: 850px;

    margin: 0;

    color: rgba(255, 255, 255, 0.55);

    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
    font-weight: 300;
    line-height: 1.9;
}

/* -----------------------------
   7. Hakkımızda
   ----------------------------- */

#hakkimizda {
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 120px;

    background: transparent;
}

#hakkimizda .section-content {
    position: relative;

    padding: 70px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#hakkimizda .section-content::before {
    display: block;
    margin-bottom: 36px;

    color: var(--text-faint);

    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.34em;
}

#hakkimizda .section-content::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    width: 90px;
    height: 1px;

    background: rgba(255, 255, 255, 0.55);
}

#hakkimizda h2 {
    max-width: 900px;

    margin-bottom: 42px;

    font-size: clamp(3rem, 5.5vw, 5rem);
    line-height: 0.92;
    letter-spacing: -0.06em;
}

#hakkimizda p {
    max-width: 900px;

    color: rgba(255, 255, 255, 0.55);

    font-size: clamp(1.05rem, 1.55vw, 1.25rem);
    font-weight: 300;
    line-height: 1.9;
}

/* -----------------------------
   8. Misyon / Vizyon
   ----------------------------- */

.mission-vision-wrapper {
    width: 100%;
    max-width: 1328px;

    margin: 0 auto;
    padding: 40px 24px 100px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

#misyon,
#vizyon {
    width: 100%;
    min-height: auto;

    padding: 0;
}

#misyon .section-content,
#vizyon .section-content {
    position: relative;

    width: 100%;
    min-height: 420px;
    height: 100%;

    padding: 48px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 26px;

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.045),
        rgba(255, 255, 255, 0.015)
    );

    overflow: hidden;

    transition:
        transform 0.38s var(--ease),
        border-color 0.38s ease,
        background 0.38s ease;
}

#misyon .section-content::before,
#vizyon .section-content::before {
    display: block;

    margin-bottom: 42px;

    color: var(--text-faint);

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.32em;
}

#misyon .section-content::after,
#vizyon .section-content::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -90px;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 50%;

    pointer-events: none;
}

#misyon h2,
#vizyon h2 {
    /* Numara etiketi kaldırıldığı için başlık-alt metin boşluğu burada verilir */
    margin: 0 0 42px;

    font-size: clamp(2.4rem, 4vw, 3.8rem);
    line-height: 0.95;
}

#misyon p,
#vizyon p {
    max-width: 680px;

    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 1rem;
    font-weight: 300;
    line-height: 1.85;
}

@media (hover: hover) and (pointer: fine) {
    #misyon .section-content:hover,
    #vizyon .section-content:hover {
        transform: translateY(-5px);

        border-color: rgba(255, 255, 255, 0.18);

        background: linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.07),
            rgba(255, 255, 255, 0.02)
        );
    }
}

/* -----------------------------
   9. Sertifikalar
   ----------------------------- */

#sertifikalar {
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

#sertifikalar .section-content {
    position: relative;

    padding: 70px 60px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#sertifikalar .section-content::before {
    display: block;
    margin-bottom: 32px;

    color: rgba(255, 255, 255, 0.25);

    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.35em;
}

#sertifikalar .section-content::after {
    content: "ISO";

    position: absolute;
    right: 20px;
    top: 50%;

    transform: translateY(-50%);

    color: rgba(255, 255, 255, 0.025);

    font-size: clamp(7rem, 18vw, 16rem);
    font-weight: 600;
    letter-spacing: -0.08em;

    pointer-events: none;
}

#sertifikalar h2 {
    max-width: 900px;
    margin-bottom: 38px;
}

#sertifikalar p {
    max-width: 850px;

    color: rgba(255, 255, 255, 0.48);

    font-size: 1.05rem;
    line-height: 1.9;
}

/* -----------------------------
   10. Dinamik Hizmetler / Çözümler
   ----------------------------- */

.services-container,
.services-container-reverse {
    position: relative;

    width: 100%;
    max-width: var(--container);

    margin: 54px auto 0;
    padding: clamp(24px, 3vw, 42px);

    display: grid;
    grid-template-columns: minmax(320px, 1.05fr) minmax(0, 0.95fr);
    align-items: center;
    gap: clamp(40px, 6vw, 90px);

    border: 1px solid var(--line);
    border-radius: 28px;

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.035),
        rgba(255, 255, 255, 0.012)
    );

    overflow: hidden;

    transition:
        transform 0.38s var(--ease),
        border-color 0.38s ease,
        background 0.38s ease;
}

.services-image {
    width: 100%;
    height: clamp(340px, 38vw, 500px);

    display: block;

    object-fit: cover;

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.025);

    transition:
        transform 0.7s var(--ease),
        filter 0.4s ease;
}

.services-text-container {
    margin: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;

    text-align: left;
}

.services-text-container::before {
    content: "";

    width: 42px;
    height: 1px;
    margin-bottom: 4px;

    background: rgba(255, 255, 255, 0.35);
}

.services-subheader {
    margin: 0;

    color: rgba(255, 255, 255, 0.88);

    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.6;
    text-align: left;
}

.services-text {
    max-width: 650px;

    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 1rem;
    font-weight: 300;
    line-height: 1.85;
}

.services-list {
    width: 100%;

    margin: 4px 0;
    padding: 0;

    display: grid;
    gap: 10px;

    list-style: none;
}

.services-list li {
    position: relative;

    padding-left: 24px;

    color: rgba(255, 255, 255, 0.58);

    font-size: 0.96rem;
    font-weight: 300;
    line-height: 1.65;
}

.services-list li::before {
    content: "";

    position: absolute;
    left: 0;
    top: 0.68em;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.035);
}

.services-container-reverse .services-image {
    order: 2;
}

.services-container-reverse .services-text-container {
    order: 1;
}

@media (hover: hover) and (pointer: fine) {
    .services-container:hover,
    .services-container-reverse:hover {
        transform: translateY(-4px);

        border-color: rgba(255, 255, 255, 0.15);

        background: linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.05),
            rgba(255, 255, 255, 0.015)
        );
    }

    .services-container:hover .services-image,
    .services-container-reverse:hover .services-image {
        transform: scale(1.018);
    }
}

/* -----------------------------
   11. Referanslar
   ----------------------------- */

#referanslar {
    min-height: auto;
    padding-top: 110px;
    padding-bottom: 110px;
}

#referanslar .section-content {
    padding-top: 60px;
    padding-bottom: 60px;

    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

#referanslar .section-content::before {
    display: block;
    margin-bottom: 30px;

    color: var(--text-faint);

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.32em;
}

#referanslar h2 {
    margin-bottom: 30px;
}

#referanslar .section-content > p {
    max-width: 760px;
    margin-bottom: 50px;

    color: rgba(255, 255, 255, 0.5);

    font-size: 1rem;
    line-height: 1.8;
}

.references-logos {
    width: 100%;

    margin: 30px 0 0;
    padding: 0;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.reference-logo-item {
    width: 100%;

    display: flex;

    transition: transform 0.32s var(--ease);
}

.reference-logo {
    width: 100%;
    height: 125px;

    padding: 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--line);
    border-radius: 18px;

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.035),
        rgba(255, 255, 255, 0.012)
    );

    overflow: hidden;

    transition:
        border-color 0.32s ease,
        background 0.32s ease;
}

.reference-logo img {
    width: 100%;
    height: 100%;

    object-fit: contain;

    filter: none;
    opacity: 1;

    transition: transform 0.32s var(--ease);
}

.reference-name {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .reference-logo-item:hover {
        transform: translateY(-3px);
    }

    .reference-logo:hover {
        border-color: var(--line-strong);

        background: linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.018)
        );
    }

    .reference-logo:hover img {
        transform: scale(1.035);
    }
}

/* -----------------------------
   12. Memora AI / form
   ----------------------------- */

#memora-ai {
    min-height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

#memora-ai .section-content {
    position: relative;

    max-width: 1100px;

    padding: 64px 56px;

    border: 1px solid rgba(120, 210, 255, 0.14);
    border-radius: 30px;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(80, 190, 255, 0.08),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.045),
            rgba(255, 255, 255, 0.012)
        );

    overflow: hidden;
}

#memora-ai .section-content::before {
    display: block;
    margin-bottom: 28px;

    color: rgba(135, 215, 255, 0.55);

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.32em;
}

#memora-ai h2 {
    margin-bottom: 28px;
}

.geovinci-description {
    margin-bottom: 42px;

    text-align: left;
}

.geovinci-description p {
    max-width: 760px;

    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 1rem;
    line-height: 1.8;
}

.geovinci-form-container {
    width: 100%;
    max-width: none;

    margin: 0;
    padding: 28px;

    border: 1px solid var(--line);
    border-radius: 22px;

    background: rgba(255, 255, 255, 0.025);

    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.geovinci-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    margin: 0;

    color: rgba(255, 255, 255, 0.44);

    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.form-group input,
.form-group textarea {
    width: 100%;

    padding: 15px 16px;

    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 13px;

    outline: none;

    color: #fff;
    background: rgba(255, 255, 255, 0.03);

    font-size: 15px;

    transition:
        border-color 0.28s ease,
        background 0.28s ease,
        box-shadow 0.28s ease;
}

.form-group textarea {
    min-height: 150px;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: rgba(110, 205, 255, 0.45);

    background: rgba(255, 255, 255, 0.045);

    box-shadow: 0 0 0 4px rgba(80, 190, 255, 0.04);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.22);
}

.file-info {
    margin-top: 4px;

    color: rgba(255, 255, 255, 0.27);

    font-size: 11px;
}

#geovinci-submit,
.submit-btn {
    align-self: flex-start;

    min-height: 50px;
    padding: 0 26px;

    border: 1px solid rgba(120, 210, 255, 0.35);
    border-radius: 999px;

    color: #021018;
    background: linear-gradient(
        90deg,
        rgba(105, 205, 255, 0.95),
        rgba(105, 170, 255, 0.95)
    );

    font-size: 13px;
    font-weight: 600;

    box-shadow: 0 10px 30px rgba(60, 160, 255, 0.12);

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        filter 0.28s ease;
}

#geovinci-submit:disabled,
.submit-btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.btn-loading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-loading .loading-spinner {
    width: 16px;
    height: 16px;

    margin: 0;

    border-width: 2px;
    border-color: rgba(2, 16, 24, 0.18);
    border-top-color: #021018;
}

@media (hover: hover) and (pointer: fine) {
    #geovinci-submit:hover:not(:disabled),
    .submit-btn:hover:not(:disabled) {
        transform: translateY(-2px);

        filter: brightness(1.05);

        box-shadow: 0 14px 36px rgba(60, 160, 255, 0.18);
    }
}

/* -----------------------------
   13. İletişim
   ----------------------------- */

#iletisim {
    min-height: auto;
    padding-top: 110px;
    padding-bottom: 110px;
}

#iletisim h2 {
    margin-bottom: 55px;
}

#iletisim .section-content > p {
    max-width: 760px;
    margin-bottom: 48px;

    color: rgba(255, 255, 255, 0.5);

    font-size: 1rem;
    line-height: 1.8;
}

.contact-container {
    display: grid;
    grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
    align-items: stretch;
    gap: 18px;

    margin-top: 0;
}

.contact-info {
    position: relative;

    padding: 38px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border: 1px solid var(--line);
    border-radius: 24px;

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.04),
        rgba(255, 255, 255, 0.012)
    );

    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);

    overflow: hidden;
}

.contact-info::before {
    content: "";

    position: absolute;
    left: -150px;
    top: -150px;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(90, 190, 255, 0.08),
        transparent 70%
    );

    pointer-events: none;
}

.contact-info h3 {
    position: relative;

    margin: 0 0 24px;

    color: #fff;

    font-size: 1.1rem;
    font-weight: 500;
    text-align: left;
}

.contact-info p {
    position: relative;

    margin: 0;
    padding: 14px 0;

    display: flex;
    align-items: flex-start;
    gap: 10px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

    color: rgba(255, 255, 255, 0.64);

    font-size: 0.95rem;
    line-height: 1.65;
}

.contact-info p:last-of-type {
    border-bottom: 0;
}

.contact-info strong {
    min-width: 118px;

    color: rgba(255, 255, 255, 0.9);

    font-weight: 500;
}

.contact-info a {
    color: rgba(114, 210, 255, 0.9) !important;
    text-decoration: none !important;
}

.social-media-icons {
    position: relative;
}

.contact-map {
    min-height: 480px;

    overflow: hidden;

    border: 1px solid var(--line);
    border-radius: 24px;

    background: rgba(255, 255, 255, 0.02);
}

.contact-map iframe {
    width: 100%;
    height: 100%;
    min-height: 480px;

    display: block;

    border: 0;
    border-radius: 0;
    box-shadow: none;

    filter: grayscale(0.2) contrast(1.04) brightness(0.86);
}

/* -----------------------------
   14. İsteğe bağlı proje kartları
   ----------------------------- */

.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;

    margin-top: 32px;
}

.project-item {
    padding: 24px;

    border: 1px solid var(--line);
    border-radius: 18px;

    background: var(--surface);

    transition:
        transform 0.3s var(--ease),
        border-color 0.3s ease,
        background 0.3s ease;
}

.project-item h3 {
    margin: 0 0 10px;

    color: #fff;

    font-size: 1.15rem;
    font-weight: 500;
}

.project-item p {
    margin: 0;

    color: var(--text-muted);

    font-size: 0.94rem;
    line-height: 1.65;
}

@media (hover: hover) and (pointer: fine) {
    .project-item:hover {
        transform: translateY(-3px);
        border-color: var(--line-strong);
        background: var(--surface-strong);
    }
}

/* -----------------------------
   15. Bildirim mesajları
   ----------------------------- */

.toast-container {
    position: fixed;
    top: 104px;
    right: 24px;

    z-index: 3000;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.toast {
    width: min(360px, calc(100vw - 40px));

    padding: 14px 16px;

    border: 1px solid var(--line);
    border-left: 3px solid rgba(255, 255, 255, 0.35);
    border-radius: 14px;

    color: #fff;
    background: rgba(8, 8, 8, 0.94);

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);

    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);

    opacity: 0;
    transform: translateX(24px);

    transition:
        opacity 0.28s ease,
        transform 0.28s var(--ease);
}

.toast.show {
    opacity: 1;
    transform: translateX(0);
}

.toast.success {
    border-left-color: #75e6bf;
}

.toast.error {
    border-left-color: #ff7a7a;
}

.toast.info {
    border-left-color: var(--accent);
}

/* -----------------------------
   16. Alt bilgi (Footer)
   ----------------------------- */

.footer,
footer {
    position: relative;

    width: 100%;

    margin-top: 40px;
    padding: 42px 24px 34px;

    color: var(--text-soft);
    background: transparent;

    border-top: 1px solid rgba(255, 255, 255, 0.07);

    animation: none;
    overflow: visible;
}

.footer::before {
    display: none;
}

.footer-content {
    width: 100%;
    max-width: var(--container);

    margin: 0 auto;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.footer-left p,
.footer-content p {
    margin: 0;

    color: rgba(255, 255, 255, 0.3);

    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.03em;
}

.footer-right {
    display: flex;
    align-items: center;
}

.developer-logo {
    display: inline-flex;

    border-radius: 0;

    opacity: 0.62;

    overflow: visible;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;
}

.developer-logo::before {
    display: none;
}

.developer-logo img {
    width: 120px !important;
    height: auto !important;

    object-fit: contain;

    transition: none;
}

.footer-content a {
    color: rgba(255, 255, 255, 0.44);
    text-decoration: none;

    transition: color 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
    .developer-logo:hover {
        opacity: 1;
        transform: translateY(-2px);
        box-shadow: none;
    }

    .footer-content a:hover {
        color: #fff;
    }
}

/* -----------------------------
   17. Kaydırma çubuğu
   ----------------------------- */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #060606;
}

::-webkit-scrollbar-thumb {
    border: 2px solid #060606;
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.34);
}

/* -----------------------------
   18. Mobil / tablet uyumluluğu
   ----------------------------- */

@media (max-width: 900px) {
    .navbar {
        top: 10px;
        padding: 0 12px;
    }

    .navbar-container {
        height: 62px;
        padding: 0 12px 0 10px;

        border-radius: 22px;
    }

    .navbar-logo {
        width: 130px;
        height: 58px;
    }

    .navbar-logo img {
        height: 82px;
        transform: translateX(-14px);
    }

    .navbar-toggle {
        position: relative;
        z-index: 1002;

        width: 42px;
        height: 42px;

        display: flex;

        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;

        background: rgba(255, 255, 255, 0.04);
    }

    .navbar-nav {
        position: fixed;
        inset: 0;

        width: 100%;
        min-height: 100dvh;

        padding: 104px 24px 40px;

        display: flex;
        align-items: flex-start;

        background: rgba(0, 0, 0, 0.97);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        transition:
            opacity 0.3s ease,
            visibility 0.3s ease;
    }

    .navbar-nav.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .nav-menu {
        width: 100%;

        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .nav-item {
        width: 100%;
    }

    .nav-link {
        width: 100%;
        padding: 17px 0;

        display: flex;
        justify-content: space-between;

        border-bottom: 1px solid rgba(255, 255, 255, 0.08);

        color: rgba(255, 255, 255, 0.92);

        font-size: clamp(1.3rem, 5vw, 1.65rem);
        font-weight: 500;
        letter-spacing: -0.03em;
    }

    .nav-link::after {
        display: none;
    }

    .dropdown-menu {
        position: static;

        width: 100%;
        min-width: 0;
        max-height: 0;

        margin: 0;
        padding: 0;

        border: 0;
        border-radius: 0;

        background: transparent;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;

        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        pointer-events: none;

        transform: none;

        transition:
            max-height 0.3s ease,
            opacity 0.3s ease,
            visibility 0.3s ease;
    }

    .nav-item.dropdown.mobile-open .dropdown-menu,
    .navbar-nav.active .nav-item.dropdown.mobile-open .dropdown-menu {
        max-height: 520px;

        padding-bottom: 10px;

        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .dropdown-menu a {
        padding: 11px 0 11px 16px;

        color: rgba(255, 255, 255, 0.52);

        font-size: 0.95rem;
    }

    .mission-vision-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;

        padding: 30px 20px 80px;
    }
}

@media (max-width: 768px) {
    #scroll-container {
        padding-top: 62px;
    }

    .hero-section {
        min-height: 100svh;
        height: 100svh;

        padding: 96px 18px 46px;

        overflow: hidden;
    }

    #three-canvas,
    canvas {
        min-height: 100svh !important;
    }

    #three-container {
        position: fixed;
        inset: 0;

        width: 100vw;
        height: 100svh;

        overflow: hidden;
    }

    .hero-content {
        max-width: 100%;
    }

    .hero-eyebrow {
        margin-bottom: 20px;

        font-size: 8px;
        letter-spacing: 0.22em;
    }

    .hero-animated-sentences {
        min-height: 150px;
    }

    .hero-sentence {
        padding: 0 6px;

        font-size: clamp(2.15rem, 10vw, 3.4rem);
        line-height: 0.98;
    }

    .hero-description {
        max-width: 340px;

        margin-top: 20px;

        font-size: 0.94rem;
        line-height: 1.7;
    }

    .hero-actions {
        width: 100%;

        margin-top: 24px;

        flex-direction: column;
        gap: 10px;
    }

    .hero-btn {
        width: 100%;
        max-width: 300px;

        min-height: 48px;
    }

    .scroll-section {
        min-height: auto;
        padding: 80px 18px;
    }

    .section-content h2 {
        margin-bottom: 28px;

        font-size: clamp(2.2rem, 10vw, 3.4rem);
        line-height: 0.97;
    }

    .section-content > p {
        font-size: 0.98rem;
        line-height: 1.75;
    }

    #hakkimizda {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #hakkimizda .section-content {
        padding: 48px 0;
    }

    #hakkimizda .section-content::before {
        margin-bottom: 28px;

        font-size: 9px;
        letter-spacing: 0.28em;
    }

    #hakkimizda h2 {
        margin-bottom: 30px;

        font-size: clamp(2.4rem, 11vw, 3.8rem);
    }

    #hakkimizda p {
        font-size: 0.98rem;
        line-height: 1.8;
    }

    #misyon .section-content,
    #vizyon .section-content {
        min-height: auto;

        padding: 34px 24px;

        border-radius: 20px;
    }

    #misyon h2,
    #vizyon h2 {
        font-size: clamp(2.2rem, 10vw, 3.3rem);
    }

    #misyon p,
    #vizyon p {
        font-size: 0.96rem;
        line-height: 1.75;
    }

    #sertifikalar {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #sertifikalar .section-content {
        padding: 45px 10px;
    }

    #sertifikalar .section-content::after {
        right: 0;

        font-size: 8rem;
        opacity: 0.7;
    }

    #sertifikalar p {
        font-size: 1rem;
        line-height: 1.8;
    }

    .services-container,
    .services-container-reverse {
        grid-template-columns: 1fr;
        gap: 28px;

        margin-top: 32px;
        padding: 16px;

        border-radius: 20px;
    }

    .services-container .services-image,
    .services-container-reverse .services-image {
        order: 1;
    }

    .services-container .services-text-container,
    .services-container-reverse .services-text-container {
        order: 2;
    }

    .services-image {
        height: 250px;

        border-radius: 15px;
    }

    .services-text-container {
        padding: 4px 6px 14px;
        gap: 16px;
    }

    .services-subheader {
        font-size: 1rem;
    }

    .services-text,
    .services-list li {
        font-size: 0.94rem;
    }

    #referanslar {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #referanslar .section-content {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .references-logos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .reference-logo {
        height: 90px;

        padding: 14px;

        border-radius: 14px;
    }

    #memora-ai {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    #memora-ai .section-content {
        padding: 38px 22px;

        border-radius: 22px;
    }

    .geovinci-description {
        margin-bottom: 30px;
    }

    .geovinci-form-container {
        padding: 18px;

        border-radius: 17px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .form-group input,
    .form-group textarea {
        font-size: 16px;
    }

    #geovinci-submit,
    .submit-btn {
        width: 100%;
    }

    #iletisim {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #iletisim h2 {
        margin-bottom: 35px;
    }

    .contact-container {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contact-info {
        padding: 26px 22px;

        border-radius: 19px;
    }

    .contact-info p {
        padding: 12px 0;

        flex-direction: column;
        gap: 4px;
    }

    .contact-info strong {
        min-width: 0;
    }

    .contact-map {
        min-height: 330px;

        border-radius: 19px;
    }

    .contact-map iframe {
        min-height: 330px;
    }

    .projects-grid {
        grid-template-columns: 1fr;
    }

    .footer,
    footer {
        margin-top: 24px;
        padding: 34px 20px 28px;
    }

    .footer-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .developer-logo img {
        width: 100px !important;
    }

    .scroll-indicator {
        display: none;
    }

    .toast-container {
        right: 14px;
        left: 14px;
    }

    .toast {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .references-logos {
        grid-template-columns: 1fr;
    }

    .reference-logo {
        height: 105px;
    }
}

/* -----------------------------
   20. Etkileşim ve son görsel düzenlemeler
   ----------------------------- */

.navbar-container {
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

body.is-scrolled .navbar-container {
    background: rgba(5, 5, 5, 0.78);
    border-color: rgba(255, 255, 255, 0.13);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.34);
}

.dropdown:focus-within .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) scale(1);
}

.nav-link:focus-visible,
.dropdown-menu a:focus-visible,
.hero-btn:focus-visible,
.submit-btn:focus-visible,
#geovinci-submit:focus-visible,
.navbar-toggle:focus-visible {
    outline: 2px solid rgba(114, 210, 255, 0.85);
    outline-offset: 4px;
}

.services-image,
.reference-logo-item,
.section-content {
    backface-visibility: hidden;
}

/* -----------------------------
   19. Erişilebilirlik / performans
   ----------------------------- */

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    body::before,
    .loading-spinner {
        animation: none;
    }

    *,
    *::before,
    *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* =========================================================
   21. MOBİL SON KONTROL VE TAŞMA DÜZELTMELERİ
   ========================================================= */

/*
   Mobil menü açıldığında arka sayfanın hareket etmesini engeller.
   Bu sınıf main.js tarafından eklenip kaldırılır.
*/
body.mobile-menu-open {
    overflow: hidden;
    touch-action: none;
}

/*
   Çok uzun içeriklerin sayfada yatay kaydırma oluşturmasını önler.
*/
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

@media (max-width: 900px) {
    /*
       Menü içeriği ekran yüksekliğini aşarsa,
       tüm sayfa yerine yalnızca menünün kendisi kaydırılır.
    */
    .navbar-nav {
        overflow-y: auto;
        overflow-x: hidden;

        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;

        padding-bottom: calc(40px + env(safe-area-inset-bottom));
    }

    /*
       Hamburger menü butonunun dokunmatik kullanım alanını korur.
    */
    .navbar-toggle {
        flex: 0 0 42px;

        min-width: 42px;
        min-height: 42px;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;
    }

    /*
       Hizmetler ve Çözümler açılır menüsü çok uzunsa
       telefon ekranında kendi içinde kaydırılabilir.
    */
    .nav-item.dropdown.mobile-open .dropdown-menu,
    .navbar-nav.active .nav-item.dropdown.mobile-open .dropdown-menu {
        max-height: min(52vh, 520px);

        overflow-y: auto;

        overscroll-behavior: contain;
    }
}

@media (max-width: 768px) {
    /*
       Grid ve flex elemanlarında uzun içerikten kaynaklanan
       yatay taşmaları önler.
    */
    .section-content,
    .services-container,
    .services-container-reverse,
    #memora-ai .section-content,
    .contact-container,
    .mission-vision-wrapper {
        min-width: 0;
    }

    /*
       Hizmet görselleri farklı telefon ekranlarında
       aynı en-boy oranını korur.
    */
    .services-image {
        width: 100%;
        height: auto;

        aspect-ratio: 16 / 10;

        object-fit: cover;
    }

    /*
       Misyon ve Vizyon kartlarında numara etiketleri kaldırıldığı için
       içerik kartın üst tarafından doğal biçimde başlar.
    */
    #misyon .section-content,
    #vizyon .section-content {
        justify-content: flex-start;
    }

    /*
       iPhone/Safari'de input'a dokunulduğunda meydana gelebilen
       otomatik yakınlaştırmayı azaltmak için 16px kullanılır.
    */
    input,
    textarea,
    select {
        font-size: 16px;
    }

    /*
       Uzun e-posta adresleri ve iletişim bağlantıları
       ekranın dışına taşmadan alt satıra geçer.
    */
    .contact-info,
    .contact-info p,
    .contact-info a {
        min-width: 0;

        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /*
       Haritanın küçük ekranlarda gereğinden fazla yükseklik
       kaplamasını önler.
    */
    .contact-map,
    .contact-map iframe {
        width: 100%;

        min-height: 280px;
        height: 300px;
    }

    /*
       Referans logolarının kutularından taşmasını engeller.
       Logoların orijinal renklerine dokunulmaz.
    */
    .reference-logo,
    .reference-logo-item {
        min-width: 0;
    }

    .reference-logo img,
    .reference-logo-item img {
        max-width: 100%;
        max-height: 100%;

        object-fit: contain;
    }

    /*
       Mobilde önemli butonların dokunma alanını yeterli tutar.
    */
    .hero-btn,
    .submit-btn,
    #geovinci-submit {
        min-height: 48px;
    }
}

@media (max-width: 420px) {
    /*
       Çok dar telefonlarda içeriklerin ekran kenarına
       yapışmasını engeller.
    */
    .scroll-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    /*
       Hero başlığını küçük ekranlarda kontrollü biçimde küçültür.
    */
    .hero-sentence {
        padding-left: 4px;
        padding-right: 4px;

        font-size: clamp(2rem, 10.5vw, 2.8rem);
        line-height: 1;
    }

    /*
       Kartların sağ ve sol iç boşluklarını küçük ekranda dengeler.
    */
    #misyon .section-content,
    #vizyon .section-content,
    #memora-ai .section-content,
    .contact-info {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* =========================================================
   KURUMSAL SAYFASI
   ========================================================= */

body.corporate-page {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(52, 105, 145, 0.1),
            transparent 34%
        ),
        radial-gradient(
            circle at 90% 35%,
            rgba(100, 255, 218, 0.035),
            transparent 26%
        ),
        #040404;

    color: #ffffff;
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
}

body.corporate-page * {
    box-sizing: border-box;
}

body.corporate-page html {
    scroll-behavior: smooth;
}

/* =========================================================
   ANA İÇERİK
   ========================================================= */

.corporate-main {
    position: relative;
    z-index: 2;
}

.corporate-main::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;

    background:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);

    background-size: 80px 80px;

    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.45),
        transparent 85%
    );

    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.45),
        transparent 85%
    );
}

/* =========================================================
   HERO
   ========================================================= */

.corporate-hero {
    position: relative;
    min-height: 100vh;

    display: flex;
    align-items: center;

    padding: 150px clamp(24px, 6vw, 110px) 80px;

    overflow: hidden;
    isolation: isolate;
}

/* Kurumsal giriş fotoğrafı */
.corporate-hero::before {
    content: "";
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;
    pointer-events: none;

    background-image: url("/assets/images/kurumsal-hero.jpg");
    background-size: cover;
    background-position: center 46%;
    background-repeat: no-repeat;

    border-radius: 0;
    filter: none;
    transform: none;
}

/* Fotoğraf üstü tek parça geçiş; eski dairesel leke kaldırıldı */
.corporate-hero::after {
    content: "";
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 1;
    pointer-events: none;

    border-radius: 0;
    filter: none;
    transform: none;

    background: linear-gradient(
        90deg,
        rgba(4, 4, 4, 0.9) 0%,
        rgba(4, 4, 4, 0.78) 27%,
        rgba(4, 4, 4, 0.52) 50%,
        rgba(4, 4, 4, 0.24) 72%,
        rgba(4, 4, 4, 0.12) 100%
    );
}

/* Açık tema: dairesel beyazlık yok, yumuşak yatay geçiş */
html[data-theme="light"] body.corporate-page .corporate-hero::after {
    background: linear-gradient(
        90deg,
        rgba(239, 244, 248, 0.84) 0%,
        rgba(239, 244, 248, 0.7) 28%,
        rgba(239, 244, 248, 0.42) 50%,
        rgba(239, 244, 248, 0.16) 72%,
        rgba(239, 244, 248, 0.06) 100%
    ) !important;
}

.corporate-hero-inner {
    width: min(1250px, 100%);
    margin: 0 auto;

    position: relative;
    z-index: 2;
}

.corporate-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.48);

    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.corporate-hero h1 {
    margin: 0;

    max-width: 1050px;

    font-size: clamp(3.4rem, 7vw, 7.4rem);

    line-height: 0.94;
    letter-spacing: -0.065em;
    font-weight: 500;

    color: #fff;
}

.corporate-hero-description {
    max-width: 620px;

    margin: clamp(32px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;
    font-weight: 300;
}

.corporate-scroll-link {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    margin-top: 45px;

    text-decoration: none;

    color: rgba(255, 255, 255, 0.82);

    font-size: 0.9rem;
    font-weight: 500;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
}

.corporate-scroll-link span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;

    transition:
        border-color 0.3s ease,
        transform 0.3s ease;
}

.corporate-scroll-link:hover {
    color: #fff;
    gap: 23px;
}

.corporate-scroll-link:hover span {
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(3px);
}

/* =========================================================
   ORTAK BÖLÜM
   ========================================================= */

.corporate-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.corporate-section-grid {
    display: grid;

    grid-template-columns:
        minmax(250px, 0.75fr)
        minmax(420px, 1.25fr);

    gap: clamp(60px, 10vw, 160px);
}

.corporate-section-title > span,
.corporate-section-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.22em;
}

.corporate-section-title h2 {
    margin: 0;

    font-size: clamp(2.7rem, 5vw, 5.4rem);

    font-weight: 500;
    line-height: 0.98;
    letter-spacing: -0.05em;

    text-align: left !important;
}

.corporate-section-content {
    max-width: 760px;
}

.corporate-section-content p {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.65);

    font-size: clamp(1rem, 1.25vw, 1.18rem);

    line-height: 1.9;
    font-weight: 300;
}

.corporate-section-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   BÖLÜM BAŞLIKLARI
   ========================================================= */

.corporate-section-heading {
    max-width: 1000px;
    margin-bottom: clamp(55px, 7vw, 95px);
}

.corporate-section-heading h2 {
    margin: 0;

    max-width: 920px;

    font-size: clamp(2.8rem, 5vw, 5.2rem);

    line-height: 1.02;

    font-weight: 500;

    letter-spacing: -0.05em;

    text-align: left !important;
}

/* =========================================================
   MİSYON / VİZYON
   ========================================================= */

.mission-vision-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 24px;
}

.mission-vision-card {
    position: relative;

    min-height: 470px;

    padding: clamp(30px, 4vw, 55px);

    display: flex;
    flex-direction: column;

    border: 1px solid rgba(255, 255, 255, 0.1);

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );

    border-radius: 26px;

    overflow: hidden;

    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        background 0.4s ease;
}

.mission-vision-card::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -120px;
    bottom: -140px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(90, 180, 230, 0.12),
        transparent 70%
    );

    pointer-events: none;
}

.mission-vision-card:hover {
    transform: translateY(-6px);

    border-color: rgba(255, 255, 255, 0.2);

    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.075),
        rgba(255, 255, 255, 0.018)
    );
}

.card-small-title {
    color: rgba(255, 255, 255, 0.42);

    font-size: 0.72rem;

    letter-spacing: 0.2em;
    text-transform: uppercase;

    font-weight: 600;
}

.mission-vision-card h3 {
    max-width: 430px;

    margin: 45px 0 auto;

    color: #fff;

    font-size: clamp(2.1rem, 3.5vw, 3.8rem);

    line-height: 1.04;

    letter-spacing: -0.045em;
    font-weight: 500;

    text-align: left !important;
}

.mission-vision-card p {
    position: relative;
    z-index: 2;

    max-width: 530px;

    margin: 55px 0 0;

    color: rgba(255, 255, 255, 0.58);

    line-height: 1.8;

    font-size: 1rem;
}

/* =========================================================
   DEĞERLER
   ========================================================= */

.values-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.value-card {
    position: relative;

    min-height: 360px;

    padding: 38px 28px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    transition: background 0.35s ease;
}

.value-card:last-child {
    border-right: none;
}

.value-card:hover {
    background: rgba(255, 255, 255, 0.035);
}

.value-number {
    display: block;

    color: rgba(255, 255, 255, 0.28);

    font-size: 0.75rem;
    font-weight: 600;

    letter-spacing: 0.18em;
}

.value-card h3 {
    margin: 90px 0 22px;

    color: #fff;

    font-size: clamp(1.35rem, 2vw, 1.8rem);

    font-weight: 500;

    letter-spacing: -0.025em;

    text-align: left !important;
}

.value-card p {
    margin: 0;

    color: rgba(255, 255, 255, 0.52);

    font-size: 0.95rem;
    line-height: 1.75;
}

/* =========================================================
   NEDEN MEMORA
   ========================================================= */

.why-memora-list {
    display: flex;
    flex-direction: column;
}

.why-memora-item {
    display: grid;

    grid-template-columns:
        55px
        1fr;

    gap: 25px;

    padding: 35px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.why-memora-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.why-memora-item > span {
    color: rgba(255, 255, 255, 0.28);

    font-size: 0.75rem;
    letter-spacing: 0.14em;

    padding-top: 8px;
}

.why-memora-item h3 {
    margin: 0 0 14px;

    color: #fff;

    font-size: clamp(1.4rem, 2vw, 2rem);

    font-weight: 500;

    letter-spacing: -0.03em;

    text-align: left !important;
}

.why-memora-item p {
    max-width: 610px;

    margin: 0;

    color: rgba(255, 255, 255, 0.52);

    font-size: 0.96rem;
    line-height: 1.8;
}

/* =========================================================
   KARİYER
   ========================================================= */

.career-section {
    padding-bottom: clamp(130px, 15vw, 220px);
}

.career-inner {
    position: relative;

    padding: clamp(45px, 7vw, 95px);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );

    overflow: hidden;
}

.career-inner::after {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -300px;
    top: -300px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(91, 169, 220, 0.11),
        transparent 70%
    );

    pointer-events: none;
}

.career-inner > span {
    position: relative;
    z-index: 2;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    text-transform: uppercase;
    letter-spacing: 0.22em;

    font-weight: 600;
}

.career-inner h2 {
    position: relative;
    z-index: 2;

    max-width: 820px;

    margin: 30px 0;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;
    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

.career-inner p {
    position: relative;
    z-index: 2;

    max-width: 600px;

    margin: 0 0 38px;

    color: rgba(255, 255, 255, 0.57);

    font-size: 1rem;
    line-height: 1.8;
}

.corporate-button {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 22px;

    min-height: 52px;

    padding: 0 23px;

    color: #080808;

    background: #fff;

    border-radius: 999px;

    text-decoration: none;

    font-size: 0.88rem;
    font-weight: 600;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

.corporate-button:hover {
    transform: translateY(-3px);

    background: rgba(255, 255, 255, 0.88);
}

.corporate-button span {
    font-size: 1.15rem;
}

/* =========================================================
   KURUMSAL SAYFADA NAVBAR
   ========================================================= */

.corporate-page .nav-link.active {
    color: #fff;
}

.corporate-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   FOOTER
   ========================================================= */

.corporate-page .footer {
    position: relative;
    z-index: 2;
}

.corporate-page .footer-bottom,
.corporate-page .footer p,
.corporate-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .corporate-section-grid {
        grid-template-columns: 1fr;

        gap: 55px;
    }

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

    .value-card:nth-child(2) {
        border-right: none;
    }

    .value-card:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .corporate-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .corporate-hero h1 {
        font-size: clamp(3rem, 14vw, 4.7rem);

        line-height: 0.96;
    }

    .corporate-hero-description {
        font-size: 0.98rem;
        line-height: 1.7;
    }

    .corporate-section {
        width: calc(100% - 32px);

        padding: 90px 4px;
    }

    .corporate-section-title h2,
    .corporate-section-heading h2 {
        font-size: clamp(2.7rem, 12vw, 4rem);
    }

    .mission-vision-grid {
        grid-template-columns: 1fr;
    }

    .mission-vision-card {
        min-height: 420px;

        padding: 32px 25px;
    }

    .mission-vision-card h3 {
        margin-top: 45px;
    }

    .values-grid {
        grid-template-columns: 1fr;
    }

    .value-card {
        min-height: 280px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .value-card:last-child {
        border-bottom: none;
    }

    .value-card h3 {
        margin-top: 60px;
    }

    .why-memora-item {
        grid-template-columns:
            40px
            1fr;

        gap: 15px;
    }

    .career-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .career-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   ÇOK KÜÇÜK EKRAN
   ========================================================= */

@media (max-width: 420px) {
    .corporate-hero {
        padding-left: 18px;
        padding-right: 18px;
    }

    .corporate-section {
        width: calc(100% - 28px);
    }

    .corporate-eyebrow {
        font-size: 0.66rem;
    }

    .corporate-scroll-link {
        margin-top: 35px;
    }
}

/* =========================================================
   KURUMSAL - SCROLL GİRİŞ ANİMASYONLARI
   ========================================================= */

.corporate-page .corporate-reveal {
    opacity: 0;
    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.corporate-page .corporate-reveal.corporate-reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Kartlar hafif gecikmeli gelsin */

.corporate-page .mission-vision-card:nth-child(2) {
    transition-delay: 0.08s;
}

.corporate-page .value-card:nth-child(2) {
    transition-delay: 0.05s;
}

.corporate-page .value-card:nth-child(3) {
    transition-delay: 0.1s;
}

.corporate-page .value-card:nth-child(4) {
    transition-delay: 0.15s;
}

/* Sabit navbar anchor başlıkların üstüne binmesin */

.corporate-page section[id] {
    scroll-margin-top: 120px;
}

/* Logo artık <a> olduğu için garantiye al */

.corporate-page .navbar-logo {
    text-decoration: none;
}

/* Hareket azaltma tercihi */

@media (prefers-reduced-motion: reduce) {
    .corporate-page .corporate-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================================
   HİZMETLER SAYFASI
   ========================================================= */

body.services-page {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(60, 120, 160, 0.1),
            transparent 34%
        ),
        radial-gradient(
            circle at 85% 30%,
            rgba(100, 255, 218, 0.035),
            transparent 28%
        ),
        #040404;

    color: #fff;
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
}

body.services-page * {
    box-sizing: border-box;
}

/* =========================================================
   ANA ALAN
   ========================================================= */

.services-main {
    position: relative;
    z-index: 2;
}

.services-main::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;

    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);

    background-size: 80px 80px;
}

/* =========================================================
   HERO
   ========================================================= */

.services-page-hero {
    min-height: 100vh;

    display: flex;
    align-items: center;

    padding: 150px clamp(24px, 6vw, 110px) 80px;

    position: relative;
    overflow: hidden;
}

.services-page-hero::after {
    content: "";

    position: absolute;

    width: 680px;
    height: 680px;

    right: -320px;
    top: 12%;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(90, 180, 230, 0.11),
        rgba(90, 180, 230, 0.025) 42%,
        transparent 70%
    );

    pointer-events: none;
}

.services-page-hero-inner {
    width: min(1250px, 100%);
    margin: 0 auto;

    position: relative;
    z-index: 2;
}

.services-page-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.46);

    font-size: 0.75rem;
    letter-spacing: 0.24em;
    font-weight: 600;
}

.services-page-hero h1 {
    max-width: 1100px;

    margin: 0;

    font-size: clamp(3.4rem, 7vw, 7.4rem);

    line-height: 0.94;
    letter-spacing: -0.065em;
    font-weight: 500;

    color: #fff;
}

.services-page-description {
    max-width: 620px;

    margin: clamp(32px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;
    font-weight: 300;
}

.services-page-scroll {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    margin-top: 45px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 0.9rem;
    font-weight: 500;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.services-page-scroll span {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease;
}

.services-page-scroll:hover {
    color: #fff;
    gap: 23px;
}

.services-page-scroll:hover span {
    transform: translateY(3px);
    border-color: rgba(255, 255, 255, 0.4);
}

/* =========================================================
   GİRİŞ
   ========================================================= */

.services-intro {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);

    display: grid;

    grid-template-columns:
        minmax(250px, 0.75fr)
        minmax(420px, 1.25fr);

    gap: clamp(60px, 10vw, 160px);
}

.services-intro-left > span,
.services-list-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    text-transform: uppercase;
    letter-spacing: 0.22em;

    font-weight: 600;
}

.services-intro-left h2,
.services-list-heading h2 {
    margin: 0;

    font-size: clamp(2.8rem, 5vw, 5.2rem);

    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: 500;

    text-align: left !important;
}

.services-intro-right {
    max-width: 760px;
}

.services-intro-right p {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.62);

    font-size: clamp(1rem, 1.25vw, 1.18rem);

    line-height: 1.9;
    font-weight: 300;
}

.services-intro-right p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   HİZMET LİSTESİ
   ========================================================= */

.services-list-section {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.services-list-heading {
    margin-bottom: clamp(55px, 7vw, 95px);
}

.services-list {
    display: flex;
    flex-direction: column;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* =========================================================
   TEK HİZMET
   ========================================================= */

.service-page-item {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(320px, 0.95fr)
        minmax(420px, 1.05fr);

    gap: clamp(50px, 8vw, 120px);

    padding: clamp(70px, 8vw, 120px) 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.service-page-item:nth-child(even) .service-page-media {
    order: 2;
}

.service-page-item:nth-child(even) .service-page-content {
    order: 1;
}

.service-page-media {
    position: relative;

    min-height: 460px;

    border-radius: 24px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.035);
}

.service-page-media img {
    width: 100%;
    height: 100%;

    min-height: 460px;

    object-fit: cover;

    display: block;

    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-page-item:hover .service-page-media img {
    transform: scale(1.035);
}

.service-page-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-page-number {
    margin-bottom: 25px;

    color: rgba(255, 255, 255, 0.28);

    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.18em;
}

.service-page-content h3 {
    max-width: 650px;

    margin: 0 0 28px;

    color: #fff;

    font-size: clamp(2.4rem, 4.2vw, 4.7rem);

    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.05em;

    text-align: left !important;
}

.service-page-description-text {
    max-width: 620px;

    margin: 0 0 30px;

    color: rgba(255, 255, 255, 0.6);

    font-size: 1rem;
    line-height: 1.85;
}

.service-page-features {
    padding: 0;
    margin: 8px 0 0;

    list-style: none;
}

.service-page-features li {
    position: relative;

    padding: 13px 0 13px 23px;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.94rem;
    line-height: 1.6;
}

.service-page-features li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.service-page-features li::before {
    content: "";

    position: absolute;

    left: 2px;
    top: 21px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.75);
}

.service-page-conclusion {
    max-width: 620px;

    margin-top: 28px;

    color: rgba(255, 255, 255, 0.43);

    font-size: 0.9rem;
    line-height: 1.75;
}

/* =========================================================
   YÜKLENİYOR
   ========================================================= */

.services-loading {
    min-height: 220px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 18px;

    color: rgba(255, 255, 255, 0.4);
}

.services-loading-line {
    display: block;

    width: 120px;
    height: 1px;

    position: relative;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.1);
}

.services-loading-line::after {
    content: "";

    position: absolute;

    width: 45px;
    height: 1px;

    left: -45px;
    top: 0;

    background: #fff;

    animation: serviceLoading 1.2s ease-in-out infinite;
}

@keyframes serviceLoading {
    0% {
        left: -45px;
    }

    100% {
        left: 120px;
    }
}

/* =========================================================
   ÇALIŞMA MODELİ
   ========================================================= */

.services-process-section {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.services-process-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.services-process-item {
    min-height: 340px;

    padding: 35px 28px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    transition: background 0.35s ease;
}

.services-process-item:last-child {
    border-right: none;
}

.services-process-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

.services-process-item > span {
    color: rgba(255, 255, 255, 0.27);

    font-size: 0.72rem;
    font-weight: 600;

    letter-spacing: 0.18em;
}

.services-process-item h3 {
    margin: 90px 0 20px;

    color: #fff;

    font-size: clamp(1.4rem, 2vw, 1.85rem);

    font-weight: 500;

    letter-spacing: -0.03em;

    text-align: left !important;
}

.services-process-item p {
    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    line-height: 1.75;

    font-size: 0.94rem;
}

/* =========================================================
   ALT YÖNLENDİRME
   ========================================================= */

.services-next-section {
    width: min(1380px, calc(100% - 48px));
    margin: 0 auto;

    padding: 0 clamp(10px, 3vw, 40px) clamp(130px, 15vw, 220px);
}

.services-next-inner {
    position: relative;

    padding: clamp(48px, 7vw, 95px);

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );
}

.services-next-inner::after {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -300px;
    top: -320px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(91, 169, 220, 0.11),
        transparent 70%
    );

    pointer-events: none;
}

.services-next-inner > span {
    position: relative;
    z-index: 2;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    text-transform: uppercase;

    letter-spacing: 0.22em;

    font-weight: 600;
}

.services-next-inner h2 {
    position: relative;
    z-index: 2;

    max-width: 900px;

    margin: 30px 0 40px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

/* =========================================================
   AKTİF NAV
   ========================================================= */

.services-page .nav-link.active {
    color: #fff;
}

.services-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   FOOTER
   ========================================================= */

.services-page .footer p,
.services-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .services-intro {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .service-page-item {
        grid-template-columns: 1fr;
    }

    .service-page-item:nth-child(even) .service-page-media {
        order: 1;
    }

    .service-page-item:nth-child(even) .service-page-content {
        order: 2;
    }

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

    .services-process-item:nth-child(2) {
        border-right: none;
    }

    .services-process-item:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .services-page-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .services-page-hero h1 {
        font-size: clamp(3rem, 14vw, 4.7rem);

        line-height: 0.96;
    }

    .services-page-description {
        font-size: 0.98rem;
    }

    .services-intro,
    .services-list-section,
    .services-process-section,
    .services-next-section {
        width: calc(100% - 32px);
        padding-left: 4px;
        padding-right: 4px;
    }

    .services-intro {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .services-list-section,
    .services-process-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .service-page-item {
        padding: 65px 0;

        gap: 35px;
    }

    .service-page-media {
        min-height: 290px;
        border-radius: 18px;
    }

    .service-page-media img {
        min-height: 290px;
    }

    .service-page-content h3 {
        font-size: clamp(2.4rem, 12vw, 3.8rem);
    }

    .services-process-grid {
        grid-template-columns: 1fr;
    }

    .services-process-item {
        min-height: 270px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .services-process-item:last-child {
        border-bottom: none;
    }

    .services-process-item h3 {
        margin-top: 60px;
    }

    .services-next-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .services-next-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   KÜÇÜK EKRAN
   ========================================================= */

@media (max-width: 420px) {
    .services-page-hero {
        padding-left: 18px;
        padding-right: 18px;
    }

    .services-intro,
    .services-list-section,
    .services-process-section,
    .services-next-section {
        width: calc(100% - 28px);
    }
}

/* =========================================================
   HİZMETLER - GİRİŞ ANİMASYONLARI
   ========================================================= */

.services-page .services-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.services-page .services-reveal.services-reveal-visible {
    opacity: 1;

    transform: translateY(0);
}

/* Çalışma modeli kartları küçük gecikmeyle gelsin */

.services-page .services-process-item:nth-child(2) {
    transition-delay: 0.05s;
}

.services-page .services-process-item:nth-child(3) {
    transition-delay: 0.1s;
}

.services-page .services-process-item:nth-child(4) {
    transition-delay: 0.15s;
}

/* Anchor konumları navbar altında kalmasın */

.services-page section[id],
.services-page .service-page-item[id] {
    scroll-margin-top: 120px;
}

/* Hata / boş durum */

.services-error,
.services-empty {
    min-height: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.services-error h3 {
    margin: 0 0 12px;

    color: #fff;

    font-size: clamp(1.5rem, 3vw, 2.3rem);

    font-weight: 500;
}

.services-error p,
.services-empty p {
    margin: 0;

    color: rgba(255, 255, 255, 0.48);

    line-height: 1.7;
}

/* Hareket azaltma */

@media (prefers-reduced-motion: reduce) {
    .services-page .services-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================================
   ÇÖZÜMLER SAYFASI
   ========================================================= */

body.solutions-page {
    margin: 0;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 75% 0%,
            rgba(79, 117, 190, 0.12),
            transparent 35%
        ),
        radial-gradient(
            circle at 10% 42%,
            rgba(100, 255, 218, 0.035),
            transparent 26%
        ),
        #040404;

    color: #fff;

    font-family: "Inter", sans-serif;

    overflow-x: hidden;
}

body.solutions-page * {
    box-sizing: border-box;
}

/* =========================================================
   ANA ALAN
   ========================================================= */

.solutions-main {
    position: relative;
    z-index: 2;
}

.solutions-main::before {
    content: "";

    position: fixed;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);

    background-size: 80px 80px;
}

/* =========================================================
   HERO
   ========================================================= */

.solutions-page-hero {
    position: relative;

    min-height: 100vh;

    display: flex;
    align-items: center;

    padding: 150px clamp(24px, 6vw, 110px) 80px;

    overflow: hidden;
}

.solutions-page-hero::after {
    content: "";

    position: absolute;

    width: 720px;
    height: 720px;

    right: -350px;
    top: 8%;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(85, 130, 220, 0.14),
        rgba(60, 110, 190, 0.03) 45%,
        transparent 70%
    );

    pointer-events: none;
}

.solutions-page-hero-inner {
    width: min(1250px, 100%);
    margin: 0 auto;

    position: relative;
    z-index: 2;
}

.solutions-page-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.46);

    font-size: 0.75rem;
    font-weight: 600;

    letter-spacing: 0.24em;
}

.solutions-page-hero h1 {
    max-width: 1120px;

    margin: 0;

    color: #fff;

    font-size: clamp(3.4rem, 7vw, 7.4rem);

    line-height: 0.94;

    letter-spacing: -0.065em;

    font-weight: 500;
}

.solutions-page-description {
    max-width: 650px;

    margin: clamp(32px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;

    font-weight: 300;
}

.solutions-page-scroll {
    display: inline-flex;
    align-items: center;

    gap: 18px;

    margin-top: 45px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 0.9rem;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.solutions-page-scroll span {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 50%;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease;
}

.solutions-page-scroll:hover {
    color: #fff;
    gap: 23px;
}

.solutions-page-scroll:hover span {
    transform: translateY(3px);

    border-color: rgba(255, 255, 255, 0.4);
}

/* =========================================================
   GİRİŞ
   ========================================================= */

.solutions-intro {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);

    display: grid;

    grid-template-columns:
        minmax(250px, 0.75fr)
        minmax(420px, 1.25fr);

    gap: clamp(60px, 10vw, 160px);
}

.solutions-intro-left > span,
.solutions-list-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.solutions-intro-left h2,
.solutions-list-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(2.8rem, 5vw, 5.2rem);

    line-height: 1;

    font-weight: 500;

    letter-spacing: -0.05em;

    text-align: left !important;
}

.solutions-intro-right {
    max-width: 760px;
}

.solutions-intro-right p {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.62);

    font-size: clamp(1rem, 1.25vw, 1.18rem);

    line-height: 1.9;

    font-weight: 300;
}

/* =========================================================
   LİSTE
   ========================================================= */

.solutions-list-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.solutions-list-heading {
    margin-bottom: clamp(55px, 7vw, 95px);
}

.solutions-list {
    display: flex;
    flex-direction: column;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* =========================================================
   ÇÖZÜM
   ========================================================= */

.solution-page-item {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(330px, 0.95fr)
        minmax(420px, 1.05fr);

    gap: clamp(50px, 8vw, 120px);

    padding: clamp(75px, 8vw, 125px) 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.solution-page-item:nth-child(even) .solution-page-media {
    order: 2;
}

.solution-page-item:nth-child(even) .solution-page-content {
    order: 1;
}

/* Görsel */

.solution-page-media {
    position: relative;

    min-height: 480px;

    overflow: hidden;

    border-radius: 25px;

    border: 1px solid rgba(255, 255, 255, 0.08);

    background: rgba(255, 255, 255, 0.025);
}

.solution-page-media::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent 45%);
}

.solution-page-media img {
    width: 100%;
    height: 100%;

    min-height: 480px;

    display: block;

    object-fit: cover;

    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.solution-page-item:hover .solution-page-media img {
    transform: scale(1.04);
}

/* İçerik */

.solution-page-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.solution-page-number {
    margin-bottom: 25px;

    color: rgba(255, 255, 255, 0.28);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.18em;
}

.solution-page-content h3 {
    max-width: 650px;

    margin: 0 0 28px;

    color: #fff;

    font-size: clamp(2.5rem, 4.3vw, 4.8rem);

    line-height: 0.98;

    font-weight: 500;

    letter-spacing: -0.05em;

    text-align: left !important;
}

.solution-page-description {
    max-width: 630px;

    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.6);

    font-size: 1rem;

    line-height: 1.85;
}

/* =========================================================
   TEKNOLOJİ ETİKETLERİ
   ========================================================= */

.solution-technologies {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin: 2px 0 32px;
}

.solution-technologies span {
    display: inline-flex;

    align-items: center;

    min-height: 34px;

    padding: 0 14px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.025);

    color: rgba(255, 255, 255, 0.64);

    font-size: 0.76rem;

    letter-spacing: 0.03em;
}

/* =========================================================
   DETAY BAŞLIK
   ========================================================= */

.solution-detail-title {
    margin: 28px 0 12px;

    color: rgba(255, 255, 255, 0.36);

    font-size: 0.69rem;

    font-weight: 600;

    letter-spacing: 0.18em;

    text-transform: uppercase;
}

/* =========================================================
   ÖZELLİKLER
   ========================================================= */

.solution-features {
    list-style: none;

    padding: 0;

    margin: 0;
}

.solution-features li {
    position: relative;

    padding: 13px 0 13px 23px;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.94rem;

    line-height: 1.6;
}

.solution-features li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.solution-features li::before {
    content: "";

    position: absolute;

    left: 2px;
    top: 21px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.75);
}

/* =========================================================
   AVANTAJLAR
   ========================================================= */

.solution-benefits {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 3px;
}

.solution-benefit-item {
    min-height: 90px;

    display: flex;

    gap: 15px;

    padding: 17px 16px;

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 13px;

    background: rgba(255, 255, 255, 0.018);

    transition:
        background 0.3s ease,
        border-color 0.3s ease;
}

.solution-benefit-item:hover {
    background: rgba(255, 255, 255, 0.04);

    border-color: rgba(255, 255, 255, 0.14);
}

.solution-benefit-item > span {
    color: rgba(255, 255, 255, 0.32);

    font-size: 0.85rem;
}

.solution-benefit-item p {
    margin: 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: 0.86rem;

    line-height: 1.55;
}

/* =========================================================
   SONUÇ METNİ
   ========================================================= */

.solution-page-conclusion {
    max-width: 630px;

    margin-top: 30px;

    padding-top: 24px;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    color: rgba(255, 255, 255, 0.42);

    font-size: 0.9rem;

    line-height: 1.75;
}

/* =========================================================
   ALT BÖLÜMLER
   ========================================================= */

.solutions-process-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.solutions-process-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.solutions-process-item {
    min-height: 320px;

    padding: 35px 30px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    transition: background 0.35s ease;
}

.solutions-process-item:last-child {
    border-right: none;
}

.solutions-process-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

.solutions-process-item > span {
    color: rgba(255, 255, 255, 0.27);

    font-size: 0.72rem;

    letter-spacing: 0.18em;
}

.solutions-process-item h3 {
    margin: 85px 0 20px;

    color: #fff;

    font-size: clamp(1.4rem, 2vw, 1.85rem);

    font-weight: 500;

    letter-spacing: -0.03em;

    text-align: left !important;
}

.solutions-process-item p {
    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 0.94rem;

    line-height: 1.75;
}

/* =========================================================
   SON CTA
   ========================================================= */

.solutions-next-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: 0 clamp(10px, 3vw, 40px) clamp(130px, 15vw, 220px);
}

.solutions-next-inner {
    position: relative;

    padding: clamp(48px, 7vw, 95px);

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );
}

.solutions-next-inner::after {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    right: -320px;
    top: -320px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(82, 126, 210, 0.15),
        transparent 70%
    );

    pointer-events: none;
}

.solutions-next-inner > span {
    position: relative;
    z-index: 2;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.solutions-next-inner h2 {
    position: relative;
    z-index: 2;

    max-width: 900px;

    margin: 30px 0 40px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

/* =========================================================
   YÜKLENİYOR / HATA
   ========================================================= */

.solutions-loading,
.solutions-error,
.solutions-empty {
    min-height: 250px;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;

    text-align: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.solutions-loading p,
.solutions-error p,
.solutions-empty p {
    color: rgba(255, 255, 255, 0.45);
}

.solutions-error h3 {
    margin: 0 0 12px;

    font-size: clamp(1.5rem, 3vw, 2.3rem);

    font-weight: 500;
}

/* =========================================================
   AKTİF NAV
   ========================================================= */

.solutions-page .nav-link.active {
    color: #fff;
}

.solutions-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   ANİMASYON
   ========================================================= */

.solutions-page .solutions-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.solutions-page .solutions-reveal.solutions-reveal-visible {
    opacity: 1;

    transform: translateY(0);
}

.solutions-page .solutions-process-item:nth-child(2) {
    transition-delay: 0.07s;
}

.solutions-page .solutions-process-item:nth-child(3) {
    transition-delay: 0.14s;
}

/* =========================================================
   ANCHOR
   ========================================================= */

.solutions-page section[id],
.solutions-page .solution-page-item[id] {
    scroll-margin-top: 120px;
}

/* =========================================================
   FOOTER
   ========================================================= */

.solutions-page .footer p,
.solutions-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .solutions-intro {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .solution-page-item {
        grid-template-columns: 1fr;
    }

    .solution-page-item:nth-child(even) .solution-page-media {
        order: 1;
    }

    .solution-page-item:nth-child(even) .solution-page-content {
        order: 2;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .solutions-page-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .solutions-page-hero h1 {
        font-size: clamp(3rem, 14vw, 4.7rem);

        line-height: 0.96;
    }

    .solutions-intro,
    .solutions-list-section,
    .solutions-process-section,
    .solutions-next-section {
        width: calc(100% - 32px);

        padding-left: 4px;
        padding-right: 4px;
    }

    .solutions-intro,
    .solutions-list-section,
    .solutions-process-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .solution-page-item {
        padding: 65px 0;

        gap: 35px;
    }

    .solution-page-media,
    .solution-page-media img {
        min-height: 300px;
    }

    .solution-page-media {
        border-radius: 18px;
    }

    .solution-page-content h3 {
        font-size: clamp(2.4rem, 12vw, 3.8rem);
    }

    .solution-benefits {
        grid-template-columns: 1fr;
    }

    .solutions-process-grid {
        grid-template-columns: 1fr;
    }

    .solutions-process-item {
        min-height: 260px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .solutions-process-item:last-child {
        border-bottom: none;
    }

    .solutions-process-item h3 {
        margin-top: 60px;
    }

    .solutions-next-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .solutions-next-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   ÇOK KÜÇÜK EKRAN
   ========================================================= */

@media (max-width: 420px) {
    .solutions-page-hero {
        padding-left: 18px;
        padding-right: 18px;
    }

    .solutions-intro,
    .solutions-list-section,
    .solutions-process-section,
    .solutions-next-section {
        width: calc(100% - 28px);
    }
}

/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .solutions-page .solutions-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* =========================================================
   SEKTÖRLER SAYFASI
   ========================================================= */

body.sectors-page {
    margin: 0;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(67, 120, 165, 0.11),
            transparent 35%
        ),
        radial-gradient(
            circle at 88% 45%,
            rgba(100, 255, 218, 0.035),
            transparent 28%
        ),
        #040404;

    color: #fff;

    font-family: "Inter", sans-serif;

    overflow-x: hidden;
}

body.sectors-page * {
    box-sizing: border-box;
}

/* =========================================================
   ANA ALAN
   ========================================================= */

.sectors-main {
    position: relative;
    z-index: 2;
}

.sectors-main::before {
    content: "";

    position: fixed;

    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);

    background-size: 80px 80px;
}

/* =========================================================
   HERO
   ========================================================= */

.sectors-hero {
    min-height: 100vh;

    display: flex;
    align-items: center;

    position: relative;

    overflow: hidden;

    padding: 150px clamp(24px, 6vw, 110px) 80px;
}

.sectors-hero::after {
    content: "";

    position: absolute;

    width: 700px;
    height: 700px;

    right: -330px;

    top: 13%;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(77, 157, 210, 0.11),
        transparent 70%
    );

    pointer-events: none;
}

.sectors-hero-inner {
    width: min(1250px, 100%);

    margin: 0 auto;

    position: relative;

    z-index: 2;
}

.sectors-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.46);

    font-size: 0.75rem;

    font-weight: 600;

    letter-spacing: 0.24em;
}

.sectors-hero h1 {
    max-width: 1050px;

    margin: 0;

    color: #fff;

    font-size: clamp(3.4rem, 7vw, 7.4rem);

    line-height: 0.94;

    letter-spacing: -0.065em;

    font-weight: 500;
}

.sectors-hero-description {
    max-width: 640px;

    margin: clamp(32px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;

    font-weight: 300;
}

.sectors-scroll {
    display: inline-flex;

    align-items: center;

    gap: 18px;

    margin-top: 45px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 0.9rem;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.sectors-scroll span {
    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 50%;
}

.sectors-scroll:hover {
    color: #fff;

    gap: 23px;
}

/* =========================================================
   GİRİŞ
   ========================================================= */

.sectors-intro {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);

    display: grid;

    grid-template-columns:
        minmax(250px, 0.75fr)
        minmax(420px, 1.25fr);

    gap: clamp(60px, 10vw, 160px);
}

.sectors-intro-left > span,
.sectors-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.sectors-intro-left h2,
.sectors-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(2.8rem, 5vw, 5.2rem);

    line-height: 1;

    letter-spacing: -0.05em;

    font-weight: 500;

    text-align: left !important;
}

.sectors-intro-right {
    max-width: 760px;
}

.sectors-intro-right p {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.62);

    font-size: clamp(1rem, 1.25vw, 1.18rem);

    line-height: 1.9;

    font-weight: 300;
}

/* =========================================================
   SEKTÖR LİSTESİ
   ========================================================= */

.sectors-list-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.sectors-heading {
    margin-bottom: clamp(60px, 8vw, 100px);
}

.sector-item {
    display: grid;

    grid-template-columns:
        160px
        1fr;

    padding: clamp(70px, 8vw, 120px) 0;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sector-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sector-number {
    color: rgba(255, 255, 255, 0.25);

    font-size: 0.76rem;

    font-weight: 600;

    letter-spacing: 0.18em;

    padding-top: 8px;
}

.sector-content {
    max-width: 1000px;
}

.sector-label {
    display: block;

    margin-bottom: 23px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.18em;

    text-transform: uppercase;
}

.sector-content h3 {
    margin: 0 0 30px;

    color: #fff;

    font-size: clamp(2.8rem, 5vw, 5.3rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

.sector-content > p {
    max-width: 720px;

    margin: 0 0 50px;

    color: rgba(255, 255, 255, 0.58);

    font-size: 1rem;

    line-height: 1.85;
}

/* =========================================================
   SEKTÖR ÖZELLİKLERİ
   ========================================================= */

.sector-features {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.sector-features > div {
    display: grid;

    grid-template-columns:
        45px
        1fr;

    gap: 10px;

    min-height: 76px;

    align-items: center;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    padding: 15px 10px;
}

.sector-features > div:nth-child(odd) {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.sector-features span {
    color: rgba(255, 255, 255, 0.25);

    font-size: 0.68rem;

    letter-spacing: 0.1em;
}

.sector-features p {
    margin: 0;

    color: rgba(255, 255, 255, 0.67);

    font-size: 0.93rem;
}

/* =========================================================
   ORTAK PRENSİPLER
   ========================================================= */

.sector-principles-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.sector-principles-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sector-principles-grid article {
    min-height: 350px;

    padding: 35px 28px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    transition: background 0.35s ease;
}

.sector-principles-grid article:last-child {
    border-right: none;
}

.sector-principles-grid article:hover {
    background: rgba(255, 255, 255, 0.03);
}

.sector-principles-grid article > span {
    color: rgba(255, 255, 255, 0.25);

    font-size: 0.72rem;

    letter-spacing: 0.18em;
}

.sector-principles-grid h3 {
    margin: 90px 0 20px;

    color: #fff;

    font-size: clamp(1.4rem, 2vw, 1.85rem);

    font-weight: 500;

    letter-spacing: -0.03em;

    text-align: left !important;
}

.sector-principles-grid p {
    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 0.94rem;

    line-height: 1.75;
}

/* =========================================================
   SON CTA
   ========================================================= */

.sectors-next-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: 0 clamp(10px, 3vw, 40px) clamp(130px, 15vw, 220px);
}

.sectors-next-inner {
    position: relative;

    padding: clamp(48px, 7vw, 95px);

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );
}

.sectors-next-inner::after {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    right: -320px;
    top: -330px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(70, 160, 210, 0.12),
        transparent 70%
    );

    pointer-events: none;
}

.sectors-next-inner > span {
    position: relative;

    z-index: 2;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.sectors-next-inner h2 {
    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 30px 0 25px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

.sectors-next-inner > p {
    position: relative;

    z-index: 2;

    max-width: 600px;

    margin: 0 0 38px;

    color: rgba(255, 255, 255, 0.55);

    line-height: 1.8;
}

/* =========================================================
   AKTİF NAV
   ========================================================= */

.sectors-page .nav-link.active {
    color: #fff;
}

.sectors-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   REVEAL
   ========================================================= */

.sectors-page .sector-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.sectors-page .sector-reveal.sector-reveal-visible {
    opacity: 1;

    transform: translateY(0);
}

.sectors-page .sector-principles-grid article:nth-child(2) {
    transition-delay: 0.05s;
}

.sectors-page .sector-principles-grid article:nth-child(3) {
    transition-delay: 0.1s;
}

.sectors-page .sector-principles-grid article:nth-child(4) {
    transition-delay: 0.15s;
}

/* =========================================================
   ANCHOR
   ========================================================= */

.sectors-page section[id],
.sectors-page .sector-item[id] {
    scroll-margin-top: 120px;
}

/* =========================================================
   FOOTER
   ========================================================= */

.sectors-page .footer p,
.sectors-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .sectors-intro {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .sector-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sector-principles-grid article:nth-child(2) {
        border-right: none;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .sectors-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .sectors-hero h1 {
        font-size: clamp(3rem, 14vw, 4.7rem);

        line-height: 0.96;
    }

    .sectors-intro,
    .sectors-list-section,
    .sector-principles-section,
    .sectors-next-section {
        width: calc(100% - 32px);

        padding-left: 4px;

        padding-right: 4px;
    }

    .sectors-intro,
    .sectors-list-section,
    .sector-principles-section {
        padding-top: 90px;

        padding-bottom: 90px;
    }

    .sector-item {
        grid-template-columns: 1fr;

        gap: 25px;

        padding: 65px 0;
    }

    .sector-number {
        padding: 0;
    }

    .sector-content h3 {
        font-size: clamp(2.6rem, 12vw, 4rem);
    }

    .sector-features {
        grid-template-columns: 1fr;
    }

    .sector-features > div:nth-child(odd) {
        border-right: none;
    }

    .sector-principles-grid {
        grid-template-columns: 1fr;
    }

    .sector-principles-grid article {
        min-height: 270px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .sector-principles-grid article:last-child {
        border-bottom: none;
    }

    .sector-principles-grid h3 {
        margin-top: 60px;
    }

    .sectors-next-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .sectors-next-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   KÜÇÜK EKRAN
   ========================================================= */

@media (max-width: 420px) {
    .sectors-hero {
        padding-left: 18px;

        padding-right: 18px;
    }

    .sectors-intro,
    .sectors-list-section,
    .sector-principles-section,
    .sectors-next-section {
        width: calc(100% - 28px);
    }
}

/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .sectors-page .sector-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }
}

/* =========================================================
   REFERANSLAR SAYFASI
   ========================================================= */

body.references-page {
    margin: 0;

    min-height: 100vh;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(62, 125, 170, 0.11),
            transparent 34%
        ),
        radial-gradient(
            circle at 85% 40%,
            rgba(90, 180, 220, 0.04),
            transparent 30%
        ),
        #040404;

    color: #fff;

    font-family: "Inter", sans-serif;

    overflow-x: hidden;
}

body.references-page * {
    box-sizing: border-box;
}

/* =========================================================
   ANA
   ========================================================= */

.references-main {
    position: relative;

    z-index: 2;
}

.references-main::before {
    content: "";

    position: fixed;

    inset: 0;

    pointer-events: none;

    z-index: -1;

    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);

    background-size: 80px 80px;
}

/* =========================================================
   HERO
   ========================================================= */

.references-hero {
    position: relative;

    min-height: 100vh;

    display: flex;

    align-items: center;

    padding: 150px clamp(24px, 6vw, 110px) 80px;

    overflow: hidden;
}

.references-hero::after {
    content: "";

    position: absolute;

    width: 720px;
    height: 720px;

    right: -360px;

    top: 10%;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(82, 165, 215, 0.11),
        transparent 70%
    );

    pointer-events: none;
}

.references-hero-inner {
    width: min(1250px, 100%);

    margin: 0 auto;

    position: relative;

    z-index: 2;
}

.references-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.46);

    font-size: 0.75rem;

    font-weight: 600;

    letter-spacing: 0.24em;
}

.references-hero h1 {
    max-width: 1120px;

    margin: 0;

    color: #fff;

    font-size: clamp(3.4rem, 7vw, 7.4rem);

    line-height: 0.94;

    letter-spacing: -0.065em;

    font-weight: 500;
}

.references-hero-description {
    max-width: 610px;

    margin: clamp(32px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;

    font-weight: 300;
}

.references-scroll {
    display: inline-flex;

    align-items: center;

    gap: 18px;

    margin-top: 45px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 0.9rem;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.references-scroll span {
    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 50%;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease;
}

.references-scroll:hover {
    gap: 23px;

    color: #fff;
}

.references-scroll:hover span {
    transform: translateY(3px);

    border-color: rgba(255, 255, 255, 0.4);
}

/* =========================================================
   GİRİŞ
   ========================================================= */

.references-intro {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    display: grid;

    grid-template-columns:
        minmax(250px, 0.75fr)
        minmax(420px, 1.25fr);

    gap: clamp(60px, 10vw, 160px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.references-intro-left > span,
.references-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.references-intro-left h2,
.references-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(2.8rem, 5vw, 5.2rem);

    line-height: 1;

    font-weight: 500;

    letter-spacing: -0.05em;

    text-align: left !important;
}

.references-intro-right {
    max-width: 760px;
}

.references-intro-right p {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.62);

    font-size: clamp(1rem, 1.25vw, 1.18rem);

    line-height: 1.9;

    font-weight: 300;
}

/* =========================================================
   REFERANSLAR
   ========================================================= */

.references-list-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.references-heading {
    margin-bottom: clamp(55px, 7vw, 95px);
}

/* =========================================================
   LOGO GRID
   ========================================================= */

.references-page-grid {
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 14px;
}

/* =========================================================
   LOGO KART
   ========================================================= */

.reference-page-card {
    position: relative;

    min-height: 190px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 25px;

    border: 1px solid rgba(255, 255, 255, 0.09);

    border-radius: 18px;

    background: rgba(255, 255, 255, 0.025);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease;
}

.reference-page-card:hover {
    transform: translateY(-5px);

    border-color: rgba(255, 255, 255, 0.18);

    background: rgba(255, 255, 255, 0.045);
}

/* =========================================================
   LOGO
   ========================================================= */

.reference-page-logo {
    width: 100%;

    height: 120px;

    display: flex;

    align-items: center;

    justify-content: center;
}

.reference-page-logo img {
    display: block;

    width: auto;

    height: auto;

    max-width: 90%;

    max-height: 95px;

    object-fit: contain;

    /*
     * ÖNEMLİ:
     * Referans logolarının
     * orijinal renkleri korunuyor.
     */

    filter: none !important;

    opacity: 1 !important;

    transition: transform 0.35s ease;
}

.reference-page-card:hover .reference-page-logo img {
    transform: scale(1.045);
}

/* Logo yoksa kurum adı */

.reference-page-logo-text {
    color: rgba(255, 255, 255, 0.75);

    font-size: 1.05rem;

    font-weight: 500;

    text-align: center;

    line-height: 1.5;
}

/* =========================================================
   LOADING
   ========================================================= */

.references-page-loading {
    grid-column: 1 / -1;

    min-height: 260px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    gap: 18px;

    color: rgba(255, 255, 255, 0.4);
}

.references-loading-line {
    position: relative;

    display: block;

    width: 120px;

    height: 1px;

    background: rgba(255, 255, 255, 0.1);

    overflow: hidden;
}

.references-loading-line::after {
    content: "";

    position: absolute;

    top: 0;

    left: -50px;

    width: 50px;

    height: 1px;

    background: #fff;

    animation: referenceLoading 1.2s ease-in-out infinite;
}

@keyframes referenceLoading {
    from {
        left: -50px;
    }

    to {
        left: 120px;
    }
}

/* =========================================================
   HATA / BOŞ
   ========================================================= */

.references-page-error,
.references-page-empty {
    grid-column: 1 / -1;

    min-height: 250px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.references-page-error h3 {
    margin: 0 0 12px;

    color: #fff;

    font-size: clamp(1.5rem, 3vw, 2.3rem);

    font-weight: 500;
}

.references-page-error p,
.references-page-empty p {
    margin: 0;

    color: rgba(255, 255, 255, 0.45);
}

/* =========================================================
   YAKLAŞIM
   ========================================================= */

.reference-approach-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.reference-approach-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.reference-approach-grid article {
    min-height: 350px;

    padding: 42px 34px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    transition: background 0.3s ease;
}

.reference-approach-grid article:last-child {
    border-right: none;
}

.reference-approach-grid article:hover {
    background: rgba(255, 255, 255, 0.03);
}

.reference-approach-grid h3 {
    margin: 110px 0 20px;

    color: #fff;

    font-size: clamp(1.5rem, 2vw, 2rem);

    font-weight: 500;

    letter-spacing: -0.03em;

    text-align: left !important;
}

.reference-approach-grid p {
    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 0.94rem;

    line-height: 1.75;
}

/* =========================================================
   PROJELER İÇİN HAZIR ALAN
   ========================================================= */

.reference-projects-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 10vw, 150px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.reference-projects-inner {
    display: grid;

    grid-template-columns:
        1.2fr
        0.8fr;

    gap: clamp(60px, 8vw, 120px);

    align-items: end;
}

.reference-projects-inner span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.reference-projects-inner h2 {
    max-width: 760px;

    margin: 0;

    color: #fff;

    font-size: clamp(2.8rem, 5vw, 5rem);

    line-height: 1;

    letter-spacing: -0.05em;

    font-weight: 500;

    text-align: left !important;
}

.reference-projects-inner > p {
    margin: 0;

    color: rgba(255, 255, 255, 0.52);

    line-height: 1.8;
}

/* =========================================================
   SON CTA
   ========================================================= */

.references-next-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: 40px clamp(10px, 3vw, 40px) clamp(130px, 15vw, 220px);
}

.references-next-inner {
    position: relative;

    padding: clamp(48px, 7vw, 95px);

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );
}

.references-next-inner::after {
    content: "";

    position: absolute;

    width: 620px;

    height: 620px;

    right: -320px;

    top: -330px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(76, 165, 215, 0.12),
        transparent 70%
    );

    pointer-events: none;
}

.references-next-inner > span {
    position: relative;

    z-index: 2;

    display: block;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.references-next-inner h2 {
    position: relative;

    z-index: 2;

    max-width: 880px;

    margin: 30px 0 25px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

.references-next-inner > p {
    position: relative;

    z-index: 2;

    max-width: 600px;

    margin: 0 0 38px;

    color: rgba(255, 255, 255, 0.55);

    line-height: 1.8;
}

/* =========================================================
   AKTİF NAV
   ========================================================= */

.references-page .nav-link.active {
    color: #fff;
}

.references-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   REVEAL
   ========================================================= */

.references-page .reference-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.references-page .reference-page-card.reference-reveal {
    transition-delay: var(--reference-delay, 0ms);
}

.references-page .reference-reveal.reference-reveal-visible {
    opacity: 1;

    transform: translateY(0);
}

/* =========================================================
   FOOTER
   ========================================================= */

.references-page .footer p,
.references-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .references-intro {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .references-page-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .reference-projects-inner {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .references-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .references-hero h1 {
        font-size: clamp(3rem, 14vw, 4.7rem);

        line-height: 0.96;
    }

    .references-intro,
    .references-list-section,
    .reference-approach-section,
    .reference-projects-section,
    .references-next-section {
        width: calc(100% - 32px);

        padding-left: 4px;

        padding-right: 4px;
    }

    .references-intro,
    .references-list-section,
    .reference-approach-section,
    .reference-projects-section {
        padding-top: 90px;

        padding-bottom: 90px;
    }

    .references-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 10px;
    }

    .reference-page-card {
        min-height: 145px;

        padding: 16px;

        border-radius: 14px;
    }

    .reference-page-logo {
        height: 95px;
    }

    .reference-page-logo img {
        max-height: 75px;
    }

    .reference-approach-grid {
        grid-template-columns: 1fr;
    }

    .reference-approach-grid article {
        min-height: 270px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .reference-approach-grid article:last-child {
        border-bottom: none;
    }

    .reference-approach-grid h3 {
        margin-top: 65px;
    }

    .references-next-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .references-next-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   KÜÇÜK TELEFON
   ========================================================= */

@media (max-width: 420px) {
    .references-page-grid {
        grid-template-columns: 1fr 1fr;
    }

    .reference-page-card {
        min-height: 125px;

        padding: 12px;
    }

    .reference-page-logo {
        height: 80px;
    }

    .reference-page-logo img {
        max-height: 62px;
    }
}

/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .references-page .reference-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }
}

/* =========================================================
   MEMORA AI SAYFASI
   ========================================================= */

body.memora-ai-page {
    margin: 0;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 74% 8%,
            rgba(89, 98, 255, 0.13),
            transparent 32%
        ),
        radial-gradient(
            circle at 18% 46%,
            rgba(61, 168, 213, 0.055),
            transparent 30%
        ),
        #040404;

    color: #fff;

    font-family: "Inter", sans-serif;

    overflow-x: hidden;
}

body.memora-ai-page * {
    box-sizing: border-box;
}

/* =========================================================
   ANA
   ========================================================= */

.ai-main {
    position: relative;
    z-index: 2;
}

.ai-main::before {
    content: "";

    position: fixed;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        linear-gradient(rgba(255, 255, 255, 0.014) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px);

    background-size: 80px 80px;
}

/* =========================================================
   HERO
   ========================================================= */

.ai-hero {
    position: relative;

    min-height: 100vh;

    display: flex;
    align-items: center;

    overflow: hidden;

    padding: 150px clamp(24px, 6vw, 110px) 80px;
}

.ai-hero-inner {
    position: relative;

    z-index: 3;

    width: min(1250px, 100%);

    margin: 0 auto;
}

.ai-hero-glow {
    position: absolute;

    width: 850px;
    height: 850px;

    right: -330px;
    top: 2%;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(103, 92, 255, 0.17),
        rgba(58, 115, 215, 0.06) 40%,
        transparent 68%
    );

    filter: blur(5px);

    pointer-events: none;
}

.ai-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.46);

    font-size: 0.75rem;

    font-weight: 600;

    letter-spacing: 0.24em;
}

.ai-hero h1 {
    max-width: 1100px;

    margin: 0;

    color: #fff;

    font-size: clamp(3.7rem, 7.3vw, 7.7rem);

    line-height: 0.92;

    letter-spacing: -0.07em;

    font-weight: 500;
}

.ai-hero-description {
    max-width: 640px;

    margin: clamp(34px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;

    font-weight: 300;
}

.ai-scroll-link {
    display: inline-flex;

    align-items: center;

    gap: 18px;

    margin-top: 44px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 0.9rem;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}

.ai-scroll-link span {
    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.17);

    border-radius: 50%;
}

.ai-scroll-link:hover {
    gap: 23px;

    color: #fff;
}

/* =========================================================
   INTRO
   ========================================================= */

.ai-intro-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(105px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);

    display: grid;

    grid-template-columns:
        minmax(270px, 0.8fr)
        minmax(420px, 1.2fr);

    gap: clamp(60px, 10vw, 160px);
}

.ai-intro-left > span,
.ai-section-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.ai-intro-left h2,
.ai-section-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(2.9rem, 5vw, 5.2rem);

    line-height: 1;

    letter-spacing: -0.052em;

    font-weight: 500;

    text-align: left !important;
}

.ai-intro-right {
    max-width: 760px;
}

.ai-intro-right p {
    margin: 0 0 30px;

    color: rgba(255, 255, 255, 0.57);

    font-size: clamp(1rem, 1.2vw, 1.15rem);

    line-height: 1.9;
}

.ai-intro-right .geovinci-description p {
    color: rgba(255, 255, 255, 0.86);

    font-size: clamp(1.25rem, 2vw, 1.8rem);

    line-height: 1.55;

    letter-spacing: -0.025em;
}

/* =========================================================
   YETENEKLER
   ========================================================= */

.ai-capabilities-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(105px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.ai-section-heading {
    margin-bottom: clamp(60px, 8vw, 105px);
}

.ai-capabilities-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ai-capability-card {
    min-height: 430px;

    padding: 38px 32px;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    transition: background 0.35s ease;
}

.ai-capability-card:last-child {
    border-right: none;
}

.ai-capability-card:hover {
    background: rgba(255, 255, 255, 0.025);
}

.ai-capability-icon {
    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.13);

    border-radius: 50%;

    color: rgba(255, 255, 255, 0.55);

    font-size: 1rem;
}

.ai-capability-card h3 {
    margin: 135px 0 24px;

    color: #fff;

    font-size: clamp(1.5rem, 2.1vw, 2rem);

    font-weight: 500;

    letter-spacing: -0.035em;

    text-align: left !important;
}

.ai-capability-card p {
    max-width: 340px;

    margin: 0;

    color: rgba(255, 255, 255, 0.5);

    font-size: 0.95rem;

    line-height: 1.8;
}

/* =========================================================
   STATEMENT
   ========================================================= */

.ai-statement-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 13vw, 200px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.ai-statement-inner {
    max-width: 1100px;
}

.ai-statement-inner > span {
    display: block;

    margin-bottom: 45px;

    color: rgba(255, 255, 255, 0.35);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.ai-statement-inner > p {
    margin: 0;

    color: rgba(255, 255, 255, 0.48);

    font-size: clamp(2.7rem, 5.5vw, 6rem);

    line-height: 1.05;

    letter-spacing: -0.055em;

    font-weight: 400;
}

.ai-statement-inner strong {
    color: #fff;

    font-weight: 500;
}

/* =========================================================
   FORM ALANI
   ========================================================= */

.ai-form-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(105px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.ai-form-layout {
    display: grid;

    grid-template-columns:
        0.78fr
        1.22fr;

    gap: clamp(65px, 9vw, 140px);
}

.ai-form-info > span {
    display: block;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.37);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.ai-form-info h2 {
    max-width: 520px;

    margin: 0 0 32px;

    color: #fff;

    font-size: clamp(2.8rem, 4.8vw, 5rem);

    line-height: 1;

    letter-spacing: -0.052em;

    font-weight: 500;

    text-align: left !important;
}

.ai-form-info > p {
    max-width: 510px;

    margin: 0;

    color: rgba(255, 255, 255, 0.55);

    line-height: 1.85;
}

.ai-form-note {
    max-width: 510px;

    margin-top: 55px;

    padding-top: 25px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ai-form-note span {
    display: block;

    margin-bottom: 11px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 0.82rem;
}

.ai-form-note p {
    margin: 0;

    color: rgba(255, 255, 255, 0.4);

    font-size: 0.85rem;

    line-height: 1.7;
}

/* =========================================================
   FORM
   ========================================================= */

.ai-form-container {
    padding: clamp(30px, 4vw, 55px);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 26px;

    background: rgba(255, 255, 255, 0.025);
}

.ai-form {
    width: 100%;
}

.ai-form-row {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;
}

.ai-form-group {
    margin-bottom: 24px;
}

.ai-form-group label {
    display: flex;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 10px;

    color: rgba(255, 255, 255, 0.64);

    font-size: 0.78rem;

    font-weight: 500;
}

.ai-form-group label span {
    color: rgba(255, 255, 255, 0.28);

    font-weight: 400;
}

.ai-form-group input {
    width: 100%;

    height: 58px;

    padding: 0 18px;

    outline: none;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 11px;

    background: rgba(255, 255, 255, 0.025);

    color: #fff;

    font-family: inherit;

    font-size: 0.94rem;

    transition:
        border-color 0.25s ease,
        background 0.25s ease;
}

.ai-form-group input::placeholder {
    color: rgba(255, 255, 255, 0.25);
}

.ai-form-group input:focus {
    border-color: rgba(255, 255, 255, 0.32);

    background: rgba(255, 255, 255, 0.04);
}

/* =========================================================
   DOSYA INPUT
   ========================================================= */

.ai-file-input {
    position: relative;

    min-height: 115px;

    border: 1px dashed rgba(255, 255, 255, 0.16);

    border-radius: 13px;

    background: rgba(255, 255, 255, 0.018);

    overflow: hidden;

    transition:
        border-color 0.3s ease,
        background 0.3s ease;
}

.ai-file-input:hover {
    border-color: rgba(255, 255, 255, 0.3);

    background: rgba(255, 255, 255, 0.03);
}

.ai-file-input input {
    position: absolute;

    inset: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;
}

.ai-file-placeholder {
    min-height: 115px;

    display: flex;

    align-items: center;

    gap: 17px;

    padding: 20px;
}

.ai-file-icon {
    flex: 0 0 auto;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.13);

    border-radius: 50%;

    color: rgba(255, 255, 255, 0.7);
}

.ai-file-placeholder strong {
    display: block;

    margin-bottom: 6px;

    color: rgba(255, 255, 255, 0.75);

    font-size: 0.88rem;

    font-weight: 500;
}

.ai-file-placeholder small {
    display: block;

    color: rgba(255, 255, 255, 0.34);

    font-size: 0.76rem;

    word-break: break-word;
}

/* =========================================================
   FORM MESAJI
   ========================================================= */

.ai-form-message {
    min-height: 20px;

    margin: 4px 0 16px;

    font-size: 0.84rem;

    line-height: 1.5;
}

.ai-form-message.success {
    color: #90e6b0;
}

.ai-form-message.error {
    color: #ff9d9d;
}

/* =========================================================
   BUTTON
   ========================================================= */

.ai-submit-button {
    width: 100%;

    min-height: 62px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 0 22px;

    border: none;

    border-radius: 12px;

    background: #fff;

    color: #080808;

    cursor: pointer;

    font-family: inherit;

    font-size: 0.9rem;

    font-weight: 600;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.ai-submit-button:hover {
    transform: translateY(-2px);
}

.ai-submit-button:disabled {
    cursor: wait;

    opacity: 0.65;

    transform: none;
}

.ai-submit-arrow {
    font-size: 1.15rem;
}

.ai-submit-button .btn-loading {
    align-items: center;
}

/* =========================================================
   ALT GEÇİŞ
   ========================================================= */

.ai-next-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: 20px clamp(10px, 3vw, 40px) clamp(130px, 15vw, 220px);
}

.ai-next-inner {
    position: relative;

    padding: clamp(48px, 7vw, 95px);

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(93, 83, 255, 0.09),
        rgba(255, 255, 255, 0.015)
    );
}

.ai-next-inner::after {
    content: "";

    position: absolute;

    width: 600px;

    height: 600px;

    right: -300px;

    top: -310px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(102, 89, 255, 0.18),
        transparent 70%
    );

    pointer-events: none;
}

.ai-next-inner > span {
    position: relative;

    z-index: 2;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.ai-next-inner h2 {
    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 30px 0 40px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

/* =========================================================
   AKTİF NAV
   ========================================================= */

.memora-ai-page .nav-link.active {
    color: #fff;
}

.memora-ai-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   REVEAL
   ========================================================= */

.memora-ai-page .ai-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.memora-ai-page .ai-reveal.ai-reveal-visible {
    opacity: 1;

    transform: translateY(0);
}

.memora-ai-page .ai-capability-card:nth-child(2) {
    transition-delay: 0.07s;
}

.memora-ai-page .ai-capability-card:nth-child(3) {
    transition-delay: 0.14s;
}

/* =========================================================
   ANCHOR
   ========================================================= */

.memora-ai-page section[id] {
    scroll-margin-top: 120px;
}

/* =========================================================
   FOOTER
   ========================================================= */

.memora-ai-page .footer p,
.memora-ai-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .ai-intro-section,
    .ai-form-layout {
        grid-template-columns: 1fr;

        gap: 60px;
    }

    .ai-capabilities-grid {
        grid-template-columns: 1fr;
    }

    .ai-capability-card {
        min-height: 300px;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ai-capability-card:last-child {
        border-bottom: none;
    }

    .ai-capability-card h3 {
        margin-top: 70px;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .ai-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .ai-hero h1 {
        font-size: clamp(3.1rem, 14vw, 4.8rem);

        line-height: 0.94;
    }

    .ai-intro-section,
    .ai-capabilities-section,
    .ai-statement-section,
    .ai-form-section,
    .ai-next-section {
        width: calc(100% - 32px);

        padding-left: 4px;

        padding-right: 4px;
    }

    .ai-intro-section,
    .ai-capabilities-section,
    .ai-statement-section,
    .ai-form-section {
        padding-top: 90px;

        padding-bottom: 90px;
    }

    .ai-form-row {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .ai-form-container {
        padding: 28px 18px;

        border-radius: 20px;
    }

    .ai-statement-inner > p {
        font-size: clamp(2.5rem, 12vw, 4rem);
    }

    .ai-next-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .ai-next-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   KÜÇÜK EKRAN
   ========================================================= */

@media (max-width: 420px) {
    .ai-hero {
        padding-left: 18px;

        padding-right: 18px;
    }
}

/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .memora-ai-page .ai-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }
}

/* =========================================================
   BİLGİ MERKEZİ
   ========================================================= */

body.knowledge-page {
    margin: 0;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(59, 118, 159, 0.11),
            transparent 34%
        ),
        radial-gradient(
            circle at 87% 50%,
            rgba(95, 150, 210, 0.035),
            transparent 28%
        ),
        #040404;

    color: #fff;

    font-family: "Inter", sans-serif;

    overflow-x: hidden;
}

body.knowledge-page * {
    box-sizing: border-box;
}

/* =========================================================
   ANA
   ========================================================= */

.knowledge-main {
    position: relative;
    z-index: 2;
}

.knowledge-main::before {
    content: "";

    position: fixed;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);

    background-size: 80px 80px;
}

/* =========================================================
   HERO
   ========================================================= */

.knowledge-hero {
    position: relative;

    min-height: 100vh;

    display: flex;
    align-items: center;

    padding: 150px clamp(24px, 6vw, 110px) 80px;

    overflow: hidden;
}

.knowledge-hero::after {
    content: "";

    position: absolute;

    width: 720px;
    height: 720px;

    right: -350px;
    top: 10%;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(82, 155, 205, 0.11),
        transparent 70%
    );

    pointer-events: none;
}

.knowledge-hero-inner {
    position: relative;

    z-index: 2;

    width: min(1250px, 100%);

    margin: 0 auto;
}

.knowledge-eyebrow {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.46);

    font-size: 0.75rem;

    font-weight: 600;

    letter-spacing: 0.24em;
}

.knowledge-hero h1 {
    max-width: 1100px;

    margin: 0;

    color: #fff;

    font-size: clamp(3.5rem, 7vw, 7.4rem);

    line-height: 0.94;

    letter-spacing: -0.065em;

    font-weight: 500;
}

.knowledge-hero-description {
    max-width: 620px;

    margin: clamp(32px, 4vw, 55px) 0 0;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.3vw, 1.2rem);

    line-height: 1.8;

    font-weight: 300;
}

.knowledge-scroll {
    display: inline-flex;

    align-items: center;

    gap: 18px;

    margin-top: 45px;

    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;

    font-size: 0.9rem;

    transition: gap 0.3s ease;
}

.knowledge-scroll span {
    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 50%;
}

.knowledge-scroll:hover {
    gap: 23px;
}

/* =========================================================
   INTRO
   ========================================================= */

.knowledge-intro {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    display: grid;

    grid-template-columns:
        minmax(250px, 0.75fr)
        minmax(420px, 1.25fr);

    gap: clamp(60px, 10vw, 160px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.knowledge-intro-left > span,
.knowledge-section-top > div > span,
.knowledge-faq-heading > span {
    display: block;

    margin-bottom: 22px;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.knowledge-intro-left h2,
.knowledge-section-top h2,
.knowledge-faq-heading h2 {
    margin: 0;

    color: #fff;

    font-size: clamp(2.8rem, 5vw, 5.2rem);

    line-height: 1;

    letter-spacing: -0.05em;

    font-weight: 500;

    text-align: left !important;
}

.knowledge-intro-right {
    max-width: 760px;
}

.knowledge-intro-right p {
    margin: 0 0 28px;

    color: rgba(255, 255, 255, 0.6);

    font-size: clamp(1rem, 1.2vw, 1.15rem);

    line-height: 1.9;
}

/* =========================================================
   İÇERİKLER
   ========================================================= */

.knowledge-content-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.knowledge-section-top {
    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 50px;

    margin-bottom: clamp(60px, 8vw, 100px);
}

/* =========================================================
   FİLTRELER
   ========================================================= */

.knowledge-filters {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

    gap: 8px;
}

.knowledge-filter {
    min-height: 42px;

    padding: 0 17px;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 999px;

    background: transparent;

    color: rgba(255, 255, 255, 0.48);

    cursor: pointer;

    font-family: inherit;

    font-size: 0.78rem;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

.knowledge-filter:hover {
    color: #fff;

    border-color: rgba(255, 255, 255, 0.22);
}

.knowledge-filter.active {
    background: #fff;

    color: #080808;

    border-color: #fff;
}

/* =========================================================
   GRID
   ========================================================= */

.knowledge-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.knowledge-card {
    min-height: 430px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 32px;

    border: 1px solid rgba(255, 255, 255, 0.09);

    border-radius: 20px;

    background: rgba(255, 255, 255, 0.022);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease,
        opacity 0.3s ease;
}

.knowledge-card:hover {
    transform: translateY(-5px);

    border-color: rgba(255, 255, 255, 0.17);

    background: rgba(255, 255, 255, 0.04);
}

.knowledge-card-hidden {
    display: none !important;
}

/* =========================================================
   FEATURED
   ========================================================= */

.knowledge-featured {
    grid-column: span 2;

    min-height: 560px;

    display: grid;

    grid-template-columns:
        1.05fr
        0.95fr;

    gap: 50px;

    padding: 0;

    overflow: hidden;
}

.knowledge-card-visual {
    min-height: 560px;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 45px;

    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(76, 163, 220, 0.22),
            transparent 38%
        ),
        linear-gradient(135deg, #11151a, #08090b);
}

.knowledge-card-visual::before {
    content: "";

    position: absolute;

    inset: 35px;

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 50%;
}

.knowledge-card-visual span {
    position: relative;

    z-index: 2;

    color: rgba(255, 255, 255, 0.35);

    font-size: 0.72rem;

    letter-spacing: 0.28em;
}

.knowledge-card-visual strong {
    position: relative;

    z-index: 2;

    margin-top: 8px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    font-weight: 500;

    letter-spacing: -0.06em;
}

.knowledge-featured .knowledge-card-content {
    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 45px;
}

/* =========================================================
   KART İÇERİĞİ
   ========================================================= */

.knowledge-card-number {
    color: rgba(255, 255, 255, 0.23);

    font-size: 0.72rem;

    letter-spacing: 0.18em;
}

.knowledge-card-meta {
    display: flex;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.35);

    font-size: 0.7rem;

    text-transform: uppercase;

    letter-spacing: 0.12em;
}

.knowledge-card h3 {
    max-width: 650px;

    margin: 0 0 22px;

    color: #fff;

    font-size: clamp(1.8rem, 3vw, 3.2rem);

    line-height: 1.05;

    letter-spacing: -0.045em;

    font-weight: 500;

    text-align: left !important;
}

.knowledge-card p {
    max-width: 590px;

    margin: 0;

    color: rgba(255, 255, 255, 0.48);

    line-height: 1.8;

    font-size: 0.94rem;
}

/* =========================================================
   SSS
   ========================================================= */

.knowledge-faq-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: clamp(100px, 12vw, 180px) clamp(10px, 3vw, 40px);

    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.knowledge-faq-heading {
    margin-bottom: clamp(60px, 8vw, 100px);
}

.knowledge-faq-list {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.knowledge-faq-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.knowledge-faq-button {
    width: 100%;

    min-height: 105px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 25px 5px;

    border: none;

    background: transparent;

    color: #fff;

    cursor: pointer;

    font-family: inherit;

    font-size: clamp(1.1rem, 2vw, 1.45rem);

    font-weight: 400;

    text-align: left;
}

.knowledge-faq-plus {
    flex: 0 0 auto;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 50%;

    color: rgba(255, 255, 255, 0.55);

    font-size: 1.2rem;

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}

.knowledge-faq-item.active .knowledge-faq-plus {
    transform: rotate(45deg);

    background: rgba(255, 255, 255, 0.06);
}

/* CEVAP AÇILMA */

.knowledge-faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.knowledge-faq-answer > div {
    overflow: hidden;
}

.knowledge-faq-item.active .knowledge-faq-answer {
    grid-template-rows: 1fr;
}

.knowledge-faq-answer p {
    max-width: 760px;

    margin: 0 0 28px;

    padding-right: 30px;

    color: rgba(255, 255, 255, 0.5);

    line-height: 1.85;
}

.knowledge-faq-answer a {
    display: inline-block;

    margin-bottom: 32px;

    color: rgba(255, 255, 255, 0.8);

    font-size: 0.86rem;

    text-decoration: none;
}

/* =========================================================
   CTA
   ========================================================= */

.knowledge-next-section {
    width: min(1380px, calc(100% - 48px));

    margin: 0 auto;

    padding: 20px clamp(10px, 3vw, 40px) clamp(130px, 15vw, 220px);
}

.knowledge-next-inner {
    position: relative;

    overflow: hidden;

    padding: clamp(48px, 7vw, 95px);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 30px;

    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.012)
    );
}

.knowledge-next-inner::after {
    content: "";

    position: absolute;

    width: 620px;

    height: 620px;

    right: -320px;

    top: -330px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(75, 158, 210, 0.12),
        transparent 70%
    );

    pointer-events: none;
}

.knowledge-next-inner > span {
    position: relative;

    z-index: 2;

    color: rgba(255, 255, 255, 0.38);

    font-size: 0.72rem;

    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.knowledge-next-inner h2 {
    position: relative;

    z-index: 2;

    max-width: 900px;

    margin: 30px 0 40px;

    color: #fff;

    font-size: clamp(3rem, 6vw, 6rem);

    line-height: 0.98;

    letter-spacing: -0.055em;

    font-weight: 500;

    text-align: left !important;
}

/* =========================================================
   ACTIVE NAV
   ========================================================= */

.knowledge-page .nav-link.active {
    color: #fff;
}

.knowledge-page .nav-link.active::after {
    transform: scaleX(1);
}

/* =========================================================
   REVEAL
   ========================================================= */

.knowledge-page .knowledge-reveal {
    opacity: 0;

    transform: translateY(35px);

    transition:
        opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.knowledge-page .knowledge-reveal.knowledge-reveal-visible {
    opacity: 1;

    transform: translateY(0);
}

/* =========================================================
   FOOTER
   ========================================================= */

.knowledge-page .footer p,
.knowledge-page .footer span {
    color: rgba(255, 255, 255, 0.68);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .knowledge-intro {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .knowledge-section-top {
        align-items: flex-start;

        flex-direction: column;
    }

    .knowledge-filters {
        justify-content: flex-start;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 768px) {
    .knowledge-hero {
        min-height: 92vh;

        padding: 130px 22px 70px;
    }

    .knowledge-hero h1 {
        font-size: clamp(3rem, 14vw, 4.7rem);

        line-height: 0.96;
    }

    .knowledge-intro,
    .knowledge-content-section,
    .knowledge-faq-section,
    .knowledge-next-section {
        width: calc(100% - 32px);

        padding-left: 4px;

        padding-right: 4px;
    }

    .knowledge-intro,
    .knowledge-content-section,
    .knowledge-faq-section {
        padding-top: 90px;

        padding-bottom: 90px;
    }

    .knowledge-grid {
        grid-template-columns: 1fr;
    }

    .knowledge-featured {
        grid-column: auto;

        grid-template-columns: 1fr;

        min-height: 0;
    }

    .knowledge-card-visual {
        min-height: 340px;

        padding: 28px;
    }

    .knowledge-featured .knowledge-card-content {
        padding: 28px;
    }

    .knowledge-card {
        min-height: 350px;

        padding: 25px;
    }

    .knowledge-faq-button {
        min-height: 90px;

        font-size: 1rem;
    }

    .knowledge-next-inner {
        padding: 45px 24px;

        border-radius: 22px;
    }

    .knowledge-next-inner h2 {
        font-size: clamp(2.8rem, 13vw, 4.2rem);
    }
}

/* =========================================================
   HAREKET AZALTMA
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .knowledge-page .knowledge-reveal {
        opacity: 1;

        transform: none;

        transition: none;
    }
}

/* =========================================================

/* =========================================================
   MEMORA TEKNOLOJİ
   İLETİŞİM SAYFASI - SON HAL
   ========================================================= */

body.contact-page-v2 {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 82% 8%,
            rgba(63, 136, 185, 0.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 12% 55%,
            rgba(70, 170, 210, 0.022),
            transparent 30%
        ),
        #050505 !important;
    color: #fff;
    font-family: "Inter", sans-serif;
    overflow-x: hidden;
}

body.contact-page-v2 * {
    box-sizing: border-box;
}

body.contact-page-v2 .contact-v2-main {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* =========================================================
   HERO
   ========================================================= */

body.contact-page-v2 .contact-v2-hero {
    width: min(1240px, calc(100% - 48px));
    min-height: 760px;
    margin: 0 auto;
    padding: 190px 0 120px;
    display: flex;
    align-items: center;
}

body.contact-page-v2 .contact-v2-hero-inner {
    width: 100%;
}

body.contact-page-v2 .contact-v2-eyebrow {
    display: block;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.32);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.22em;
}

body.contact-page-v2 .contact-v2-hero h1 {
    max-width: 1000px;
    margin: 0 0 40px;
    padding: 0;
    color: #fff !important;
    font-size: clamp(4.2rem, 8vw, 8rem) !important;
    font-weight: 500 !important;
    line-height: 0.89 !important;
    letter-spacing: -0.065em !important;
    text-align: left !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    animation: none !important;
}

body.contact-page-v2 .contact-v2-description {
    max-width: 580px;
    margin: 0 0 42px;
    color: rgba(255, 255, 255, 0.48) !important;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.85;
}

body.contact-page-v2 .contact-v2-scroll {
    display: inline-flex;
    align-items: center;
    gap: 17px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.83rem;
    text-decoration: none;
    transition:
        gap 0.25s ease,
        color 0.25s ease;
}

body.contact-page-v2 .contact-v2-scroll:hover {
    gap: 22px;
    color: #fff;
}

body.contact-page-v2 .contact-v2-scroll span {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

/* =========================================================
   GİRİŞ
   ========================================================= */

body.contact-page-v2 .contact-v2-intro {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 140px 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
    gap: clamp(70px, 10vw, 150px);
    align-items: end;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.contact-page-v2 .contact-v2-intro-title > span {
    display: block;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.32);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

body.contact-page-v2 .contact-v2-intro-title h2 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(3.2rem, 5.5vw, 5.7rem) !important;
    font-weight: 500;
    line-height: 0.94;
    letter-spacing: -0.06em;
    text-align: left !important;
}

body.contact-page-v2 .contact-v2-intro-text {
    max-width: 510px;
}

body.contact-page-v2 .contact-v2-intro-text p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 0.98rem;
    font-weight: 300;
    line-height: 1.85;
}

body.contact-page-v2 .contact-v2-intro-text p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   İLETİŞİM + KONUM
   ========================================================= */

body.contact-page-v2 .contact-v2-section {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 130px 0 150px;
    scroll-margin-top: 110px;
}

body.contact-page-v2 .contact-v2-section-heading {
    margin-bottom: 65px;
}

body.contact-page-v2 .contact-v2-section-heading > span {
    display: block;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.22em;
}

body.contact-page-v2 .contact-v2-section-heading h2 {
    max-width: 950px;
    margin: 0;
    color: #fff !important;
    font-size: clamp(3.5rem, 6.5vw, 6.5rem) !important;
    font-weight: 500;
    line-height: 0.94;
    letter-spacing: -0.06em;
    text-align: left !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
    animation: none !important;
}

body.contact-page-v2 .contact-v2-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
    gap: 18px;
    align-items: stretch;
}

/* =========================================================
   SOL KART
   ========================================================= */

body.contact-page-v2 .contact-v2-info {
    position: relative;
    min-height: 560px;
    padding: 38px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.04),
        rgba(255, 255, 255, 0.012)
    );
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: none !important;
    transform: none !important;
}

body.contact-page-v2 .contact-v2-info:hover {
    transform: none !important;
    box-shadow: none !important;
}

body.contact-page-v2 .contact-v2-info::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: -170px;
    top: -170px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(90, 190, 255, 0.08),
        transparent 70%
    );
    pointer-events: none;
}

body.contact-page-v2 .contact-v2-info > h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 32px;
    color: #fff !important;
    font-size: 1.12rem;
    font-weight: 600;
    text-align: left !important;
}

body.contact-page-v2 .contact-page-grid {
    position: relative;
    z-index: 2;
}

body.contact-page-v2 .contact-v2-item {
    padding: 19px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

body.contact-page-v2 .contact-v2-item:first-child {
    padding-top: 0;
}

body.contact-page-v2 .contact-v2-item:last-child {
    border-bottom: 0;
}

body.contact-page-v2 .contact-v2-item-label {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body.contact-page-v2 .contact-v2-item-value {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.96rem;
    font-weight: 300;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

body.contact-page-v2 .contact-v2-item-value a {
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

body.contact-page-v2 .contact-v2-item-value a:hover {
    color: #fff !important;
}

/* =========================================================
   SOSYAL MEDYA - ESKİ SİTEDEKİ GİBİ YUVARLAK GERÇEK İKONLAR
   ========================================================= */

body.contact-page-v2 .contact-v2-social[hidden] {
    display: none !important;
}

body.contact-page-v2 .contact-v2-social {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.contact-page-v2 .contact-v2-social-title {
    display: block;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.64rem;
    font-weight: 600;
    letter-spacing: 0.17em;
}

body.contact-page-v2 .contact-v2-social-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

body.contact-page-v2 .contact-v2-social-link {
    position: relative;
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    flex: 0 0 46px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease;
}

body.contact-page-v2 .contact-v2-social-link:not(:last-child)::after {
    content: "·";
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-52%);
    color: rgba(255, 255, 255, 0.28);
    font-size: 12px;
    pointer-events: none;
}

body.contact-page-v2 .contact-v2-social-link:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.42);
    background: rgba(255, 255, 255, 0.1);
}

body.contact-page-v2 .contact-v2-social-icon-image {
    width: 22px;
    height: 22px;
    display: block;
    object-fit: contain;
    border-radius: 4px;
    filter: none !important;
    opacity: 1 !important;
}

body.contact-page-v2 .contact-v2-social-icon-fallback {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

/* Eski metinli sosyal medya stilinden bir şey kalırsa gizle */
body.contact-page-v2 .contact-v2-social-name {
    display: none !important;
}

/* =========================================================
   HARİTA
   ========================================================= */

body.contact-page-v2 .contact-v2-map {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.02);
}

body.contact-page-v2 .contact-v2-map iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 560px !important;
    display: block;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: grayscale(0.16) contrast(1.03) brightness(0.86);
}

body.contact-page-v2 .contact-map-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.82rem;
}

/* =========================================================
   KAPANIŞ
   ========================================================= */

body.contact-page-v2 .contact-v2-closing {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 30px 0 150px;
}

body.contact-page-v2 .contact-v2-closing-inner {
    position: relative;
    min-height: 190px;
    padding: 40px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.045),
        rgba(255, 255, 255, 0.012)
    );
}

body.contact-page-v2 .contact-v2-closing-inner::after {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    right: -280px;
    top: -300px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(72, 160, 210, 0.1),
        transparent 70%
    );
    pointer-events: none;
}

body.contact-page-v2 .contact-v2-closing-inner h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #fff !important;
    font-size: clamp(1.8rem, 3vw, 3rem) !important;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.035em;
    text-align: center !important;
    white-space: nowrap;
}

/* =========================================================
   AKTİF NAV
   ========================================================= */

body.contact-page-v2 .nav-link.active {
    color: #fff !important;
}

body.contact-page-v2 .nav-link.active::after {
    width: 100%;
}

/* =========================================================
   FOOTER
   ========================================================= */

body.contact-page-v2 .footer {
    margin-top: 0 !important;
    padding: 50px 24px !important;
    background: #050505 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
    animation: none !important;
    box-shadow: none !important;
}

body.contact-page-v2 .footer::before {
    content: none !important;
    display: none !important;
}

body.contact-page-v2 .footer-content {
    width: 100%;
    max-width: 1240px !important;
    margin: 0 auto;
    padding: 0 !important;
}

body.contact-page-v2 .footer-left p {
    color: rgba(255, 255, 255, 0.28) !important;
    font-size: 12px !important;
    font-weight: 300 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {
    body.contact-page-v2 .contact-v2-intro {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    body.contact-page-v2 .contact-v2-layout {
        grid-template-columns: 1fr;
    }

    body.contact-page-v2 .contact-v2-info {
        min-height: auto;
    }

    body.contact-page-v2 .contact-v2-map,
    body.contact-page-v2 .contact-v2-map iframe {
        min-height: 430px !important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
    body.contact-page-v2 .contact-v2-hero,
    body.contact-page-v2 .contact-v2-intro,
    body.contact-page-v2 .contact-v2-section,
    body.contact-page-v2 .contact-v2-closing {
        width: calc(100% - 32px);
    }

    body.contact-page-v2 .contact-v2-hero {
        min-height: 680px;
        padding: 150px 0 90px;
    }

    body.contact-page-v2 .contact-v2-hero h1 {
        font-size: clamp(3.2rem, 15vw, 5rem) !important;
        line-height: 0.92 !important;
    }

    body.contact-page-v2 .contact-v2-description {
        max-width: 100%;
        font-size: 0.92rem;
    }

    body.contact-page-v2 .contact-v2-intro {
        padding: 100px 0;
        gap: 42px;
    }

    body.contact-page-v2 .contact-v2-intro-title h2 {
        font-size: clamp(2.8rem, 12vw, 4.2rem) !important;
    }

    body.contact-page-v2 .contact-v2-section {
        padding: 100px 0 120px;
    }

    body.contact-page-v2 .contact-v2-section-heading {
        margin-bottom: 45px;
    }

    body.contact-page-v2 .contact-v2-section-heading h2 {
        font-size: clamp(3rem, 13vw, 4.5rem) !important;
    }

    body.contact-page-v2 .contact-v2-info {
        padding: 28px 23px;
        border-radius: 20px;
    }

    body.contact-page-v2 .contact-v2-social {
        margin-top: 25px;
        padding-top: 23px;
    }

    body.contact-page-v2 .contact-v2-social-link {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        flex-basis: 44px;
    }

    body.contact-page-v2 .contact-v2-social-icon-image {
        width: 21px;
        height: 21px;
    }

    body.contact-page-v2 .contact-v2-map,
    body.contact-page-v2 .contact-v2-map iframe {
        min-height: 350px !important;
        border-radius: 20px;
    }

    body.contact-page-v2 .contact-v2-closing {
        padding-bottom: 100px;
    }

    body.contact-page-v2 .contact-v2-closing-inner {
        min-height: 150px;
        padding: 35px 20px;
        border-radius: 22px;
    }

    body.contact-page-v2 .contact-v2-closing-inner h2 {
        font-size: clamp(1.35rem, 6vw, 2rem) !important;
        white-space: normal;
    }

    body.contact-page-v2 .footer-content {
        flex-direction: column;
        align-items: flex-start !important;
        text-align: left !important;
    }
}

/* =========================================================
   KÜÇÜK TELEFON
   ========================================================= */

@media (max-width: 480px) {
    body.contact-page-v2 .contact-v2-hero {
        min-height: 620px;
    }

    body.contact-page-v2 .contact-v2-hero h1 {
        font-size: clamp(3rem, 14vw, 4.2rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .memora-theme-toggle,
    body,
    .navbar,
    .dropdown-menu,
    .home-service-card,
    .home-solution-row,
    .home-sector-row,
    .home-ai-panel,
    .home-reference-item,
    .home-contact-panel {
        transition: none !important;
    }
}

/* =========================================================
   MEMORA ORTAK FOOTER
   ========================================================= */

footer.memora-footer {
    position: relative;
    z-index: 5;

    width: 100%;

    margin: 80px 0 0 !important;

    padding: 78px 40px 28px !important;

    color: #fff;

    background: linear-gradient(
        180deg,
        rgba(9, 11, 14, 0.96),
        rgba(5, 7, 10, 0.99)
    ) !important;

    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;

    overflow: hidden;
}

footer.memora-footer::before {
    content: "";

    display: block !important;

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 15% 15%,
            rgba(67, 155, 215, 0.08),
            transparent 31%
        ),
        radial-gradient(
            circle at 85% 25%,
            rgba(70, 150, 230, 0.07),
            transparent 28%
        );
}

.memora-footer-container {
    position: relative;
    z-index: 2;

    width: min(1380px, 100%);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.25fr
        1.15fr
        0.75fr
        1fr;

    gap: clamp(35px, 5vw, 78px);
}

/* =========================================================
   BAŞLIKLAR
   ========================================================= */

.memora-footer-column h3 {
    margin: 0 0 13px;

    color: #fff;

    font-size: 1rem;

    font-weight: 650;

    letter-spacing: 0.025em;

    text-transform: uppercase;
}

.memora-footer-title-line {
    display: block;
    width: 42px;
    height: 1px;
    margin-bottom: 25px;

    background: linear-gradient(
        90deg,
        rgba(72, 170, 235, 0.95),
        rgba(98, 135, 220, 0.45)
    );
}

/* =========================================================
   KURUMSAL METİN
   ========================================================= */

.memora-footer-about p {
    max-width: 380px;

    margin: 0 0 17px;

    color: rgba(255, 255, 255, 0.56);

    font-size: 0.91rem;

    line-height: 1.85;
}

.memora-footer-about strong {
    color: rgba(255, 255, 255, 0.83);

    font-weight: 600;
}

/* =========================================================
   SOSYAL MEDYA
   ========================================================= */

.memora-footer-socials {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 28px;
}

.memora-footer-socials a {
    width: 42px;

    height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.11);

    border-radius: 50%;

    color: rgba(255, 255, 255, 0.72);

    background: rgba(255, 255, 255, 0.025);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        background 0.25s ease;
}

.memora-footer-socials svg {
    width: 18px;

    height: 18px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;
}

.memora-footer-socials .social-dot {
    fill: currentColor;

    stroke: none;
}

.memora-footer-socials a:hover {
    transform: translateY(-3px);

    color: #fff;

    border-color: rgba(255, 255, 255, 0.25);

    background: rgba(255, 255, 255, 0.07);
}

/* =========================================================
   İLETİŞİM
   ========================================================= */

.memora-footer-contact-list {
    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    gap: 15px;
}

.memora-footer-contact-list li {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    color: rgba(255, 255, 255, 0.56);

    font-size: 0.88rem;

    line-height: 1.7;
}

.memora-footer-contact-list a {
    color: inherit;

    text-decoration: none;

    transition: color 0.25s ease;
}

.memora-footer-contact-list a:hover {
    color: #fff;
}

.memora-footer-contact-icon {
    flex: 0 0 20px;

    width: 20px;

    height: 20px;

    margin-top: 2px;

    color: rgba(255, 255, 255, 0.62);
}

.memora-footer-contact-icon svg {
    width: 17px;

    height: 17px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.55;

    stroke-linecap: round;

    stroke-linejoin: round;
}

/* =========================================================
   LİNKLER
   ========================================================= */

.memora-footer-links {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 13px;
}

.memora-footer-links a {
    position: relative;

    color: rgba(255, 255, 255, 0.56);

    font-size: 0.89rem;

    line-height: 1.55;

    text-decoration: none;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

.memora-footer-links a:hover {
    color: #fff;

    transform: translateX(4px);
}

.memora-footer-knowledge a {
    padding-bottom: 12px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.memora-footer-knowledge a:last-child {
    border-bottom: 0;
}

/* =========================================================
   ALT SATIR
   ========================================================= */

.memora-footer-bottom {
    position: relative;

    z-index: 2;

    width: min(1380px, 100%);

    margin: 58px auto 0;

    padding-top: 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.memora-footer-bottom p {
    margin: 0;

    color: rgba(255, 255, 255, 0.34);

    font-size: 0.76rem;

    letter-spacing: 0.03em;
}

/* =========================================================
   AÇIK TEMA
   ========================================================= */

html[data-theme="light"] footer.memora-footer {
    color: #11161d;

    background: linear-gradient(
        180deg,
        rgba(225, 231, 236, 0.95),
        rgba(211, 219, 226, 0.98)
    ) !important;

    border-color: rgba(17, 22, 29, 0.09) !important;
}

html[data-theme="light"] .memora-footer-column h3 {
    color: #11161d;
}

html[data-theme="light"] .memora-footer-about p,
html[data-theme="light"] .memora-footer-contact-list li,
html[data-theme="light"] .memora-footer-links a {
    color: rgba(17, 22, 29, 0.62);
}

html[data-theme="light"] .memora-footer-about strong {
    color: #11161d;
}

html[data-theme="light"] .memora-footer-socials a {
    color: rgba(17, 22, 29, 0.65);

    border-color: rgba(17, 22, 29, 0.12);

    background: rgba(255, 255, 255, 0.25);
}

html[data-theme="light"] .memora-footer-socials a:hover {
    color: #11161d;

    border-color: rgba(17, 22, 29, 0.22);

    background: rgba(255, 255, 255, 0.6);
}

html[data-theme="light"] .memora-footer-contact-icon {
    color: rgba(17, 22, 29, 0.55);
}

html[data-theme="light"] .memora-footer-links a:hover,
html[data-theme="light"] .memora-footer-contact-list a:hover {
    color: #11161d;
}

html[data-theme="light"] .memora-footer-knowledge a {
    border-color: rgba(17, 22, 29, 0.08);
}

html[data-theme="light"] .memora-footer-bottom {
    border-color: rgba(17, 22, 29, 0.09);
}

html[data-theme="light"] .memora-footer-bottom p {
    color: rgba(17, 22, 29, 0.44);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
    .memora-footer-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 50px 40px;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 700px) {
    footer.memora-footer {
        margin-top: 55px !important;

        padding: 58px 22px 24px !important;
    }

    .memora-footer-container {
        grid-template-columns: 1fr;

        gap: 44px;
    }

    .memora-footer-column h3 {
        font-size: 0.95rem;
    }

    .memora-footer-bottom {
        margin-top: 45px;

        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }
}

/* =========================================================
   ANA SAYFA - FOOTER ÜSTÜ HARİTA
   ========================================================= */

.home-full-map {
    position: relative;

    width: 100vw;
    height: 450px;

    margin-top: 70px;
    margin-bottom: 0;

    margin-left: calc(50% - 50vw);

    padding: 0;

    line-height: 0;

    overflow: hidden;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    border-bottom: 0;
}

.home-full-map iframe {
    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    filter: none;

    transition: filter 0.35s ease;
}

/* =========================================================
   HARİTA + FOOTER BİTİŞİK
   ========================================================= */

.home-full-map + .memora-footer {
    margin-top: 0 !important;
}

/* =========================================================
   GECE MODU HARİTA
   ========================================================= */

html[data-theme="dark"] .home-full-map iframe {
    filter: invert(90%) hue-rotate(180deg) brightness(78%) contrast(108%)
        saturate(70%);
}

/* Dark varsayılan tema ise */
html:not([data-theme="light"]) .home-full-map iframe {
    filter: invert(90%) hue-rotate(180deg) brightness(78%) contrast(108%)
        saturate(70%);
}

/* =========================================================
   GÜNDÜZ MODU
   ========================================================= */

html[data-theme="light"] .home-full-map {
    border-top: 1px solid rgba(17, 22, 29, 0.08);
}

html[data-theme="light"] .home-full-map iframe {
    filter: none;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
    .home-full-map {
        height: 380px;
        margin-top: 55px;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 767px) {
    .home-full-map {
        height: 320px;
        margin-top: 45px;
    }
}

/* =========================================================
   KURUMSAL HERO - SON GÜVENLİK OVERRIDE
   ========================================================= */
body.corporate-page .corporate-hero::before {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    filter: none !important;
}

body.corporate-page .corporate-hero::after {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    filter: none !important;
    transform: none !important;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.value-card {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    padding: 48px 28px;
    background: rgba(255, 255, 255, 0.82);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    isolation: isolate;
}

.value-card:last-child {
    border-right: none;
}

.value-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 68%;
    opacity: 0.16;
    z-index: -2;
}

.value-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.78),
        rgba(255, 255, 255, 0.9)
    );
    z-index: -1;
}

.value-card h3 {
    margin: 0 0 22px;
    font-size: 24px;
    font-weight: 600;
    color: #101828;
}

.value-card p {
    margin: 0;
    font-size: 18px;
    line-height: 1.7;
    color: #5f6b7a;
}

/* Arkaplan görselleri */
.value-card--guven::before {
    background-image: url("/images/degerler/guven.png");
}

.value-card--yenilik::before {
    background-image: url("/images/degerler/yenilik.png");
}

.value-card--surdurulebilirlik::before {
    background-image: url("/images/degerler/surdurulebilirlik.png");
}

.value-card--kurum::before {
    background-image: url("/images/degerler/kurum-odaklilik.png");
}

body.dark-mode .value-card {
    background: rgba(10, 14, 24, 0.72);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

body.dark-mode .value-card::after {
    background: linear-gradient(
        180deg,
        rgba(7, 11, 20, 0.7),
        rgba(7, 11, 20, 0.84)
    );
}

body.dark-mode .value-card h3 {
    color: #ffffff;
}

body.dark-mode .value-card p {
    color: rgba(255, 255, 255, 0.72);
}

body.dark-mode .value-card::before {
    opacity: 0.18;
}

@media (max-width: 1100px) {
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .values-grid {
        grid-template-columns: 1fr;
    }

    .value-card {
        min-height: 280px;
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    body.dark-mode .value-card {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
}

/* =========================================================
   KURUMSAL - DEĞERLERİMİZ GÖRSELLİ KARTLAR
   ========================================================= */

body.corporate-page #degerlerimiz .values-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 0 !important;

    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    border-radius: 24px !important;

    overflow: hidden !important;
}

/* =========================================================
   KART
   ========================================================= */

body.corporate-page #degerlerimiz .value-card {
    position: relative !important;

    min-height: 390px !important;

    padding: 32px 28px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: space-between !important;

    isolation: isolate !important;

    overflow: hidden !important;

    border: 0 !important;

    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;

    background: #080a0d !important;
}

body.corporate-page #degerlerimiz .value-card:last-child {
    border-right: 0 !important;
}

/* =========================================================
   ARKA PLAN GÖRSELİ
   ========================================================= */

body.corporate-page #degerlerimiz .value-card::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    z-index: -2 !important;

    opacity: 0.48 !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;

    transform: scale(1.03);

    transition:
        transform 0.55s ease,
        opacity 0.35s ease;
}

/* =========================================================
   GÖRSELLER
   ========================================================= */

body.corporate-page #degerlerimiz .value-card--guven::before {
    background-image: url("/assets/images/degerler/guven.png") !important;
}

body.corporate-page #degerlerimiz .value-card--yenilik::before {
    background-image: url("/assets/images/degerler/yenilik.png") !important;
}

body.corporate-page #degerlerimiz .value-card--surdurulebilirlik::before {
    background-image: url("/assets/images/degerler/surdurulebilirlik.png") !important;
}

body.corporate-page #degerlerimiz .value-card--kurum::before {
    background-image: url("/assets/images/degerler/kurum-odaklilik.png") !important;
}

/* =========================================================
   GÖRSELİN ÜSTÜNE OKUNABİLİRLİK KATMANI
   ========================================================= */

body.corporate-page #degerlerimiz .value-card::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    z-index: -1 !important;

    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(5, 8, 12, 0.08) 0%,
        rgba(5, 8, 12, 0.2) 38%,
        rgba(5, 8, 12, 0.92) 100%
    ) !important;
}

/* =========================================================
   SAYI
   ========================================================= */

body.corporate-page #degerlerimiz .value-number {
    position: relative !important;

    z-index: 2 !important;

    color: rgba(255, 255, 255, 0.54) !important;

    opacity: 1 !important;

    font-size: 0.66rem !important;

    letter-spacing: 0.18em !important;
}

/* =========================================================
   ALT METİN
   ========================================================= */

body.corporate-page #degerlerimiz .value-card-content {
    position: relative !important;

    z-index: 2 !important;
}

body.corporate-page #degerlerimiz .value-card h3 {
    margin: 0 0 17px !important;

    color: #fff !important;

    font-size: clamp(1.5rem, 1.8vw, 1.95rem) !important;

    font-weight: 500 !important;

    letter-spacing: -0.035em !important;
}

body.corporate-page #degerlerimiz .value-card p {
    margin: 0 !important;

    max-width: 280px !important;

    color: rgba(255, 255, 255, 0.72) !important;

    font-size: 0.92rem !important;

    line-height: 1.72 !important;
}

/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {
    body.corporate-page #degerlerimiz .value-card:hover::before {
        transform: scale(1.08);

        opacity: 0.62 !important;
    }
}

/* =========================================================
   AÇIK TEMA
   ========================================================= */

html[data-theme="light"] body.corporate-page #degerlerimiz .values-grid {
    border-color: rgba(17, 22, 29, 0.09) !important;
}

html[data-theme="light"] body.corporate-page #degerlerimiz .value-card {
    background: #f4f7f9 !important;

    border-right-color: rgba(17, 22, 29, 0.08) !important;
}

html[data-theme="light"] body.corporate-page #degerlerimiz .value-card::before {
    opacity: 0.62 !important;
}

html[data-theme="light"] body.corporate-page #degerlerimiz .value-card::after {
    background: linear-gradient(
        180deg,
        rgba(247, 249, 251, 0.05) 0%,
        rgba(247, 249, 251, 0.3) 40%,
        rgba(247, 249, 251, 0.96) 100%
    ) !important;
}

html[data-theme="light"] body.corporate-page #degerlerimiz .value-number {
    color: rgba(17, 22, 29, 0.4) !important;
}

html[data-theme="light"] body.corporate-page #degerlerimiz .value-card h3 {
    color: #10151c !important;
}

html[data-theme="light"] body.corporate-page #degerlerimiz .value-card p {
    color: #5f6b78 !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    body.corporate-page #degerlerimiz .values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.corporate-page #degerlerimiz .value-card:nth-child(2) {
        border-right: 0 !important;
    }

    body.corporate-page #degerlerimiz .value-card:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 650px) {
    body.corporate-page #degerlerimiz .values-grid {
        grid-template-columns: 1fr !important;

        border-radius: 20px !important;
    }

    body.corporate-page #degerlerimiz .value-card {
        min-height: 330px !important;

        border-right: 0 !important;

        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    body.corporate-page #degerlerimiz .value-card:last-child {
        border-bottom: 0 !important;
    }
}

/* =========================================================
   NEDEN MEMORA - DÜZELTİLMİŞ TAM TASARIM
   ========================================================= */

body.corporate-page .why-memora-showcase {
    position: relative !important;
    width: min(1400px, calc(100% - 60px)) !important;
    min-height: 760px !important;
    margin: 80px auto !important;

    display: grid !important;
    grid-template-columns: minmax(420px, 0.92fr) minmax(520px, 1.08fr) !important;

    background: #eef3f6 !important;
    overflow: hidden !important;
}

/* SOL TARAF */

body.corporate-page .why-memora-showcase-left {
    position: relative !important;
    min-height: 760px !important;

    padding: 48px 50px !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;
}

body.corporate-page .why-memora-showcase-left::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 0 !important;

    pointer-events: none !important;

    background: radial-gradient(
        circle at 18% 18%,
        rgba(130, 165, 188, 0.18),
        transparent 48%
    ) !important;
}

/* SOL YAZILAR */

body.corporate-page .why-memora-showcase-copy {
    position: relative !important;
    z-index: 4 !important;

    max-width: 520px !important;
}

body.corporate-page .why-memora-kicker {
    display: block !important;

    margin-bottom: 28px !important;

    color: #84919b !important;

    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.28em !important;
}

body.corporate-page .why-memora-showcase-copy h2 {
    margin: 0 !important;

    color: #10151b !important;

    font-size: clamp(4.5rem, 6.5vw, 7rem) !important;
    font-weight: 500 !important;

    line-height: 0.9 !important;
    letter-spacing: -0.075em !important;
}

body.corporate-page .why-memora-showcase-copy p {
    max-width: 410px !important;

    margin: 34px 0 0 !important;

    color: #667581 !important;

    font-size: 1.04rem !important;
    line-height: 1.55 !important;
}

/* =========================================================
   FOTOĞRAF
   ========================================================= */

body.corporate-page .why-memora-photo {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 48% !important;

    z-index: 1 !important;

    background-image: url("/assets/images/kurumsal/neden-memora.png") !important;

    background-size: cover !important;
    background-position: center 58% !important;
    background-repeat: no-repeat !important;
}

/* FOTOĞRAFIN ÜST KISMINI SAYFAYA YEDİR */

body.corporate-page .why-memora-photo::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    background: linear-gradient(
        180deg,
        #eef3f6 0%,
        rgba(238, 243, 246, 0.82) 9%,
        rgba(238, 243, 246, 0.3) 27%,
        rgba(238, 243, 246, 0) 52%
    ) !important;

    pointer-events: none !important;
}

/* ALT KÜÇÜK YAZI */

body.corporate-page .why-memora-photo-caption {
    position: absolute !important;

    left: 50px !important;
    bottom: 34px !important;

    z-index: 3 !important;
}

body.corporate-page .why-memora-photo-caption > span {
    display: block !important;

    width: 27px !important;
    height: 1px !important;

    margin-bottom: 16px !important;

    background: rgba(255, 255, 255, 0.78) !important;
}

body.corporate-page .why-memora-photo-caption p {
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.7) !important;

    font-size: 0.64rem !important;
    font-weight: 500 !important;

    line-height: 1.8 !important;
    letter-spacing: 0.22em !important;
}

/* =========================================================
   SAĞ TARAF
   ========================================================= */

body.corporate-page .why-memora-showcase-right {
    position: relative !important;

    padding: 88px 62px 68px 38px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;

    background: rgba(248, 250, 251, 0.72) !important;
}

/* SATIRLAR */

body.corporate-page .why-memora-showcase-item {
    min-height: 175px !important;

    display: grid !important;

    grid-template-columns:
        52px
        1px
        minmax(0, 1fr) !important;

    gap: 32px !important;

    align-items: start !important;
}

/* NUMARA */

body.corporate-page .why-memora-showcase-number {
    padding-top: 9px !important;

    color: #788692 !important;

    font-size: 0.76rem !important;
    font-weight: 600 !important;
}

/* ÇİZGİ */

body.corporate-page .why-memora-showcase-line {
    display: block !important;

    width: 1px !important;
    height: 145px !important;

    background: rgba(30, 45, 55, 0.2) !important;
}

/* BAŞLIK */

body.corporate-page .why-memora-showcase-item h3 {
    margin: 0 0 22px !important;

    color: #10151b !important;

    font-size: clamp(1.75rem, 2.2vw, 2.35rem) !important;
    font-weight: 500 !important;

    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
}

/* AÇIKLAMA */

body.corporate-page .why-memora-showcase-item p {
    max-width: 580px !important;

    margin: 0 !important;

    color: #667581 !important;

    font-size: 1rem !important;
    line-height: 1.65 !important;
}

/* =========================================================
   KOYU TEMA
   ========================================================= */

html[data-theme="dark"] body.corporate-page .why-memora-showcase {
    background: #090c10 !important;
}

html[data-theme="dark"] body.corporate-page .why-memora-showcase-right {
    background: rgba(8, 11, 15, 0.64) !important;
}

html[data-theme="dark"] body.corporate-page .why-memora-showcase-copy h2,
html[data-theme="dark"] body.corporate-page .why-memora-showcase-item h3 {
    color: #f5f7f8 !important;
}

html[data-theme="dark"] body.corporate-page .why-memora-showcase-copy p,
html[data-theme="dark"] body.corporate-page .why-memora-showcase-item p {
    color: rgba(255, 255, 255, 0.56) !important;
}

html[data-theme="dark"] body.corporate-page .why-memora-kicker,
html[data-theme="dark"] body.corporate-page .why-memora-showcase-number {
    color: rgba(255, 255, 255, 0.42) !important;
}

html[data-theme="dark"] body.corporate-page .why-memora-showcase-line {
    background: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body.corporate-page .why-memora-photo::before {
    background: linear-gradient(
        180deg,
        #090c10 0%,
        rgba(9, 12, 16, 0.82) 9%,
        rgba(9, 12, 16, 0.3) 27%,
        rgba(9, 12, 16, 0) 52%
    ) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    body.corporate-page .why-memora-showcase {
        width: calc(100% - 40px) !important;

        grid-template-columns: 1fr !important;
    }

    body.corporate-page .why-memora-showcase-left {
        min-height: 680px !important;
    }

    body.corporate-page .why-memora-showcase-right {
        padding: 65px 40px !important;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 650px) {
    body.corporate-page .why-memora-showcase {
        width: calc(100% - 28px) !important;

        margin: 50px auto !important;
    }

    body.corporate-page .why-memora-showcase-left {
        min-height: 590px !important;

        padding: 35px 24px !important;
    }

    body.corporate-page .why-memora-showcase-copy h2 {
        font-size: clamp(4rem, 20vw, 5.5rem) !important;
    }

    body.corporate-page .why-memora-photo {
        height: 42% !important;
    }

    body.corporate-page .why-memora-photo-caption {
        left: 24px !important;
        bottom: 24px !important;
    }

    body.corporate-page .why-memora-showcase-right {
        padding: 55px 24px !important;
    }

    body.corporate-page .why-memora-showcase-item {
        grid-template-columns:
            34px
            1px
            minmax(0, 1fr) !important;

        gap: 18px !important;

        min-height: auto !important;

        margin-bottom: 55px !important;
    }

    body.corporate-page .why-memora-showcase-item:last-child {
        margin-bottom: 0 !important;
    }
}

/* =========================================================
   KARİYER V2
   ========================================================= */

body.corporate-page .career-v2 {
    position: relative;
    width: 100%;
    padding: 110px 0 125px;
    overflow: hidden;
}

body.corporate-page .career-v2-inner {
    width: min(1320px, calc(100% - 72px));
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(460px, 0.92fr)
        minmax(540px, 1.08fr);

    gap: clamp(60px, 7vw, 110px);
    align-items: center;
}

/* =========================================================
   SOL TARAF
   ========================================================= */

body.corporate-page .career-v2-copy {
    position: relative;
    z-index: 2;
}

body.corporate-page .career-v2-label {
    display: block;

    margin-bottom: 27px;

    color: rgba(17, 22, 29, 0.42);

    font-size: 0.66rem;
    font-weight: 600;

    letter-spacing: 0.28em;
}

body.corporate-page .career-v2-copy h2 {
    max-width: 650px;

    margin: 0;

    color: #10161d;

    font-size: clamp(4rem, 5.1vw, 5.7rem);
    font-weight: 500;

    line-height: 0.92;
    letter-spacing: -0.065em;

    text-align: left;
}

body.corporate-page .career-v2-copy > p {
    max-width: 610px;

    margin: 31px 0 0;

    color: #687583;

    font-size: 0.98rem;
    line-height: 1.72;
}

/* =========================================================
   BUTON
   ========================================================= */

body.corporate-page .career-v2-button {
    display: inline-flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    min-width: 230px;
    min-height: 54px;

    margin-top: 31px;

    padding: 0 15px 0 24px;

    border-radius: 999px;

    background: #111a25;

    color: #fff;

    font-size: 0.84rem;
    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 14px 30px rgba(15, 28, 45, 0.15);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

body.corporate-page .career-v2-button span {
    width: 31px;
    height: 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.09);

    transition: transform 0.3s ease;
}

body.corporate-page .career-v2-button:hover {
    transform: translateY(-3px);

    box-shadow: 0 18px 36px rgba(15, 28, 45, 0.21);
}

body.corporate-page .career-v2-button:hover span {
    transform: translateX(3px);
}

/* =========================================================
   ALT 3 ÖZELLİK
   ========================================================= */

body.corporate-page .career-v2-features {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin-top: 52px;
}

body.corporate-page .career-v2-feature {
    min-width: 0;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 15px 13px;

    border: 1px solid rgba(25, 45, 68, 0.09);

    border-radius: 17px;

    background: rgba(255, 255, 255, 0.42);
}

body.corporate-page .career-v2-feature-icon {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(53, 112, 185, 0.1);

    border-radius: 50%;

    color: #315f91;

    background: rgba(81, 139, 210, 0.06);
}

body.corporate-page .career-v2-feature-icon svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}

body.corporate-page .career-v2-feature strong {
    display: block;

    color: #202b36;

    font-size: 0.67rem;
    font-weight: 600;
}

body.corporate-page .career-v2-feature small {
    display: block;

    margin-top: 3px;

    color: #7f8a96;

    font-size: 0.57rem;
    line-height: 1.35;
}

/* =========================================================
   SAĞ GÖRSEL
   ========================================================= */

body.corporate-page .career-v2-visual {
    position: relative;

    height: 590px;

    overflow: hidden;

    border: 1px solid rgba(25, 45, 68, 0.09);

    border-radius: 30px;

    background: #e8eef3;

    box-shadow: 0 28px 70px rgba(30, 52, 80, 0.11);
}

body.corporate-page .career-v2-visual > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transform: scale(1.01);

    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

body.corporate-page .career-v2-visual::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(10, 18, 28, 0.01) 45%,
        rgba(10, 18, 28, 0.22) 100%
    );
}

body.corporate-page .career-v2-visual:hover > img {
    transform: scale(1.035);
}

/* =========================================================
   TEK KÜÇÜK KART
   ========================================================= */

body.corporate-page .career-v2-mini-card {
    position: absolute;

    right: 28px;
    bottom: 72px;

    z-index: 4;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 13px 17px;

    border: 1px solid rgba(255, 255, 255, 0.52);

    border-radius: 17px;

    background: rgba(255, 255, 255, 0.8);

    box-shadow: 0 14px 35px rgba(27, 48, 75, 0.1);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.corporate-page .career-v2-mini-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #315f91;

    background: rgba(93, 157, 235, 0.1);
}

body.corporate-page .career-v2-mini-card strong {
    display: block;

    color: #18222c;

    font-size: 0.74rem;
}

body.corporate-page .career-v2-mini-card small {
    display: block;

    margin-top: 3px;

    color: #74818e;

    font-size: 0.61rem;
}

/* =========================================================
   ALT SLOGAN
   ========================================================= */

body.corporate-page .career-v2-caption {
    position: absolute;

    right: 27px;
    bottom: 25px;

    z-index: 4;

    color: rgba(255, 255, 255, 0.92);

    font-size: 0.69rem;
    font-weight: 500;

    letter-spacing: 0.07em;
}

/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] body.corporate-page .career-v2-copy h2 {
    color: #f5f7fa;
}

html[data-theme="dark"] body.corporate-page .career-v2-label {
    color: rgba(255, 255, 255, 0.34);
}

html[data-theme="dark"] body.corporate-page .career-v2-copy > p {
    color: rgba(255, 255, 255, 0.54);
}

html[data-theme="dark"] body.corporate-page .career-v2-feature {
    background: rgba(255, 255, 255, 0.025);

    border-color: rgba(255, 255, 255, 0.07);
}

html[data-theme="dark"] body.corporate-page .career-v2-feature strong {
    color: rgba(255, 255, 255, 0.82);
}

html[data-theme="dark"] body.corporate-page .career-v2-feature small {
    color: rgba(255, 255, 255, 0.39);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    body.corporate-page .career-v2-inner {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    body.corporate-page .career-v2-copy {
        max-width: 760px;
    }

    body.corporate-page .career-v2-visual {
        height: 540px;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 700px) {
    body.corporate-page .career-v2 {
        padding: 75px 0;
    }

    body.corporate-page .career-v2-inner {
        width: calc(100% - 28px);
    }

    body.corporate-page .career-v2-copy h2 {
        font-size: clamp(3.1rem, 13vw, 4.4rem);
    }

    body.corporate-page .career-v2-copy > p {
        font-size: 0.9rem;
    }

    body.corporate-page .career-v2-features {
        grid-template-columns: 1fr;

        margin-top: 36px;
    }

    body.corporate-page .career-v2-visual {
        height: 440px;

        border-radius: 22px;
    }

    body.corporate-page .career-v2-mini-card {
        right: 16px;
        bottom: 58px;

        max-width: calc(100% - 32px);
    }
}

/* =========================================================
   İLETİŞİM HERO - FINAL
   ========================================================= */

body.contact-page .contact-unified {
    width: 100%;
    padding: 120px 0 90px;
}

/* =========================================================
   TEK BÜYÜK PANEL
   ========================================================= */

body.contact-page .contact-unified-panel {
    position: relative;

    width: min(1480px, calc(100% - 64px));
    min-height: 670px;

    margin: 0 auto;

    overflow: hidden;

    border-radius: 36px;

    border: 1px solid rgba(60, 85, 110, 0.08);

    background:
        linear-gradient(
            90deg,
            #f4f7fa 0%,
            #f4f7fa 32%,
            rgba(244, 247, 250, 0.98) 39%,
            rgba(244, 247, 250, 0.88) 46%,
            rgba(244, 247, 250, 0.52) 54%,
            rgba(244, 247, 250, 0.12) 63%,
            rgba(244, 247, 250, 0) 72%
        ),
        url("/assets/images/iletisim/birlikte-konusalim.png");

    background-repeat: no-repeat;

    background-size:
        100% 100%,
        auto 100%;

    background-position:
        center,
        right center;

    box-shadow: 0 28px 75px rgba(40, 65, 95, 0.08);
}

/* =========================================================
   GÖRSEL İLE SOL TARAF ARASINDA EK YUMUŞATMA
   ========================================================= */

body.contact-page .contact-unified-panel::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background: radial-gradient(
        ellipse at 48% 50%,
        rgba(244, 247, 250, 0.75) 0%,
        rgba(244, 247, 250, 0.35) 24%,
        transparent 52%
    );

    z-index: 1;
}

/* Hafif dekor çizgisi */

body.contact-page .contact-unified-panel::after {
    content: "";

    position: absolute;

    width: 900px;
    height: 900px;

    left: 38%;
    top: -300px;

    border: 1px solid rgba(117, 149, 184, 0.11);
    border-radius: 50%;

    pointer-events: none;

    z-index: 1;
}

/* =========================================================
   SOL METİN
   ========================================================= */

body.contact-page .contact-unified-content {
    position: relative;
    z-index: 5;

    width: 51%;

    min-height: 670px;

    padding: 90px 40px 75px 72px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.contact-page .contact-unified-label {
    display: block;

    margin-bottom: 27px;

    color: rgba(26, 43, 61, 0.43);

    font-size: 0.66rem;
    font-weight: 600;

    letter-spacing: 0.29em;
}

body.contact-page .contact-unified-content h1 {
    margin: 0;

    max-width: 620px;

    color: #10161d;

    font-size: clamp(4.3rem, 5.7vw, 6.3rem);

    font-weight: 500;

    line-height: 0.91;

    letter-spacing: -0.068em;
}

body.contact-page .contact-unified-content p {
    max-width: 570px;

    margin: 31px 0 0;

    color: #687787;

    font-size: 0.98rem;

    line-height: 1.75;
}

body.contact-page .contact-unified-content p + p {
    margin-top: 20px;
}

/* =========================================================
   ALT SLOGAN
   ========================================================= */

body.contact-page .contact-unified-bottom {
    display: flex;

    align-items: center;

    gap: 17px;

    margin-top: 43px;
}

body.contact-page .contact-unified-bottom span {
    width: 43px;
    height: 1px;

    background: rgba(42, 69, 96, 0.24);
}

body.contact-page .contact-unified-bottom small {
    color: rgba(42, 69, 96, 0.37);

    font-size: 0.55rem;

    font-weight: 600;

    letter-spacing: 0.23em;
}

/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] body.contact-page .contact-unified-panel {
    background:
        linear-gradient(
            90deg,
            #080b10 0%,
            #080b10 32%,
            rgba(8, 11, 16, 0.98) 40%,
            rgba(8, 11, 16, 0.83) 48%,
            rgba(8, 11, 16, 0.42) 58%,
            rgba(8, 11, 16, 0.08) 68%,
            transparent 75%
        ),
        url("/assets/images/iletisim/birlikte-konusalim.png");

    background-repeat: no-repeat;

    background-size:
        100% 100%,
        auto 100%;

    background-position:
        center,
        right center;

    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] body.contact-page .contact-unified-content h1 {
    color: #f6f8fa;
}

html[data-theme="dark"] body.contact-page .contact-unified-content p {
    color: rgba(255, 255, 255, 0.54);
}

html[data-theme="dark"] body.contact-page .contact-unified-label {
    color: rgba(255, 255, 255, 0.34);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    body.contact-page .contact-unified-panel {
        background-size:
            100% 100%,
            auto 100%;

        background-position:
            center,
            75% center;
    }

    body.contact-page .contact-unified-content {
        width: 60%;

        padding-left: 45px;
    }
}

/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 720px) {
    body.contact-page .contact-unified {
        padding: 105px 0 60px;
    }

    body.contact-page .contact-unified-panel {
        width: calc(100% - 28px);

        min-height: 760px;

        border-radius: 25px;

        background:
            linear-gradient(
                180deg,
                #f4f7fa 0%,
                #f4f7fa 46%,
                rgba(244, 247, 250, 0.92) 54%,
                rgba(244, 247, 250, 0.25) 67%,
                transparent 78%
            ),
            url("/assets/images/iletisim/birlikte-konusalim.png");

        background-repeat: no-repeat;

        background-size:
            100% 100%,
            100% auto;

        background-position:
            center,
            center bottom;
    }

    body.contact-page .contact-unified-content {
        width: 100%;

        min-height: auto;

        padding: 55px 25px 400px;
    }

    body.contact-page .contact-unified-content h1 {
        font-size: clamp(3.4rem, 15vw, 4.7rem);
    }

    body.contact-page .contact-unified-content p {
        font-size: 0.9rem;
    }

    body.contact-page .contact-unified-panel::after {
        display: none;
    }
}

/* =========================================================
   MEMORA AI - UNIFIED INTRO
   ========================================================= */

body.memora-ai-page .memora-ai-unified {
    width: 100%;
    padding: 110px 0 95px;
}

/* =========================================================
   TEK PANEL
   ========================================================= */

body.memora-ai-page .memora-ai-unified-panel {
    position: relative;

    width: min(1480px, calc(100% - 64px));
    min-height: 680px;

    margin: 0 auto;

    overflow: hidden;

    border-radius: 36px;

    border: 1px solid rgba(65, 90, 115, 0.08);

    /*
        İlk katman:
        soldaki yazı alanını koruyor.

        İkinci katman:
        Memora AI görseli.
    */

    background:
        linear-gradient(
            90deg,
            #f4f7fa 0%,
            #f4f7fa 31%,

            rgba(244, 247, 250, 0.99) 38%,
            rgba(244, 247, 250, 0.92) 44%,
            rgba(244, 247, 250, 0.73) 51%,
            rgba(244, 247, 250, 0.4) 58%,
            rgba(244, 247, 250, 0.12) 65%,
            rgba(244, 247, 250, 0) 73%
        ),
        url("/assets/images/memora-ai/memora-ai-bilgi-agi.png");

    background-repeat: no-repeat, no-repeat;

    background-size:
        100% 100%,
        auto 92%;

    background-position:
        center,
        right center;

    box-shadow: 0 30px 80px rgba(35, 65, 100, 0.08);
}

/* =========================================================
   YUMUŞAK BİRLEŞME
   ========================================================= */

body.memora-ai-page .memora-ai-unified-panel::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background: radial-gradient(
        ellipse at 52% 52%,

        rgba(244, 247, 250, 0.72) 0%,
        rgba(244, 247, 250, 0.42) 22%,
        rgba(244, 247, 250, 0.13) 42%,
        transparent 62%
    );
}

/* =========================================================
   HAFİF YÖRÜNGE
   ========================================================= */

body.memora-ai-page .memora-ai-unified-panel::after {
    content: "";

    position: absolute;

    z-index: 2;

    width: 900px;
    height: 900px;

    left: 41%;
    top: -290px;

    border: 1px solid rgba(94, 139, 192, 0.12);

    border-radius: 50%;

    pointer-events: none;
}

/* =========================================================
   SOL METİN
   ========================================================= */

body.memora-ai-page .memora-ai-unified-content {
    position: relative;

    z-index: 5;

    width: 49%;

    min-height: 680px;

    padding: 88px 35px 76px 72px;

    display: flex;

    flex-direction: column;

    justify-content: center;
}

/* LABEL */

body.memora-ai-page .memora-ai-unified-label {
    display: block;

    margin-bottom: 28px;

    color: rgba(28, 46, 65, 0.42);

    font-size: 0.65rem;

    font-weight: 600;

    letter-spacing: 0.29em;
}

/* =========================================================
   BAŞLIK
   ========================================================= */

body.memora-ai-page .memora-ai-unified-content h2 {
    max-width: 640px;

    margin: 0;

    color: #10161d;

    font-size: clamp(4.3rem, 5.6vw, 6.3rem);

    font-weight: 500;

    line-height: 0.91;

    letter-spacing: -0.068em;
}

/* =========================================================
   PARAGRAFLAR
   ========================================================= */

body.memora-ai-page .memora-ai-unified-content p {
    max-width: 555px;

    margin: 31px 0 0;

    color: #687787;

    font-size: 0.98rem;

    line-height: 1.72;
}

body.memora-ai-page .memora-ai-unified-content p + p {
    margin-top: 20px;
}

/* =========================================================
   ALT KÜÇÜK SLOGAN
   ========================================================= */

body.memora-ai-page .memora-ai-unified-bottom {
    display: flex;

    align-items: center;

    gap: 17px;

    margin-top: 43px;
}

body.memora-ai-page .memora-ai-unified-bottom > span {
    width: 44px;
    height: 1px;

    background: rgba(42, 70, 100, 0.23);
}

body.memora-ai-page .memora-ai-unified-bottom small {
    color: rgba(42, 70, 100, 0.37);

    font-size: 0.55rem;

    font-weight: 600;

    letter-spacing: 0.23em;
}

/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-panel {
    background:
        linear-gradient(
            90deg,
            #080b10 0%,
            #080b10 31%,

            rgba(8, 11, 16, 0.98) 39%,
            rgba(8, 11, 16, 0.87) 47%,
            rgba(8, 11, 16, 0.55) 56%,
            rgba(8, 11, 16, 0.19) 66%,
            transparent 75%
        ),
        url("/assets/images/memora-ai/memora-ai-bilgi-agi.png");

    background-repeat: no-repeat, no-repeat;

    background-size:
        100% 100%,
        auto 92%;

    background-position:
        center,
        right center;

    border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-panel::before {
    background: radial-gradient(
        ellipse at 52% 52%,

        rgba(8, 11, 16, 0.65),
        rgba(8, 11, 16, 0.27) 35%,
        transparent 63%
    );
}

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-content h2 {
    color: #f5f7fa;
}

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-label {
    color: rgba(255, 255, 255, 0.34);
}

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-content p {
    color: rgba(255, 255, 255, 0.53);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    body.memora-ai-page .memora-ai-unified-panel {
        min-height: 760px;

        background-size:
            100% 100%,
            auto 80%;

        background-position:
            center,
            110% center;
    }

    body.memora-ai-page .memora-ai-unified-content {
        width: 60%;

        min-height: 760px;

        padding-left: 48px;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {
    body.memora-ai-page .memora-ai-unified {
        padding: 95px 0 65px;
    }

    body.memora-ai-page .memora-ai-unified-panel {
        width: calc(100% - 28px);

        min-height: 800px;

        border-radius: 25px;

        background:
            linear-gradient(
                180deg,
                #f4f7fa 0%,
                #f4f7fa 43%,

                rgba(244, 247, 250, 0.92) 51%,
                rgba(244, 247, 250, 0.55) 59%,
                rgba(244, 247, 250, 0.15) 69%,
                transparent 78%
            ),
            url("/assets/images/memora-ai/memora-ai-bilgi-agi.png");

        background-repeat: no-repeat, no-repeat;

        background-size:
            100% 100%,
            100% auto;

        background-position:
            center,
            center bottom;
    }

    body.memora-ai-page .memora-ai-unified-content {
        width: 100%;

        min-height: auto;

        padding: 54px 24px 430px;
    }

    body.memora-ai-page .memora-ai-unified-content h2 {
        font-size: clamp(3.3rem, 14vw, 4.7rem);
    }

    body.memora-ai-page .memora-ai-unified-content p {
        font-size: 0.9rem;
    }

    body.memora-ai-page .memora-ai-unified-panel::after {
        display: none;
    }
}

/* =========================================================
   MEMORA AI - BELGEDEN BİLGİYE
   REFERANS PANEL MANTIĞI
   ========================================================= */

body.memora-ai-page .ai-process-showcase {
    position: relative;
    width: 100%;
    padding: 42px 0 68px;
}

/* =========================================================
   ANA PANEL
   ========================================================= */

body.memora-ai-page .ai-process-showcase-panel {
    position: relative;

    width: min(1480px, calc(100% - 64px));
    min-height: 720px;

    margin: 0 auto;

    padding: 70px 68px 46px;

    overflow: hidden;

    border-radius: 36px;

    border: 1px solid rgba(255, 255, 255, 0.065);

    background:
        radial-gradient(
            circle at 76% 20%,
            rgba(40, 115, 205, 0.12),
            transparent 30%
        ),
        linear-gradient(135deg, #070b10 0%, #091019 100%);

    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.24);
}

/* ortak dekor halkaları */

body.memora-ai-page .ai-process-showcase-panel::before {
    content: "";

    position: absolute;

    width: 980px;
    height: 980px;

    right: -180px;
    top: -420px;

    border-radius: 50%;

    border: 1px solid rgba(96, 151, 210, 0.07);

    pointer-events: none;
}

body.memora-ai-page .ai-process-showcase-panel::after {
    content: "";

    position: absolute;

    width: 760px;
    height: 760px;

    right: -35px;
    top: -310px;

    border-radius: 50%;

    border: 1px solid rgba(96, 151, 210, 0.045);

    pointer-events: none;
}

/* =========================================================
   SOL BAŞLIK
   ========================================================= */

body.memora-ai-page .ai-process-showcase-copy {
    position: relative;

    z-index: 5;

    width: 43%;

    min-height: 300px;
}

body.memora-ai-page .ai-process-showcase-label {
    display: block;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.32);

    font-size: 0.64rem;

    font-weight: 600;

    letter-spacing: 0.3em;
}

body.memora-ai-page .ai-process-showcase-copy h2 {
    margin: 0;

    color: #f5f7fa;

    font-size: clamp(4.2rem, 5.3vw, 6rem);

    font-weight: 500;

    line-height: 0.9;

    letter-spacing: -0.07em;
}

body.memora-ai-page .ai-process-showcase-copy p {
    max-width: 455px;

    margin: 25px 0 0;

    color: rgba(255, 255, 255, 0.54);

    font-size: 0.94rem;

    line-height: 1.68;
}

/* küçük alt detay */

body.memora-ai-page .ai-process-showcase-note {
    display: flex;

    align-items: center;

    gap: 17px;

    margin-top: 36px;
}

body.memora-ai-page .ai-process-showcase-note > span {
    width: 43px;
    height: 1px;

    background: rgba(125, 177, 226, 0.22);
}

body.memora-ai-page .ai-process-showcase-note small {
    color: rgba(150, 190, 225, 0.3);

    font-size: 0.52rem;

    font-weight: 600;

    letter-spacing: 0.23em;
}

/* =========================================================
   SAĞ ÜST GÖRSEL
   ========================================================= */

body.memora-ai-page .ai-process-showcase-hero {
    position: absolute;

    z-index: 2;

    top: 28px;
    right: 22px;

    width: 59%;
    height: 355px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;
}

/* görselin koyu panele geçişi */

body.memora-ai-page .ai-process-showcase-hero::before {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 5;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        #080e15 0%,
        rgba(8, 14, 21, 0.97) 8%,
        rgba(8, 14, 21, 0.79) 16%,
        rgba(8, 14, 21, 0.46) 25%,
        rgba(8, 14, 21, 0.16) 34%,
        transparent 46%
    );
}

/* sağ ve üst kenarların da kaybolması */

body.memora-ai-page .ai-process-showcase-hero::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 4;

    pointer-events: none;

    background:
        linear-gradient(
            270deg,
            #091019 0%,
            rgba(9, 16, 25, 0.5) 5%,
            transparent 13%
        ),
        linear-gradient(
            180deg,
            #091019 0%,
            rgba(9, 16, 25, 0.24) 8%,
            transparent 17%
        ),
        linear-gradient(
            0deg,
            #091019 0%,
            rgba(9, 16, 25, 0.22) 7%,
            transparent 16%
        );
}

body.memora-ai-page .ai-process-showcase-hero img {
    position: relative;

    z-index: 1;

    display: block;

    width: 106%;
    height: 106%;

    object-fit: contain;

    transform: scale(1.02);

    filter: drop-shadow(0 20px 40px rgba(45, 105, 175, 0.07));

    -webkit-mask-image: radial-gradient(
        ellipse 93% 90% at center,

        #000 62%,
        rgba(0, 0, 0, 0.95) 74%,
        rgba(0, 0, 0, 0.6) 85%,
        rgba(0, 0, 0, 0.15) 94%,
        transparent 100%
    );

    mask-image: radial-gradient(
        ellipse 93% 90% at center,

        #000 62%,
        rgba(0, 0, 0, 0.95) 74%,
        rgba(0, 0, 0, 0.6) 85%,
        rgba(0, 0, 0, 0.15) 94%,
        transparent 100%
    );
}

/* =========================================================
   3 KARTIN ORTAK ALANI
   ========================================================= */

body.memora-ai-page .ai-process-showcase-cards {
    position: relative;

    z-index: 8;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 25px;

    margin-top: 32px;

    padding: 27px 29px;

    border: 1px solid rgba(125, 171, 218, 0.08);

    border-radius: 28px;

    background: linear-gradient(
        180deg,
        rgba(225, 237, 248, 0.065),
        rgba(225, 237, 248, 0.025)
    );

    backdrop-filter: blur(4px);

    -webkit-backdrop-filter: blur(4px);
}

/*
   Artık 3 PNG aynı ortak zeminin içinde.
   Ayrı ayrı parlayan kutular gibi durmuyor.
*/

body.memora-ai-page .ai-process-showcase-card {
    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 0;

    overflow: hidden;

    border-radius: 24px;
}

body.memora-ai-page .ai-process-showcase-card img {
    display: block;

    width: 100%;
    max-width: 365px;
    height: auto;

    object-fit: contain;

    transform: none;

    transition: none;

    filter: drop-shadow(0 10px 20px rgba(60, 115, 175, 0.045));
}

body.memora-ai-page .ai-process-showcase-card:hover img {
    transform: none;

    filter: drop-shadow(0 10px 20px rgba(60, 115, 175, 0.045));
}

/* =========================================================
   ALT AKIŞ
   ========================================================= */

body.memora-ai-page .ai-process-showcase-flow {
    position: relative;

    z-index: 8;

    display: grid;

    grid-template-columns:
        auto
        1fr
        auto
        1fr
        auto;

    align-items: center;

    gap: 17px;

    margin: 30px 8px 0;
}

body.memora-ai-page .ai-process-showcase-flow > span {
    color: rgba(143, 187, 226, 0.34);

    font-size: 0.51rem;

    font-weight: 600;

    letter-spacing: 0.27em;

    white-space: nowrap;
}

body.memora-ai-page .ai-process-showcase-line {
    position: relative;

    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(79, 167, 235, 0.08),
        rgba(79, 167, 235, 0.44),
        rgba(79, 167, 235, 0.08)
    );
}

body.memora-ai-page .ai-process-showcase-line::before,
body.memora-ai-page .ai-process-showcase-line::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 5px;
    height: 5px;

    margin-top: -2.5px;

    border-radius: 50%;

    background: #75c8f3;
}

body.memora-ai-page .ai-process-showcase-line::before {
    left: 0;
}

body.memora-ai-page .ai-process-showcase-line::after {
    right: 0;
}

/* =========================================================
   LIGHT MODE
   ========================================================= */

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-panel {
    border-color: rgba(60, 90, 120, 0.08);

    background:
        radial-gradient(
            circle at 76% 20%,
            rgba(105, 175, 245, 0.12),
            transparent 31%
        ),
        linear-gradient(135deg, #f7f9fb 0%, #eef4f8 100%);

    box-shadow: 0 30px 75px rgba(45, 70, 100, 0.07);
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-copy h2 {
    color: #10161d;
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-copy p {
    color: #687787;
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-label {
    color: rgba(54, 91, 136, 0.44);
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-hero::before {
    background: linear-gradient(
        90deg,
        #f3f7fa 0%,
        rgba(243, 247, 250, 0.94) 8%,
        rgba(243, 247, 250, 0.72) 17%,
        rgba(243, 247, 250, 0.36) 27%,
        rgba(243, 247, 250, 0.08) 37%,
        transparent 48%
    );
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-hero::after {
    background:
        linear-gradient(
            270deg,
            #f1f6fa 0%,
            rgba(241, 246, 250, 0.55) 5%,
            transparent 13%
        ),
        linear-gradient(
            180deg,
            #f1f6fa 0%,
            rgba(241, 246, 250, 0.26) 8%,
            transparent 17%
        ),
        linear-gradient(
            0deg,
            #f1f6fa 0%,
            rgba(241, 246, 250, 0.22) 7%,
            transparent 16%
        );
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-cards {
    border-color: rgba(70, 110, 150, 0.07);

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.32),
        rgba(255, 255, 255, 0.1)
    );
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-flow > span {
    color: rgba(55, 94, 143, 0.39);
}

/* =========================================================
   1500 PX
   ========================================================= */

@media (max-width: 1500px) {
    body.memora-ai-page .ai-process-showcase-panel {
        width: min(1320px, calc(100% - 48px));

        min-height: 650px;

        padding: 58px 56px 40px;
    }

    body.memora-ai-page .ai-process-showcase-copy {
        min-height: 265px;
    }

    body.memora-ai-page .ai-process-showcase-copy h2 {
        font-size: clamp(3.7rem, 4.7vw, 5.25rem);
    }

    body.memora-ai-page .ai-process-showcase-hero {
        width: 58%;
        height: 320px;

        right: 10px;
    }

    body.memora-ai-page .ai-process-showcase-cards {
        gap: 20px;

        padding: 22px;
    }

    body.memora-ai-page .ai-process-showcase-card img {
        max-width: 325px;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {
    body.memora-ai-page .ai-process-showcase-panel {
        padding: 48px 36px 40px;
    }

    body.memora-ai-page .ai-process-showcase-copy {
        width: 100%;

        min-height: auto;
    }

    body.memora-ai-page .ai-process-showcase-hero {
        position: relative;

        top: auto;
        right: auto;

        width: 100%;
        height: 310px;

        margin-top: 20px;
    }

    body.memora-ai-page .ai-process-showcase-cards {
        grid-template-columns: 1fr;

        max-width: 600px;

        margin: 25px auto 0;
    }

    body.memora-ai-page .ai-process-showcase-flow {
        display: none;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {
    body.memora-ai-page .ai-process-showcase {
        padding: 35px 0 55px;
    }

    body.memora-ai-page .ai-process-showcase-panel {
        width: calc(100% - 28px);

        padding: 38px 20px 30px;

        border-radius: 25px;
    }

    body.memora-ai-page .ai-process-showcase-copy h2 {
        font-size: clamp(3.2rem, 14vw, 4.5rem);
    }

    body.memora-ai-page .ai-process-showcase-hero {
        height: 230px;
    }
}

/* =========================================================
   KURUMSAL HAFIZA - GERÇEK TEK PARÇA TASARIM
   ========================================================= */

body.memora-ai-page .ai-memory-section {
    padding: 42px 0 70px !important;
}

/* =========================================================
   PANEL
   Görsel artık panelin background'u
   ========================================================= */

body.memora-ai-page .ai-memory-panel {
    position: relative !important;

    width: min(1480px, calc(100% - 64px)) !important;
    height: 600px !important;
    min-height: 600px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: block !important;

    overflow: hidden !important;

    border-radius: 36px !important;

    border: 1px solid rgba(60, 90, 120, 0.08) !important;

    /*
       1. katman = soldan görsele geçiş
       2. katman = kurumsal hafıza görseli
       3. katman = panel zemini
    */

    background-image:
        linear-gradient(
            90deg,
            #f3f7fa 0%,
            #f3f7fa 36%,

            rgba(243, 247, 250, 0.99) 42%,
            rgba(243, 247, 250, 0.94) 47%,
            rgba(243, 247, 250, 0.78) 53%,
            rgba(243, 247, 250, 0.53) 59%,
            rgba(243, 247, 250, 0.28) 65%,
            rgba(243, 247, 250, 0.1) 71%,
            transparent 77%
        ),
        url("/assets/images/memora-ai/kurumsal-hafiza.png"),
        linear-gradient(135deg, #f5f8fa, #eef4f8) !important;

    background-repeat: no-repeat, no-repeat, no-repeat !important;

    /*
       Görsel panel yüksekliğinden daha büyük.
       Böylece görselin üst/alt kenarı görünmüyor.
    */
    background-size:
        100% 100%,
        auto 118%,
        100% 100% !important;

    background-position:
        center,
        right center,
        center !important;

    box-shadow: 0 30px 75px rgba(45, 70, 100, 0.07) !important;
}

/* =========================================================
   SAĞDAKİ ESKİ IMG ALANINI TAMAMEN KAPAT
   ========================================================= */

body.memora-ai-page .ai-memory-visual {
    display: none !important;
}

/* =========================================================
   SOL İÇERİK
   ========================================================= */

body.memora-ai-page .ai-memory-content {
    position: relative !important;
    z-index: 10 !important;

    width: 47% !important;
    height: 100% !important;

    max-width: none !important;

    padding: 54px 25px 48px 64px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    box-sizing: border-box !important;
}

/* LABEL */

body.memora-ai-page .ai-memory-label {
    display: block !important;

    margin-bottom: 21px !important;

    color: rgba(54, 91, 136, 0.43) !important;

    font-size: 0.61rem !important;
    font-weight: 600 !important;

    letter-spacing: 0.3em !important;
}

/* =========================================================
   BAŞLIK
   ========================================================= */

body.memora-ai-page .ai-memory-content h2 {
    max-width: 620px !important;

    margin: 0 !important;

    color: #667482 !important;

    font-size: clamp(2.9rem, 3.65vw, 4.15rem) !important;

    font-weight: 400 !important;

    line-height: 0.97 !important;

    letter-spacing: -0.06em !important;
}

body.memora-ai-page .ai-memory-content h2 strong {
    color: #10161d !important;

    font-weight: 500 !important;
}

/* =========================================================
   AÇIKLAMA
   ========================================================= */

body.memora-ai-page .ai-memory-content > p {
    max-width: 535px !important;

    margin-top: 25px !important;

    color: #687787 !important;

    font-size: 0.88rem !important;

    line-height: 1.62 !important;
}

/* varsa eski benefitleri kaldır */

body.memora-ai-page .ai-memory-benefits {
    display: none !important;
}

/* =========================================================
   DEKORATİF HALKA
   ========================================================= */

body.memora-ai-page .ai-memory-panel::before {
    content: "" !important;

    position: absolute !important;

    z-index: 2 !important;

    width: 920px !important;
    height: 920px !important;

    right: -250px !important;
    top: -310px !important;

    border-radius: 50% !important;

    border: 1px solid rgba(90, 145, 205, 0.06) !important;

    pointer-events: none !important;
}

body.memora-ai-page .ai-memory-panel::after {
    content: "" !important;

    position: absolute !important;

    z-index: 2 !important;

    width: 690px !important;
    height: 690px !important;

    right: -80px !important;
    top: -175px !important;

    border-radius: 50% !important;

    border: 1px solid rgba(90, 145, 205, 0.04) !important;

    pointer-events: none !important;
}

/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] body.memora-ai-page .ai-memory-panel {
    border-color: rgba(255, 255, 255, 0.065) !important;

    background-image:
        linear-gradient(
            90deg,
            #080d13 0%,
            #080d13 36%,

            rgba(8, 13, 19, 0.99) 42%,
            rgba(8, 13, 19, 0.95) 47%,
            rgba(8, 13, 19, 0.82) 53%,
            rgba(8, 13, 19, 0.62) 59%,
            rgba(8, 13, 19, 0.39) 65%,
            rgba(8, 13, 19, 0.17) 71%,
            transparent 77%
        ),
        url("/assets/images/memora-ai/kurumsal-hafiza.png"),
        linear-gradient(135deg, #070b10, #091018) !important;

    background-repeat: no-repeat, no-repeat, no-repeat !important;

    background-size:
        100% 100%,
        auto 118%,
        100% 100% !important;

    background-position:
        center,
        right center,
        center !important;

    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-label {
    color: rgba(255, 255, 255, 0.31) !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-content h2 {
    color: rgba(255, 255, 255, 0.42) !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-content h2 strong {
    color: #fff !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-content > p {
    color: rgba(255, 255, 255, 0.52) !important;
}

/* =========================================================
   1500PX ALTI
   ========================================================= */

@media (max-width: 1500px) {
    body.memora-ai-page .ai-memory-panel {
        width: min(1320px, calc(100% - 48px)) !important;

        height: 560px !important;
        min-height: 560px !important;

        background-size:
            100% 100%,
            auto 116%,
            100% 100% !important;
    }

    body.memora-ai-page .ai-memory-content {
        padding: 48px 20px 44px 55px !important;
    }

    body.memora-ai-page .ai-memory-content h2 {
        font-size: clamp(2.7rem, 3.35vw, 3.85rem) !important;
    }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {
    body.memora-ai-page .ai-memory-panel {
        height: 820px !important;
        min-height: 820px !important;

        background-image:
            linear-gradient(
                180deg,
                #f3f7fa 0%,
                #f3f7fa 38%,

                rgba(243, 247, 250, 0.96) 45%,
                rgba(243, 247, 250, 0.62) 53%,
                rgba(243, 247, 250, 0.2) 62%,
                transparent 72%
            ),
            url("/assets/images/memora-ai/kurumsal-hafiza.png"),
            linear-gradient(135deg, #f5f8fa, #eef4f8) !important;

        background-size:
            100% 100%,
            auto 58%,
            100% 100% !important;

        background-position:
            center,
            center bottom,
            center !important;
    }

    body.memora-ai-page .ai-memory-content {
        width: 100% !important;
        height: auto !important;

        padding: 45px 35px !important;
    }
}

/* Kartın arka planındaki eski görseli kaldır */
body.memora-ai-page .ai-memory-panel {
    background-image: linear-gradient(135deg, #f5f8fa, #eef4f8) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-panel {
    background-image: linear-gradient(135deg, #070b10, #091018) !important;
}

/* HTML içindeki görseli sağ tarafa yerleştir */
body.memora-ai-page .ai-memory-visual {
    display: flex !important;
    position: absolute;
    inset: 0 2% 0 auto;
    width: 50%;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 3;
}

body.memora-ai-page .ai-memory-visual-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Görseli bulanıklaştırmadan dört kenarını yumuşat */
body.memora-ai-page .ai-memory-visual-wrap img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 94%;

    -webkit-mask-image:
        linear-gradient(to right, transparent, #000 12%, #000 88%, transparent),
        linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);

    mask-image:
        linear-gradient(to right, transparent, #000 12%, #000 88%, transparent),
        linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* Tablet ve mobil */
@media (max-width: 1000px) {
    body.memora-ai-page .ai-memory-panel {
        height: auto !important;
        min-height: 0 !important;
    }

    body.memora-ai-page .ai-memory-visual {
        position: relative;
        inset: auto;
        width: calc(100% - 32px);
        height: 430px;
        margin: 0 auto 20px;
    }
}

@media (max-width: 600px) {
    body.memora-ai-page .ai-memory-visual {
        height: 350px;
    }
}

/* BELGEDEN BİLGİYE — bölüm renkleri */
body.memora-ai-page .ai-process-showcase-panel {
    --process-card: #101923;
    --process-border: rgba(148, 179, 209, 0.16);
    --process-title: #f0f5fa;
    --process-text: #a5b4c4;
    --process-accent: #8fc9ff;
    --process-tag: rgba(117, 183, 245, 0.08);
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-panel {
    --process-card: #ffffff;
    --process-border: rgba(40, 75, 110, 0.14);
    --process-title: #172636;
    --process-text: #586b7d;
    --process-accent: #24649b;
    --process-tag: rgba(36, 100, 155, 0.07);
}

/* Üst görsel: bulanık geçiş yerine temiz çerçeve */
body.memora-ai-page .ai-process-showcase-hero {
    overflow: hidden;
    border: 1px solid var(--process-border);
    border-radius: 24px;
    background: #edf4fb;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

body.memora-ai-page .ai-process-showcase-hero::before,
body.memora-ai-page .ai-process-showcase-hero::after {
    content: none;
}

body.memora-ai-page .ai-process-showcase-hero img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    filter: none;
    -webkit-mask-image: none;
    mask-image: none;
}

/* Kartları saran ikinci kutuyu kaldır */
body.memora-ai-page .ai-process-showcase-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    max-width: none;
    margin-top: 40px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Açık tema için eski kuralı geçersiz kıl */
html[data-theme="light"] body.memora-ai-page .ai-process-showcase-cards {
    background: none;
    border: none;
}

/* Gerçek metin içeren kartlar */
body.memora-ai-page .ai-process-showcase-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    min-width: 0;
    padding: 30px;
    border: 1px solid var(--process-border);
    border-radius: 22px;
    background: var(--process-card);
    text-align: left;
    box-sizing: border-box;
    transition:
        transform 220ms ease,
        border-color 220ms ease;
}

body.memora-ai-page .process-step {
    display: block;
    margin-bottom: 28px;
    color: var(--process-accent);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
}

body.memora-ai-page .ai-process-showcase-card h3 {
    margin: 0 0 14px;
    color: var(--process-title);
    font-size: clamp(20px, 1.6vw, 25px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.035em;
}

body.memora-ai-page .ai-process-showcase-card p {
    margin: 0 0 28px;
    color: var(--process-text);
    font-size: 14px;
    line-height: 1.8;
}

body.memora-ai-page .process-tag {
    display: inline-block;
    margin-top: auto;
    padding: 8px 12px;
    border: 1px solid var(--process-border);
    border-radius: 8px;
    background: var(--process-tag);
    color: var(--process-accent);
    font-size: 11px;
    line-height: 1.5;
}

/* Yalnızca fare kullanılan cihazlarda hareket */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    body.memora-ai-page .ai-process-showcase-card:hover {
        transform: translateY(-4px);
        border-color: var(--process-accent);
    }
}

@media (max-width: 1050px) {
    body.memora-ai-page .ai-process-showcase-cards {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 28px;
    }

    body.memora-ai-page .ai-process-showcase-card {
        padding: 26px;
    }

    body.memora-ai-page .process-step {
        margin-bottom: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.memora-ai-page .ai-process-showcase-card {
        transition: none;
    }
}

/* Beyaz tema — görselin kenarlarını arka plana yedir */
html[data-theme="light"] body.memora-ai-page .ai-process-showcase-hero {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-hero::before,
html[data-theme="light"] body.memora-ai-page .ai-process-showcase-hero::after {
    content: none;
}

html[data-theme="light"] body.memora-ai-page .ai-process-showcase-hero img {
    transform: none;
    filter: none;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 16%,
            #000 84%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 16%,
            #000 84%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* Kurumsal bilgi bölümü — beyaz temada yumuşak kenarlar */
html[data-theme="light"] body.memora-ai-page .memora-ai-unified-panel {
    background-color: #f4f7fa;
}

html[data-theme="light"] body.memora-ai-page .memora-ai-unified-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        /* Üst kenar */
        linear-gradient(
            to bottom,
            #f4f7fa 0%,
            #f4f7fa 5%,
            rgba(244, 247, 250, 0.75) 9%,
            transparent 20%
        ),
        /* Alt kenar */
        linear-gradient(
                to top,
                #f4f7fa 0%,
                #f4f7fa 5%,
                rgba(244, 247, 250, 0.75) 9%,
                transparent 20%
            ),
        /* Sağ kenar */
        linear-gradient(
                to left,
                #f4f7fa 0%,
                rgba(244, 247, 250, 0.85) 2%,
                rgba(244, 247, 250, 0.35) 6%,
                transparent 13%
            );
}

/* Tablet boyutunda görselin üst ve alt sınırları değişiyor */
@media (min-width: 721px) and (max-width: 1050px) {
    html[data-theme="light"]
        body.memora-ai-page
        .memora-ai-unified-panel::before {
        background:
            linear-gradient(
                to bottom,
                #f4f7fa 0%,
                #f4f7fa 11%,
                transparent 25%
            ),
            linear-gradient(to top, #f4f7fa 0%, #f4f7fa 11%, transparent 25%),
            linear-gradient(to left, #f4f7fa, transparent 14%);
    }
}

/* Kurumsal hafıza — koyu tema */
html[data-theme="dark"] body.memora-ai-page .ai-memory-visual-wrap {
    background: transparent;
    border: none;
    box-shadow: none;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-visual-wrap img {
    /* Açık zemini koyulaştır, mavi tonları yaklaşık koru */
    filter: invert(0.92) hue-rotate(180deg) saturate(0.7);

    border: none;
    border-radius: 0;
    box-shadow: none;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 14%,
            #000 86%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 14%,
            #000 86%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* Metinlerin okunabilirliği */
html[data-theme="dark"] body.memora-ai-page .ai-memory-content h2 {
    color: #a8b3c2 !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-content h2 strong {
    color: #f5f8fc !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-content > p {
    color: #aab6c5 !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-memory-label {
    color: #91abc7 !important;
}

/* Kurumsal bilgi — koyu tema görsel düzenlemesi */
html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-panel {
    background: #080b10;
    isolation: isolate;
}

/* Görseli bağımsız katmana taşı */
html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-panel::before {
    content: "";
    position: absolute;
    inset: 4% 0 4% auto;
    width: 62%;
    z-index: 1;
    pointer-events: none;

    background: url("/assets/images/memora-ai/memora-ai-bilgi-agi.png") right
        center / auto 100% no-repeat;

    filter: invert(0.92) hue-rotate(180deg) saturate(0.7);

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 25%,
            #000 88%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 14%,
            #000 86%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 25%,
            #000 88%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 14%,
            #000 86%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* Metinler görselin üzerinde kalsın */
html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-content {
    position: relative;
    z-index: 5;
}

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-content p {
    color: #aab6c5;
}

html[data-theme="dark"] body.memora-ai-page .memora-ai-unified-label {
    color: #91abc7;
}

/* Tablet */
@media (min-width: 721px) and (max-width: 1050px) {
    html[data-theme="dark"]
        body.memora-ai-page
        .memora-ai-unified-panel::before {
        inset: 10% 0 10% auto;
        width: 60%;
    }
}

/* Mobil: görsel metnin altındaki alana yerleşsin */
@media (max-width: 720px) {
    html[data-theme="dark"]
        body.memora-ai-page
        .memora-ai-unified-panel::before {
        inset: auto 0 20px;
        width: 100%;
        height: 390px;
        background-position: center;
        background-size: contain;
    }
}

/* Belgeden bilgiye — koyu tema */
html[data-theme="dark"] body.memora-ai-page .ai-process-showcase-hero {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

html[data-theme="dark"] body.memora-ai-page .ai-process-showcase-hero::before,
html[data-theme="dark"] body.memora-ai-page .ai-process-showcase-hero::after {
    content: none;
}

html[data-theme="dark"] body.memora-ai-page .ai-process-showcase-hero img {
    filter: invert(0.92) hue-rotate(180deg) saturate(0.7);
    transform: none;
    border: none;
    border-radius: 0;
    box-shadow: none;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 16%,
            #000 84%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 16%,
            #000 84%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* MEMORA AI FORM — mevcut tasarımın okunabilirlik düzeltmeleri */

#memora-ai-basvuru {
    --form-surface: #101821;
    --form-field: #151f2b;
    --form-text: #edf3fa;
    --form-muted: #a5b4c6;
    --form-border: #354558;
    --form-accent: #99c6ff;
    --form-icon: #20334b;
    --form-success: #8cddb5;
    --form-error: #ffaaa5;
    scroll-margin-top: 120px;
}

html[data-theme="light"] #memora-ai-basvuru {
    --form-surface: #ffffff;
    --form-field: #f7f9fc;
    --form-text: #192635;
    --form-muted: #5c6d80;
    --form-border: #cbd5e1;
    --form-accent: #2867aa;
    --form-icon: #eaf2fc;
    --form-success: #196747;
    --form-error: #b42318;
}

/* Sol taraftaki küçük başlıklar */
#memora-ai-basvuru .ai-form-info > span,
#memora-ai-basvuru .ai-form-note > span {
    color: var(--form-accent) !important;
    -webkit-text-fill-color: currentColor !important;
}

#memora-ai-basvuru .ai-form-info > p,
#memora-ai-basvuru .ai-form-note p {
    color: var(--form-muted) !important;
}

/* Form kartı */
#memora-ai-basvuru .ai-form-container {
    min-width: 0;
    background: var(--form-surface) !important;
    border: 1px solid var(--form-border);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.05);
}

#memora-ai-basvuru .ai-form-group {
    min-width: 0;
}

/* Alan etiketleri */
#memora-ai-basvuru .ai-form-group label {
    color: var(--form-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

#memora-ai-basvuru .ai-form-group label span {
    color: var(--form-muted) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 12px;
}

/* Metin alanları: dosya seçiciyi etkilemez */
#memora-ai-basvuru .ai-form-group input:not([type="file"]) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 58px;
    background: var(--form-field) !important;
    border: 1px solid var(--form-border) !important;
    color: var(--form-text) !important;
    -webkit-text-fill-color: var(--form-text) !important;
    caret-color: var(--form-accent);
    font-size: 16px;
}

#memora-ai-basvuru .ai-form-group input::placeholder {
    color: var(--form-muted) !important;
    -webkit-text-fill-color: var(--form-muted) !important;
    opacity: 1;
}

#memora-ai-basvuru .ai-form-group input:not([type="file"]):focus {
    border-color: var(--form-accent) !important;
    outline: 2px solid var(--form-accent);
    outline-offset: 2px;
}

/* Dosya yükleme alanı */
#memora-ai-basvuru .ai-file-input {
    background: var(--form-field) !important;
    border: 1px dashed var(--form-border) !important;
}

#memora-ai-basvuru .ai-file-placeholder {
    background: transparent !important;
    pointer-events: none;
}

#memora-ai-basvuru .ai-file-placeholder > div {
    min-width: 0;
}

#memora-ai-basvuru .ai-file-placeholder strong {
    color: var(--form-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 14px;
}

#memora-ai-basvuru .ai-file-placeholder small {
    color: var(--form-muted) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 12px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

#memora-ai-basvuru .ai-file-icon {
    color: var(--form-accent) !important;
    background: var(--form-icon) !important;
    border-color: var(--form-border) !important;
}

#memora-ai-basvuru .ai-file-input:hover,
#memora-ai-basvuru .ai-file-input:focus-within {
    border-color: var(--form-accent) !important;
}

#memora-ai-basvuru .ai-file-input:focus-within {
    outline: 2px solid var(--form-accent);
    outline-offset: 3px;
}

/* Gönderim durumları */
#memora-ai-basvuru .ai-form-message {
    font-size: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

#memora-ai-basvuru .ai-form-message:empty {
    display: none;
}

#memora-ai-basvuru .ai-form-message.success {
    color: var(--form-success) !important;
}

#memora-ai-basvuru .ai-form-message.error {
    color: var(--form-error) !important;
}

#memora-ai-basvuru .ai-submit-button {
    min-height: 50px;
}

#memora-ai-basvuru .ai-submit-button:focus-visible {
    outline: 2px solid var(--form-accent);
    outline-offset: 4px;
}

#memora-ai-basvuru .ai-submit-button:disabled {
    opacity: 0.65;
    cursor: wait;
}

/* Mobil düzen */
@media (max-width: 900px) {
    #memora-ai-basvuru .ai-form-layout {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 600px) {
    #memora-ai-basvuru .ai-form-container {
        padding: 24px 20px;
        border-radius: 22px;
    }

    #memora-ai-basvuru .ai-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    #memora-ai-basvuru .ai-file-placeholder {
        padding: 16px;
        gap: 12px;
    }
}

/* Formdaki mavi vurguları nötr tonlara çevir */
#memora-ai-basvuru {
    --form-accent: #c2cbd5;
    --form-icon: #252d36;
}

html[data-theme="light"] #memora-ai-basvuru {
    --form-accent: #525d69;
    --form-icon: #edf0f3;
}

/* Fotoğraflı çözümler geçişi */
body.memora-ai-page .ai-next-inner.ai-next-photo {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 520px;
    padding: 0;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(30, 35, 40, 0.12);

    background:
        linear-gradient(
            90deg,
            rgba(249, 248, 245, 0.96) 0%,
            rgba(249, 248, 245, 0.82) 32%,
            rgba(249, 248, 245, 0.22) 65%,
            transparent 100%
        ),
        url("/assets/images/memora-ai/cozumler-ekip.png") center / cover
            no-repeat;

    text-align: left;
    box-shadow: 0 20px 55px rgba(20, 25, 30, 0.07);
}

/* Önceki dekoratif katmanları kaldır */
body.memora-ai-page .ai-next-photo::before,
body.memora-ai-page .ai-next-photo::after {
    content: none;
}

body.memora-ai-page .ai-next-photo-content {
    padding: 64px 64px 100px;
}

body.memora-ai-page .ai-next-photo-label {
    display: block;
    margin-bottom: 26px;
    color: #525650;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.24em;
}

body.memora-ai-page .ai-next-photo h2 {
    max-width: 850px;
    margin: 0;
    color: #151916 !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    font-size: clamp(38px, 4.6vw, 72px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.055em;
}

body.memora-ai-page .ai-next-photo-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 64px;
    background: rgba(249, 248, 245, 0.88);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.memora-ai-page .ai-next-photo-footer p {
    margin: 0;
    color: #414740 !important;
    font-size: 16px;
    line-height: 1.5;
}

body.memora-ai-page .ai-next-photo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex-shrink: 0;
    padding: 16px 24px;
    border-radius: 999px;
    background: #202520 !important;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

body.memora-ai-page .ai-next-photo-link span {
    color: inherit !important;
}

body.memora-ai-page .ai-next-photo-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

/* Koyu tema: fotoğrafın renklerini ters çevirmeden */
html[data-theme="dark"] body.memora-ai-page .ai-next-inner.ai-next-photo {
    border-color: rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(
            90deg,
            rgba(12, 16, 14, 0.96) 0%,
            rgba(12, 16, 14, 0.82) 35%,
            rgba(12, 16, 14, 0.3) 70%,
            rgba(12, 16, 14, 0.12) 100%
        ),
        url("/assets/images/memora-ai/cozumler-ekip.png") center / cover
            no-repeat;
}

html[data-theme="dark"] body.memora-ai-page .ai-next-photo h2 {
    color: #f5f5f1 !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-next-photo-label {
    color: #bcc2bb;
}

html[data-theme="dark"] body.memora-ai-page .ai-next-photo-footer {
    background: rgba(17, 22, 19, 0.9);
    border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] body.memora-ai-page .ai-next-photo-footer p {
    color: #d2d7d0 !important;
}

html[data-theme="dark"] body.memora-ai-page .ai-next-photo-link {
    background: #f0f2ed !important;
    color: #202520 !important;
}

/* Mobil */
@media (max-width: 700px) {
    body.memora-ai-page .ai-next-inner.ai-next-photo {
        min-height: 480px;
        border-radius: 24px;
        background-position:
            center,
            65% center;
    }

    body.memora-ai-page .ai-next-photo-content {
        padding: 38px 26px 100px;
    }

    body.memora-ai-page .ai-next-photo h2 {
        font-size: clamp(34px, 8vw, 48px);
    }

    body.memora-ai-page .ai-next-photo-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 22px 26px;
    }

    body.memora-ai-page .ai-next-photo-footer p {
        font-size: 14px;
    }

    body.memora-ai-page .ai-next-photo-link {
        width: 100%;
        box-sizing: border-box;
    }
}

/* Beyaz tema: eski arka plan kuralını geçersiz kıl */
html[data-theme="light"] body.memora-ai-page .ai-next-inner.ai-next-photo {
    background:
        linear-gradient(
            90deg,
            rgba(249, 248, 245, 0.96) 0%,
            rgba(249, 248, 245, 0.82) 32%,
            rgba(249, 248, 245, 0.22) 65%,
            transparent 100%
        ),
        url("/assets/images/memora-ai/cozumler-ekip.png") center / cover
            no-repeat !important;
}

/* Koyu tema */
html[data-theme="dark"] body.memora-ai-page .ai-next-inner.ai-next-photo {
    background:
        linear-gradient(
            90deg,
            rgba(12, 16, 14, 0.96) 0%,
            rgba(12, 16, 14, 0.82) 35%,
            rgba(12, 16, 14, 0.3) 70%,
            rgba(12, 16, 14, 0.12) 100%
        ),
        url("/assets/images/memora-ai/cozumler-ekip.png") center / cover
            no-repeat !important;
}

@media (max-width: 700px) {
    html[data-theme] body.memora-ai-page .ai-next-inner.ai-next-photo {
        background-position:
            center,
            65% center !important;
    }
}

body.memora-ai-page .ai-next-inner.ai-next-photo {
    overflow: hidden;
    isolation: isolate;
    background-clip: padding-box !important;
}

body.memora-ai-page .ai-next-photo-footer {
    flex-shrink: 0;
    margin: 0;
    background: #f9f8f5 !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html[data-theme="dark"] body.memora-ai-page .ai-next-photo-footer {
    background: #111613 !important;
}

/* FOTOĞRAFLI ÇÖZÜMLER GEÇİŞİ — TEK BLOK */

body.memora-ai-page .ai-next-inner.ai-next-photo {
    --cta-surface: #f9f8f5;
    --cta-title: #151916;
    --cta-text: #525650;
    --cta-border: rgba(30, 35, 40, 0.12);
    --cta-button: #202520;
    --cta-button-text: #ffffff;
    --cta-overlay: linear-gradient(
        90deg,
        rgba(249, 248, 245, 0.96) 0%,
        rgba(249, 248, 245, 0.82) 32%,
        rgba(249, 248, 245, 0.22) 65%,
        transparent 100%
    );

    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;

    width: 100%;
    height: auto;
    min-height: 520px;
    padding: 0;
    box-sizing: border-box;

    overflow: hidden;
    isolation: isolate;
    border-radius: 30px;
    border: 1px solid var(--cta-border) !important;

    /* Dış kartta fotoğraf yok */
    background: var(--cta-surface) !important;
    text-align: left;
    box-shadow: 0 20px 55px rgba(20, 25, 30, 0.07);
}

html[data-theme="dark"] body.memora-ai-page .ai-next-inner.ai-next-photo {
    --cta-surface: #111613;
    --cta-title: #f5f5f1;
    --cta-text: #c2c8c0;
    --cta-border: rgba(255, 255, 255, 0.12);
    --cta-button: #f0f2ed;
    --cta-button-text: #202520;
    --cta-overlay: linear-gradient(
        90deg,
        rgba(12, 16, 14, 0.96) 0%,
        rgba(12, 16, 14, 0.82) 35%,
        rgba(12, 16, 14, 0.3) 70%,
        rgba(12, 16, 14, 0.12) 100%
    );
}

/* Eski dekoratif katmanları kaldır */
body.memora-ai-page .ai-next-photo::before,
body.memora-ai-page .ai-next-photo::after {
    content: none !important;
}

/* Fotoğraf yalnızca üst alanda */
body.memora-ai-page .ai-next-photo-content {
    flex: 1 0 auto;
    min-width: 0;
    min-height: 410px;
    padding: 64px 64px 90px;
    box-sizing: border-box;

    background-image:
        var(--cta-overlay), url("/assets/images/memora-ai/cozumler-ekip.png");
    background-size:
        100% 100%,
        cover;
    background-position: center, center;
    background-repeat: no-repeat;
}

body.memora-ai-page .ai-next-photo-label {
    display: block;
    margin-bottom: 26px;
    color: var(--cta-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24em;
}

body.memora-ai-page .ai-next-photo h2 {
    max-width: 850px;
    margin: 0;
    background: none !important;
    color: var(--cta-title) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(38px, 4.6vw, 72px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.055em;
}

/* Alt şerit: opak zemin, arkasında fotoğraf yok */
body.memora-ai-page .ai-next-photo-footer {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin: 0;
    padding: 26px 64px;
    box-sizing: border-box;

    background: var(--cta-surface) !important;
    border-top: 1px solid var(--cta-border);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.memora-ai-page .ai-next-photo-footer p {
    min-width: 0;
    margin: 0;
    color: var(--cta-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 16px;
    line-height: 1.5;
}

body.memora-ai-page .ai-next-photo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex-shrink: 0;

    padding: 16px 24px;
    box-sizing: border-box;
    border: none;
    border-radius: 999px;

    background: var(--cta-button) !important;
    color: var(--cta-button-text) !important;
    -webkit-text-fill-color: currentColor !important;

    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

body.memora-ai-page .ai-next-photo-link span {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

body.memora-ai-page .ai-next-photo-link:focus-visible {
    outline: 2px solid var(--cta-title);
    outline-offset: 4px;
}

@media (max-width: 700px) {
    body.memora-ai-page .ai-next-inner.ai-next-photo {
        min-height: 0;
        border-radius: 24px;
    }

    body.memora-ai-page .ai-next-photo-content {
        min-height: 340px;
        padding: 38px 26px 70px;
        background-position:
            center,
            65% center;
    }

    body.memora-ai-page .ai-next-photo h2 {
        font-size: clamp(32px, 8vw, 48px);
        overflow-wrap: break-word;
    }

    body.memora-ai-page .ai-next-photo-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 22px 26px;
    }

    body.memora-ai-page .ai-next-photo-footer p {
        font-size: 14px;
    }

    body.memora-ai-page .ai-next-photo-link {
        width: 100%;
        gap: 16px;
        padding: 16px;
    }
}

/* Dış kart: fotoğraf kalıntısını ve açık kenar çizgisini kaldır */
html[data-theme="dark"] body.memora-ai-page .ai-next-inner.ai-next-photo {
    background: #111613 !important;
    border: 1px solid #283029 !important;
    overflow: hidden !important;
    clip-path: inset(0 round 30px);
}

html[data-theme="light"] body.memora-ai-page .ai-next-inner.ai-next-photo {
    background: #f9f8f5 !important;
    border: 1px solid #dedfdc !important;
    overflow: hidden !important;
    clip-path: inset(0 round 30px);
}

/* Alt şerit kendi opak zeminini korusun */
html[data-theme="dark"] body.memora-ai-page .ai-next-photo-footer {
    background: #111613 !important;
}

html[data-theme="light"] body.memora-ai-page .ai-next-photo-footer {
    background: #f9f8f5 !important;
}

@media (max-width: 700px) {
    html[data-theme] body.memora-ai-page .ai-next-inner.ai-next-photo {
        border-radius: 24px;
        clip-path: inset(0 round 24px);
    }
}

/* MEMORA AI — FOTOĞRAFLI GİRİŞ */

#memora-ai-giris {
    --hero-text: #171b20;
    --hero-muted: #59636e;
    --hero-button: #242624;
    --hero-button-text: #ffffff;
    --hero-photo-border: #f3f6f8;

    display: block;
    min-height: 0;
    padding: 150px 32px 90px;
    overflow: hidden;
}

html[data-theme="dark"] #memora-ai-giris {
    --hero-text: #f3f4f2;
    --hero-muted: #b5bcbf;
    --hero-button: #f0f2ed;
    --hero-button-text: #202520;
    --hero-photo-border: #0b1015;
}

#memora-ai-giris,
#memora-ai-giris * {
    box-sizing: border-box;
}

#memora-ai-giris .ai-hero-inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 44px;

    width: min(1320px, 100%);
    margin: 0 auto;
}

#memora-ai-giris .ai-hero-copy {
    min-width: 0;
    position: relative;
    z-index: 2;
    padding: 24px 0;
}

#memora-ai-giris .ai-eyebrow {
    margin: 0 0 30px;
    color: var(--hero-muted) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.26em;
}

#memora-ai-giris h1 {
    max-width: none;
    margin: 0;

    background: none !important;
    color: var(--hero-text) !important;
    -webkit-text-fill-color: currentColor !important;

    font-size: clamp(42px, 4.6vw, 68px);
    font-weight: 400;
    line-height: 1.12;
    letter-spacing: -0.055em;
    text-align: left;
}

#memora-ai-giris .ai-hero-description {
    max-width: 470px;
    margin: 32px 0 0;
    color: var(--hero-muted) !important;
    font-size: 17px;
    line-height: 1.8;
}

/* İletişim bağlantısı */
#memora-ai-giris .ai-scroll-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;

    max-width: 100%;
    min-height: 54px;
    margin-top: 36px;
    padding: 15px 26px;
    border: none;
    border-radius: 999px;

    background: var(--hero-button) !important;
    color: var(--hero-button-text) !important;
    -webkit-text-fill-color: currentColor !important;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
}

#memora-ai-giris .ai-scroll-link span {
    display: inline;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none !important;
    background: none;
    color: inherit !important;
    font-size: 22px;
}

#memora-ai-giris .ai-scroll-link:focus-visible {
    outline: 2px solid var(--hero-text);
    outline-offset: 5px;
}

/* İki fotoğraf da kendi alanının içinde kalır */
#memora-ai-giris .ai-hero-photos {
    position: relative;
    width: 100%;
    min-width: 0;
    aspect-ratio: 0.9;
    isolation: isolate;
}

#memora-ai-giris .ai-hero-photos img {
    display: block;
    max-width: none;
    margin: 0;
    object-fit: cover;
    filter: none;
    transform: none;
    -webkit-mask-image: none;
    mask-image: none;
}

/* Büyük bilgisayar fotoğrafı */
#memora-ai-giris .ai-hero-screen {
    position: absolute;
    top: 0;
    right: 0;
    width: 78%;
    height: 100%;
    border-radius: 24px;
    object-position: center;
}

/* Küçük arşiv fotoğrafı */
#memora-ai-giris .ai-hero-archive {
    position: absolute;
    left: 0;
    bottom: 7%;
    z-index: 2;

    width: 45%;
    height: 43%;
    border: 4px solid var(--hero-photo-border);
    border-radius: 22px;
    object-position: center;
}

/* Tablet ve mobil */
@media (max-width: 1000px) {
    #memora-ai-giris {
        padding: 130px 28px 70px;
    }

    #memora-ai-giris .ai-hero-inner {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    #memora-ai-giris .ai-hero-copy {
        padding: 0;
    }

    #memora-ai-giris h1 {
        font-size: clamp(38px, 7vw, 64px);
    }

    #memora-ai-giris .ai-hero-photos {
        max-width: 580px;
        justify-self: center;
    }
}

@media (max-width: 600px) {
    #memora-ai-giris {
        padding: 120px 20px 55px;
    }

    #memora-ai-giris .ai-eyebrow {
        margin-bottom: 22px;
    }

    #memora-ai-giris h1 {
        font-size: clamp(30px, 8vw, 46px);
    }

    #memora-ai-giris .ai-hero-description {
        margin-top: 24px;
        font-size: 15px;
    }

    #memora-ai-giris .ai-scroll-link {
        margin-top: 26px;
        padding: 14px 20px;
        gap: 16px;
        font-size: 13px;
    }

    #memora-ai-giris .ai-hero-screen {
        border-radius: 18px;
    }

    #memora-ai-giris .ai-hero-archive {
        border-width: 3px;
        border-radius: 16px;
    }
}

/* =====================================================
   MEMORA — ORTAK SAYFA ÖLÇÜLERİ
   ===================================================== */

:root {
    --layout-width: 1320px;
    --layout-gutter: 32px;
    --layout-section-gap: clamp(56px, 6vw, 96px);
    --layout-grid-gap: clamp(24px, 4vw, 64px);

    --layout-h1: clamp(40px, 5.2vw, 76px);
    --layout-h2: clamp(30px, 3.5vw, 48px);
    --layout-copy: clamp(16px, 1.2vw, 18px);
}

/* 1. Ana sayfanın içerik sınırları */
html
    body.home-showcase-page
    :is(
        .home-width,
        .home-container,
        .memora-ai-home-inner,
        .memora-references-inner,
        .memora-contact-home-inner
    ) {
    width: min(
        var(--layout-width),
        calc(100% - var(--layout-gutter) - var(--layout-gutter))
    ) !important;

    max-width: var(--layout-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    box-sizing: border-box;
}

/* Ana sayfa bölüm aralıkları */
html
    body.home-showcase-page
    :is(
        .home-about-section,
        .home-services-section,
        .home-solutions-section,
        .home-sectors-section,
        .memora-ai-home,
        .memora-references-home,
        .memora-contact-home
    ) {
    height: auto !important;
    min-height: 0 !important;
    margin-block: 0 !important;
    padding-block: var(--layout-section-gap) !important;
}

/* Ana sayfa bölüm başlıkları */
html
    body.home-showcase-page
    :is(
        .home-section-header h2,
        .home-about-section h2,
        .memora-ai-home h2,
        .memora-references-home h2,
        .memora-contact-home h2
    ) {
    font-size: var(--layout-h2) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.045em !important;
}

/* 2. Standart iç sayfaların giriş alanları */
html
    body
    :is(
        .corporate-hero,
        .services-page-hero,
        .solutions-page-hero,
        .sectors-hero,
        .references-hero,
        .knowledge-hero
    ) {
    display: flex;
    align-items: center;

    height: auto !important;
    min-height: clamp(620px, 85svh, 860px) !important;
    padding: 150px var(--layout-gutter) 80px !important;
    box-sizing: border-box;
}

/* Giriş yazılarının ortak hizası */
html
    body
    :is(
        .corporate-hero-inner,
        .services-page-hero-inner,
        .solutions-page-hero-inner,
        .sectors-hero-inner,
        .references-hero-inner,
        .knowledge-hero-inner
    ) {
    width: 100% !important;
    max-width: var(--layout-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    box-sizing: border-box;
}

/* Standart sayfa başlıkları */
html
    body
    :is(
        .corporate-hero,
        .services-page-hero,
        .solutions-page-hero,
        .sectors-hero,
        .references-hero,
        .knowledge-hero
    )
    h1 {
    max-width: 1050px !important;
    margin: 0 !important;
    font-size: var(--layout-h1) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.055em !important;
    font-weight: 500;
}

/* Giriş açıklamaları */
html
    body
    :is(
        .corporate-hero-description,
        .services-hero-description,
        .solutions-hero-description,
        .sectors-hero-description,
        .references-hero-description,
        .knowledge-hero-description
    ) {
    max-width: 660px !important;
    font-size: var(--layout-copy) !important;
    line-height: 1.75 !important;
}

/* 3. İç sayfalarda kendi genişliğini taşıyan bölümler */
html
    body
    :is(
        .corporate-section,
        .services-intro,
        .services-list-section,
        .services-process-section,
        .services-next-section,
        .solutions-intro,
        .solutions-list-section,
        .solutions-process-section,
        .solutions-next-section,
        .sectors-intro,
        .sectors-list-section,
        .sector-principles-section,
        .sectors-next-section,
        .references-intro,
        .references-list-section,
        .reference-approach-section,
        .reference-projects-section,
        .references-next-section,
        .knowledge-intro,
        .knowledge-content-section,
        .knowledge-faq-section,
        .knowledge-next-section,
        .contact-v2-section,
        .ai-form-section,
        .ai-next-section
    ) {
    width: min(
        var(--layout-width),
        calc(100% - var(--layout-gutter) - var(--layout-gutter))
    ) !important;

    max-width: var(--layout-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    padding-block: var(--layout-section-gap) !important;
    box-sizing: border-box;
}

/* 4. Genişliği kendi panelinde tanımlanan alanlar */
html
    body
    :is(
        .contact-unified-panel,
        .contact-v2-closing-inner,
        .career-v2-inner,
        .memora-ai-unified-panel,
        .ai-process-showcase-panel,
        .ai-memory-panel
    ) {
    width: min(
        var(--layout-width),
        calc(100% - var(--layout-gutter) - var(--layout-gutter))
    ) !important;

    max-width: var(--layout-width) !important;
    margin-inline: auto !important;
    box-sizing: border-box;
}

/* Memora AI panelleri arasındaki boşluk */
html
    body.memora-ai-page
    :is(.memora-ai-unified, .ai-process-showcase, .ai-memory-section) {
    margin-block: 0 !important;
    padding-block: var(--layout-section-gap) !important;
}

/* Son hazırladığımız fotoğraflı Memora AI girişi */
html body.memora-ai-page #memora-ai-giris {
    padding-inline: var(--layout-gutter) !important;
}

html body.memora-ai-page #memora-ai-giris .ai-hero-inner {
    width: 100% !important;
    max-width: var(--layout-width) !important;
    margin-inline: auto !important;
}

/* İletişim sayfasının giriş başlığı */
html body.contact-page .contact-unified-content h1 {
    font-size: clamp(40px, 4.6vw, 68px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.05em !important;
}

/* 5. Standart bölüm başlıkları */
html
    body
    :is(
        .corporate-section-title,
        .corporate-section-heading,
        .services-process-section,
        .solutions-process-section,
        .sector-principles-section,
        .reference-approach-section,
        .reference-projects-section,
        .knowledge-section-top,
        .knowledge-faq-section,
        .contact-v2-section-heading
    )
    h2 {
    font-size: var(--layout-h2) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.045em !important;
}

/* Alt yönlendirme kartlarının başlıkları */
html
    body
    :is(
        .services-next-inner,
        .solutions-next-inner,
        .sectors-next-inner,
        .references-next-inner,
        .knowledge-next-inner
    )
    h2 {
    font-size: clamp(34px, 4.2vw, 60px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.05em !important;
}

/* 6. Metin ve form sütunları arasındaki mesafe */
html
    body
    :is(
        .corporate-section-grid,
        .ai-form-layout,
        .contact-v2-layout,
        .memora-contact-layout
    ) {
    gap: var(--layout-grid-gap) !important;
}

html
    body
    :is(
        .corporate-section-grid,
        .ai-form-layout,
        .contact-v2-layout,
        .memora-contact-layout
    )
    > * {
    min-width: 0;
}

/* Kart sıralarında ortak aralık */
html
    body
    :is(
        .home-services-grid,
        .solutions-process-grid,
        .services-process-grid,
        .sector-principles-grid,
        .reference-approach-grid,
        .knowledge-grid,
        .values-grid,
        .mission-vision-grid
    ) {
    gap: 24px !important;
}

/* 7. Footer içerik hizası */
html body .memora-footer-container {
    width: min(
        var(--layout-width),
        calc(100% - var(--layout-gutter) - var(--layout-gutter))
    ) !important;

    max-width: var(--layout-width) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    box-sizing: border-box;
}

/* 8. Tablet */
@media (max-width: 1000px) {
    :root {
        --layout-gutter: 24px;
        --layout-section-gap: 64px;
        --layout-grid-gap: 32px;
    }

    html
        body
        :is(
            .corporate-section-grid,
            .ai-form-layout,
            .contact-v2-layout,
            .memora-contact-layout
        ) {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* 9. Mobil */
@media (max-width: 600px) {
    :root {
        --layout-gutter: 20px;
        --layout-section-gap: 48px;
        --layout-grid-gap: 28px;

        --layout-h1: clamp(36px, 9vw, 48px);
        --layout-h2: clamp(28px, 7vw, 36px);
        --layout-copy: 16px;
    }

    html
        body
        :is(
            .corporate-hero,
            .services-page-hero,
            .solutions-page-hero,
            .sectors-hero,
            .references-hero,
            .knowledge-hero
        ) {
        min-height: 0 !important;
        padding: 130px var(--layout-gutter) 64px !important;
    }

    html
        body
        :is(
            .home-services-grid,
            .solutions-process-grid,
            .services-process-grid,
            .sector-principles-grid,
            .reference-approach-grid,
            .knowledge-grid,
            .values-grid,
            .mission-vision-grid
        ) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }
}

/* İLETİŞİM GİRİŞİ — YUMUŞAK GÖRSEL GEÇİŞİ */

body.contact-page .contact-unified-panel {
    --contact-panel-bg: #f4f7fa;
    --contact-heading: #151b22;
    --contact-copy: #596572;
    --contact-label: #626c77;
    --contact-image-filter: none;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    /* Eski arka plan görselini kaldır */
    background: var(--contact-panel-bg) !important;
}

html[data-theme="dark"] body.contact-page .contact-unified-panel {
    --contact-panel-bg: #080b10;
    --contact-heading: #f3f5f7;
    --contact-copy: #b0bac5;
    --contact-label: #a1abb6;
    --contact-image-filter: invert(0.92) hue-rotate(180deg) saturate(0.7);
}

/* Görsel kendi katmanında */
html body.contact-page .contact-unified-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;

    width: 48%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    border: none;
    border-radius: 0;
    opacity: 1;

    background: url("/assets/images/iletisim/birlikte-konusalim.png") center /
        cover no-repeat !important;

    filter: var(--contact-image-filter);

    /* Solda geniş; diğer kenarlarda daha dar geçiş */
    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            rgba(0, 0, 0, 0.35) 12%,
            #000 32%,
            #000 89%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            rgba(0, 0, 0, 0.35) 12%,
            #000 32%,
            #000 89%,
            transparent 100%
        ),
        linear-gradient(
            to bottom,
            transparent 0%,
            #000 12%,
            #000 88%,
            transparent 100%
        );

    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

/* Metinler görselin üzerinde */
html body.contact-page .contact-unified-content {
    position: relative;
    z-index: 2;
}

html body.contact-page .contact-unified-content h1 {
    color: var(--contact-heading) !important;
    -webkit-text-fill-color: currentColor !important;
}

html body.contact-page .contact-unified-content p {
    color: var(--contact-copy) !important;
}

html body.contact-page .contact-unified-label,
html body.contact-page .contact-unified-bottom small {
    color: var(--contact-label) !important;
    -webkit-text-fill-color: currentColor !important;
}

html body.contact-page .contact-unified-bottom span {
    background: var(--contact-label) !important;
}

/* Tablet: metnin arkasına girmesin */
@media (min-width: 721px) and (max-width: 1050px) {
    html body.contact-page .contact-unified-panel::before {
        width: 44%;
    }
}

/* Mobil: görsel metnin altında */
@media (max-width: 720px) {
    html body.contact-page .contact-unified-panel {
        min-height: 0 !important;
    }

    html body.contact-page .contact-unified-content {
        width: 100%;
        min-height: 0;
        padding: 45px 25px 390px;
    }

    html body.contact-page .contact-unified-panel::before {
        inset: auto 0 0;
        width: min(100%, 420px);
        height: 360px;
        margin-inline: auto;
        background-position: center !important;
    }
}

/* =====================================================
   REFERANSLAR — FOTOĞRAFLI TASARIM
   ===================================================== */

/* Varsayılan: koyu tema */
body.references-page {
    --ref-heading: #f1f2ef;
    --ref-copy: #b7bcb9;
    --ref-label: #a7ada8;
    --ref-photo-border: rgba(255, 255, 255, 0.12);

    --ref-hero-overlay: linear-gradient(
        90deg,
        rgba(10, 13, 11, 0.88) 0%,
        rgba(10, 13, 11, 0.76) 32%,
        rgba(10, 13, 11, 0.36) 64%,
        rgba(10, 13, 11, 0.12) 100%
    );

    --ref-photo-filter: saturate(0.82) brightness(0.94);
}

/* Açık tema */
html[data-theme="light"] body.references-page {
    --ref-heading: #151a1d;
    --ref-copy: #626963;
    --ref-label: #656c66;
    --ref-photo-border: rgba(24, 30, 25, 0.1);

    --ref-hero-overlay: linear-gradient(
        90deg,
        rgba(15, 18, 16, 0.82) 0%,
        rgba(15, 18, 16, 0.67) 32%,
        rgba(15, 18, 16, 0.22) 64%,
        rgba(15, 18, 16, 0.02) 100%
    );

    --ref-photo-filter: saturate(0.85);
}

/* Ortak ölçülendirme */
#ref-photo-hero,
#ref-photo-experience,
#ref-photo-hero *,
#ref-photo-experience * {
    box-sizing: border-box;
}

/* =====================================================
   ÜST FOTOĞRAFLI ALAN
   ===================================================== */

#ref-photo-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;

    width: min(1480px, calc(100% - 48px));
    min-height: clamp(640px, 85svh, 850px);

    margin: 24px auto 0;
    padding: 160px clamp(32px, 5vw, 80px) 80px;

    border: 1px solid var(--ref-photo-border);
    border-radius: 30px;

    overflow: hidden;
    background: #20251f;
}

/* Fotoğraf yalnızca bu kutunun içinde kalır. */
#ref-photo-hero .ref-hero-image {
    position: absolute;
    inset: 0;
    z-index: 0;

    display: block;
    width: 100%;
    height: 100%;
    max-width: none;

    object-fit: cover;
    object-position: 65% center;

    filter: saturate(0.85);
}

/* Yazı arkasındaki yumuşak geçiş */
#ref-photo-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: var(--ref-hero-overlay);
    pointer-events: none;
}

#ref-photo-hero .ref-hero-content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 790px;
    min-width: 0;
}

#ref-photo-hero .ref-label {
    margin: 0 0 28px;

    color: #d2d5d0 !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.26em;
}

#ref-photo-hero h1 {
    max-width: 790px;
    margin: 0;

    color: #f8f8f5 !important;
    font-size: clamp(44px, 5.1vw, 76px);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.055em;

    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
}

#ref-photo-hero .ref-hero-description {
    max-width: 490px;
    margin: 30px 0 0;

    color: #e0e3dd !important;
    font-size: clamp(16px, 1.3vw, 19px);
    font-weight: 400;
    line-height: 1.8;
}

#ref-photo-hero .ref-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;

    min-height: 58px;
    margin-top: 34px;
    padding: 10px 14px 10px 25px;

    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 999px;

    background: #f5f5f0 !important;
    color: #20251f !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

#ref-photo-hero .ref-hero-button span {
    display: grid;
    place-items: center;

    flex: 0 0 34px;
    width: 34px;
    height: 34px;

    border: 1px solid rgba(32, 37, 31, 0.2);
    border-radius: 50%;

    color: inherit !important;
    font-size: 18px;
}

@media (hover: hover) {
    #ref-photo-hero .ref-hero-button:hover {
        background: #ffffff !important;
        transform: translateY(-2px);
    }
}

#ref-photo-hero .ref-hero-button:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 5px;
}

/* =====================================================
   ALT BÖLÜM — METİN + İKİ DİKEY FOTOĞRAF
   ===================================================== */

#ref-photo-experience {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr);
    align-items: center;
    gap: clamp(32px, 5vw, 80px);

    width: min(1320px, calc(100% - 64px));
    margin: 0 auto;
    padding: clamp(56px, 7vw, 100px) 0;
}

#ref-photo-experience .ref-experience-copy {
    min-width: 0;
    max-width: 440px;
}

#ref-photo-experience .ref-label {
    margin: 0 0 26px;

    color: var(--ref-label) !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.24em;
}

#ref-photo-experience h2 {
    margin: 0 0 28px;

    color: var(--ref-heading) !important;
    font-size: clamp(38px, 4.3vw, 64px);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

#ref-photo-experience #references-description {
    margin: 0;

    color: var(--ref-copy) !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

/*
   Basamaklı fotoğraf düzeni:
   Boşluklar grid satırlarıyla oluşturulur.
   Negatif margin veya dışarı taşan transform kullanılmaz.
*/
#ref-photo-experience .ref-experience-photos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 56px auto 56px;
    column-gap: 24px;

    min-width: 0;
}

#ref-photo-experience figure {
    position: relative;
    min-width: 0;
    margin: 0;

    aspect-ratio: 0.62;
    overflow: hidden;

    border: 1px solid var(--ref-photo-border);
    border-radius: 24px;
    background: #242a24;
}

#ref-photo-experience .ref-photo-document {
    grid-column: 1;
    grid-row: 2 / 4;
}

#ref-photo-experience .ref-photo-meeting {
    grid-column: 2;
    grid-row: 1 / 3;
}

#ref-photo-experience figure img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;

    object-fit: cover;
    object-position: center;
    filter: var(--ref-photo-filter);
}

body.references-page #referans-listesi {
    scroll-margin-top: 120px;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1000px) {
    #ref-photo-hero {
        min-height: 680px;
        padding: 150px 40px 64px;
    }

    #ref-photo-hero h1 {
        font-size: clamp(44px, 6.5vw, 64px);
    }

    #ref-photo-experience {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    #ref-photo-experience .ref-experience-copy {
        max-width: 640px;
    }

    #ref-photo-experience .ref-experience-photos {
        width: 100%;
        max-width: 760px;
        margin-inline: auto;
    }

    #ref-photo-experience figure {
        aspect-ratio: 0.72;
    }
}

/* =====================================================
   MOBİL
   ===================================================== */

@media (max-width: 600px) {
    #ref-photo-hero {
        width: calc(100% - 24px);
        min-height: 660px;

        margin-top: 12px;
        padding: 140px 24px 48px;
        border-radius: 24px;
    }

    #ref-photo-hero .ref-hero-image {
        object-position: 62% center;
    }

    #ref-photo-hero::before {
        background: linear-gradient(
            90deg,
            rgba(10, 13, 11, 0.88),
            rgba(10, 13, 11, 0.62) 65%,
            rgba(10, 13, 11, 0.35)
        );
    }

    #ref-photo-hero .ref-label {
        margin-bottom: 22px;
        font-size: 10px;
    }

    #ref-photo-hero h1 {
        font-size: clamp(38px, 9.5vw, 52px);
        line-height: 1.12;
        letter-spacing: -0.045em;
    }

    #ref-photo-hero .ref-desktop-break {
        display: none;
    }

    #ref-photo-hero .ref-hero-description {
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.75;
    }

    #ref-photo-hero .ref-hero-button {
        margin-top: 28px;
        min-height: 54px;
        max-width: 100%;
    }

    #ref-photo-experience {
        width: calc(100% - 40px);
        padding-block: 48px;
        gap: 30px;
    }

    #ref-photo-experience h2 {
        font-size: 42px;
    }

    #ref-photo-experience #references-description {
        font-size: 16px;
    }

    #ref-photo-experience .ref-experience-photos {
        grid-template-rows: 28px auto 28px;
        column-gap: 12px;
    }

    #ref-photo-experience figure {
        aspect-ratio: 0.6;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #ref-photo-hero .ref-hero-button {
        transition: none;
    }
}

/* Referanslar: fotoğraf üzerindeki başlığın okunurluğu */
html body.references-page #ref-photo-hero #ref-photo-title,
html body.references-page #ref-photo-hero #ref-photo-title * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    opacity: 1 !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25) !important;
}

/* =====================================================
   REFERANSLAR — KARTLAR, PROJELER VE KAPANIŞ
   ===================================================== */

/* Varsayılan: dark tema */
#ref-showcase {
    --rs-text: #f2f3ef;
    --rs-muted: #b6bcb6;
    --rs-label: #a4aca4;
    --rs-card: #141b18;
    --rs-border: rgba(255, 255, 255, 0.11);
    --rs-shadow: 0 14px 36px rgba(0, 0, 0, 0.14);
    --rs-photo-filter: saturate(0.85) brightness(0.95);

    --rs-closing-base: #111713;
    --rs-closing-rgb: 17, 23, 19;

    --rs-button-bg: #f2f3ed;
    --rs-button-text: #20261f;

    width: min(1320px, calc(100% - 64px));
    margin: 0 auto;
    padding: 64px 0 88px;

    color: var(--rs-text);
}

/* Açık tema */
html[data-theme="light"] #ref-showcase {
    --rs-text: #151b18;
    --rs-muted: #626b64;
    --rs-label: #70786f;
    --rs-card: #fcfbf8;
    --rs-border: rgba(28, 36, 29, 0.09);
    --rs-shadow: 0 14px 36px rgba(28, 36, 29, 0.055);
    --rs-photo-filter: saturate(0.88);

    --rs-closing-base: #f7f6f1;
    --rs-closing-rgb: 247, 246, 241;

    --rs-button-bg: #20271f;
    --rs-button-text: #ffffff;
}

#ref-showcase,
#ref-showcase * {
    box-sizing: border-box;
}

/* Başlıkların tema dosyasında farklı renge dönmesini önler. */
#ref-showcase :is(h2, h3) {
    color: var(--rs-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;

    font-family: inherit;
    text-shadow: none !important;
}

#ref-showcase :is(p, a, span) {
    -webkit-text-fill-color: currentColor !important;
}

#ref-showcase h2 {
    margin: 0;
    font-size: clamp(32px, 3.4vw, 48px);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -0.045em;
}

#ref-showcase .rs-eyebrow {
    margin: 0 0 22px;
    color: var(--rs-label) !important;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.22em;
}

#ref-showcase .rs-description {
    margin: 24px 0 0;
    color: var(--rs-muted) !important;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

/* =====================================================
   ÜÇ FOTOĞRAFLI KART
   ===================================================== */

#ref-showcase .rs-heading {
    margin-bottom: 32px;
}

#ref-showcase .rs-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

#ref-showcase .rs-card {
    display: flex;
    flex-direction: column;
    min-width: 0;

    overflow: hidden;
    border: 1px solid var(--rs-border);
    border-radius: 20px;

    background: var(--rs-card);
    box-shadow: var(--rs-shadow);
}

#ref-showcase .rs-card > img {
    display: block;
    flex: 0 0 auto;

    width: 100%;
    height: auto;
    aspect-ratio: 1.85;

    object-fit: cover;
    object-position: center;
    filter: var(--rs-photo-filter);
}

#ref-showcase .rs-card-body {
    flex: 1;
    padding: 26px 26px 30px;
}

#ref-showcase .rs-card h3 {
    margin: 0 0 14px;

    font-size: clamp(20px, 1.8vw, 25px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.035em;
}

#ref-showcase .rs-card p {
    margin: 0;
    color: var(--rs-muted) !important;

    font-size: 15px;
    line-height: 1.8;
}

/* =====================================================
   PROJELER — METİN VE FOTOĞRAF
   ===================================================== */

#ref-showcase .rs-projects {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(32px, 5vw, 72px);

    margin-top: 64px;
    padding-top: 64px;
    border-top: 1px solid var(--rs-border);
}

#ref-showcase .rs-projects-copy {
    min-width: 0;
    max-width: 520px;
}

#ref-showcase .rs-projects-photo {
    position: relative;
    min-width: 0;
    margin: 0;

    aspect-ratio: 4 / 3;
    overflow: hidden;

    border: 1px solid var(--rs-border);
    border-radius: 22px;
    background: var(--rs-card);
}

#ref-showcase .rs-projects-photo > img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
    filter: var(--rs-photo-filter);
}

#ref-showcase .rs-badge {
    position: absolute;
    top: 20px;
    right: 20px;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 999px;

    background: #f6f6f0;
    color: #272d25 !important;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
}

#ref-showcase .rs-badge > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #80877b;
}

/* =====================================================
   KAPANIŞ — EKİP FOTOĞRAFI VE YUMUŞAK GEÇİŞ
   ===================================================== */

#ref-showcase .rs-closing {
    position: relative;
    isolation: isolate;

    display: flex;
    align-items: center;

    min-height: 460px;
    margin-top: 72px;
    padding: clamp(32px, 4.5vw, 64px);

    border: 1px solid var(--rs-border);
    border-radius: 28px;
    overflow: hidden;

    background: var(--rs-closing-base);
}

/* Fotoğraf katmanı */
#ref-showcase .rs-closing::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background-image: url("/assets/images/referanslar/referans-kapanis-ekip.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    filter: saturate(0.85);
    pointer-events: none;
}

/* Temaya göre açık veya koyu geçiş */
#ref-showcase .rs-closing::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(var(--rs-closing-rgb), 0.99) 0%,
        rgba(var(--rs-closing-rgb), 0.97) 28%,
        rgba(var(--rs-closing-rgb), 0.86) 43%,
        rgba(var(--rs-closing-rgb), 0.32) 65%,
        rgba(var(--rs-closing-rgb), 0.04) 100%
    );

    pointer-events: none;
}

#ref-showcase .rs-closing-copy {
    position: relative;
    z-index: 2;

    width: 48%;
    min-width: 0;
    max-width: 560px;
}

#ref-showcase .rs-closing h2 {
    font-size: clamp(34px, 3.4vw, 48px);
}

#ref-showcase .rs-closing .rs-description {
    max-width: 460px;
    font-size: 16px;
}

#ref-showcase .rs-contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;

    min-height: 54px;
    max-width: 100%;
    margin-top: 30px;
    padding: 15px 24px;

    border: 1px solid transparent;
    border-radius: 999px;

    background: var(--rs-button-bg) !important;
    color: var(--rs-button-text) !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;

    transition: transform 180ms ease;
}

#ref-showcase .rs-contact-button > span {
    color: inherit !important;
    font-size: 20px;
    line-height: 1;
}

#ref-showcase .rs-contact-button:focus-visible {
    outline: 3px solid var(--rs-text);
    outline-offset: 5px;
}

@media (hover: hover) {
    #ref-showcase .rs-contact-button:hover {
        transform: translateY(-2px);
    }
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1000px) {
    #ref-showcase {
        width: calc(100% - 48px);
        padding-top: 48px;
    }

    #ref-showcase .rs-cards {
        gap: 16px;
    }

    #ref-showcase .rs-card-body {
        padding: 22px 20px 26px;
    }

    #ref-showcase .rs-projects {
        gap: 32px;
    }

    #ref-showcase .rs-closing-copy {
        width: 58%;
    }

    #ref-showcase .rs-closing::after {
        background: linear-gradient(
            90deg,
            rgba(var(--rs-closing-rgb), 0.99) 0%,
            rgba(var(--rs-closing-rgb), 0.95) 42%,
            rgba(var(--rs-closing-rgb), 0.65) 65%,
            rgba(var(--rs-closing-rgb), 0.12) 100%
        );
    }
}

/* =====================================================
   MOBİL
   ===================================================== */

@media (max-width: 760px) {
    #ref-showcase {
        width: calc(100% - 40px);
        padding: 40px 0 56px;
    }

    #ref-showcase .rs-cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    #ref-showcase .rs-card > img {
        aspect-ratio: 1.85;
    }

    #ref-showcase .rs-card-body {
        padding: 24px;
    }

    #ref-showcase .rs-card h3 {
        font-size: 24px;
    }

    #ref-showcase .rs-projects {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;

        margin-top: 44px;
        padding-top: 44px;
    }

    #ref-showcase .rs-projects-copy {
        max-width: none;
    }

    #ref-showcase .rs-description {
        font-size: 16px;
    }

    #ref-showcase .rs-projects-photo {
        border-radius: 20px;
    }

    #ref-showcase .rs-closing {
        display: block;
        min-height: 0;

        margin-top: 44px;
        padding: 32px 24px 250px;
        border-radius: 22px;
    }

    #ref-showcase .rs-closing-copy {
        width: 100%;
        max-width: none;
    }

    #ref-showcase .rs-closing h2 {
        font-size: clamp(32px, 8vw, 42px);
    }

    /* Mobilde fotoğraf altta, yazı üstte kalır. */
    #ref-showcase .rs-closing::before {
        inset: auto 0 0;
        height: 250px;
        background-position: center;
    }

    #ref-showcase .rs-closing::after {
        inset: auto 0 0;
        height: 250px;

        background: linear-gradient(
            180deg,
            rgba(var(--rs-closing-rgb), 1) 0%,
            rgba(var(--rs-closing-rgb), 0.68) 18%,
            rgba(var(--rs-closing-rgb), 0.08) 52%,
            rgba(var(--rs-closing-rgb), 0) 100%
        );
    }
}

@media (prefers-reduced-motion: reduce) {
    #ref-showcase .rs-contact-button {
        transition: none;
    }
}

/* =====================================================
   KURUMSAL — MİSYON, VİZYON VE DEĞERLER
   ===================================================== */

/* Varsayılan: koyu tema */
#corporate-purpose {
    --cp-text: #f1f3f5;
    --cp-muted: #b9c0c7;
    --cp-label: #a5aeb7;
    --cp-surface: #11171d;
    --cp-rgb: 17, 23, 29;
    --cp-line: rgba(255, 255, 255, 0.12);
    --cp-icon-bg: #202830;
    --cp-icon-color: #dce1e6;
    --cp-photo-filter: saturate(0.72) brightness(0.88);

    width: min(1320px, calc(100% - 64px));
    margin-inline: auto;
    padding-block: 64px 80px;
}

/* Açık tema */
html[data-theme="light"] #corporate-purpose {
    --cp-text: #141a20;
    --cp-muted: #59636e;
    --cp-label: #68727c;
    --cp-surface: #fbfcfd;
    --cp-rgb: 251, 252, 253;
    --cp-line: rgba(33, 46, 59, 0.12);
    --cp-icon-bg: #eef1f4;
    --cp-icon-color: #37424e;
    --cp-photo-filter: saturate(0.78);
}

#corporate-purpose,
#corporate-purpose * {
    box-sizing: border-box;
}

#corporate-purpose .cp-section {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    scroll-margin-top: 130px;
}

#corporate-purpose .cp-section + .cp-section {
    margin-top: clamp(56px, 6vw, 88px);
}

#corporate-purpose .cp-heading {
    margin-bottom: 32px;
}

/* Tema dosyasındaki yazı dolgusu kurallarını da düzeltir. */
#corporate-purpose :is(h2, h3, p) {
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

#corporate-purpose :is(h2, h3) {
    color: var(--cp-text) !important;
    background: none !important;
    font-family: inherit;
}

#corporate-purpose .cp-label {
    margin: 0 0 22px;
    color: var(--cp-label) !important;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.23em;
}

#corporate-purpose h2 {
    margin: 0;
    font-size: clamp(32px, 3.5vw, 48px);
    font-weight: 500;
    line-height: 1.13;
    letter-spacing: -0.045em;
}

#corporate-purpose .cp-description {
    margin: 0;
    color: var(--cp-muted) !important;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
}

/* =====================================================
   ORTAK FOTOĞRAFLI MİSYON–VİZYON PANELİ
   ===================================================== */

#corporate-purpose .cp-mission-panel {
    position: relative;
    isolation: isolate;

    min-height: 560px;
    overflow: hidden;

    border: 1px solid var(--cp-line);
    border-radius: 28px;
    background: var(--cp-surface);
}

/* Fotoğraf, panel sınırları içinde kalır. */
#corporate-purpose .cp-mission-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background: url("/assets/images/kurumsal/misyon-vizyon-ofis.png") center
        bottom / cover no-repeat;

    filter: var(--cp-photo-filter);
    pointer-events: none;
}

/*
   Metnin altında güçlü, fotoğrafa doğru azalan geçiş.
   Açık/koyu renk, tema değişkeninden gelir.
*/
#corporate-purpose .cp-mission-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
        180deg,
        rgba(var(--cp-rgb), 0.98) 0%,
        rgba(var(--cp-rgb), 0.96) 30%,
        rgba(var(--cp-rgb), 0.88) 54%,
        rgba(var(--cp-rgb), 0.48) 72%,
        rgba(var(--cp-rgb), 0.04) 100%
    );

    pointer-events: none;
}

#corporate-purpose .cp-mission-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    min-height: inherit;
}

#corporate-purpose .cp-mission-item {
    min-width: 0;
    padding: clamp(32px, 4.5vw, 64px) clamp(28px, 4vw, 56px) 190px;
}

#corporate-purpose .cp-mission-item + .cp-mission-item {
    border-left: 1px solid var(--cp-line);
}

#corporate-purpose .cp-mission-item h3 {
    margin: 0 0 24px;

    font-size: clamp(29px, 3vw, 42px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.045em;
}

#corporate-purpose .cp-mission-item .cp-description {
    max-width: 470px;
}

/* =====================================================
   DEĞERLER — 2 × 2 PANEL
   ===================================================== */

#corporate-purpose .cp-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    overflow: hidden;
    border: 1px solid var(--cp-line);
    border-radius: 28px;
    background: var(--cp-surface);
}

#corporate-purpose .cp-value {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: start;
    gap: 24px;

    min-width: 0;
    padding: clamp(28px, 3.5vw, 48px);
}

#corporate-purpose .cp-value:nth-child(even) {
    border-left: 1px solid var(--cp-line);
}

#corporate-purpose .cp-value:nth-child(n + 3) {
    border-top: 1px solid var(--cp-line);
}

#corporate-purpose .cp-icon {
    display: grid;
    place-items: center;

    width: 64px;
    height: 64px;
    border-radius: 18px;

    background: var(--cp-icon-bg);
    color: var(--cp-icon-color);
}

#corporate-purpose .cp-icon svg {
    display: block;
    width: 32px;
    height: 32px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#corporate-purpose .cp-value h3 {
    margin: 3px 0 12px;

    font-size: clamp(21px, 2vw, 26px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.035em;
}

#corporate-purpose .cp-value .cp-description {
    font-size: 16px;
    line-height: 1.8;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1000px) {
    #corporate-purpose {
        width: calc(100% - 48px);
        padding-block: 48px 64px;
    }

    #corporate-purpose .cp-mission-item {
        padding: 36px 30px 170px;
    }

    #corporate-purpose .cp-value {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 18px;
        padding: 28px;
    }

    #corporate-purpose .cp-icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    #corporate-purpose .cp-icon svg {
        width: 27px;
        height: 27px;
    }
}

/* =====================================================
   MOBİL
   ===================================================== */

@media (max-width: 700px) {
    #corporate-purpose {
        width: calc(100% - 40px);
        padding-block: 40px 56px;
    }

    #corporate-purpose .cp-heading {
        margin-bottom: 26px;
    }

    #corporate-purpose .cp-label {
        margin-bottom: 18px;
        font-size: 10px;
        letter-spacing: 0.2em;
    }

    #corporate-purpose h2 {
        font-size: clamp(30px, 7.8vw, 40px);
        line-height: 1.16;
    }

    #corporate-purpose h2 br {
        display: none;
    }

    #corporate-purpose .cp-mission-panel {
        min-height: 0;
        padding-bottom: 210px;
        border-radius: 22px;
    }

    #corporate-purpose .cp-mission-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #corporate-purpose .cp-mission-item {
        padding: 32px 24px;
    }

    #corporate-purpose .cp-mission-item + .cp-mission-item {
        border-left: 0;
        border-top: 1px solid var(--cp-line);
    }

    #corporate-purpose .cp-mission-item h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    #corporate-purpose .cp-description {
        font-size: 16px;
    }

    /*
       Mobilde fotoğraf yalnızca panelin altına yerleşir.
       Metin yüksekliği artsa da fotoğrafla çakışmaz.
    */
    #corporate-purpose .cp-mission-panel::before,
    #corporate-purpose .cp-mission-panel::after {
        inset: auto 0 0;
        height: 230px;
    }

    #corporate-purpose .cp-mission-panel::after {
        background: linear-gradient(
            180deg,
            rgba(var(--cp-rgb), 1) 0%,
            rgba(var(--cp-rgb), 0.72) 22%,
            rgba(var(--cp-rgb), 0.08) 70%,
            rgba(var(--cp-rgb), 0.02) 100%
        );
    }

    #corporate-purpose .cp-values {
        grid-template-columns: minmax(0, 1fr);
        border-radius: 22px;
    }

    #corporate-purpose .cp-value {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 16px;
        padding: 28px 22px;
    }

    #corporate-purpose .cp-value:nth-child(even) {
        border-left: 0;
    }

    #corporate-purpose .cp-value + .cp-value {
        border-top: 1px solid var(--cp-line);
    }

    #corporate-purpose .cp-icon {
        width: 46px;
        height: 46px;
    }

    #corporate-purpose .cp-value h3 {
        font-size: 22px;
    }

    #corporate-purpose .cp-value .cp-description {
        font-size: 15px;
    }
}

/* =====================================================
   SEKTÖRLER — EDİTORYAL TASARIM
   ===================================================== */

/* Varsayılan: koyu tema */
#sectors-editorial {
    --se-title: #f1f3f5;
    --se-copy: #b7c0c9;
    --se-label: #a0aab5;
    --se-line: rgba(255, 255, 255, 0.15);
    --se-button-bg: rgba(255, 255, 255, 0.035);
    --se-button-hover: rgba(255, 255, 255, 0.09);
    --se-photo-filter: saturate(0.8) brightness(0.88);
    --se-shadow: 0 20px 48px rgba(0, 0, 0, 0.16);

    width: min(1320px, calc(100% - 64px));
    margin-inline: auto;
    padding-top: 160px;
    padding-bottom: 64px;
}

/* Açık tema */
html[data-theme="light"] #sectors-editorial {
    --se-title: #141b22;
    --se-copy: #606c78;
    --se-label: #687583;
    --se-line: rgba(37, 52, 68, 0.15);
    --se-button-bg: rgba(255, 255, 255, 0.22);
    --se-button-hover: rgba(255, 255, 255, 0.8);
    --se-photo-filter: saturate(0.85);
    --se-shadow: 0 20px 48px rgba(35, 49, 63, 0.08);
}

#sectors-editorial,
#sectors-editorial * {
    box-sizing: border-box;
}

/* Tema dosyasındaki yazı rengi kurallarını dengeler. */
#sectors-editorial :is(h1, h2, h3, p, a, span) {
    -webkit-text-fill-color: currentColor !important;
}

#sectors-editorial :is(h1, h2, h3) {
    color: var(--se-title) !important;
    background: none !important;
    text-shadow: none !important;
    font-family: inherit;
}

#sectors-editorial .se-label {
    margin: 0 0 26px;
    color: var(--se-label) !important;

    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.24em;
}

/* =====================================================
   ORTALANMIŞ GİRİŞ
   ===================================================== */

#sectors-editorial .se-editorial-hero {
    margin: 0;
    padding: 0;
}

#sectors-editorial .se-hero-copy {
    max-width: 900px;
    margin-inline: auto;
    text-align: center;
}

#sectors-editorial h1 {
    margin: 0;

    font-size: clamp(42px, 5.2vw, 72px);
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -0.055em;
}

#sectors-editorial .se-description {
    margin: 24px 0 0;
    color: var(--se-copy) !important;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

#sectors-editorial .se-hero-copy .se-description {
    max-width: 720px;
    margin: 28px auto 0;
    font-size: 18px;
}

#sectors-editorial .se-explore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;

    min-height: 54px;
    max-width: 100%;
    margin-top: 30px;
    padding: 14px 25px;

    border: 1px solid var(--se-line);
    border-radius: 999px;

    background: var(--se-button-bg);
    color: var(--se-title) !important;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;

    transition:
        background-color 180ms ease,
        transform 180ms ease;
}

#sectors-editorial .se-explore span {
    color: inherit !important;
    font-size: 21px;
    line-height: 1;
}

#sectors-editorial .se-explore:focus-visible {
    outline: 2px solid var(--se-title);
    outline-offset: 5px;
}

@media (hover: hover) {
    #sectors-editorial .se-explore:hover {
        background: var(--se-button-hover);
        transform: translateY(-2px);
    }
}

/* =====================================================
   PANORAMİK FOTOĞRAF
   ===================================================== */

#sectors-editorial .se-panorama {
    width: 100%;
    aspect-ratio: 2.65;
    margin: 52px 0 0;

    overflow: hidden;
    border: 1px solid var(--se-line);
    border-radius: 28px;

    background: #20272e;
    box-shadow: var(--se-shadow);
}

#sectors-editorial .se-panorama img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;

    object-fit: cover;
    object-position: center;
    filter: var(--se-photo-filter);
}

/* =====================================================
   ALT BÖLÜM — AÇIKLAMA VE NUMARALI SATIRLAR
   ===================================================== */

#sectors-editorial .se-approach {
    display: grid;
    grid-template-columns:
        minmax(0, 0.85fr)
        minmax(0, 1.15fr);
    align-items: start;
    gap: clamp(40px, 7vw, 110px);

    margin-top: clamp(64px, 7vw, 100px);
    padding: 0;
}

#sectors-editorial .se-approach-copy {
    min-width: 0;
    max-width: 470px;
}

#sectors-editorial h2 {
    margin: 0;

    font-size: clamp(36px, 4vw, 56px);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.05em;
}

#sectors-editorial .se-approach-copy .se-description + .se-description {
    margin-top: 18px;
}

#sectors-editorial .se-principles {
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sectors-editorial .se-principle {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: start;
    gap: 28px;

    margin: 0;
    padding: 30px 0;
}

#sectors-editorial .se-principle:first-child {
    padding-top: 0;
}

#sectors-editorial .se-principle:last-child {
    padding-bottom: 0;
}

#sectors-editorial .se-principle + .se-principle {
    border-top: 1px solid var(--se-line);
}

#sectors-editorial .se-number {
    display: grid;
    place-items: center;

    width: 54px;
    height: 54px;

    border: 1px solid var(--se-line);
    border-radius: 50%;

    color: var(--se-title) !important;
    font-size: 15px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

#sectors-editorial .se-principle h3 {
    margin: 8px 0 14px;

    font-size: 25px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.035em;
}

#sectors-editorial .se-principle p {
    margin: 0;
    color: var(--se-copy) !important;

    font-size: 16px;
    line-height: 1.85;
}

body.sectors-page #sektorler {
    scroll-margin-top: 120px;
}

/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1000px) {
    #sectors-editorial {
        width: calc(100% - 48px);
        padding-top: 145px;
    }

    #sectors-editorial .se-approach {
        gap: 40px;
    }

    #sectors-editorial .se-principle {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 20px;
    }

    #sectors-editorial .se-number {
        width: 46px;
        height: 46px;
    }

    #sectors-editorial .se-principle h3 {
        margin-top: 5px;
        font-size: 23px;
    }
}

/* =====================================================
   MOBİL
   ===================================================== */

@media (max-width: 700px) {
    #sectors-editorial {
        width: calc(100% - 40px);
        padding-top: 130px;
        padding-bottom: 40px;
    }

    #sectors-editorial .se-label {
        margin-bottom: 20px;
        font-size: 10px;
        letter-spacing: 0.2em;
    }

    #sectors-editorial h1 {
        font-size: clamp(36px, 9vw, 48px);
        line-height: 1.12;
        letter-spacing: -0.045em;
    }

    #sectors-editorial .se-hero-copy .se-description {
        margin-top: 24px;
        font-size: 16px;
        line-height: 1.8;
    }

    #sectors-editorial .se-explore {
        margin-top: 26px;
    }

    #sectors-editorial .se-panorama {
        aspect-ratio: 1.65;
        margin-top: 36px;
        border-radius: 20px;
    }

    #sectors-editorial .se-approach {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
        margin-top: 48px;
    }

    #sectors-editorial .se-approach-copy {
        max-width: none;
    }

    #sectors-editorial h2 {
        font-size: clamp(34px, 8vw, 44px);
    }

    #sectors-editorial .se-description {
        font-size: 16px;
    }

    #sectors-editorial .se-principle {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 16px;
        padding-block: 25px;
    }

    #sectors-editorial .se-number {
        width: 42px;
        height: 42px;
        font-size: 13px;
    }

    #sectors-editorial .se-principle h3 {
        font-size: 22px;
    }

    #sectors-editorial .se-principle p {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #sectors-editorial .se-explore {
        transition: none;
    }
}

/* =====================================================
   SEKTÖRLER — SEKMELİ TASARIM
   ===================================================== */

#sektorler.sector-tabs-section {
    --st-text: #f0f3f5;
    --st-muted: #b6bec7;
    --st-label: #a1abb6;
    --st-surface: #11171d;
    --st-border: rgba(255, 255, 255, 0.12);
    --st-hover: #1c242c;
    --st-active-bg: #eef1f3;
    --st-active-text: #171d23;
    --st-chip: #1c242c;
    --st-photo: saturate(0.8) brightness(0.9);

    width: min(1320px, calc(100% - 64px));
    margin: 0 auto;
    padding: 64px 0 80px;
    scroll-margin-top: 120px;
}

html[data-theme="light"] #sektorler.sector-tabs-section {
    --st-text: #161c22;
    --st-muted: #606b77;
    --st-label: #697583;
    --st-surface: rgba(255, 255, 255, 0.62);
    --st-border: rgba(37, 52, 68, 0.11);
    --st-hover: #e9edf1;
    --st-active-bg: #252827;
    --st-active-text: #ffffff;
    --st-chip: #eef1f5;
    --st-photo: saturate(0.85);
}

#sektorler.sector-tabs-section,
#sektorler.sector-tabs-section * {
    box-sizing: border-box;
}

#sektorler.sector-tabs-section :is(h2, h3, p, button, span, li) {
    -webkit-text-fill-color: currentColor !important;
}

#sektorler.sector-tabs-section :is(h2, h3) {
    color: var(--st-text) !important;
    background: none !important;
    text-shadow: none !important;
}

#sektorler .st-heading {
    margin-bottom: 38px;
}

#sektorler .st-label {
    margin: 0 0 20px;
    color: var(--st-label) !important;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.23em;
}

#sektorler .st-heading h2 {
    margin: 0;
    font-size: clamp(40px, 4.5vw, 64px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

#sektorler .st-intro {
    max-width: 750px;
    margin: 22px 0 0;
    color: var(--st-muted) !important;
    font-size: 18px;
    line-height: 1.8;
}

/* Sol menü + sağ içerik */
#sektorler .st-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 20px;
    align-items: stretch;
}

#sektorler .st-navigation {
    display: flex;
    flex-direction: column;
    gap: 10px;

    min-width: 0;
    padding: 16px;

    border: 1px solid var(--st-border);
    border-radius: 26px;
    background: var(--st-surface);
}

#sektorler .st-tab {
    display: flex;
    align-items: center;
    gap: 18px;

    width: 100%;
    min-height: 92px;
    margin: 0;
    padding: 20px;

    border: 1px solid var(--st-border);
    border-radius: 19px;

    background: transparent;
    color: var(--st-text) !important;

    font: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;
    appearance: none;
    scroll-margin-top: 130px;

    transition: background-color 160ms ease;
}

#sektorler .st-tab span {
    color: inherit !important;
}

#sektorler .st-tab svg {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#sektorler .st-tab[aria-selected="true"] {
    background: var(--st-active-bg);
    color: var(--st-active-text) !important;
    border-color: transparent;
}

@media (hover: hover) {
    #sektorler .st-tab[aria-selected="false"]:hover {
        background: var(--st-hover);
    }
}

#sektorler .st-tab:focus-visible,
#sektorler .st-detail:focus-visible {
    outline: 2px solid var(--st-text);
    outline-offset: 4px;
}

/* Sağ panel */
#sektorler .st-detail {
    min-width: 0;
    padding: 28px;
    border: 1px solid var(--st-border);
    border-radius: 26px;
    background: var(--st-surface);
}

#sektorler .st-photo {
    aspect-ratio: 1.9;
    overflow: hidden;
    border-radius: 19px;
    background: var(--st-chip);
}

#sektorler .st-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: var(--st-photo);
}

#sektorler .st-detail-copy {
    padding: 28px 4px 8px;
}

#sektorler .st-detail h3 {
    margin: 0 0 18px;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.04em;
}

#sektorler #st-description {
    margin: 0;
    color: var(--st-muted) !important;
    font-size: 17px;
    line-height: 1.8;
}

#sektorler .st-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;

    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}

#sektorler .st-features li {
    display: flex;
    align-items: center;
    gap: 12px;

    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 13px 18px;

    border-radius: 18px;
    background: var(--st-chip);
    color: var(--st-text) !important;

    font-size: 14px;
    line-height: 1.5;
}

#sektorler .st-features li::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border: 1px solid currentColor;
    border-radius: 2px;
    opacity: 0.7;
}

/* Tablet ve mobil */
@media (max-width: 900px) {
    #sektorler.sector-tabs-section {
        width: calc(100% - 48px);
    }

    #sektorler .st-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    #sektorler .st-navigation {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 12px;
    }

    #sektorler .st-tab {
        min-height: 72px;
        padding: 16px;
        font-size: 15px;
    }

    #sektorler .st-tab:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    #sektorler.sector-tabs-section {
        width: calc(100% - 40px);
        padding-block: 40px 56px;
    }

    #sektorler .st-intro {
        font-size: 16px;
    }

    #sektorler .st-tab {
        gap: 10px;
        padding: 12px;
        font-size: 14px;
        border-radius: 14px;
    }

    #sektorler .st-tab svg {
        flex-basis: 24px;
        width: 24px;
        height: 24px;
    }

    #sektorler .st-detail {
        padding: 16px;
        border-radius: 22px;
    }

    #sektorler .st-photo {
        aspect-ratio: 1.5;
        border-radius: 15px;
    }

    #sektorler .st-detail-copy {
        padding-top: 24px;
    }

    #sektorler #st-description {
        font-size: 16px;
    }

    #sektorler .st-features {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #sektorler .st-tab {
        transition: none;
    }
}

/* SEKTÖR MADDELERİ — EKSİK İKON DÜZELTMESİ */

#sektorler #st-features {
    list-style: none;
}

#sektorler #st-features > li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
}

/* Eski liste işaretini kaldır */
#sektorler #st-features > li::marker {
    content: "";
}

/* Font ikonunun yerine CSS ile onay işareti çiz */
#sektorler #st-features > li::before {
    content: "" !important;
    display: block !important;
    position: static !important;

    width: 6px !important;
    height: 11px !important;
    flex: 0 0 6px;

    margin: -4px 3px 0 2px !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;
    border-right: 1.8px solid currentColor !important;
    border-bottom: 1.8px solid currentColor !important;
    border-radius: 0 !important;

    transform: rotate(45deg) !important;
    box-shadow: none !important;
    opacity: 0.85;

    -webkit-mask: none !important;
    mask: none !important;
}

#sektorler #st-features > li::after {
    content: none !important;
}

/* =========================================
   SEKTÖRLER — ORTAK İHTİYAÇLAR VE KAPANIŞ
   ========================================= */

/* Sitenin varsayılan koyu teması */
.memora-sector-end {
    --mse-surface: #10161c;
    --mse-text: #f0f2f4;
    --mse-muted: #b6bdc5;
    --mse-border: rgba(255, 255, 255, 0.11);
    --mse-icon-bg: #1c242d;
    --mse-button-bg: #edf0f2;
    --mse-button-text: #171c21;
    --mse-shadow: 0 18px 55px rgba(0, 0, 0, 0.12);
    --mse-photo-filter: brightness(0.86) saturate(0.85);

    width: min(1320px, calc(100% - 64px));
    margin: 64px auto 88px;

    display: grid;
    gap: 24px;

    color: var(--mse-text);
}

/* Açık tema */
html[data-theme="light"] .memora-sector-end {
    --mse-surface: #fcfdfe;
    --mse-text: #171d23;
    --mse-muted: #626c77;
    --mse-border: rgba(23, 29, 35, 0.1);
    --mse-icon-bg: #eef2f5;
    --mse-button-bg: #272e35;
    --mse-button-text: #ffffff;
    --mse-shadow: 0 18px 55px rgba(23, 29, 35, 0.045);
    --mse-photo-filter: saturate(0.9);
}

.memora-sector-end,
.memora-sector-end * {
    box-sizing: border-box;
}

/* Mevcut genel başlık renklerini bu alanlarda geçersiz kıl */
.memora-sector-end .mse-heading,
.memora-sector-end .mse-item h3 {
    color: var(--mse-text) !important;
    -webkit-text-fill-color: var(--mse-text) !important;
    background: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.memora-sector-end .mse-item p,
.memora-sector-end .mse-description,
.memora-sector-end .mse-eyebrow {
    color: var(--mse-muted) !important;
    -webkit-text-fill-color: var(--mse-muted) !important;
    opacity: 1 !important;
}

/* ORTAK PANEL */

.memora-sector-end .mse-principles {
    min-width: 0;
    padding: clamp(28px, 3.5vw, 52px);
    border: 1px solid var(--mse-border);
    border-radius: 28px;
    background: var(--mse-surface);
    box-shadow: var(--mse-shadow);
    overflow: hidden;
}

.memora-sector-end .mse-heading {
    margin: 0;
    font-family: inherit;
    font-size: clamp(28px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.045em;
    text-wrap: balance;
}

.memora-sector-end .mse-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 42px;
}

.memora-sector-end .mse-item {
    min-width: 0;
    padding: 0 24px;
}

.memora-sector-end .mse-item:first-child {
    padding-left: 0;
}

.memora-sector-end .mse-item:last-child {
    padding-right: 0;
}

.memora-sector-end .mse-item + .mse-item {
    border-left: 1px solid var(--mse-border);
}

.memora-sector-end .mse-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 24px;

    display: grid;
    place-items: center;

    border-radius: 18px;
    background: var(--mse-icon-bg);
    color: var(--mse-text);
}

.memora-sector-end .mse-icon svg {
    display: block;
    width: 33px;
    height: 33px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.memora-sector-end .mse-item h3 {
    margin: 0 0 14px;
    font-size: clamp(18px, 1.65vw, 23px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.035em;
    overflow-wrap: break-word;
}

.memora-sector-end .mse-item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}

/* FOTOĞRAFLI KAPANIŞ */

.memora-sector-end .mse-cta {
    min-width: 0;

    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 28px;

    padding: 18px;
    border: 1px solid var(--mse-border);
    border-radius: 28px;
    background: var(--mse-surface);
    box-shadow: var(--mse-shadow);

    overflow: hidden;
    isolation: isolate;
}

.memora-sector-end .mse-cta-content {
    min-width: 0;
    padding: clamp(16px, 2.5vw, 36px);
}

.memora-sector-end .mse-eyebrow {
    margin: 0 0 24px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24em;
}

.memora-sector-end .mse-cta .mse-heading {
    max-width: 540px;
    font-size: clamp(29px, 3.1vw, 44px);
    line-height: 1.17;
}

.memora-sector-end .mse-description {
    max-width: 470px;
    margin: 22px 0 0;
    font-size: 16px;
    line-height: 1.8;
}

.memora-sector-end .mse-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;

    width: fit-content;
    max-width: 100%;
    min-height: 54px;
    margin-top: 30px;
    padding: 15px 25px;

    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--mse-button-bg);
    color: var(--mse-button-text) !important;
    -webkit-text-fill-color: var(--mse-button-text) !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;

    transition:
        transform 180ms ease,
        opacity 180ms ease;
}

.memora-sector-end .mse-button span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

.memora-sector-end .mse-button svg {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.memora-sector-end .mse-button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.memora-sector-end .mse-button:focus-visible {
    outline: 2px solid var(--mse-text);
    outline-offset: 5px;
}

/* Fotoğraf yalnızca kendi kutusu içinde kalır */
.memora-sector-end .mse-photo {
    position: relative;
    min-width: 0;
    width: 100%;
    aspect-ratio: 3 / 2;

    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    background: var(--mse-icon-bg);
}

.memora-sector-end .mse-photo img {
    position: absolute;
    inset: 0;

    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;

    margin: 0;
    padding: 0;
    border: 0;
    border-radius: inherit;

    object-fit: cover;
    object-position: center;
    filter: var(--mse-photo-filter);

    /* Önceki görsel geçiş kurallarından etkilenmesin */
    opacity: 1;
    transform: none;
    box-shadow: none;
    -webkit-mask: none;
    mask: none;
}

/* TABLET */

@media (max-width: 1000px) {
    .memora-sector-end .mse-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 0;
    }

    .memora-sector-end .mse-item {
        padding: 0 24px;
    }

    .memora-sector-end .mse-item:nth-child(odd) {
        padding-left: 0;
        border-left: 0;
    }

    .memora-sector-end .mse-item:nth-child(even) {
        padding-right: 0;
    }

    .memora-sector-end .mse-item:nth-child(n + 3) {
        padding-top: 28px;
        border-top: 1px solid var(--mse-border);
    }

    .memora-sector-end .mse-cta {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .memora-sector-end .mse-cta-content {
        padding: 24px;
    }

    .memora-sector-end .mse-cta .mse-heading,
    .memora-sector-end .mse-description {
        max-width: 640px;
    }
}

/* TELEFON */

@media (max-width: 600px) {
    .memora-sector-end {
        width: calc(100% - 32px);
        margin: 40px auto 56px;
        gap: 18px;
    }

    .memora-sector-end .mse-principles {
        padding: 26px 22px;
        border-radius: 22px;
    }

    .memora-sector-end .mse-heading {
        font-size: 29px;
    }

    .memora-sector-end .mse-grid {
        grid-template-columns: 1fr;
        margin-top: 28px;
        gap: 0;
    }

    .memora-sector-end .mse-grid .mse-item {
        padding: 24px 0;
        border: 0;
    }

    .memora-sector-end .mse-grid .mse-item:first-child {
        padding-top: 0;
    }

    .memora-sector-end .mse-grid .mse-item:last-child {
        padding-bottom: 0;
    }

    .memora-sector-end .mse-grid .mse-item + .mse-item {
        border-top: 1px solid var(--mse-border);
    }

    .memora-sector-end .mse-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 16px;
        border-radius: 15px;
    }

    .memora-sector-end .mse-icon svg {
        width: 28px;
        height: 28px;
    }

    .memora-sector-end .mse-item h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .memora-sector-end .mse-cta {
        padding: 12px;
        border-radius: 22px;
    }

    .memora-sector-end .mse-cta-content {
        padding: 20px 10px 24px;
    }

    .memora-sector-end .mse-cta .mse-heading {
        font-size: 30px;
    }

    .memora-sector-end .mse-eyebrow {
        margin-bottom: 18px;
    }

    .memora-sector-end .mse-description {
        font-size: 15px;
    }

    .memora-sector-end .mse-photo {
        border-radius: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .memora-sector-end .mse-button {
        transition: none;
    }

    .memora-sector-end .mse-button:hover {
        transform: none;
    }
}

/* HİZMET KARTLARI — GÖRSELLER HER ZAMAN AÇIK */

.home-showcase-page .home-service-card-visual::before {
    display: block !important;
    opacity: 0.52 !important;
    transform: none !important;
}

/* Yazıların okunmasını sağlayan geçiş katmanı */
.home-showcase-page .home-service-card-visual::after {
    display: block !important;
    opacity: 1 !important;
}

/* Açık tema */
html[data-theme="light"] .home-showcase-page .home-service-card-visual::before {
    opacity: 0.58 !important;
}

/* Koyu tema */
html[data-theme="dark"] .home-showcase-page .home-service-card-visual::before {
    opacity: 0.52 !important;
}

/* =====================================
   ANASAYFA — FOTOĞRAFLI MEMORA AI
   ===================================== */

.mai-photo-section {
    /* Varsayılan: koyu tema */
    --mai-surface: #10161c;
    --mai-text: #f3f5f7;
    --mai-muted: #b7c0c9;
    --mai-border: rgba(255, 255, 255, 0.12);
    --mai-button: #eef1f3;
    --mai-button-text: #171d23;
    --mai-image-filter: brightness(0.8) saturate(0.85);

    width: min(1320px, calc(100% - 64px));
    margin: 72px auto;
}

html[data-theme="light"] .mai-photo-section {
    --mai-surface: #f8fafc;
    --mai-text: #171d23;
    --mai-muted: #626d79;
    --mai-border: rgba(23, 29, 35, 0.1);
    --mai-button: #242b32;
    --mai-button-text: #ffffff;
    --mai-image-filter: saturate(0.88);
}

.mai-photo-section,
.mai-photo-section * {
    box-sizing: border-box;
}

.mai-photo-section .mai-photo-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: 620px;
    border: 1px solid var(--mai-border);
    border-radius: 30px;
    background: var(--mai-surface);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

/* FOTOĞRAF */

.mai-photo-section .mai-photo-visual {
    position: absolute;
    inset: 0 0 0 34%;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;

    /* Fotoğrafı kartın kendi rengine doğru yumuşatır */
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0, 0, 0, 0.12) 8%,
        rgba(0, 0, 0, 0.6) 20%,
        #000 35%
    );

    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0, 0, 0, 0.12) 8%,
        rgba(0, 0, 0, 0.6) 20%,
        #000 35%
    );
}

.mai-photo-section .mai-photo-visual img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    border: 0;
    border-radius: 0;

    object-fit: cover;
    object-position: 60% center;

    opacity: 1;
    transform: none;
    box-shadow: none;
    filter: var(--mai-image-filter);
}

/* METİN ALANI */

.mai-photo-section .mai-photo-content {
    position: relative;
    z-index: 1;
    width: 45%;
    padding: 76px 0 64px 60px;
}

.mai-photo-section .mai-photo-eyebrow {
    margin: 0 0 30px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.25em;

    color: var(--mai-muted) !important;
    -webkit-text-fill-color: var(--mai-muted) !important;
}

.mai-photo-section #mai-photo-title {
    margin: 0;
    font-family: inherit;
    font-size: clamp(36px, 3.7vw, 54px);
    font-weight: 500;
    line-height: 1.07;
    letter-spacing: -0.05em;

    color: var(--mai-text) !important;
    -webkit-text-fill-color: var(--mai-text) !important;
    background: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.mai-photo-section .mai-photo-description {
    max-width: 370px;
    margin: 28px 0 0;
    font-size: 16px;
    line-height: 1.75;

    color: var(--mai-muted) !important;
    -webkit-text-fill-color: var(--mai-muted) !important;
    opacity: 1 !important;
}

/* BUTON */

.mai-photo-section .mai-photo-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;

    max-width: 100%;
    min-height: 54px;
    margin-top: 30px;
    padding: 15px 24px;

    border: 0;
    border-radius: 999px;
    background: var(--mai-button);

    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;

    color: var(--mai-button-text) !important;
    -webkit-text-fill-color: var(--mai-button-text) !important;

    transition:
        transform 180ms ease,
        opacity 180ms ease;
}

.mai-photo-section .mai-photo-button span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

.mai-photo-section .mai-photo-button svg {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mai-photo-section .mai-photo-button:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

.mai-photo-section .mai-photo-button:focus-visible {
    outline: 2px solid var(--mai-text);
    outline-offset: 5px;
}

/* ALTTAKİ ÜÇ ÖZELLİK */

.mai-photo-section .mai-photo-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: 100%;
    max-width: 400px;
    margin: 48px 0 0;
    padding: 0;
    list-style: none;
}

.mai-photo-section .mai-photo-benefits li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;

    min-width: 0;
    margin: 0;
    padding: 0 14px;
    list-style: none;

    color: var(--mai-muted) !important;
    -webkit-text-fill-color: var(--mai-muted) !important;
}

.mai-photo-section .mai-photo-benefits li:first-child {
    padding-left: 0;
}

.mai-photo-section .mai-photo-benefits li:last-child {
    padding-right: 0;
}

.mai-photo-section .mai-photo-benefits li + li {
    border-left: 1px solid var(--mai-border);
}

.mai-photo-section .mai-photo-benefits li::before,
.mai-photo-section .mai-photo-benefits li::after {
    content: none !important;
}

.mai-photo-section .mai-photo-benefits svg {
    display: block;
    width: 27px;
    height: 27px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mai-photo-section .mai-photo-benefits span {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* TABLET VE TELEFON */

@media (max-width: 900px) {
    .mai-photo-section .mai-photo-card {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .mai-photo-section .mai-photo-content {
        order: 0;
        width: 100%;
        padding: 42px 36px 24px;
    }

    .mai-photo-section #mai-photo-title {
        font-size: clamp(38px, 6vw, 52px);
    }

    .mai-photo-section .mai-photo-description {
        max-width: 520px;
    }

    .mai-photo-section .mai-photo-benefits {
        margin-top: 32px;
    }

    .mai-photo-section .mai-photo-visual {
        position: relative;
        inset: auto;
        order: 1;

        width: 100%;
        aspect-ratio: 3 / 2;

        -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            #000 22%
        );

        mask-image: linear-gradient(to bottom, transparent 0%, #000 22%);
    }

    .mai-photo-section .mai-photo-visual img {
        position: absolute;
        inset: 0;
        object-position: center;
    }
}

@media (max-width: 600px) {
    .mai-photo-section {
        width: calc(100% - 32px);
        margin: 44px auto;
    }

    .mai-photo-section .mai-photo-card {
        border-radius: 24px;
    }

    .mai-photo-section .mai-photo-content {
        padding: 32px 24px 18px;
    }

    .mai-photo-section .mai-photo-eyebrow {
        margin-bottom: 22px;
    }

    .mai-photo-section #mai-photo-title {
        font-size: clamp(28px, 7.5vw, 42px);
    }

    .mai-photo-section .mai-photo-description {
        font-size: 15px;
        margin-top: 22px;
    }

    .mai-photo-section .mai-photo-benefits li {
        padding-inline: 10px;
    }

    .mai-photo-section .mai-photo-benefits li:first-child {
        padding-left: 0;
    }

    .mai-photo-section .mai-photo-benefits li:last-child {
        padding-right: 0;
    }

    .mai-photo-section .mai-photo-benefits span {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mai-photo-section .mai-photo-button {
        transition: none;
    }

    .mai-photo-section .mai-photo-button:hover {
        transform: none;
    }
}

/* =====================================================
   MEMORA ÇÖZÜMLER — SEKMELİ TASARIM
   Yalnızca body.mx-solutions üzerinde çalışır.
   ===================================================== */

body.mx-solutions {
    --mx-bg: #10171d;
    --mx-panel: #151e26;
    --mx-soft: #1c2731;
    --mx-text: #f2f4f6;
    --mx-muted: #b9c3cc;
    --mx-border: rgba(220, 230, 240, 0.13);
    --mx-active: #edf1f3;
    --mx-active-text: #172028;
    --mx-shadow: 0 18px 50px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] body.mx-solutions {
    --mx-bg: #f3f6f8;
    --mx-panel: #fbfcfd;
    --mx-soft: #edf1f4;
    --mx-text: #161d24;
    --mx-muted: #5e6b77;
    --mx-border: rgba(30, 45, 60, 0.12);
    --mx-active: #20272b;
    --mx-active-text: #fff;
    --mx-shadow: 0 18px 50px rgba(28, 43, 56, 0.06);
}

body.mx-solutions .mx-page,
body.mx-solutions .mx-page * {
    box-sizing: border-box;
}

body.mx-solutions .mx-page {
    width: min(1320px, calc(100% - 48px));
    max-width: 1320px;
    margin: 0 auto;
    padding: 132px 0 72px;
    color: var(--mx-text);
    font-family: "Inter", sans-serif;
}

html body.mx-solutions .mx-page [hidden] {
    display: none !important;
}

html body.mx-solutions .mx-page h1,
html body.mx-solutions .mx-page h2,
html body.mx-solutions .mx-page h3,
html body.mx-solutions .mx-page h4 {
    color: var(--mx-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
    margin: 0;
    letter-spacing: -0.04em;
    line-height: 1.13;
    text-shadow: none;
}

html body.mx-solutions .mx-page p {
    color: var(--mx-muted) !important;
    -webkit-text-fill-color: currentColor !important;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}

html body.mx-solutions .mx-page h1 {
    font-size: clamp(38px, 4.5vw, 64px);
    font-weight: 600;
}

html body.mx-solutions .mx-page h2 {
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 600;
}

html body.mx-solutions .mx-page h3 {
    font-size: 26px;
    font-weight: 600;
}

html body.mx-solutions .mx-page h4 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

body.mx-solutions .mx-page a {
    text-decoration: none;
}

body.mx-solutions .mx-page button {
    font-family: inherit;
}

html body.mx-solutions .mx-page .mx-eyebrow {
    margin-bottom: 22px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/* GİRİŞ VE KAPANIŞ */

body.mx-solutions .mx-hero,
body.mx-solutions .mx-closing {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid var(--mx-border);
    border-radius: 28px;
    background: var(--mx-bg);
    box-shadow: var(--mx-shadow);
}

body.mx-solutions .mx-hero {
    min-height: 540px;
    display: flex;
    align-items: center;
}

body.mx-solutions .mx-photo {
    position: absolute;
    inset: 0 0 0 auto;
    display: block;
    width: 74%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    z-index: -2;
}

body.mx-solutions .mx-hero::before,
body.mx-solutions .mx-closing::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        var(--mx-bg) 0%,
        var(--mx-bg) 30%,
        transparent 94%
    );
}

body.mx-solutions .mx-hero-copy {
    width: 64%;
    padding: clamp(28px, 4.5vw, 64px);
}

html body.mx-solutions .mx-hero-copy > p:not(.mx-eyebrow) {
    max-width: 570px;
    margin-top: 26px;
}

html body.mx-solutions .mx-page .mx-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 50px;
    margin-top: 28px;
    padding: 14px 23px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--mx-active) !important;
    color: var(--mx-active-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
}

body.mx-solutions .mx-button::before,
body.mx-solutions .mx-button::after {
    content: none !important;
}

body.mx-solutions .mx-button:hover {
    filter: brightness(0.94);
}

/* YAKLAŞIM METNİ */

body.mx-solutions .mx-intro {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 48px;
    margin: 56px 0;
    padding: 0 12px;
}

body.mx-solutions .mx-intro-copy {
    padding-left: 36px;
    border-left: 1px solid var(--mx-border);
}

html body.mx-solutions .mx-intro-copy p + p {
    margin-top: 16px;
}

/* SOL MENÜ VE SAĞ İÇERİK */

body.mx-solutions .mx-catalog {
    scroll-margin-top: 115px;
}

html body.mx-solutions .mx-catalog > h2 {
    margin-bottom: 26px;
}

body.mx-solutions .mx-layout {
    display: grid;
    grid-template-columns: 350px minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

body.mx-solutions .mx-tabs {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--mx-border);
    border-radius: 24px;
    background: var(--mx-panel);
}

html body.mx-solutions .mx-page .mx-tab {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 13px;
    width: 100%;
    min-height: 94px;
    padding: 18px;
    border: 1px solid transparent;
    border-radius: 17px;
    background: var(--mx-soft) !important;
    color: var(--mx-text) !important;
    -webkit-text-fill-color: currentColor !important;
    text-align: left;
    cursor: pointer;
    transition:
        background 0.18s ease,
        border-color 0.18s ease;
}

body.mx-solutions .mx-tab::before,
body.mx-solutions .mx-tab::after {
    content: none !important;
}

html body.mx-solutions .mx-page .mx-tab:hover {
    border-color: var(--mx-border);
}

html body.mx-solutions .mx-page .mx-tab[aria-selected="true"] {
    background: var(--mx-active) !important;
    color: var(--mx-active-text) !important;
}

html body.mx-solutions .mx-tab small,
html body.mx-solutions .mx-tab strong,
html body.mx-solutions .mx-tab span {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}

body.mx-solutions .mx-tab small {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    letter-spacing: 0.08em;
    opacity: 0.75;
}

body.mx-solutions .mx-tab strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.025em;
}

body.mx-solutions .mx-tab-arrow {
    font-size: 23px;
}

body.mx-solutions .mx-panels {
    min-width: 0;
}

body.mx-solutions .mx-panel {
    min-width: 0;
    padding: 28px;
    border: 1px solid var(--mx-border);
    border-radius: 24px;
    background: var(--mx-panel);
    box-shadow: var(--mx-shadow);
    scroll-margin-top: 115px;
}

html body.mx-solutions .mx-panel > h3 {
    margin-bottom: 15px;
}

body.mx-solutions .mx-panel-image {
    display: block;
    width: 100%;
    height: clamp(230px, 25vw, 340px);
    margin: 24px 0;
    border-radius: 17px;
    background: var(--mx-soft);
    object-fit: cover;
    object-position: center;
}

html body.mx-solutions .mx-prose p + p {
    margin-top: 14px;
}

body.mx-solutions .mx-group {
    margin-top: 26px;
}

html body.mx-solutions .mx-group > h4 {
    margin-bottom: 14px;
}

body.mx-solutions .mx-feature-list {
    display: grid;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

body.mx-solutions .mx-feature {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 15px;
    padding: 19px;
    border: 1px solid var(--mx-border);
    border-radius: 16px;
    margin: 0;
}

body.mx-solutions .mx-feature::before {
    content: none !important;
}

html body.mx-solutions .mx-feature h4 {
    margin-bottom: 7px;
    line-height: 1.4;
}

html body.mx-solutions .mx-feature p {
    font-size: 14px;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

body.mx-solutions .mx-conclusion {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--mx-border);
}

/* ALT YAKLAŞIM KARTLARI */

body.mx-solutions .mx-approach {
    margin-top: 56px;
}

html body.mx-solutions .mx-approach > h2 {
    margin-bottom: 25px;
}

body.mx-solutions .mx-approach-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

body.mx-solutions .mx-approach-card {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 16px;
    padding: 27px;
    border: 1px solid var(--mx-border);
    border-radius: 20px;
    background: var(--mx-panel);
}

html body.mx-solutions .mx-approach-card h3 {
    font-size: 20px;
    margin-bottom: 12px;
}

html body.mx-solutions .mx-approach-card p {
    font-size: 14px;
}

/* KAPANIŞ */

body.mx-solutions .mx-closing {
    margin-top: 30px;
    min-height: 330px;
    display: flex;
    align-items: center;
}

body.mx-solutions .mx-closing-copy {
    width: 64%;
    padding: 42px;
}

/* İKONLAR VE DURUM */

body.mx-solutions .mx-state {
    padding: 38px;
    border: 1px solid var(--mx-border);
    border-radius: 20px;
    background: var(--mx-panel);
}

body.mx-solutions .mx-icon-wrap {
    display: inline-flex;
    color: inherit;
}

html body.mx-solutions .mx-page svg.mx-icon {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    visibility: visible !important;
    opacity: 1 !important;
}

html body.mx-solutions .mx-page svg.mx-icon * {
    fill: none !important;
    stroke: currentColor !important;
}

body.mx-solutions .mx-page :focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

/* BU SAYFADA NAVBAR ALTMENÜ GEÇİŞİ */

body.mx-solutions .navbar-container,
body.mx-solutions .navbar-nav,
body.mx-solutions .nav-menu,
body.mx-solutions .nav-item.dropdown {
    overflow: visible;
}

body.mx-solutions .navbar-container {
    pointer-events: auto;
}

@media (min-width: 901px) {
    body.mx-solutions .nav-item.dropdown {
        position: relative;
    }

    body.mx-solutions .nav-item.dropdown > .dropdown-menu {
        top: 100% !important;
        margin-top: 0 !important;
        z-index: 1100;
    }

    body.mx-solutions .nav-item.dropdown:hover > .dropdown-menu,
    body.mx-solutions .nav-item.dropdown:focus-within > .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) !important;
    }
}

/* TABLET */

@media (max-width: 1100px) {
    body.mx-solutions .mx-layout {
        grid-template-columns: 290px minmax(0, 1fr);
    }

    html body.mx-solutions .mx-page .mx-tab {
        padding: 15px;
        gap: 10px;
    }

    body.mx-solutions .mx-tab strong {
        font-size: 15px;
    }

    body.mx-solutions .mx-panel {
        padding: 22px;
    }
}

/* MOBİL NAVBAR */

@media (max-width: 900px) {
    body.mx-solutions .navbar-nav:not(.active) {
        display: none !important;
    }

    body.mx-solutions .navbar-nav.active {
        display: flex !important;
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px;
        max-height: calc(100dvh - 120px);
        overflow-y: auto;
        border: 1px solid var(--mx-border);
        border-radius: 22px;
        background: var(--mx-panel);
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    body.mx-solutions .navbar-container {
        position: relative;
    }

    body.mx-solutions .navbar-nav .nav-menu {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 6px;
    }

    body.mx-solutions .nav-item.dropdown > .dropdown-menu {
        display: none !important;
        position: static !important;
        width: 100% !important;
        margin: 8px 0 0 !important;
        transform: none !important;
        box-shadow: none;
    }

    body.mx-solutions .nav-item.dropdown.mobile-open > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* MOBİL SAYFA */

@media (max-width: 800px) {
    body.mx-solutions .mx-page {
        width: calc(100% - 28px);
        padding-top: 110px;
        padding-bottom: 44px;
    }

    body.mx-solutions .mx-hero,
    body.mx-solutions .mx-closing {
        display: block;
        padding-top: 220px;
        min-height: 0;
        border-radius: 23px;
    }

    body.mx-solutions .mx-photo {
        width: 100%;
        height: 275px;
        object-position: center;
    }

    body.mx-solutions .mx-hero::before,
    body.mx-solutions .mx-closing::before {
        background: linear-gradient(
            180deg,
            transparent 115px,
            var(--mx-bg) 275px
        );
    }

    body.mx-solutions .mx-hero-copy,
    body.mx-solutions .mx-closing-copy {
        width: 100%;
        padding: 26px;
    }

    body.mx-solutions .mx-intro,
    body.mx-solutions .mx-layout,
    body.mx-solutions .mx-approach-grid {
        grid-template-columns: 1fr;
    }

    body.mx-solutions .mx-intro {
        gap: 22px;
        margin: 38px 0;
        padding: 0 6px;
    }

    body.mx-solutions .mx-intro-copy {
        padding: 0;
        border: 0;
    }

    body.mx-solutions .mx-tabs {
        position: static;
        gap: 9px;
        padding: 12px;
    }

    html body.mx-solutions .mx-page .mx-tab {
        min-height: 72px;
        padding: 13px 15px;
    }

    body.mx-solutions .mx-tab strong {
        font-size: 15px;
    }

    body.mx-solutions .mx-panel {
        padding: 20px;
    }

    body.mx-solutions .mx-panel-image {
        height: 230px;
    }

    body.mx-solutions .mx-feature {
        padding: 15px;
        gap: 12px;
    }

    body.mx-solutions .mx-approach {
        margin-top: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mx-solutions .mx-page * {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* ANASAYFA — ÇÖZÜM GÖRSELLERİ TAŞMA DÜZELTMESİ */

html body.home-showcase-page .home-solutions-section .home-solution-row-visual {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Fotoğrafı satırın sınırlarına sabitle */
html
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual::before,
html
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual:hover::before {
    content: "";
    position: absolute !important;

    inset: 0 0 0 auto !important;
    width: 52% !important;
    height: 100% !important;
    margin: 0 !important;

    background-image: var(--solution-image) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;

    transform: none !important;
    translate: none !important;
    scale: none !important;
    animation: none !important;
    transition: none !important;

    opacity: 0.32 !important;
    pointer-events: none !important;
    z-index: -2 !important;

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 30%,
        #000 100%
    ) !important;

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.35) 30%,
        #000 100%
    ) !important;
}

/* Geçiş katmanı da satırdan taşmasın */
html
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual::after,
html
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual:hover::after {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;

    transform: none !important;
    animation: none !important;
    transition: none !important;

    pointer-events: none !important;
    z-index: -1 !important;
}

/* Yazılar fotoğrafın üzerinde kalsın */
html
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual
    > * {
    position: relative;
    z-index: 1;
}

/* Koyu tema */
html[data-theme="dark"]
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual::before,
html[data-theme="dark"]
    body.home-showcase-page
    .home-solutions-section
    .home-solution-row-visual:hover::before {
    opacity: 0.24 !important;
}

/* Mobil */
@media (max-width: 768px) {
    html
        body.home-showcase-page
        .home-solutions-section
        .home-solution-row-visual::before,
    html
        body.home-showcase-page
        .home-solutions-section
        .home-solution-row-visual:hover::before {
        width: 70% !important;
        opacity: 0.18 !important;
    }
}

/* =====================================================
   HİZMET SAYFALARI — FOOTER SOSYAL MEDYA
   ===================================================== */

body.services-page .memora-footer .memora-footer-socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    padding: 0;
}

/* Sosyal medya butonları */
body.services-page .memora-footer .memora-footer-socials a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    margin: 0;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.05);
    color: #e8edf2 !important;
    -webkit-text-fill-color: currentColor !important;

    text-decoration: none !important;
    box-shadow: none;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

/* Genel link efektlerini kaldır */
body.services-page .memora-footer .memora-footer-socials a::before,
body.services-page .memora-footer .memora-footer-socials a::after {
    content: none !important;
}

/* SVG ikonlar */
body.services-page .memora-footer .memora-footer-socials svg {
    display: block !important;

    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
}

body.services-page .memora-footer .memora-footer-socials svg path,
body.services-page .memora-footer .memora-footer-socials svg rect,
body.services-page .memora-footer .memora-footer-socials svg circle,
body.services-page .memora-footer .memora-footer-socials svg line,
body.services-page .memora-footer .memora-footer-socials svg polyline {
    fill: none !important;
    stroke: currentColor !important;
}

/* Instagram noktasının dolgusu */
body.services-page .memora-footer .memora-footer-socials svg .social-dot {
    fill: currentColor !important;
    stroke: none !important;
}

/* Açık tema */
html[data-theme="light"]
    body.services-page
    .memora-footer
    .memora-footer-socials
    a {
    background: rgba(25, 35, 45, 0.035);
    border-color: rgba(25, 35, 45, 0.16);
    color: #26313b !important;
}

/* Hover */
@media (hover: hover) {
    body.services-page .memora-footer .memora-footer-socials a:hover {
        background: #edf1f4;
        border-color: #edf1f4;
        color: #18212a !important;
        transform: translateY(-3px);
    }

    html[data-theme="light"]
        body.services-page
        .memora-footer
        .memora-footer-socials
        a:hover {
        background: #202930;
        border-color: #202930;
        color: #ffffff !important;
    }
}

/* Klavye erişimi */
body.services-page .memora-footer .memora-footer-socials a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    body.services-page .memora-footer .memora-footer-socials a {
        transition: none;
        transform: none !important;
    }
}

/* FOOTER */

/* =====================================================
   MEMORA — TÜM SAYFALAR İÇİN ORTAK FOOTER
   HTML sınıfı: memora-footer-v2
   ===================================================== */

/* Varsayılan / koyu tema */
html body footer.memora-footer-v2 {
    --mf-bg: #0c1218;
    --mf-heading: #f0f3f6;
    --mf-text: #b5bfc9;
    --mf-muted: #8d99a5;
    --mf-line: rgba(226, 234, 242, 0.13);
    --mf-icon-bg: rgba(255, 255, 255, 0.045);
    --mf-hover-bg: #eef2f5;
    --mf-hover-text: #17212a;

    position: relative;
    isolation: isolate;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid var(--mf-line);
    border-radius: 0;

    background: var(--mf-bg) !important;
    color: var(--mf-text) !important;
    -webkit-text-fill-color: currentColor !important;

    font-family: "Inter", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    text-align: left;

    box-shadow: none;
    transform: none;
}

/* Açık tema */
html[data-theme="light"] body footer.memora-footer-v2 {
    --mf-bg: #edf1f4;
    --mf-heading: #19222b;
    --mf-text: #53616e;
    --mf-muted: #6b7783;
    --mf-line: rgba(28, 44, 59, 0.14);
    --mf-icon-bg: rgba(255, 255, 255, 0.6);
    --mf-hover-bg: #202a33;
    --mf-hover-text: #ffffff;
}

/* Eski footer dekorlarını devre dışı bırak */
html body footer.memora-footer-v2::before,
html body footer.memora-footer-v2::after {
    content: none !important;
}

/* Kutu hesabı */
html body footer.memora-footer-v2 *,
html body footer.memora-footer-v2 *::before,
html body footer.memora-footer-v2 *::after {
    box-sizing: border-box;
}

/* Ortak içerik genişliği */
html body footer.memora-footer-v2 .mf-container {
    display: block;
    width: min(1320px, calc(100% - 64px));
    max-width: 1320px;
    margin: 0 auto;
    padding: 64px 0 0;
}

/* Dört sütun */
html body footer.memora-footer-v2 .mf-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(0, 1.15fr)
        minmax(0, 0.75fr)
        minmax(0, 1fr);
    align-items: start;
    gap: clamp(24px, 3vw, 48px);
    margin: 0;
    padding: 0 0 48px;
}

html body footer.memora-footer-v2 .mf-column {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

/* Başlıklar */
html body footer.memora-footer-v2 .mf-heading {
    position: relative;
    display: block;
    margin: 0 0 24px;
    padding: 0 0 15px;

    color: var(--mf-heading) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;

    font-family: inherit;
    font-size: 17px !important;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.025em;
    text-transform: none;
    text-shadow: none;
}

html body footer.memora-footer-v2 .mf-heading::before {
    content: none !important;
}

html body footer.memora-footer-v2 .mf-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 34px;
    height: 1px;
    background: var(--mf-heading);
    opacity: 0.4;
}

html body footer.memora-footer-v2 .mf-heading-secondary {
    margin-top: 30px;
}

/* Metinler */
html body footer.memora-footer-v2 p {
    margin: 0;
    padding: 0;

    color: var(--mf-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none;

    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
    letter-spacing: normal;
}

html body footer.memora-footer-v2 .mf-about p + p {
    margin-top: 15px;
}

html body footer.memora-footer-v2 strong {
    color: var(--mf-heading) !important;
    -webkit-text-fill-color: currentColor !important;
    font-weight: 600;
}

/* Tüm footer bağlantıları */
html body footer.memora-footer-v2 a {
    color: var(--mf-text) !important;
    -webkit-text-fill-color: currentColor !important;
    background: transparent;
    text-decoration: none !important;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

/* Diğer sayfalardan gelen ok/alt çizgi efektlerini kaldır */
html body footer.memora-footer-v2 a::before,
html body footer.memora-footer-v2 a::after {
    content: none !important;
}

html body footer.memora-footer-v2 a:hover {
    color: var(--mf-heading) !important;
}

html body footer.memora-footer-v2 a:focus-visible {
    outline: 2px solid var(--mf-heading);
    outline-offset: 5px;
    border-radius: 4px;
}

/* Metin bağlantıları */
html body footer.memora-footer-v2 .mf-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    padding: 0;
}

html body footer.memora-footer-v2 .mf-links a {
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 2px 0;
    border: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

/* Adres ve iletişim */
html body footer.memora-footer-v2 .mf-address {
    display: block;
    margin: 0;
    padding: 0;
    color: var(--mf-text);
    font-style: normal;
}

html body footer.memora-footer-v2 .mf-contact-list {
    display: grid;
    gap: 17px;
    list-style: none;
    margin: 0;
    padding: 0;
}

html body footer.memora-footer-v2 .mf-contact-list li {
    display: grid;
    grid-template-columns: 21px minmax(0, 1fr);
    align-items: start;
    gap: 12px;

    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;

    color: var(--mf-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 14px;
    line-height: 1.8;
}

html body footer.memora-footer-v2 .mf-contact-list li::before,
html body footer.memora-footer-v2 .mf-contact-list li::after {
    content: none !important;
}

html body footer.memora-footer-v2 .mf-contact-list a,
html body footer.memora-footer-v2 .mf-contact-list li > span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

html body footer.memora-footer-v2 .mf-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 25px;
    color: var(--mf-muted) !important;
}

/* Sosyal medya */
html body footer.memora-footer-v2 .mf-socials {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin: 24px 0 0;
    padding: 0;
}

html body footer.memora-footer-v2 .mf-socials a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;

    width: 44px;
    height: 44px;
    min-width: 44px;
    margin: 0;
    padding: 0;

    border: 1px solid var(--mf-line);
    border-radius: 50%;
    background: var(--mf-icon-bg) !important;
    color: var(--mf-heading) !important;
}

html body footer.memora-footer-v2 .mf-socials a:hover {
    background: var(--mf-hover-bg) !important;
    border-color: var(--mf-hover-bg);
    color: var(--mf-hover-text) !important;
}

html body footer.memora-footer-v2 .mf-socials a:focus-visible {
    border-radius: 50%;
}

/* Doğrudan SVG ikonlar */
html body footer.memora-footer-v2 .mf-socials svg,
html body footer.memora-footer-v2 .mf-contact-icon svg {
    display: block !important;
    position: static;
    flex-shrink: 0;

    width: 21px !important;
    height: 21px !important;

    color: inherit !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none;
}

html body footer.memora-footer-v2 svg path,
html body footer.memora-footer-v2 svg rect,
html body footer.memora-footer-v2 svg circle,
html body footer.memora-footer-v2 svg line,
html body footer.memora-footer-v2 svg polyline {
    fill: none !important;
    stroke: currentColor !important;
}

html body footer.memora-footer-v2 svg .mf-dot {
    fill: currentColor !important;
    stroke: none !important;
}

/* Alt satır */
html body footer.memora-footer-v2 .mf-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    margin: 0;
    padding: 23px 0;
    border-top: 1px solid var(--mf-line);
}

html body footer.memora-footer-v2 .mf-copyright {
    color: var(--mf-muted) !important;
    font-size: 12px;
    line-height: 1.7;
}

/* Tablet: iki sütun */
@media (max-width: 1050px) {
    html body footer.memora-footer-v2 .mf-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px;
    }
}

/* Mobil: tek sütun */
@media (max-width: 600px) {
    html body footer.memora-footer-v2 .mf-container {
        width: calc(100% - 40px);
        padding-top: 40px;
    }

    html body footer.memora-footer-v2 .mf-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
        padding-bottom: 32px;
    }

    html body footer.memora-footer-v2 .mf-heading {
        margin-bottom: 18px;
    }

    html body footer.memora-footer-v2 .mf-heading-secondary {
        margin-top: 26px;
    }

    html body footer.memora-footer-v2 .mf-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 22px 0;
    }
}

/* Hareket azaltma */
@media (prefers-reduced-motion: reduce) {
    html body footer.memora-footer-v2 a {
        transition: none !important;
    }
}

/* Tema renkleri */
html body :is(.memora-footer, .memora-footer-v2) {
    --contact-text: #b5bfc9;
    --contact-icon: #d8e0e7;
    --contact-hover: #ffffff;
}

html[data-theme="light"] body :is(.memora-footer, .memora-footer-v2) {
    --contact-text: #53616e;
    --contact-icon: #34424f;
    --contact-hover: #17212a;
}

/* Adres kapsayıcısı */
html body .memora-footer-v2 .mf-address {
    display: block;
    margin: 0;
    padding: 0;
    font-style: normal;
}

/* İletişim listesi */
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* İkon ve metin hizası */
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    > li {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 12px;

    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    list-style: none !important;

    color: var(--contact-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
}

html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    > li::before,
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    > li::after {
    content: none !important;
}

/* Adres, telefon, e-posta ve saat metni */
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    > li
    > a,
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    > li
    > span:last-child {
    min-width: 0;
    margin: 0;
    padding: 0;

    color: var(--contact-text) !important;
    -webkit-text-fill-color: currentColor !important;
    font: inherit;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

/* İkon kapsayıcıları */
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-icon, .mf-contact-icon) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 25px;
    margin: 0;
    padding: 0;
    color: var(--contact-icon) !important;
}

/* SVG ikonlar */
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-icon, .mf-contact-icon)
    svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;

    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}

html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-icon, .mf-contact-icon)
    svg
    * {
    fill: none !important;
    stroke: currentColor !important;
}

/* Telefon ve e-posta bağlantıları */
html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    a:hover {
    color: var(--contact-hover) !important;
}

html
    body
    :is(.memora-footer, .memora-footer-v2)
    :is(.memora-footer-contact-list, .mf-contact-list)
    a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
    border-radius: 3px;
}

/* =========================================================
   MEMORA BİLGİ MERKEZİ
   Yalnızca .bm-page sayfasında çalışır.
   ========================================================= */

body.bm-page {
    --bm-bg: #f1f4f6;
    --bm-panel: #fbfcfd;
    --bm-soft: #e9eef1;
    --bm-text: #172028;
    --bm-muted: #586774;
    --bm-border: rgba(33, 48, 61, 0.13);
    --bm-shadow: 0 18px 50px rgba(25, 40, 52, 0.06);
    margin: 0;
    background-color: var(--bm-bg);
    color: var(--bm-text);
    font-family: "Inter", Arial, sans-serif;
}

html[data-theme="dark"] body.bm-page {
    --bm-bg: #090e12;
    --bm-panel: #111a21;
    --bm-soft: #1c2730;
    --bm-text: #f0f3f5;
    --bm-muted: #b0bdc7;
    --bm-border: rgba(220, 230, 238, 0.14);
    --bm-shadow: 0 18px 50px rgba(0, 0, 0, 0.16);
}

.bm-page *,
.bm-page *::before,
.bm-page *::after {
    box-sizing: border-box;
}

.bm-page [hidden] {
    display: none !important;
}

.bm-page button,
.bm-page input {
    font: inherit;
}

.bm-page button {
    cursor: pointer;
}

.bm-page button,
.bm-page a {
    -webkit-tap-highlight-color: transparent;
}

.bm-page :is(a, button, summary):focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 5px;
}

.bm-page .bm-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.bm-page .bm-skip {
    position: fixed;
    top: -100px;
    left: 24px;
    z-index: 10000;
    padding: 14px 20px;
    color: var(--bm-text);
    background: var(--bm-panel);
    border: 1px solid var(--bm-border);
    border-radius: 12px;
}

.bm-page .bm-skip:focus {
    top: 16px;
}

.bm-page [data-bm-icon] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.bm-page svg.bm-icon {
    display: block;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: 0 0 auto;
}

/* Sayfa ölçüleri */

.bm-page .bm-main {
    position: relative;
    z-index: 1;
    width: min(1320px, calc(100% - 64px));
    margin: 0 auto;
    padding: 150px 0 76px;
}

.bm-page :is(.bm-content, .bm-faq) {
    scroll-margin-top: 120px;
}

.bm-page .bm-main :is(h1, h2, h3, p, figure) {
    margin: 0;
}

.bm-page .bm-main :is(h1, h2, h3) {
    color: var(--bm-text);
    font-weight: 500;
    letter-spacing: -0.045em;
}

.bm-page .bm-main h2 {
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.14;
}

.bm-page .bm-eyebrow,
.bm-page .bm-label {
    display: block;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: var(--bm-muted);
}

.bm-page .bm-eyebrow {
    margin-bottom: 18px;
}

/* Giriş */

.bm-page .bm-hero {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: clamp(28px, 5vw, 74px);
    margin-bottom: 72px;
}

.bm-page .bm-hero h1 {
    font-size: clamp(44px, 5.2vw, 74px);
    line-height: 1.03;
    margin-bottom: 24px;
}

.bm-page .bm-lead {
    max-width: 500px;
    font-size: 16px;
    line-height: 1.85;
    color: var(--bm-muted);
}

.bm-page .bm-text-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bm-text);
    font-size: 13px;
    line-height: 1.6;
    text-decoration: none;
}

.bm-page .bm-hero .bm-text-link {
    margin-top: 26px;
}

.bm-page .bm-hero-image {
    border-radius: 22px;
    overflow: hidden;
    aspect-ratio: 1.65;
    background: var(--bm-soft);
    box-shadow: var(--bm-shadow);
}

.bm-page .bm-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html[data-theme="dark"] .bm-page .bm-hero-image img {
    filter: brightness(0.8);
}

/* Başlık ve filtreler */

.bm-page .bm-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 22px;
    margin-bottom: 30px;
}

.bm-page .bm-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.bm-page .bm-filters button {
    padding: 12px 20px;
    border: 1px solid var(--bm-border);
    border-radius: 999px;
    background: transparent;
    color: var(--bm-muted);
    font-size: 12px;
    line-height: 1.4;
    transition:
        background 0.2s,
        color 0.2s;
}

.bm-page .bm-filters button:hover {
    background: var(--bm-soft);
    color: var(--bm-text);
}

.bm-page .bm-filters button[aria-pressed="true"] {
    background: var(--bm-text);
    color: var(--bm-bg);
    border-color: var(--bm-text);
}

/* Kartlar */

.bm-page .bm-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
}

.bm-page .bm-card {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(24px, 2.5vw, 36px);
    border: 1px solid var(--bm-border);
    border-radius: 20px;
    background: var(--bm-panel);
    overflow: hidden;
}

.bm-page .bm-card-news {
    grid-column: span 7;
    min-height: 410px;
}

.bm-page .bm-card-memory {
    grid-column: span 5;
    min-height: 410px;
}

.bm-page .bm-card-guide {
    grid-column: span 3;
    min-height: 350px;
}

.bm-page .bm-card-library {
    grid-column: span 6;
    min-height: 350px;
}

.bm-page .bm-card-small {
    grid-column: span 4;
    min-height: 285px;
}

.bm-page .bm-card-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    width: 100%;
}

.bm-page .bm-card .bm-label {
    margin-bottom: 17px;
}

.bm-page .bm-card h3 {
    font-size: clamp(23px, 2.2vw, 31px);
    line-height: 1.16;
    overflow-wrap: anywhere;
    margin-bottom: 16px;
}

.bm-page .bm-card p {
    color: var(--bm-muted);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 26px;
}

.bm-page .bm-card-guide h3,
.bm-page .bm-card-small h3 {
    font-size: clamp(21px, 1.85vw, 26px);
}

.bm-page .bm-card-icon {
    align-self: flex-start;
    margin-bottom: 26px;
    color: var(--bm-text);
}

.bm-page .bm-card-icon svg {
    width: 38px;
    height: 38px;
    stroke-width: 1.45;
}

.bm-page .bm-read {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-height: 42px;
    margin-top: auto;
    padding: 0;
    color: var(--bm-text);
    background: transparent;
    border: 1px solid var(--bm-border);
    border-radius: 50%;
    transition:
        transform 0.2s,
        background 0.2s;
}

.bm-page .bm-read:hover {
    transform: translateX(3px);
    background: var(--bm-soft);
}

.bm-page .bm-card-dark {
    background: #222e37;
    border-color: rgba(255, 255, 255, 0.14);
}

.bm-page .bm-card-photo {
    justify-content: flex-end;
    background: #1a242b;
}

.bm-page .bm-card-photo .bm-card-copy {
    flex: 0 1 auto;
    padding-top: 140px;
}

.bm-page .bm-card-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bm-page .bm-card-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(7, 14, 18, 0.02) 10%,
        rgba(7, 14, 18, 0.28) 38%,
        rgba(7, 14, 18, 0.88) 100%
    );
}

.bm-page .bm-card-library .bm-card-background {
    object-position: 65% center;
}

.bm-page :is(.bm-card-photo, .bm-card-dark) h3 {
    color: #fff;
}

.bm-page :is(.bm-card-photo, .bm-card-dark) :is(p, .bm-label) {
    color: #e0e6e9;
}

.bm-page :is(.bm-card-photo, .bm-card-dark) .bm-read {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.48);
}

.bm-page :is(.bm-card-photo, .bm-card-dark) .bm-read:hover {
    background: rgba(255, 255, 255, 0.12);
}

.bm-page .bm-grid.is-filtered .bm-card {
    grid-column: span 4;
    min-height: 340px;
}

.bm-page .bm-grid.is-filtered[data-current-filter="news"] .bm-card {
    grid-column: span 12;
    min-height: 440px;
}

.bm-page .bm-grid.is-filtered[data-current-filter="news"] .bm-card-copy {
    max-width: 620px;
}

/* Sıkça sorulan sorular */

.bm-page .bm-faq {
    margin-top: 80px;
}

.bm-page .bm-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
}

.bm-page .bm-faq details {
    border: 1px solid var(--bm-border);
    border-radius: 17px;
    background: var(--bm-panel);
    overflow: hidden;
}

.bm-page .bm-faq summary {
    position: relative;
    display: block;
    padding: 23px 58px 23px 24px;
    color: var(--bm-text);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
}

.bm-page .bm-faq summary::-webkit-details-marker {
    display: none;
}

.bm-page .bm-faq summary::after {
    content: "+";
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
    color: currentColor;
    font-size: 23px;
    font-weight: 400;
}

.bm-page .bm-faq details[open] summary::after {
    content: "−";
}

.bm-page .bm-answer {
    padding: 0 24px 25px;
    color: var(--bm-muted);
    font-size: 14px;
    line-height: 1.85;
}

.bm-page .bm-answer a {
    color: var(--bm-text);
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Kapanış — görsel tamamen kutu içinde */

.bm-page .bm-closing {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 24px;
    margin-top: 56px;
    min-height: 330px;
    padding: clamp(30px, 4.5vw, 62px);
    background: #172128;
    border: 1px solid var(--bm-border);
}

.bm-page .bm-closing > img {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 65%;
}

.bm-page .bm-closing::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(8, 16, 21, 0.94),
        rgba(8, 16, 21, 0.75) 44%,
        rgba(8, 16, 21, 0.22) 100%
    );
}

.bm-page .bm-closing-copy {
    position: relative;
    z-index: 2;
    max-width: 600px;
}

.bm-page .bm-closing h2 {
    color: #fff;
    margin-bottom: 20px;
}

.bm-page .bm-closing p {
    color: #e0e6e9;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.bm-page .bm-closing .bm-eyebrow {
    font-size: 10px;
    margin-bottom: 18px;
}

.bm-page .bm-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    min-height: 48px;
    padding: 13px 24px;
    border-radius: 999px;
    background: #f4f6f5;
    color: #182128;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

/* Yazı penceresi */

.bm-page .bm-dialog {
    position: fixed;
    inset: 0;
    width: min(840px, calc(100% - 32px));
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    border: 1px solid var(--bm-border);
    border-radius: 24px;
    color: var(--bm-text);
    background: var(--bm-panel);
    box-shadow: 0 35px 120px rgba(0, 0, 0, 0.3);
    overflow: auto;
    overscroll-behavior: contain;
}

.bm-page .bm-dialog::backdrop {
    background: rgba(6, 12, 17, 0.7);
    backdrop-filter: blur(6px);
}

.bm-page .bm-dialog-toolbar {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 28px;
    background: var(--bm-panel);
    border-bottom: 1px solid var(--bm-border);
}

.bm-page .bm-dialog-close {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--bm-border);
    border-radius: 50%;
    background: var(--bm-soft);
    color: var(--bm-text);
}

.bm-page .bm-dialog-article {
    padding: clamp(24px, 5vw, 54px);
}

.bm-page .bm-dialog h2 {
    margin: 0 0 28px;
    color: var(--bm-text);
    font-size: clamp(29px, 4vw, 43px);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.16;
}

.bm-page .bm-prose {
    color: var(--bm-muted);
    font-size: 15px;
    line-height: 1.9;
}

.bm-page .bm-prose p {
    margin: 0 0 20px;
}

.bm-page .bm-prose h3 {
    margin: 30px 0 12px;
    color: var(--bm-text);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.bm-page .bm-prose ul {
    padding-left: 23px;
    margin: 0 0 24px;
}

.bm-page .bm-prose li {
    margin-bottom: 9px;
}

.bm-page .bm-prose a {
    color: var(--bm-text);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.bm-page .bm-intro-text {
    font-size: 17px;
    color: var(--bm-text);
}

body.bm-page.bm-modal-open,
body.bm-page.bm-menu-open {
    overflow: hidden;
}

/* Bilgi Merkezi masaüstü navbarı ortak site stillerini kullanır. */
body.bm-page .bm-sub-toggle {
    display: none;
}

/* Footer */

html body.bm-page footer.memora-footer-v2 {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 60px 0 24px;
    background: var(--bm-panel);
    color: var(--bm-muted);
    border-top: 1px solid var(--bm-border);
}

html body.bm-page .memora-footer-v2 .mf-container {
    width: min(1320px, calc(100% - 64px));
    margin: auto;
}

html body.bm-page .memora-footer-v2 .mf-grid {
    display: grid;
    grid-template-columns: 1.15fr 1.15fr 0.8fr 1fr;
    gap: 38px;
}

html body.bm-page .memora-footer-v2 .mf-heading {
    margin: 0 0 22px;
    color: var(--bm-text);
    font-size: 16px;
    font-weight: 600;
}

html body.bm-page .memora-footer-v2 .mf-heading-secondary {
    margin-top: 30px;
}

html body.bm-page .memora-footer-v2 p {
    color: var(--bm-muted);
    font-size: 13px;
    line-height: 1.85;
    margin: 0 0 15px;
}

html body.bm-page .memora-footer-v2 .mf-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

html body.bm-page .memora-footer-v2 a {
    color: var(--bm-muted);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.6;
}

html body.bm-page .memora-footer-v2 a:hover {
    color: var(--bm-text);
}

html body.bm-page .memora-footer-v2 .mf-address {
    font-style: normal;
}

html body.bm-page .memora-footer-v2 .mf-contact-list {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

html body.bm-page .memora-footer-v2 .mf-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    font-size: 13px;
    line-height: 1.8;
}

html body.bm-page .memora-footer-v2 .mf-contact-list svg {
    width: 19px;
    height: 19px;
    margin-top: 3px;
}

html body.bm-page .memora-footer-v2 .mf-socials {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

html body.bm-page .memora-footer-v2 .mf-socials a {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--bm-border);
    border-radius: 50%;
}

html body.bm-page .memora-footer-v2 .mf-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid var(--bm-border);
}

html body.bm-page .memora-footer-v2 .mf-bottom p {
    margin: 0;
    font-size: 12px;
}

/* Tablet ve mobil */

@media (max-width: 1100px) {
    body.bm-page .navbar-toggle {
        display: flex;
    }

    body.bm-page .navbar-nav {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 10px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-height: calc(100dvh - 115px);
        overflow-y: auto !important;
        padding: 18px;
        border: 1px solid var(--bm-border);
        border-radius: 22px;
        background: var(--bm-panel);
        box-shadow: var(--bm-shadow);
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.bm-page .navbar-nav.bm-open {
        display: block !important;
    }

    body.bm-page .nav-menu {
        display: block !important;
        width: 100%;
    }

    body.bm-page .nav-item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    body.bm-page .nav-link {
        flex: 1;
        padding: 13px 10px !important;
        font-size: 14px;
    }

    body.bm-page .nav-link::after {
        content: none !important;
    }

    body.bm-page .bm-sub-toggle {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid var(--bm-border);
        border-radius: 10px;
        color: var(--bm-text);
        background: transparent;
    }

    body.bm-page .dropdown-menu {
        position: static !important;
        flex-basis: 100%;
        width: 100% !important;
        box-shadow: none;
        margin-bottom: 8px !important;
        background: var(--bm-soft) !important;
    }

    body.bm-page .dropdown.bm-sub-open > .dropdown-menu {
        display: block !important;
    }

    .bm-page .bm-card-guide {
        grid-column: span 6;
    }

    .bm-page .bm-card-library {
        grid-column: span 12;
    }

    .bm-page .bm-card-small {
        padding: 24px;
    }

    html body.bm-page .memora-footer-v2 .mf-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .bm-page .bm-main {
        width: calc(100% - 32px);
        padding-top: 116px;
        padding-bottom: 40px;
    }

    .bm-page .bm-hero {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-bottom: 42px;
    }

    .bm-page .bm-hero-image {
        aspect-ratio: 1.7;
    }

    .bm-page .bm-hero h1 {
        font-size: clamp(44px, 10vw, 62px);
    }

    .bm-page .bm-section-head {
        align-items: flex-start;
    }

    .bm-page .bm-filters {
        gap: 7px;
    }

    .bm-page .bm-filters button {
        padding: 10px 15px;
    }

    .bm-page .bm-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .bm-page .bm-grid .bm-card,
    .bm-page .bm-grid.is-filtered .bm-card {
        grid-column: span 1;
        min-height: 310px;
    }

    .bm-page .bm-grid .bm-card-news,
    .bm-page .bm-grid .bm-card-library,
    .bm-page .bm-grid .bm-card-memory,
    .bm-page .bm-grid.is-filtered[data-current-filter="news"] .bm-card {
        grid-column: 1 / -1;
    }

    .bm-page .bm-grid .bm-card-news {
        min-height: 380px;
    }

    .bm-page .bm-grid .bm-card-memory {
        min-height: 290px;
    }

    .bm-page .bm-faq {
        margin-top: 48px;
    }

    .bm-page .bm-faq-grid {
        grid-template-columns: 1fr;
    }

    .bm-page .bm-closing {
        margin-top: 36px;
        padding: 32px 25px;
    }

    .bm-page .bm-closing::after {
        background: rgba(8, 16, 21, 0.76);
    }

    html body.bm-page .memora-footer-v2 .mf-container {
        width: calc(100% - 40px);
    }
}

@media (max-width: 480px) {
    .bm-page .bm-grid {
        grid-template-columns: 1fr;
    }

    .bm-page .bm-grid .bm-card,
    .bm-page .bm-grid.is-filtered .bm-card {
        grid-column: 1 / -1;
        min-height: 270px;
    }

    .bm-page .bm-grid .bm-card-photo {
        min-height: 370px;
    }

    .bm-page .bm-card h3 {
        font-size: 26px;
    }

    .bm-page .bm-card-small {
        min-height: 250px;
    }

    html body.bm-page .memora-footer-v2 .mf-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    html body.bm-page .memora-footer-v2 .mf-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bm-page *,
    .bm-page *::before,
    .bm-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* Bilgi Merkezi: ortak navbar görünümü, erişilebilir açılır menüler. */
@media (min-width: 1101px) {
    body.bm-page .navbar-container,
    body.bm-page .navbar-nav,
    body.bm-page .nav-menu,
    body.bm-page .nav-item {
        overflow: visible;
    }

    body.bm-page .dropdown-menu::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -16px;
        height: 16px;
        pointer-events: auto;
    }

    body.bm-page .dropdown:not(.bm-dismissed):hover > .dropdown-menu,
    body.bm-page .dropdown:not(.bm-dismissed):focus-within > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.bm-page .dropdown.bm-dismissed > .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}

@media (max-width: 1100px) {
    body.bm-page .navbar-container {
        position: relative;
    }
    body.bm-page .navbar-nav {
        min-height: 0 !important;
        bottom: auto !important;
        pointer-events: auto !important;
    }
    body.bm-page .navbar-nav.bm-open {
        opacity: 1 !important;
        visibility: visible !important;
    }
    body.bm-page .dropdown.bm-sub-open > .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
}

/* Kariyer başlığı sabit navbarın altında kalmasın */
#kariyer {
    scroll-margin-top: 40px;
}