/* ==========================================================================
   AXERA — Public Web v3 · "Kesişim"
   İlkeler: düz renk (gradyan yok) · tek aile Archivo (dar başlık / normal gövde, italik yok)
            · kaydırmaya bağlı sahneler (sabitlenen anlatım, toplanan kartlar, kelime vurgusu,
              üst üste binen kartlar, çizilen bağlantılar)
   ========================================================================== */

/* Bootstrap (grid, modal) en düşük katmanda: Axera kuralları her zaman üstün gelir. */
@import url("/assets/bentol/css/bootstrap.min.css") layer(bootstrap);

/* ---------- 1. Tokens ---------- */
:root {
    --ink: #0C121F;
    --ink-2: #131B2B;
    --ink-3: #1B2538;
    --ink-line: #273248;
    --navy: #1B2B47;
    --slate: #6B8FA3;
    --bone: #F3EFE8;
    --bone-2: #E9E3D8;
    --bone-line: #D8D0C2;
    --white: #FFFFFF;
    --copper: #B8734A;
    --copper-hi: #CB8A5F;
    --copper-ink: #8A5232;      /* açık zeminde küçük metin (≥4.5:1) */
    --copper-on-dark: #DDA176;  /* koyu zeminde küçük metin */
    --text: #0C121F;
    --muted: #545D6C;
    --text-on-dark: #F3EFE8;
    --muted-on-dark: #AAB3C1;
    --success: #1F7A4D;
    --danger: #B3261E;

    --font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --condensed: 72%;

    --r-sm: 10px;
    --r: 18px;
    --r-lg: 28px;
    --ease: cubic-bezier(.22, 1, .36, 1);
    --ease-in-out: cubic-bezier(.76, 0, .24, 1);
    --header-h: 76px;
    --gutter: clamp(16px, 4vw, 56px);
    --section-y: clamp(84px, 11vw, 168px);
}

@view-transition { navigation: auto; }

/* ---------- 2. Base ---------- */
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
html:not(.lenis) { scroll-behavior: smooth; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

body.ax-body {
    margin: 0; font-family: var(--font); font-size: 1.0625rem; line-height: 1.65; font-synthesis: none;
    color: var(--text); background: var(--bone); overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
body.ax-body.is-locked { overflow: hidden; }
.ax-body :where(h1, h2, h3, h4, h5) {
    margin: 0; font-family: var(--font); font-weight: 600; font-stretch: var(--condensed);
    line-height: 1; letter-spacing: -.012em; color: inherit; text-wrap: balance;
}
.ax-body :where(p) { margin: 0 0 1rem; }
.ax-body :where(a) { color: inherit; text-decoration: none; }
.ax-body :where(img) { max-width: 100%; height: auto; }
.ax-body :where(ul) { margin: 0; padding: 0; list-style: none; }
.ax-body :where(em, cite, dfn, var, address) { font-style: normal; }
.ax-body :where(strong, b) { font-weight: 600; }
.ax-body :focus-visible { outline: 2px solid var(--copper); outline-offset: 3px; border-radius: 4px; }
.ax-body ::selection { background: var(--copper); color: var(--ink); }

.ax-skip { position: fixed; left: 16px; top: -80px; z-index: 3000; padding: 12px 20px; border-radius: 999px; background: var(--copper); color: var(--ink); font-weight: 600; transition: top .25s var(--ease); }
.ax-skip:focus { top: 16px; }
.ax-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ax-container { width: 100%; max-width: 1320px; margin-inline: auto; padding-inline: var(--gutter); }
.ax-container--narrow { max-width: 940px; }
.ax-center { text-align: center; }
.ax-mt-lg { margin-top: clamp(36px, 5vw, 64px); }
.ax-main { position: relative; z-index: 1; overflow-x: clip; }

/* ---------- 3. Reveal sistemi ---------- */
.js [data-reveal] { opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity .9s var(--ease), transform 1.05s var(--ease); transition-delay: calc(var(--d, 0) * 1ms); }
.js [data-reveal="left"]  { transform: translate3d(-40px, 0, 0); }
.js [data-reveal="right"] { transform: translate3d(40px, 0, 0); }
.js [data-reveal="scale"] { transform: scale(.94); }
.js [data-reveal].is-in { opacity: 1; transform: none; }
@media (max-width: 767px) { .js [data-reveal="left"], .js [data-reveal="right"] { transform: translate3d(0, 28px, 0); } }

/* Kelime maskesi (başlıklar) */
.ax-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .12em; margin-bottom: -.12em; }
.ax-w__i { display: inline-block; transform: translate3d(0, 108%, 0); transition: transform 1s var(--ease); transition-delay: calc(var(--i, 0) * 45ms + var(--base, 0ms)); }
.is-in .ax-w__i { transform: none; }

/* Perde ile görsel açılışı (görsel kırpılmaz; tembel yükleme etkilenmez) */
[data-curtain] { position: relative; overflow: hidden; }
.js [data-curtain]::after { content: ""; position: absolute; inset: 0; z-index: 3; background: var(--curtain, var(--ink)); transform-origin: 50% 0; transition: transform 1.3s var(--ease-in-out); pointer-events: none; }
.js [data-curtain].is-in::after { transform: scaleY(0); }
.js [data-curtain] img { transform: scale(1.12); transition: transform 1.8s var(--ease); }
.js [data-curtain].is-in img { transform: scale(1); }

/* Sayfa açılışı */
.js [data-load] { opacity: 0; transform: translate3d(0, 26px, 0); }
.is-loaded [data-load] { opacity: 1; transform: none; transition: opacity 1s var(--ease), transform 1.1s var(--ease); transition-delay: calc(var(--d, 0) * 1ms); }

.ax-progress { position: fixed; inset: 0 0 auto 0; z-index: 1500; height: 2px; pointer-events: none; }
.ax-progress::after { content: ""; display: block; height: 100%; background: var(--copper); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }

/* ---------- 4. Header ---------- */
.ax-header {
    position: fixed; inset: 0 0 auto 0; z-index: 1000; color: var(--text-on-dark); border-bottom: 1px solid transparent;
    transition: transform .5s var(--ease), opacity .9s var(--ease), background-color .3s, border-color .3s; view-transition-name: ax-header;
}
.ax-header.is-scrolled { background: var(--ink); border-bottom-color: var(--ink-line); }
.ax-header.is-hidden { transform: translateY(-101%); }
.ax-header .ax-container { max-width: 1440px; }
.ax-header__bar { display: flex; align-items: center; gap: 24px; height: var(--header-h); }
.ax-logo { display: inline-flex; flex: 0 0 auto; }
.ax-logo img { display: block; height: 38px; width: auto; }

.ax-nav { display: none; margin-left: auto; }
@media (min-width: 1240px) { .ax-nav { display: block; } }
.ax-nav__list { display: flex; align-items: center; gap: 2px; }
.ax-nav__item { position: relative; }
.ax-nav__link { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; font-size: .95rem; font-weight: 500; color: var(--muted-on-dark); white-space: nowrap; transition: color .2s; }
.ax-nav__link::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 9px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: 100% 50%; transition: transform .4s var(--ease); }
.ax-nav__link:hover, .ax-nav__link.is-active, .ax-nav__item:focus-within > .ax-nav__link { color: var(--text-on-dark); }
.ax-nav__link:hover::after, .ax-nav__link.is-active::after { transform: scaleX(1); transform-origin: 0 50%; }
.ax-nav__caret { font-size: .6rem; transition: transform .3s var(--ease); }
.ax-nav__item:hover .ax-nav__caret, .ax-nav__item:focus-within .ax-nav__caret { transform: rotate(180deg); }
.ax-nav__sub {
    position: absolute; left: 0; top: calc(100% + 6px); min-width: 250px; padding: 8px; border-radius: var(--r);
    background: var(--ink-2); border: 1px solid var(--ink-line); opacity: 0; visibility: hidden; transform: translateY(6px);
    transition: opacity .16s ease-in, transform .16s ease-in, visibility .16s;
}
.ax-nav__item:hover > .ax-nav__sub, .ax-nav__item:focus-within > .ax-nav__sub { opacity: 1; visibility: visible; transform: none; transition: opacity .3s var(--ease), transform .3s var(--ease), visibility 0s; }
.ax-nav__sub a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; font-size: .93rem; color: var(--muted-on-dark); transition: background-color .2s, color .2s; }
.ax-nav__sub a i { width: 16px; text-align: center; font-size: .8rem; color: var(--copper-on-dark); }
.ax-nav__sub a:hover { background: var(--ink-3); color: var(--text-on-dark); }
@media (min-width: 1240px) and (max-width: 1439px) { .ax-nav__link { padding: 0 9px; font-size: .92rem; } .ax-header__bar { gap: 16px; } }

.ax-header__actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
@media (min-width: 1240px) { .ax-header__actions { margin-left: 8px; } }
.ax-iconbtn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 0 16px; border-radius: 999px;
    border: 1px solid var(--ink-line); background: transparent; color: var(--text-on-dark); font-size: .92rem; font-weight: 500; white-space: nowrap; cursor: pointer;
    transition: background-color .2s, border-color .2s;
}
.ax-iconbtn:hover { background: var(--ink-3); border-color: #3A4763; color: var(--text-on-dark); }
.ax-iconbtn--phone .ax-iconbtn__label { display: none; }
@media (min-width: 1480px) { .ax-iconbtn--phone .ax-iconbtn__label { display: inline; } }
.ax-header__actions .ax-hide-md, .ax-header__actions .ax-hide-xs { display: none; }
@media (min-width: 560px) { .ax-header__actions .ax-hide-xs { display: inline-flex; } }
@media (min-width: 1240px) { .ax-header__actions .ax-hide-md { display: inline-flex; } }

.ax-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 6px; width: 48px; height: 48px; padding: 0 14px; border-radius: 50%; border: 1px solid var(--ink-line); background: transparent; cursor: pointer; }
.ax-burger span { display: block; height: 1.5px; background: var(--text-on-dark); transition: transform .45s var(--ease), opacity .2s; }
.ax-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.ax-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ax-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
@media (min-width: 1240px) { .ax-burger { display: none; } }

/* Mobil menü: yukarıdan inen düz panel */
.ax-drawer {
    position: fixed; inset: 0; z-index: 990; display: flex; flex-direction: column; padding: calc(var(--header-h) + 12px) var(--gutter) 28px;
    background: var(--ink); color: var(--text-on-dark); overflow-y: auto; transform: translateY(-100%); visibility: hidden;
    transition: transform .75s var(--ease-in-out), visibility 0s .75s;
}
.ax-drawer.is-open { transform: none; visibility: visible; transition: transform .75s var(--ease-in-out), visibility 0s; }
.ax-drawer__nav { display: grid; }
.ax-drawer__nav > a, .ax-drawer__nav summary {
    display: flex; align-items: center; justify-content: space-between; min-height: 62px; border-bottom: 1px solid var(--ink-line);
    font-size: clamp(1.9rem, 7vw, 2.8rem); font-weight: 600; font-stretch: var(--condensed); line-height: 1; cursor: pointer; list-style: none;
}
.ax-drawer__nav summary::-webkit-details-marker { display: none; }
.ax-drawer__nav summary i { font-size: .9rem; color: var(--copper-on-dark); transition: transform .3s var(--ease); }
.ax-drawer__nav details[open] summary i { transform: rotate(180deg); }
.ax-drawer__sub { display: grid; padding: 8px 0 14px; }
.ax-drawer__sub a { padding: 9px 0; font-size: 1.05rem; color: var(--muted-on-dark); }
.ax-drawer__nav > *, .ax-drawer__foot > * { opacity: 0; transform: translateY(20px); transition: opacity .5s var(--ease), transform .6s var(--ease); }
.ax-drawer.is-open .ax-drawer__nav > *, .ax-drawer.is-open .ax-drawer__foot > * { opacity: 1; transform: none; transition-delay: calc(var(--i, 0) * 50ms + 300ms); }
.ax-drawer__foot { display: grid; gap: 16px; margin-top: auto; padding-top: 28px; }
.ax-drawer__cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ax-drawer__contact { display: grid; gap: 6px; font-size: .93rem; color: var(--muted-on-dark); }
.ax-drawer__contact a { color: var(--text-on-dark); }

/* ---------- 5. Butonlar ---------- */
.ax-btn {
    --bg: var(--copper); --fg: var(--ink); --bg-h: var(--copper-hi); --fg-h: var(--ink);
    display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 0 9px 0 24px;
    border: 1px solid transparent; border-radius: 999px; background: var(--bg); color: var(--fg);
    font-family: var(--font); font-size: 1rem; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer;
    transition: background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), transform .3s var(--ease);
}
.ax-btn:hover { background: var(--bg-h); color: var(--fg-h); }
.ax-btn:active { transform: scale(.98); }
.ax-btn__icon { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background: var(--fg); color: var(--bg); font-size: .85rem; transition: background-color .35s var(--ease), color .35s var(--ease); }
.ax-btn--ghost .ax-btn__icon, .ax-btn--outline .ax-btn__icon { color: var(--bone); }
.ax-btn:hover .ax-btn__icon { background: var(--fg-h); color: var(--bg-h); }
.ax-btn:hover .ax-btn__icon i:not(.ax-btn__spin) { animation: x-arrow .6s var(--ease); }
@keyframes x-arrow { 0% { transform: none; } 45% { transform: translateX(140%); } 46% { transform: translateX(-140%); } 100% { transform: none; } }
.ax-btn--noicon, .ax-btn--ghost, .ax-btn--outline { padding: 0 26px; }
.ax-btn--light { --bg: var(--bone); --fg: var(--ink); --bg-h: var(--white); --fg-h: var(--ink); }
.ax-btn--dark { --bg: var(--ink); --fg: var(--bone); --bg-h: var(--navy); --fg-h: var(--bone); }
.ax-btn--ghost { --bg: transparent; --fg: var(--text-on-dark); --bg-h: var(--text-on-dark); --fg-h: var(--ink); border-color: #4A5672; }
.ax-btn--outline { --bg: transparent; --fg: var(--ink); --bg-h: var(--ink); --fg-h: var(--bone); border-color: var(--ink); }
.ax-btn--sm { min-height: 44px; padding: 0 7px 0 18px; font-size: .92rem; }
.ax-btn--sm.ax-btn--noicon, .ax-btn--sm.ax-btn--ghost, .ax-btn--sm.ax-btn--outline { padding: 0 18px; }
.ax-btn--sm .ax-btn__icon { width: 30px; height: 30px; }
.ax-btn--block { width: 100%; }
.ax-btn[disabled], .ax-btn.is-loading { opacity: .8; cursor: progress; transform: none; }
.ax-btn .ax-btn__spin { display: none; }
.ax-btn.is-loading .ax-btn__spin { display: inline-block; animation: x-spin 1s linear infinite; }
.ax-btn.is-loading .ax-btn__icon i:not(.ax-btn__spin) { display: none; }
@keyframes x-spin { to { transform: rotate(360deg); } }

/* Metin yuvarlanma (JS etiketi sarar) */
.x-roll { display: inline-block; overflow: hidden; vertical-align: top; line-height: 1.25; }
.x-roll > span { position: relative; display: inline-block; transition: transform .55s var(--ease); }
.x-roll > span::after { content: attr(data-t); position: absolute; left: 0; top: 100%; }
.ax-btn:hover .x-roll > span, .ax-iconbtn:hover .x-roll > span { transform: translateY(-100%); }

.ax-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--copper-ink); border-bottom: 1px solid currentColor; padding-bottom: 2px; transition: gap .3s var(--ease), color .2s; }
.ax-link:hover { gap: 12px; color: var(--ink); }

/* ---------- 6. Bölüm iskeleti & başlıklar ---------- */
.ax-section { position: relative; padding-block: var(--section-y); --curtain: var(--bone); }
.ax-section--white { background: var(--white); --curtain: var(--white); }
.ax-section--paper { background: var(--bone); --curtain: var(--bone); }
.ax-section--sand { background: var(--bone-2); --curtain: var(--bone-2); }
.ax-section--dark { background: var(--ink); color: var(--muted-on-dark); --curtain: var(--ink); }
.ax-section--dark :where(h1, h2, h3, h4, strong) { color: var(--text-on-dark); }

.ax-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 24px; font-size: .78rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--copper-ink); }
.ax-eyebrow::before { content: ""; width: 9px; height: 9px; background: var(--copper); }
.ax-section--dark .ax-eyebrow, .ax-pagehero .ax-eyebrow, .x-story .ax-eyebrow { color: var(--copper-on-dark); }
.ax-title { font-size: clamp(2.3rem, 5vw, 4.6rem); line-height: .98; }
.ax-title--sm { font-size: clamp(2rem, 3.6vw, 3.2rem); }
.ax-title em, .ax-pagehero h1 em { color: var(--copper-ink); }
.ax-section--dark .ax-title em { color: var(--copper-on-dark); }
.ax-lead { max-width: 60ch; margin-top: 22px; font-size: clamp(1.05rem, 1.35vw, 1.2rem); line-height: 1.6; color: var(--muted); }
.ax-section--dark .ax-lead { color: var(--muted-on-dark); }
.ax-head { margin-bottom: clamp(48px, 6vw, 88px); }
.ax-head--center { max-width: 880px; margin-inline: auto; text-align: center; }
.ax-head--center .ax-lead { margin-inline: auto; }
.ax-head--split { display: grid; gap: 24px; align-items: end; }
@media (min-width: 992px) { .ax-head--split { grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 64px; } .ax-head--split .ax-lead { margin: 0 0 8px; } }

/* ---------- 7. Ana sahne: giriş + nasıl çalışır (sabitlenen anlatım) ---------- */
.x-story { position: relative; background: var(--ink); color: var(--muted-on-dark); --p: 0; --cp: 0; }
.x-stage {
    position: relative;
    background-color: var(--ink);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M72 0H0V72' fill='none' stroke='%23161F31' stroke-width='1'/%3E%3C/svg%3E");
}
.x-intro__inner { max-width: min(820px, 58vw); margin-inline: auto; }
.x-intro__title { color: var(--text-on-dark); font-size: clamp(2.6rem, min(6.3vw, 10vh), 6.4rem); line-height: .94; }
.x-intro__pre { display: block; margin-bottom: .18em; font-size: .42em; line-height: 1.1; font-weight: 500; color: var(--muted-on-dark); letter-spacing: 0; }
.x-intro__main { display: block; }
.x-intro__sub { max-width: 56ch; margin: 28px auto 0; font-size: clamp(1.02rem, 1.3vw, 1.15rem); color: var(--muted-on-dark); }
.x-intro__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }
.x-intro__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 28px; font-size: .9rem; color: var(--muted-on-dark); }
.x-intro__trust li { display: inline-flex; align-items: center; gap: 8px; }
.x-intro__trust li::before { content: ""; width: 6px; height: 6px; background: var(--copper); }

/* Dağınık rapor kartları */
.x-cards { display: none; }
.x-card {
    --cw: clamp(126px, 12.5vw, 210px);
    position: absolute; left: 50%; top: 50%; width: var(--cw); aspect-ratio: 4 / 5; margin: calc(var(--cw) * -.625) 0 0 calc(var(--cw) * -.5);
    transform: translate3d(calc(var(--x) * 1vw * (1 - var(--p))), calc(var(--y) * 1vh * (1 - var(--p))), 0) rotate(calc(var(--r) * 1deg * (1 - var(--p)))) scale(calc(1 - var(--p) * .5));
    opacity: calc(1 - clamp(0, (var(--p) - .6) * 3, 1));
    will-change: transform, opacity;
}
.x-card__in {
    display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 16px; border-radius: 14px; background: var(--c-bg); color: var(--c-fg);
    opacity: 0; transform: translateY(40px) scale(.9); transition: opacity .9s var(--ease), transform 1.1s var(--ease); transition-delay: calc(var(--d, 0) * 90ms + 500ms);
}
.is-loaded .x-card__in { opacity: 1; transform: none; animation: x-float 7s ease-in-out calc(var(--d, 0) * -1.1s) infinite alternate; }
@keyframes x-float { to { translate: 0 -10px; } }
.x-card__type { font-size: .6rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; opacity: .75; }
.x-card__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--c-fg); color: var(--c-bg); font-size: .95rem; }
.x-card__title { font-size: clamp(1rem, 1.25vw, 1.25rem); font-weight: 600; font-stretch: var(--condensed); line-height: 1.05; }
.x-card__lines { display: grid; gap: 6px; margin-top: auto; }
.x-card__lines i { display: block; height: 5px; border-radius: 3px; background: var(--c-fg); opacity: .18; }
.x-card__lines i:nth-child(2) { width: 78%; } .x-card__lines i:nth-child(3) { width: 54%; }
.x-card__foot { display: flex; justify-content: space-between; font-size: .58rem; font-weight: 600; letter-spacing: .14em; opacity: .7; }
.x-card--bone   { --c-bg: var(--bone);  --c-fg: var(--ink); }
.x-card--navy   { --c-bg: var(--navy);  --c-fg: var(--bone); }
.x-card--copper { --c-bg: var(--copper); --c-fg: var(--ink); }
.x-card--white  { --c-bg: var(--white); --c-fg: var(--ink); }
.x-card--slate  { --c-bg: var(--slate); --c-fg: var(--ink); }
.x-card--ink    { --c-bg: var(--ink-3); --c-fg: var(--bone); }

/* Dönen rozet */
.x-badge { display: none; }
.x-badge svg { width: 100%; height: 100%; animation: x-rotate 22s linear infinite; }
.x-badge text { fill: var(--muted-on-dark); font-family: var(--font); font-size: 10.5px; font-weight: 600; letter-spacing: 2.6px; }
.x-badge i { position: absolute; inset: 0; display: grid; place-items: center; font-size: 1.1rem; color: var(--copper-on-dark); }
@keyframes x-rotate { to { transform: rotate(360deg); } }

/* Sayaç */
.x-counter { display: none; }

/* Bölüm (chapter) içerikleri — yığılı (mobil / hareket azaltılmış) varsayılan */
.x-chapters { display: grid; gap: clamp(64px, 10vw, 110px); max-width: 1320px; margin-inline: auto; padding: clamp(64px, 10vw, 110px) var(--gutter) 0; }
.x-chapter { display: grid; gap: 20px; }
@media (min-width: 768px) { .x-chapter { grid-template-columns: 1fr 1fr; align-items: center; column-gap: 48px; } .x-chapter__desc { grid-column: 1; } .x-chapter .x-screen { grid-column: 2; grid-row: 1 / 3; } }
.x-chapter__idx { display: block; margin-bottom: 14px; font-size: .8rem; font-weight: 600; letter-spacing: .16em; color: var(--copper-on-dark); }
.x-chapter__title { font-size: clamp(2.2rem, 4.4vw, 4.2rem); color: var(--text-on-dark); }
.x-chapter__desc { max-width: 40ch; margin: 0; font-size: clamp(1.02rem, 1.3vw, 1.15rem); color: var(--muted-on-dark); }

/* Panel ekranı (düz arayüz maketi) */
.x-screen { position: relative; display: flex; flex-direction: column; width: 100%; max-width: 540px; height: 440px; overflow: hidden; border-radius: 18px; background: var(--ink-2); border: 1px solid var(--ink-line); color: var(--muted-on-dark); font-size: .85rem; }
.x-screen__bar { display: flex; align-items: center; gap: 7px; padding: 13px 16px; border-bottom: 1px solid var(--ink-line); }
.x-screen__bar > span { width: 9px; height: 9px; border-radius: 50%; background: #3A4660; }
.x-screen__bar > span:first-child { background: var(--copper); }
.x-screen__url { flex: 1; display: flex; align-items: center; height: 26px; margin-left: 10px; padding: 0 10px; border-radius: 8px; background: var(--ink-3); font-size: .72rem; color: var(--muted-on-dark); }
.x-screen__body { display: flex; flex-direction: column; gap: 14px; flex: 1; padding: 22px; }
.x-screen__h { display: flex; align-items: center; justify-content: space-between; color: var(--text-on-dark); font-size: 1.3rem; font-weight: 600; font-stretch: var(--condensed); }
.x-screen__h small { font-size: .68rem; font-weight: 600; font-stretch: 100%; letter-spacing: .14em; text-transform: uppercase; color: var(--copper-on-dark); }
.x-ui-field { display: grid; gap: 6px; }
.x-ui-field > span { font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.x-ui-input { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 12px; border-radius: 10px; background: var(--ink-3); border: 1px solid var(--ink-line); }
.x-ui-input .x-ui-line { flex: 1; display: block; height: 6px; border-radius: 3px; background: #33405A; }
.x-ui-input > i { color: var(--copper-on-dark); font-size: .8rem; }
.x-ui-ok { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; padding: 6px 12px; border-radius: 999px; background: var(--success); color: #fff; font-size: .72rem; font-weight: 600; }
.x-ui-btn { display: grid; place-items: center; height: 44px; margin-top: auto; border-radius: 999px; background: var(--copper); color: var(--ink); font-weight: 600; font-size: .85rem; }
.x-ui-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.x-ui-tile { display: grid; gap: 8px; padding: 12px; border-radius: 12px; border: 1px solid var(--ink-line); background: var(--ink-3); font-size: .74rem; font-weight: 600; line-height: 1.2; color: var(--text-on-dark); }
.x-ui-tile i { font-size: .9rem; color: var(--copper-on-dark); }
.x-ui-tile.is-on { background: var(--copper); border-color: var(--copper); color: var(--ink); }
.x-ui-tile.is-on i { color: var(--ink); }
.x-ui-steps { display: grid; margin: 0; padding: 0; list-style: none; }
.x-ui-steps li { display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--ink-line); color: var(--muted-on-dark); }
.x-ui-steps li:last-child { border-bottom: 0; }
.x-ui-steps li > i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #3A4660; font-size: .6rem; }
.x-ui-steps li.is-done > i { background: var(--success); border-color: var(--success); color: #fff; }
.x-ui-steps li.is-now { color: var(--text-on-dark); font-weight: 600; }
.x-ui-steps li.is-now > i { background: var(--copper); border-color: var(--copper); color: var(--ink); }
.x-ui-steps li small { font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; }
.x-ui-progress { height: 6px; margin-top: auto; border-radius: 3px; background: var(--ink-3); overflow: hidden; }
.x-ui-progress::after { content: ""; display: block; width: 72%; height: 100%; background: var(--copper); }

/* --- Sabitlenmiş mod (JS: geniş ekran + hareket serbest) --- */
.x-story.is-pinned { height: 470vh; }
.x-story.is-pinned .x-stage { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.x-story.is-pinned .x-intro {
    position: absolute; inset: 0; z-index: 4; display: grid; place-items: center; padding: calc(var(--header-h) + 12px) var(--gutter) 48px; text-align: center;
    transform: translate3d(0, calc(var(--p) * -14vh), 0); opacity: calc(1 - var(--p) * 1.9);
}
.x-story.is-pinned.is-past-intro .x-intro { visibility: hidden; }
.x-story.is-pinned .x-cards { display: block; position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.x-story.is-pinned .x-badge {
    display: block; position: absolute; right: var(--gutter); bottom: 40px; z-index: 6; width: 112px; height: 112px;
    opacity: calc(1 - var(--p) * 3); transition: transform .4s var(--ease);
}
.x-story.is-pinned .x-badge:hover { transform: scale(1.06); }
.x-story.is-pinned.is-past-intro .x-badge { visibility: hidden; }
.x-story.is-pinned .x-counter {
    position: absolute; left: var(--gutter); right: var(--gutter); bottom: 36px; z-index: 6; display: flex; align-items: center; gap: 22px;
    font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--muted-on-dark);
    opacity: clamp(0, (var(--p) - .8) * 5, 1);
}
.x-counter__num b { color: var(--text-on-dark); font-weight: 600; }
.x-counter__bar { flex: 1; height: 1px; background: var(--ink-line); }
.x-counter__bar i { display: block; height: 100%; background: var(--copper); transform-origin: 0 50%; transform: scaleX(var(--cp)); }

.x-story.is-pinned .x-chapters { position: absolute; inset: 0; z-index: 3; display: block; max-width: none; padding: 0; }
.x-story.is-pinned .x-chapter { position: absolute; inset: 0; display: block; opacity: 1; transform: none; pointer-events: none; }
.x-story.is-pinned .x-chapter__text,
.x-story.is-pinned .x-chapter__desc { position: absolute; top: 50%; opacity: 0; transform: translate3d(0, calc(-50% + 44px), 0); transition: opacity .6s var(--ease), transform .9s var(--ease); }
.x-story.is-pinned .x-chapter__text { left: var(--gutter); width: min(26vw, 380px); }
.x-story.is-pinned .x-chapter__desc { right: var(--gutter); width: min(23vw, 340px); }
.x-story.is-pinned .x-chapter.is-active .x-chapter__text,
.x-story.is-pinned .x-chapter.is-active .x-chapter__desc { opacity: 1; transform: translate3d(0, -50%, 0); transition-delay: .12s; pointer-events: auto; }
.x-story.is-pinned .x-chapter.is-prev .x-chapter__text,
.x-story.is-pinned .x-chapter.is-prev .x-chapter__desc { transform: translate3d(0, calc(-50% - 44px), 0); }
.x-story.is-pinned .x-chapter__title { font-size: clamp(2.4rem, 4vw, 4.2rem); }

.x-story.is-pinned .x-screen {
    position: absolute; left: 50%; top: 50%; width: min(34vw, 500px); max-width: none; height: min(62vh, 520px); margin: 0;
    transform: translate3d(-50%, calc(-50% + (1 - var(--p)) * 72vh), 0) scale(calc(.86 + var(--p) * .14));
    opacity: clamp(0, var(--p) * 1.8, 1);
    clip-path: inset(100% 0 0 0 round 18px); transition: clip-path .9s var(--ease-in-out);
}
.x-story.is-pinned .x-chapter[data-chapter="0"] .x-screen,
.x-story.is-pinned .x-chapter.is-active .x-screen,
.x-story.is-pinned .x-chapter.is-prev .x-screen { clip-path: inset(0 0 0 0 round 18px); }
.x-story.is-pinned .x-chapter.is-active { z-index: 2; }
.x-story.is-pinned .x-chapter.is-active .x-screen__body > * { animation: x-rise .7s var(--ease) both; animation-delay: calc(var(--k, 0) * 70ms + .25s); }
@keyframes x-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.x-story.is-pinned.is-intro .x-chapter.is-active .x-chapter__text,
.x-story.is-pinned.is-intro .x-chapter.is-active .x-chapter__desc { opacity: 0; transform: translate3d(0, calc(-50% + 44px), 0); pointer-events: none; transition-delay: 0s; }

/* Yığılı modda giriş */
.x-story:not(.is-pinned) .x-intro { padding: calc(var(--header-h) + clamp(56px, 10vw, 110px)) var(--gutter) 0; text-align: left; }
.x-story:not(.is-pinned) .x-intro__inner { max-width: 760px; margin: 0; }
.x-story:not(.is-pinned) .x-intro__sub { margin-left: 0; }
.x-story:not(.is-pinned) .x-intro__cta, .x-story:not(.is-pinned) .x-intro__trust { justify-content: flex-start; }
.x-story:not(.is-pinned) .x-stage { padding-bottom: var(--section-y); }

/* ---------- 8. Teknoloji mimari ---------- */
.x-tech { position: relative; display: grid; gap: 18px; --tp: 0; }
.x-tech__lines { display: none; }
.x-core {
    position: relative; display: grid; place-items: center; width: min(300px, 76vw); aspect-ratio: 1; margin: 36px auto; border-radius: 50%;
    background: var(--ink); color: var(--muted-on-dark); text-align: center;
}
.x-core::before { content: ""; position: absolute; inset: -14px; border-radius: 50%; border: 1px dashed var(--copper); animation: x-rotate 40s linear infinite; }
.x-core::after { content: ""; position: absolute; inset: -30px; border-radius: 50%; border: 1px solid var(--bone-line); }
.x-core__in { padding: 0 34px; }
.x-core__in strong { display: block; font-size: 1.55rem; font-weight: 600; font-stretch: var(--condensed); letter-spacing: .06em; color: var(--text-on-dark); }
.x-core__in small { display: block; margin: 6px 0 12px; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--copper-on-dark); }
.x-core__in p { margin: 0; font-size: .85rem; line-height: 1.5; }
.x-mod { position: relative; z-index: 1; padding: 26px; border-radius: var(--r); background: var(--white); border: 1px solid var(--bone-line); transition: border-color .3s; }
.x-mod:hover { border-color: var(--ink); }
.x-mod__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.x-mod__idx { font-size: .78rem; font-weight: 600; letter-spacing: .14em; color: var(--copper-ink); }
.x-mod__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--ink); color: var(--bone); font-size: 1.05rem; }
.x-mod h3 { margin-bottom: 10px; font-size: 1.7rem; }
.x-mod p { margin: 0; font-size: .98rem; color: var(--muted); }
@media (min-width: 992px) {
    .x-tech { grid-template-columns: 1fr minmax(280px, 340px) 1fr; grid-template-rows: auto auto; gap: 48px 72px; align-items: center; }
    .x-core { grid-column: 2; grid-row: 1 / 3; width: 100%; margin: 0; }
    .x-mod--1 { grid-column: 1; grid-row: 1; } .x-mod--2 { grid-column: 3; grid-row: 1; }
    .x-mod--3 { grid-column: 1; grid-row: 2; } .x-mod--4 { grid-column: 3; grid-row: 2; }
    .x-tech__lines { display: block; position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
    .x-tech__lines line { stroke: var(--ink); stroke-width: 1.25; stroke-dasharray: 1; stroke-dashoffset: calc(1 - clamp(0, (var(--tp) - var(--o, 0)) * 2.4, 1)); }
    .js .x-tech .x-mod { opacity: clamp(0, (var(--tp) - var(--o, 0) - .22) * 4, 1); transform: translate3d(calc(var(--dir, 1) * (1 - clamp(0, (var(--tp) - var(--o, 0) - .22) * 4, 1)) * 26px), 0, 0); }
    .js .x-tech .x-core { transform: scale(calc(.88 + clamp(0, var(--tp) * 2, 1) * .12)); }
}
.x-tech__note { max-width: 62ch; margin: clamp(48px, 6vw, 80px) auto 0; text-align: center; font-size: clamp(1.15rem, 1.8vw, 1.5rem); font-weight: 500; line-height: 1.5; color: var(--ink); }

/* ---------- 9. Hakkımızda: kelime vurgusu + görsel ---------- */
.x-statement { max-width: 24ch; margin: 0 0 clamp(64px, 9vw, 120px); font-size: clamp(2rem, 4.6vw, 4.4rem); font-weight: 600; font-stretch: var(--condensed); line-height: 1.04; letter-spacing: -.01em; color: var(--text-on-dark); }
.js .x-statement .x-hw { color: #3A4660; transition: color .35s ease; }
.js .x-statement .x-hw.is-lit { color: var(--text-on-dark); }
.x-about__grid { display: grid; gap: clamp(40px, 6vw, 96px); align-items: center; }
@media (min-width: 992px) { .x-about__grid { grid-template-columns: .95fr 1.05fr; } }
.x-photo { margin: 0; aspect-ratio: 4 / 5; border-radius: var(--r-lg); background: var(--ink-3); }
.x-photo img { display: block; width: 100%; height: 115%; margin-top: -7.5%; object-fit: cover; filter: grayscale(1) contrast(1.08); translate: 0 var(--py, 0px); }
.x-photo::before { content: ""; position: absolute; inset: 0; z-index: 2; background: var(--copper); mix-blend-mode: multiply; opacity: .28; pointer-events: none; }
.x-about__text p { font-size: 1.06rem; color: var(--muted-on-dark); }
.x-about__text .ax-title { margin-bottom: 28px; }
.x-about__text .ax-btn { margin-top: 12px; }

/* ---------- 10. Hizmetler: üst üste binen kartlar ---------- */
.x-stack { display: grid; gap: 28px; }
.x-scard {
    position: sticky; top: calc(var(--header-h) + 24px + var(--i, 0) * 16px); display: grid; gap: 28px; min-height: min(68vh, 520px);
    padding: clamp(28px, 4vw, 56px); border-radius: var(--r-lg); background: var(--sc-bg); color: var(--sc-fg); border: 1px solid var(--sc-line, transparent);
    transform-origin: 50% 0; transform: scale(calc(1 - var(--q, 0) * .05)); overflow: hidden;
}
.x-scard::after { content: ""; position: absolute; inset: 0; background: var(--ink); opacity: calc(var(--q, 0) * .3); pointer-events: none; }
@media (min-width: 900px) { .x-scard { grid-template-columns: 1.1fr .9fr; align-items: stretch; } }
.x-scard--white  { --sc-bg: var(--white); --sc-fg: var(--ink); --sc-muted: var(--muted); --sc-accent: var(--copper-ink); --sc-line: var(--bone-line); }
.x-scard--navy   { --sc-bg: var(--navy); --sc-fg: var(--bone); --sc-muted: #C3CAD6; --sc-accent: var(--copper-on-dark); }
.x-scard--copper { --sc-bg: var(--copper); --sc-fg: var(--ink); --sc-muted: #2A1D14; --sc-accent: var(--ink); }
.x-scard--ink    { --sc-bg: var(--ink); --sc-fg: var(--bone); --sc-muted: var(--muted-on-dark); --sc-accent: var(--copper-on-dark); }
.x-scard__body { display: flex; flex-direction: column; }
.x-scard__top { display: flex; align-items: center; gap: 14px; margin-bottom: auto; padding-bottom: 40px; }
.x-scard__idx { font-size: clamp(3rem, 6vw, 5.4rem); font-weight: 600; font-stretch: var(--condensed); line-height: .8; }
.x-scard__badge { padding: 7px 14px; border-radius: 999px; border: 1px solid currentColor; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sc-accent); }
.x-scard__title { margin-bottom: 18px; font-size: clamp(2rem, 3.8vw, 3.4rem); color: var(--sc-fg); }
.x-scard__body p { max-width: 46ch; margin: 0 0 26px; font-size: 1.06rem; color: var(--sc-muted); }
.x-scard__cta { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; padding-bottom: 3px; border-bottom: 1px solid currentColor; font-weight: 600; color: var(--sc-fg); transition: gap .3s var(--ease); }
.x-scard__cta:hover { gap: 16px; color: var(--sc-fg); }
.x-scard__art { position: relative; display: grid; place-items: center; min-height: 220px; border-radius: var(--r); border: 1px solid var(--sc-art-line, currentColor); color: var(--sc-fg); }
.x-scard--white .x-scard__art { --sc-art-line: var(--bone-line); background: var(--bone); }
.x-scard--navy .x-scard__art { --sc-art-line: #2C4066; }
.x-scard--copper .x-scard__art { --sc-art-line: #9A5E3A; }
.x-scard--ink .x-scard__art { --sc-art-line: var(--ink-line); }

/* Hizmet illüstrasyonları (düz çizgi) */
.ax-ill { width: min(100%, 300px); height: auto; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.ax-ill__trk { opacity: .2; stroke-width: 7; }
.ax-ill__arc { stroke: var(--sc-accent); stroke-width: 7; stroke-dasharray: 100; stroke-dashoffset: 30; }
.ax-ill__needle { stroke-width: 3; transform-origin: 80px 84px; transform: rotate(40deg); }
.ax-ill__hub { fill: currentColor; stroke: none; }
.ax-ill__ring { opacity: .5; stroke-width: 2; }
.ax-ill__ring--spin { opacity: 1; stroke: var(--sc-accent); stroke-dasharray: 5 7; transform-origin: 80px 50px; }
.ax-ill__cross { opacity: .7; stroke-width: 2; }
.ax-ill__dot { fill: var(--sc-accent); stroke: none; transform-origin: 80px 50px; }
.ax-ill__link { opacity: .6; stroke-width: 1.8; stroke-dasharray: 4 6; }
.ax-ill__node { fill: var(--sc-bg); stroke-width: 2.2; }
.ax-ill__node--hot { fill: var(--sc-accent); stroke: var(--sc-accent); transform-origin: 104px 56px; }
.ax-ill__shield { stroke-width: 3; }
.ax-ill__check { stroke: var(--sc-accent); stroke-width: 6; stroke-dasharray: 100; stroke-dashoffset: 0; }
.x-scard:hover .ax-ill__arc { animation: ill-arc 3.6s ease-in-out infinite; }
.x-scard:hover .ax-ill__needle { animation: ill-needle 3.6s ease-in-out infinite; }
.x-scard:hover .ax-ill__ring--spin { animation: x-rotate 14s linear infinite; }
.x-scard:hover .ax-ill__dot, .x-scard:hover .ax-ill__node--hot { animation: ill-pulse 2.4s ease-in-out infinite; }
.x-scard:hover .ax-ill__link { animation: ill-flow 1.2s linear infinite; }
.x-scard:hover .ax-ill__check { animation: ill-check 3.2s ease-in-out infinite; }
@keyframes ill-arc { 0%, 100% { stroke-dashoffset: 30; } 35% { stroke-dashoffset: 92; } 70% { stroke-dashoffset: 18; } }
@keyframes ill-needle { 0%, 100% { transform: rotate(40deg); } 35% { transform: rotate(-78deg); } 70% { transform: rotate(60deg); } }
@keyframes ill-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.6); } }
@keyframes ill-flow { to { stroke-dashoffset: -20; } }
@keyframes ill-check { 0% { stroke-dashoffset: 0; } 12% { stroke-dashoffset: 100; } 50%, 100% { stroke-dashoffset: 0; } }

/* ---------- 11. Misyon / vizyon ---------- */
.x-mv { display: grid; gap: clamp(56px, 7vw, 96px); }
@media (min-width: 992px) { .x-mv { grid-template-columns: 1fr 1fr; gap: 64px; } }
.x-mv__col .ax-title { margin-bottom: 26px; }
.x-mv__col > p { color: var(--muted); }
.x-list { margin: 30px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--bone-line); }
.x-list li { display: grid; grid-template-columns: 44px 1fr; gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--bone-line); font-size: 1.02rem; color: var(--ink); }
.x-list li > span { padding-top: 4px; font-size: .78rem; font-weight: 600; letter-spacing: .12em; color: var(--copper-ink); }

/* ---------- 12. Logo hikayesi tanıtımı ---------- */
.x-brand { display: grid; gap: clamp(44px, 6vw, 96px); align-items: center; }
@media (min-width: 992px) { .x-brand { grid-template-columns: 1fr 1fr; } }
.x-brand .ax-lead { margin-top: 0; margin-bottom: 18px; }
.x-swatches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 32px 0 36px; }
.x-swatches li { display: grid; gap: 10px; font-size: .86rem; font-weight: 500; color: var(--text-on-dark); }
.x-swatches li > span { display: block; aspect-ratio: 1.6; border-radius: 12px; background: var(--c); }
.x-swatches small { font-size: .72rem; letter-spacing: .1em; color: var(--muted-on-dark); }
.x-sketch { margin: 0; aspect-ratio: 1; border-radius: var(--r-lg); background: var(--bone); }
.x-sketch > img { display: block; width: 100%; height: 100%; object-fit: cover; scale: 1.16; translate: 0 var(--py, 0px); }
.x-sketch__badge { position: absolute; left: 18px; bottom: 18px; z-index: 4; padding: 12px 16px; border-radius: 14px; background: var(--white); }
.x-sketch__badge img { display: block; height: 36px; width: auto; }

/* ---------- 13. Fiyat satırları ---------- */
.x-rows { border-top: 1px solid var(--bone-line); }
.x-row {
    position: relative; display: grid; grid-template-columns: 42px 52px 1fr auto; align-items: center; gap: 18px; padding: 24px 12px; border-bottom: 1px solid var(--bone-line);
    color: var(--ink); isolation: isolate; transition: color .35s var(--ease);
}
.x-row::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--ink); transform: scaleY(0); transform-origin: 50% 100%; transition: transform .45s var(--ease-in-out); }
.x-row:hover { color: var(--bone); }
.x-row:hover::before { transform: scaleY(1); }
.x-row__idx { font-size: .78rem; font-weight: 600; letter-spacing: .12em; color: var(--copper-ink); transition: color .35s; }
.x-row:hover .x-row__idx { color: var(--copper-on-dark); }
.x-row__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--ink); color: var(--bone); transition: background-color .35s, color .35s; }
.x-row:hover .x-row__icon { background: var(--copper); color: var(--ink); }
.x-row__title { font-size: clamp(1.5rem, 2.6vw, 2.4rem); font-weight: 600; font-stretch: var(--condensed); line-height: 1; }
.x-row__title small { display: block; margin-top: 8px; font-size: .85rem; font-weight: 500; font-stretch: 100%; color: var(--muted); transition: color .35s; }
.x-row:hover .x-row__title small { color: var(--muted-on-dark); }
.x-row__go { display: inline-flex; align-items: center; gap: 10px; font-size: .95rem; font-weight: 600; white-space: nowrap; }
.x-row__go i { transition: transform .4s var(--ease); }
.x-row:hover .x-row__go i { transform: translateX(6px); }
@media (max-width: 640px) { .x-row { grid-template-columns: 48px 1fr; } .x-row__idx { display: none; } .x-row__go { grid-column: 2; } }

/* ---------- 14. İletişim & formlar ---------- */
.ax-contact { display: grid; gap: clamp(40px, 6vw, 88px); align-items: start; }
@media (min-width: 992px) { .ax-contact { grid-template-columns: .85fr 1.15fr; } }
.ax-contact__list { display: grid; margin-top: 36px; border-top: 1px solid var(--ink-line); }
.ax-contact__list li { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--ink-line); }
.ax-contact__list i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--ink-3); color: var(--copper-on-dark); }
.ax-contact__list small { display: block; margin-bottom: 2px; font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-on-dark); }
.ax-contact__list a, .ax-contact__list div { color: var(--text-on-dark); }
.ax-contact__list a:hover { color: var(--copper-on-dark); }

.ax-formcard { position: relative; padding: clamp(24px, 4vw, 48px); border-radius: var(--r-lg); background: var(--white); color: var(--ink); border: 1px solid var(--bone-line); }
.ax-formcard p { color: var(--muted); }
.ax-formcard__head { margin-bottom: 28px; }
.ax-formcard__head h2, .ax-formcard__head h3 { font-size: clamp(2rem, 3vw, 2.6rem); color: var(--ink); }
.ax-formcard__head p { margin: 10px 0 0; }
.ax-form__grid { display: grid; gap: 14px; margin-bottom: 14px; }
@media (min-width: 640px) { .ax-form__grid--2 { grid-template-columns: 1fr 1fr; } }
.ax-field { position: relative; }
.ax-field__icon { position: absolute; left: 18px; top: 20px; z-index: 1; font-size: .9rem; color: var(--copper-ink); pointer-events: none; }
.ax-field input, .ax-field textarea, .ax-field select {
    display: block; width: 100%; min-height: 60px; padding: 27px 16px 9px 48px; border: 1px solid var(--bone-line); border-radius: 14px; background: var(--bone);
    color: var(--ink); font: inherit; font-size: 1rem; appearance: none; -webkit-appearance: none; transition: border-color .2s, background-color .2s, box-shadow .2s;
}
.ax-field textarea { min-height: 132px; padding-top: 31px; resize: vertical; }
.ax-field select {
    padding-right: 44px; cursor: pointer; background-repeat: no-repeat; background-position: right 18px center; background-size: 14px 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230C121F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
.ax-field label { position: absolute; left: 48px; top: 19px; max-width: calc(100% - 64px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; color: var(--muted); pointer-events: none; transform-origin: 0 0; transition: transform .25s var(--ease), color .2s; }
.ax-field input:focus + label, .ax-field input:not(:placeholder-shown) + label,
.ax-field textarea:focus + label, .ax-field textarea:not(:placeholder-shown) + label,
.ax-field select + label { transform: translateY(-11px) scale(.76); }
.ax-field--textarea .ax-field__icon { top: 23px; }
.ax-field input:hover, .ax-field textarea:hover, .ax-field select:hover { border-color: #BDB3A2; }
.ax-field input:focus, .ax-field textarea:focus, .ax-field select:focus { outline: none; background-color: var(--white); border-color: var(--ink); box-shadow: 0 0 0 3px rgba(184, 115, 74, .28); }
.ax-field input:focus + label, .ax-field textarea:focus + label { color: var(--copper-ink); }
.ax-field input.success { border-color: var(--success); }
.ax-field input.error, .ax-field input.is-invalid, .ax-field input:user-invalid { border-color: var(--danger); }
.ax-field select:disabled { cursor: wait; opacity: .8; }
.ax-field__hint { display: flex; gap: 8px; margin: 8px 4px 0; font-size: .83rem; color: var(--muted); }
.ax-field__hint i { margin-top: 3px; color: var(--copper-ink); }
#ir_phone, #phone_number { font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.ax-check { display: flex; align-items: flex-start; gap: 12px; margin: 8px 0 20px; }
.ax-check input { flex: 0 0 auto; width: 22px; height: 22px; margin-top: 2px; accent-color: var(--copper); cursor: pointer; }
.ax-check label { font-size: .92rem; color: var(--muted); cursor: pointer; }
.ax-check a { color: var(--copper-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ax-recaptcha { display: flex; justify-content: center; margin: 4px 0 22px; overflow-x: auto; padding-bottom: 6px; }
@media (max-width: 400px) { .ax-recaptcha { justify-content: flex-start; } }
.ax-alert { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 22px; padding: 15px 18px; border-radius: 14px; font-size: .95rem; }
.ax-alert i { margin-top: 3px; }
.ax-alert ul { margin: 0; padding-left: 1.1em; list-style: disc; }
.ax-alert--success { background: #E4F2EA; border: 1px solid #A8D4BB; color: #14532D; }
.ax-alert--error { background: #FBE9E7; border: 1px solid #F0B6B1; color: #7A1712; }

.email-verification-resend { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--bone-line); }
.email-verification-resend-toggle { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; font: inherit; font-weight: 600; color: var(--copper-ink); cursor: pointer; }
.email-verification-resend-toggle:hover { color: var(--ink); }
.email-verification-resend .toggle-icon { font-size: .75rem; transition: transform .3s var(--ease); }
.email-verification-resend.is-open .toggle-icon { transform: rotate(180deg); }
.email-verification-resend-body { margin-top: 16px; }
.email-verification-resend-hint { font-size: .92rem; color: var(--muted); }
.email-verification-field { margin-bottom: 14px; }
.email-verification-input { width: 100%; min-height: 54px; padding: 0 18px; border: 1px solid var(--bone-line); border-radius: 14px; background: var(--bone); font: inherit; color: var(--ink); }
.email-verification-input:focus { outline: none; border-color: var(--ink); background: var(--white); box-shadow: 0 0 0 3px rgba(184, 115, 74, .28); }
.email-verification-input.is-invalid { border-color: var(--danger); }
.email-verification-error { display: block; margin-top: 8px; font-size: .85rem; color: var(--danger); }
.email-verification-submit { width: 100%; min-height: 52px; border: 0; border-radius: 999px; background: var(--ink); color: var(--bone); font: inherit; font-weight: 600; cursor: pointer; transition: background-color .3s; }
.email-verification-submit:hover { background: var(--navy); }

/* KVKK modal */
/* Zemin Bootstrap değişkenine (--bs-body-bg) bırakılmaz: değişken yüklenmezse içerik şeffaf kalıp okunmaz. */
#kvkkModal .modal-content { border: 0; border-radius: var(--r-lg); overflow: hidden; background: var(--white); color: var(--ink); }
#kvkkModal .modal-header { padding: 20px 26px; border: 0; background: var(--ink); color: var(--bone); }
#kvkkModal .modal-title { color: var(--bone); font-size: 1.45rem; font-weight: 600; font-stretch: var(--condensed); }
#kvkkModal .btn-close { filter: invert(1) grayscale(1) brightness(2); opacity: .9; }
#kvkkModal .modal-body { padding: 26px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; line-height: 1.7; }
#kvkkModal .kvkk-content { font-size: 1rem; color: var(--ink); }
#kvkkModal .kvkk-content :is(h1, h2, h3, h4, h5, h6) { margin: 22px 0 8px; font-size: 1.1rem; font-weight: 600; font-stretch: 100%; line-height: 1.35; color: var(--ink); }
#kvkkModal .kvkk-content :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; }
#kvkkModal .kvkk-content :is(ul, ol) { margin: 0 0 1rem; padding-left: 1.4em; }
#kvkkModal .kvkk-content ul { list-style: disc; }
#kvkkModal .kvkk-content ol { list-style: decimal; }
#kvkkModal .kvkk-content li { margin-bottom: 4px; }
#kvkkModal .kvkk-content a { color: var(--copper-ink); text-decoration: underline; }
#kvkkModal .kvkk-content table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
#kvkkModal .kvkk-content :is(th, td) { padding: 8px 10px; border: 1px solid var(--bone-line); vertical-align: top; }
#kvkkModal .modal-footer { padding: 16px 26px; border-top: 1px solid var(--bone-line); }
#kvkkModal .btn { min-height: 44px; padding: 0 22px; border-radius: 999px; font-weight: 600; }
#kvkkModal .btn-primary { background: var(--copper); border: 0; color: var(--ink); }
#kvkkModal .btn-secondary { background: var(--bone-2); border: 0; color: var(--ink); }

/* ---------- 15. İçerik kartları (blog / bülten) ---------- */
.ax-post-grid { display: grid; gap: 28px; }
@media (min-width: 640px) { .ax-post-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .ax-post-grid { grid-template-columns: repeat(3, 1fr); } }
.ax-post { display: flex; flex-direction: column; height: 100%; }
.ax-post__media { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r); background: var(--bone-2); }
.ax-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.ax-post:hover .ax-post__media img { transform: scale(1.06); }
.ax-post__cat { position: absolute; left: 14px; top: 14px; padding: 6px 12px; border-radius: 999px; background: var(--ink); color: var(--bone); font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.ax-post__body { display: flex; flex-direction: column; flex: 1; padding: 20px 2px 0; }
.ax-post__meta { margin-bottom: 10px; font-size: .84rem; color: var(--muted); }
.ax-post__title { margin-bottom: 12px; font-size: 1.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.ax-post__excerpt { font-size: .98rem; color: var(--muted); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.ax-post__more { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: auto; padding-top: 10px; font-weight: 600; color: var(--copper-ink); transition: gap .3s var(--ease); }
.ax-post:hover .ax-post__more { gap: 14px; }
.ax-empty { padding: 64px 20px; text-align: center; color: var(--muted); border: 1px dashed var(--bone-line); border-radius: var(--r-lg); }
.ax-empty i { display: block; margin-bottom: 14px; font-size: 1.8rem; color: var(--copper-ink); }
.ax-pagination { display: flex; justify-content: center; margin-top: 56px; }
.ax-pagination .pagination { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ax-pagination .page-link, .ax-pagination .page-item span { display: grid; place-items: center; min-width: 46px; min-height: 46px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--bone-line); background: var(--white); color: var(--ink); font-weight: 600; transition: background-color .2s, color .2s; }
.ax-pagination a.page-link:hover { background: var(--ink); color: var(--bone); }
.ax-pagination .active .page-link, .ax-pagination .active span { background: var(--ink); border-color: var(--ink); color: var(--bone); }
.ax-pagination .disabled .page-link, .ax-pagination .disabled span { opacity: .45; }
.ax-pagination nav > div:first-child { display: none; }

/* ---------- 16. İç sayfa başlığı ---------- */
.ax-pagehero { position: relative; padding: calc(var(--header-h) + clamp(56px, 9vw, 120px)) 0 clamp(56px, 7vw, 96px); background: var(--ink); color: var(--muted-on-dark); border-bottom: 1px solid var(--ink-line); }
.ax-pagehero__inner { max-width: 1100px; }
.ax-pagehero h1 { color: var(--text-on-dark); font-size: clamp(2.8rem, 7.4vw, 7rem); line-height: .94; }
.ax-pagehero .ax-pagehero__lead { max-width: 58ch; margin: 24px 0 0; font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: var(--muted-on-dark); }
.ax-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; padding: 0; list-style: none; font-size: .86rem; color: var(--muted-on-dark); }
.ax-crumbs li + li::before { content: "/"; margin-right: 8px; opacity: .5; }
.ax-crumbs a:hover { color: var(--text-on-dark); }
.ax-crumbs [aria-current] { color: var(--text-on-dark); }

/* ---------- 17. Metin içerikleri (blog, yasal) ---------- */
.ax-prose { font-size: 1.08rem; line-height: 1.85; color: #2A3445; }
.ax-prose > * + * { margin-top: 1.1em; }
.ax-prose h2, .ax-prose h3, .ax-prose h4 { margin-top: 1.7em; color: var(--ink); }
.ax-prose h2 { font-size: 2.2rem; } .ax-prose h3 { font-size: 1.7rem; } .ax-prose h4 { font-size: 1.35rem; }
.ax-prose em, .ax-prose i:not([class*="fa"]) { font-style: normal; font-weight: 600; }
.ax-prose a { color: var(--copper-ink); text-decoration: underline; text-underline-offset: 3px; }
.ax-prose img { max-width: 100%; height: auto; border-radius: var(--r-sm); }
.ax-prose ul, .ax-prose ol { padding-left: 1.4em; }
.ax-prose ul { list-style: disc; } .ax-prose ol { list-style: decimal; }
.ax-prose li + li { margin-top: .4em; }
.ax-prose blockquote { margin-left: 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--copper); font-size: 1.25rem; color: var(--ink); }
.ax-prose table { width: 100%; border-collapse: collapse; font-size: .96rem; }
.ax-prose th, .ax-prose td { padding: 10px 12px; border: 1px solid var(--bone-line); }
.ax-prose th { background: var(--bone-2); text-align: left; }
.ax-article { max-width: 820px; margin-inline: auto; }
.ax-article__cover { margin-bottom: 36px; overflow: hidden; border-radius: var(--r-lg); }
.ax-article__cover img { display: block; width: 100%; max-height: 520px; object-fit: cover; }
.ax-article__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 22px; font-size: .9rem; color: var(--muted); }
.ax-tag { display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--ink); color: var(--bone); font-size: .74rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ax-article__lead { margin-bottom: 30px; font-size: 1.4rem; font-weight: 500; line-height: 1.5; color: var(--ink); }
.ax-article__foot { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--bone-line); }

.ax-legal { padding: clamp(24px, 4vw, 56px); border-radius: var(--r-lg); background: var(--white); border: 1px solid var(--bone-line); }
.ax-legal .legal-document { font-size: 1.02rem; line-height: 1.85; color: #2A3445; }
.ax-legal .legal-document h3 { margin: 28px 0 12px; font-size: 1.7rem; color: var(--ink); }
.ax-legal .legal-document p { margin-bottom: 1rem; }
.ax-legal .legal-document ul, .ax-legal .legal-document ol { margin-bottom: 1rem; padding-left: 1.4em; }
.ax-legal .legal-document ul { list-style: disc; } .ax-legal .legal-document ol { list-style: decimal; }
.ax-legal .legal-document a { color: var(--copper-ink); text-decoration: underline; }
.ax-legal .legal-document em, .ax-legal .legal-document i:not([class*="fa"]) { font-style: normal; font-weight: 600; }
.ax-legal .legal-document .legal-intro { font-weight: 500; }
.ax-legal .legal-document .legal-updated { margin-top: 32px; font-size: .88rem; color: var(--muted); }
.ax-legal .legal-document table { width: 100%; border-collapse: collapse; }
.ax-legal .legal-document th, .ax-legal .legal-document td { padding: 10px 12px; border: 1px solid var(--bone-line); vertical-align: top; }
.ax-legal--notice { text-align: center; }
.ax-legal--notice > i { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 18px; border-radius: 50%; background: var(--ink); color: var(--bone); font-size: 1.5rem; }

/* ---------- 18. Fiyat sayfası ---------- */
.ax-infobar { display: grid; gap: 12px; margin-bottom: 40px; }
@media (min-width: 720px) { .ax-infobar { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } }
.ax-infobar__item { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: var(--r); background: var(--white); border: 1px solid var(--bone-line); }
.ax-infobar__item i { display: grid; place-items: center; flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px; background: var(--ink); color: var(--bone); }
.ax-infobar__item strong { display: block; line-height: 1.3; }
.ax-infobar__item span { font-size: .88rem; color: var(--muted); }
.ax-overview { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 56px; }
.ax-overview > * { flex: 1 1 260px; max-width: 360px; }
.ax-overview__card { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: var(--r); background: var(--white); border: 1px solid var(--bone-line); transition: background-color .3s, color .3s, border-color .3s; }
.ax-overview__card:hover { background: var(--ink); border-color: var(--ink); color: var(--bone); }
.ax-overview__icon { display: grid; place-items: center; flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; background: var(--copper); color: var(--ink); }
.ax-overview__card strong { display: block; line-height: 1.3; }
.ax-overview__card small { font-size: .85rem; color: var(--muted); transition: color .3s; }
.ax-overview__card:hover small { color: var(--muted-on-dark); }
.ax-groups { display: grid; gap: 28px; }
.ax-group { padding: clamp(20px, 3vw, 36px); border-radius: var(--r-lg); background: var(--white); border: 1px solid var(--bone-line); }
.ax-group__head { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.ax-group__icon { display: grid; place-items: center; flex: 0 0 auto; width: 58px; height: 58px; border-radius: 14px; background: var(--ink); color: var(--bone); font-size: 1.2rem; }
.ax-group__head h3 { font-size: 2rem; }
.ax-group__head p { margin: 4px 0 0; font-size: .93rem; color: var(--muted); }
.ax-table-wrap { overflow-x: auto; border: 1px solid var(--bone-line); border-radius: var(--r); background: var(--white); }
.ax-table { width: 100%; min-width: 440px; border-collapse: collapse; }
.ax-table th { padding: 14px 18px; background: var(--bone); color: var(--muted); font-size: .78rem; font-weight: 600; letter-spacing: .1em; text-align: left; text-transform: uppercase; }
.ax-table th small { font-weight: 400; letter-spacing: 0; text-transform: none; }
.ax-table td { padding: 15px 18px; border-top: 1px solid var(--bone-line); }
.ax-table tbody tr { transition: background-color .2s; }
.ax-table tbody tr:hover { background: var(--bone); }
.ax-table td:last-child, .ax-table th:last-child { text-align: right; }
.ax-table .ax-amount { font-weight: 700; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ax-badge { display: inline-block; margin-right: 8px; padding: 3px 10px; border-radius: 999px; background: #F6E7C8; color: #6B4300; font-size: .72rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.ax-special { margin-top: 26px; padding: clamp(18px, 3vw, 30px); border-radius: var(--r); background: var(--bone); border: 1px solid var(--bone-line); }
.ax-special__head { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.ax-special__head > i { margin-top: 4px; font-size: 1.3rem; color: var(--copper-ink); }
.ax-special__head h4 { font-size: 1.6rem; }
.ax-special__head p { margin: 4px 0 0; color: var(--muted); }
.ax-body ol.ax-special__steps, .ax-body ol.ax-crumbs { list-style: none; padding: 0; }
.ax-special__steps { display: grid; gap: 12px; margin: 0 0 20px; }
.ax-special__steps li { display: flex; align-items: flex-start; gap: 14px; }
.ax-special__num { display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; background: var(--ink); color: var(--bone); font-size: .85rem; font-weight: 700; }
.ax-special__note { margin: 16px 0 0; font-size: .9rem; color: var(--muted); }
.ax-note { margin-top: 36px; padding: clamp(22px, 3vw, 40px); border-radius: var(--r-lg); background: var(--ink); color: var(--muted-on-dark); }
.ax-note h4 { margin-bottom: 16px; font-size: 1.9rem; color: var(--text-on-dark); }
.ax-note ul { display: grid; gap: 10px; margin-bottom: 26px; }
.ax-note li { display: flex; gap: 12px; }
.ax-note li::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; margin-top: 10px; background: var(--copper); }
.ax-note strong { color: var(--text-on-dark); }

/* ---------- 19. Örnek raporlar ---------- */
.ax-report-grid { display: grid; gap: 28px; }
@media (min-width: 640px) { .ax-report-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .ax-report-grid { grid-template-columns: repeat(3, 1fr); } }
.ax-rcard { height: 100%; }
.ax-rcard__link { display: block; }
.ax-rcard__preview { position: relative; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--r); background: var(--bone-2); border: 1px solid var(--bone-line); }
.ax-rcard__preview img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform 1s var(--ease); user-select: none; -webkit-user-drag: none; }
.ax-rcard:hover .ax-rcard__preview img { transform: scale(1.05); }
.ax-rcard__overlay { position: absolute; inset: auto 14px 14px 14px; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; border-radius: 999px; background: var(--ink); color: var(--bone); font-weight: 600; opacity: 0; transform: translateY(12px); transition: opacity .35s var(--ease), transform .45s var(--ease); }
.ax-rcard:hover .ax-rcard__overlay, .ax-rcard__link:focus-visible .ax-rcard__overlay { opacity: 1; transform: none; }
.ax-rcard__body { padding: 18px 2px 0; }
.ax-rcard__body h3 { font-size: 1.6rem; }

/* ---------- 20. Logo hikayesi sayfası ---------- */
.ax-split { display: grid; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 992px) { .ax-split { grid-template-columns: 1fr 1fr; } }
.ax-values { display: grid; gap: 10px; margin: 22px 0; }
.ax-values li { padding: 14px 18px; border-radius: 12px; background: var(--white); border: 1px solid var(--bone-line); border-left: 3px solid var(--copper); }
.ax-figure { margin: 0; overflow: hidden; border-radius: var(--r-lg); background: var(--white); border: 1px solid var(--bone-line); }
.ax-figure img { display: block; width: 100%; height: auto; }
.ax-worlds { display: grid; gap: 20px; align-items: stretch; }
@media (min-width: 900px) { .ax-worlds { grid-template-columns: 1fr auto 1fr; } }
.ax-world { padding: 34px; border-radius: var(--r-lg); background: var(--white); border: 1px solid var(--bone-line); transition: border-color .3s, transform .5s var(--ease); }
.ax-world:hover { border-color: var(--ink); transform: translateY(-4px); }
.ax-world__icon { display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 20px; border-radius: 16px; background: var(--ink); color: var(--bone); font-size: 1.35rem; }
.ax-world--right .ax-world__icon { background: var(--copper); color: var(--ink); }
.ax-world h3 { margin-bottom: 10px; font-size: 1.9rem; }
.ax-world p { margin: 0; color: var(--muted); }
.ax-bridge { display: grid; place-items: center; }
.ax-bridge span { display: grid; place-items: center; width: 108px; height: 108px; border-radius: 50%; background: var(--white); border: 1px solid var(--bone-line); }
.ax-bridge img { width: 62px; height: 62px; object-fit: contain; }
.ax-grid-3 { display: grid; gap: 20px; }
@media (min-width: 768px) { .ax-grid-3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .ax-grid-3 { grid-template-columns: repeat(3, 1fr); } }
.ax-colorbar { padding: clamp(32px, 4vw, 52px) 0; }
.ax-colorbar p { max-width: 60ch; margin: 0; font-size: clamp(1.3rem, 2.4vw, 2rem); font-weight: 600; font-stretch: var(--condensed); line-height: 1.2; }
.ax-colorbar--navy { background: var(--navy); color: var(--bone); }
.ax-colorbar--copper { background: var(--copper); color: var(--ink); }
.ax-colorbar--slate { background: var(--slate); color: var(--ink); }
.ax-showcase { display: grid; gap: 20px; }
@media (min-width: 768px) { .ax-showcase { grid-template-columns: 1fr 1fr; } }
.ax-showcase figure { margin: 0; overflow: hidden; border-radius: var(--r-lg); border: 1px solid var(--bone-line); transition: transform .5s var(--ease); }
.ax-showcase figure:hover { transform: translateY(-6px); }
.ax-showcase img { display: block; width: 100%; }

/* ---------- 21. Kapanış çağrısı ---------- */
.x-cta { padding-block: clamp(80px, 11vw, 160px); background: var(--copper); color: var(--ink); text-align: center; }
.x-cta h2 { max-width: 16ch; margin: 0 auto 22px; font-size: clamp(2.6rem, 6.6vw, 6.4rem); line-height: .94; color: var(--ink); }
.x-cta p { max-width: 54ch; margin: 0 auto 34px; font-size: 1.1rem; color: #2A1D14; }
.x-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* ---------- 22. Footer ---------- */
.ax-footer { position: relative; overflow: hidden; background: var(--ink); color: var(--muted-on-dark); }
.ax-footer .ax-container { position: relative; z-index: 1; }
.ax-footer__top { display: grid; gap: 44px; padding-block: clamp(64px, 8vw, 110px) 48px; }
@media (min-width: 992px) { .ax-footer__top { grid-template-columns: 1.1fr 1.5fr .9fr 1.2fr; } }
.ax-footer__brand img { display: block; height: 76px; width: auto; margin-bottom: 20px; }
.ax-footer__brand p { font-size: 1.5rem; font-weight: 600; font-stretch: var(--condensed); color: var(--text-on-dark); }
.ax-footer h4 { margin-bottom: 18px; font-size: .76rem; font-weight: 600; font-stretch: 100%; letter-spacing: .16em; text-transform: uppercase; color: var(--copper-on-dark); }
.ax-footer__links { display: grid; gap: 2px; }
@media (min-width: 640px) { .ax-footer__links--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; } }
.ax-footer__links a { display: inline-flex; align-items: center; min-height: 36px; color: var(--muted-on-dark); transition: color .2s; }
.ax-footer__links a:hover { color: var(--text-on-dark); }
.ax-footer__contact { display: grid; gap: 14px; }
.ax-footer__contact li { display: flex; gap: 12px; }
.ax-footer__contact i { width: 18px; margin-top: 5px; text-align: center; color: var(--copper-on-dark); }
.ax-footer__contact a:hover { color: var(--text-on-dark); }
.ax-social { display: flex; gap: 10px; margin-top: 22px; }
.ax-social a { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--ink-line); color: var(--text-on-dark); transition: background-color .25s, color .25s, border-color .25s; }
.ax-social a:hover { background: var(--copper); border-color: var(--copper); color: var(--ink); }
.ax-footer__bottom { display: grid; gap: 18px; align-items: center; padding-block: 26px; border-top: 1px solid var(--ink-line); font-size: .88rem; }
@media (min-width: 992px) { .ax-footer__bottom { grid-template-columns: 1fr auto 1fr; } .ax-footer__bottom > :last-child { text-align: right; } }
.ax-footer__bottom a { color: var(--text-on-dark); }
.ax-footer__bottom a:hover { color: var(--copper-on-dark); }
.ax-pay { display: grid; justify-items: center; gap: 8px; }
.ax-pay span { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-on-dark); }
.ax-pay img { max-height: 32px; width: auto; max-width: 220px; object-fit: contain; border-radius: 6px; background: #E6E6E6; }
.ax-footer__policy { display: flex; flex-wrap: wrap; gap: 8px 22px; }
@media (min-width: 992px) { .ax-footer__policy { justify-content: flex-end; } }
.ax-footer__word { display: block; max-width: 1440px; margin: 0 auto -.17em; padding-inline: var(--gutter); font-size: clamp(5rem, 23vw, 22rem); font-weight: 700; font-stretch: var(--condensed); line-height: .8; letter-spacing: -.02em; text-align: center; color: var(--ink-3); user-select: none; pointer-events: none; }

/* ---------- 23. Yapışkan çağrı (dock) ---------- */
.x-dock {
    position: fixed; left: 50%; bottom: 18px; z-index: 950; display: flex; align-items: center; gap: 6px; padding: 6px; border-radius: 999px;
    background: var(--ink); border: 1px solid var(--ink-line); transform: translate(-50%, 160%); transition: transform .6s var(--ease);
}
.x-dock.is-visible { transform: translate(-50%, 0); }
.x-dock .ax-btn { min-height: 46px; }
.x-dock .ax-btn { white-space: nowrap; }
@media (max-width: 575px) {
    .x-dock { left: 12px; right: 12px; bottom: 12px; padding: 4px; transform: translateY(160%); }
    .x-dock.is-visible { transform: none; }
    .x-dock .ax-btn { flex: 1; min-height: 44px; padding-inline: 12px; font-size: .9rem; }
    .x-dock .ax-btn__icon { display: none; }
}

/* ---------- 24. iyzico ödeme modalı ---------- */
.iyzico-modal-backdrop { position: fixed; inset: 0; z-index: 2100; display: none; align-items: center; justify-content: center; background: rgba(12, 18, 31, .82); }
.iyzico-modal-backdrop.show { display: flex; }
.iyzico-modal-dialog { width: 100%; max-width: 960px; margin: 0 12px; overflow: hidden; border-radius: var(--r); background: #fff; }
.iyzico-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: var(--ink); color: var(--bone); }
.iyzico-modal-header h5 { margin: 0; font-size: 1rem; font-weight: 600; font-stretch: 100%; color: var(--bone); }
.iyzico-modal-close { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--bone); font-size: 1.6rem; line-height: 1; cursor: pointer; }
.iyzico-modal-dialog-inner { position: relative; }
.iyzico-modal-body iframe { display: block; width: 100%; height: 640px; border: 0; background: #fff; }
.iyzico-modal-loading { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: center; background: #F5F7FB; color: var(--ink); font-weight: 500; }
@media (max-width: 991px) { .iyzico-modal-body iframe { height: 520px; } }

/* ---------- 25. Küçük ekran rötuşları ---------- */
@media (max-width: 575px) {
    .x-intro__cta .ax-btn { width: 100%; }
    .ax-btn { white-space: normal; text-align: center; }
    .x-screen { height: 400px; }
    .x-ui-tiles { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- 25b. Giriş X'i (x-intro içinde) ---------- */
.x-intro { position: relative; }
.x-intro__mark { position: absolute; inset: 0; z-index: 0; display: grid; place-items: center; overflow: hidden; pointer-events: none; }
.x-intro__inner { position: relative; z-index: 1; }
.x-intro__x { width: min(94%, 112vh); height: auto; fill: var(--copper); overflow: visible; opacity: .06; transform: scale(1.06); }
.x-intro__x path { stroke: var(--copper); stroke-width: .7; stroke-linejoin: round; }
/* 1) çizgi çizilir  2) içi dolar  3) soluk ize dönüşür */
.js .x-intro__x { animation: x-mark-recede 1.1s var(--ease-in-out) 1.9s both; }
.js .x-intro__x path { fill-opacity: 0; stroke-dasharray: 1; stroke-dashoffset: 1; animation: x-draw 1.15s var(--ease-in-out) .1s forwards, x-fill .55s ease 1.05s forwards; }
.js .x-intro__x .x-intro__x-bottom { animation-delay: .25s, 1.15s; }
.ax-hash .x-intro__x { animation: none; }
.ax-hash .x-intro__x path { animation: none; fill-opacity: 1; stroke-dasharray: none; }
@keyframes x-draw { to { stroke-dashoffset: 0; } }
@keyframes x-fill { to { fill-opacity: 1; } }
@keyframes x-mark-recede { from { opacity: 1; transform: scale(1); } to { opacity: .06; transform: scale(1.06); } }
/* X ekrandayken header, bölümler ve rozet gizli; içerikle birlikte süzülerek gelir */
.js:not(.is-loaded) body:has(.x-intro__x) .ax-header { opacity: 0; pointer-events: none; }
.js:not(.is-loaded) .x-story .x-chapters { visibility: hidden; }
.js:not(.is-loaded) .x-story.is-pinned .x-badge { opacity: 0; }
.x-story.is-pinned .x-badge { transition: transform .4s var(--ease), opacity .8s var(--ease); }

/* ---------- 26. Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .js .x-intro__x, .js .x-intro__x path { animation: none; }
    .js .x-intro__x path { fill-opacity: 1; stroke-dasharray: none; }
    .js [data-reveal], .js [data-load] { opacity: 1 !important; transform: none !important; transition: none !important; }
    .ax-w__i { transform: none !important; transition: none !important; }
    .js [data-curtain]::after { display: none; }
    .js [data-curtain] img { transform: none !important; }
    .x-card__in, .x-badge svg, .x-core::before, .ax-ill *, .x-ui-steps li.is-now > i { animation: none !important; }
    .js .x-statement .x-hw { color: var(--text-on-dark) !important; }
    .x-scard { position: relative; top: auto; transform: none !important; }
    .x-scard::after { display: none; }
}