/* ==========================================================================
   beylikduzuvinckiralama.com — tasarım sistemi
   1. Font ve değişkenler      5. Bölüm bileşenleri
   2. Sıfırlama ve temel       6. Form
   3. Yardımcı sınıflar        7. Alt bilgi ve sabitler
   4. Başlık / menü            8. Duyarlı düzen ve hareket tercihi
   ========================================================================== */

/* 1 ------------------------------------------------------------- fontlar */
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/archivo-latin.woff2') format('woff2');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
        U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/archivo-latin-ext.woff2') format('woff2');
    font-weight: 400 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
        U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
        U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --ink-900: #060a0e;
    --ink-850: #080d12;
    --ink-800: #0b1117;
    --ink-700: #111820;
    --ink-600: #19222c;
    --ink-500: #232e3a;

    --amber: #ffb800;
    --amber-2: #ffc400;
    --amber-3: #f5a900;

    --white: #fff;
    --grey-50: #f7f8f9;
    --grey-100: #eff1f2;
    --grey-200: #e2e5e7;
    --grey-300: #cfd4d8;
    --grey-400: #a9afb5;
    --grey-500: #78818a;   /* koyu zeminde ikincil metin */
    --muted: #5e6870;      /* açık zeminde ikincil metin (WCAG AA) */

    --line-dark: rgba(255, 255, 255, .1);
    --line-dark-2: rgba(255, 255, 255, .16);
    --line-light: rgba(11, 17, 23, .12);

    --shell: 1320px;
    --pad: clamp(20px, 5vw, 56px);
    --sp: clamp(72px, 8.5vw, 138px);
    --d: clamp(26px, 3.4vw, 76px);

    --ease: cubic-bezier(.22, .61, .36, 1);
    --t: .45s var(--ease);

    --header-h: 78px;
}

/* 2 ------------------------------------------------------- sıfırlama */
*, *::before, *::after { box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-h) + 16px);
}

body {
    margin: 0;
    background: var(--ink-850);
    color: var(--white);
    font-family: 'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

body.is-locked { overflow: hidden; }

img, picture, svg, video { display: block; max-width: 100%; }
img { height: auto; }

h1, h2, h3, h4 {
    margin: 0;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.025em;
}

p { margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }

a { color: inherit; text-decoration: none; }

ul, ol { margin: 0; padding: 0; list-style: none; }

button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

:focus-visible {
    outline: 3px solid var(--amber);
    outline-offset: 3px;
    border-radius: 1px;
}

::selection { background: var(--amber); color: var(--ink-900); }

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 999;
    padding: 14px 22px;
    background: var(--amber);
    color: var(--ink-900);
    font-weight: 700;
}
.skip-link:focus { left: 12px; top: 12px; }

/* 3 --------------------------------------------------------- yardımcı */
.shell {
    width: 100%;
    max-width: var(--shell);
    margin-inline: auto;
    padding-inline: var(--pad);
}

.ico { width: 22px; height: 22px; flex: none; }
.scard__icon .ico, .wcard__icon .ico, .ucard__icon .ico,
.atile__icon .ico, .infocard__icon .ico { width: 25px; height: 25px; }
.ico--sm { width: 18px; height: 18px; }
.ico--xs { width: 15px; height: 15px; }

em { font-style: normal; color: var(--amber); }

.eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--amber);
}
.eyebrow__rule {
    width: 34px;
    height: 2px;
    background: var(--amber);
    flex: none;
}
.eyebrow--dark { color: var(--ink-900); }
.eyebrow--dark .eyebrow__rule { background: var(--ink-900); }

.sec-head { max-width: 62ch; }
.sec-head--center { margin-inline: auto; text-align: center; }
.sec-head--center .eyebrow { justify-content: center; }
.sec-head__title {
    font-size: clamp(1.9rem, 3.6vw, 3.25rem);
    margin-bottom: .5em;
}
.sec-head__text {
    color: var(--grey-400);
    font-size: clamp(1rem, 1.15vw, 1.09rem);
    margin-bottom: 0;
}

.section-light .sec-head__text { color: var(--muted); }

/* düğmeler ------------------------------------------------------------ */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 26px;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color var(--t), color var(--t), border-color var(--t), transform var(--t), box-shadow var(--t);
}
.btn .ico { transition: transform var(--t); }
.btn:hover .ico, .btn:focus-visible .ico { transform: translateX(4px); }
.btn--sm { padding: 12px 20px; font-size: .76rem; }
.btn--block { display: flex; width: 100%; }

.btn--primary { background: var(--amber); color: var(--ink-900); }
.btn--primary:hover, .btn--primary:focus-visible {
    background: var(--amber-2);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -14px rgba(255, 184, 0, .75);
}

.btn--ghost { border-color: var(--line-dark-2); color: var(--white); }
.btn--ghost:hover, .btn--ghost:focus-visible { border-color: var(--amber); color: var(--amber); }

.btn--line { border-color: var(--line-light); color: var(--ink-900); }
.btn--line:hover, .btn--line:focus-visible { border-color: var(--ink-900); background: var(--ink-900); color: var(--white); }

.btn--dark { background: var(--ink-900); color: var(--white); }
.btn--dark:hover, .btn--dark:focus-visible { transform: translateY(-2px); box-shadow: 0 16px 30px -16px rgba(6, 10, 14, .9); }

.btn--outline-dark { border-color: rgba(6, 10, 14, .35); color: var(--ink-900); }
.btn--outline-dark:hover, .btn--outline-dark:focus-visible { border-color: var(--ink-900); background: rgba(6, 10, 14, .07); }

/* onay listeleri ------------------------------------------------------ */
.ticks { display: grid; gap: 12px; margin: 26px 0; }
.ticks li { display: flex; align-items: flex-start; gap: 12px; color: var(--grey-400); }
.ticks .ico { color: var(--amber); margin-top: 4px; }
/* açık zeminli bölümlerde onay listeleri koyu renkte okunur */
.services .ticks li, .areas .ticks li, .sintro .ticks li, .about .ticks li,
.contact .ticks li, .faq--light .ticks li, .legal .ticks li,
.related .ticks li, .section-light .ticks li { color: var(--ink-700); }
.ticks--light li { color: rgba(255, 255, 255, .82); }

/* açığa çıkma animasyonu --------------------------------------------- */
[data-reveal] {
    opacity: 0;
    transform: translate3d(0, 26px, 0);
    transition: opacity .75s var(--ease), transform .75s var(--ease);
    will-change: opacity, transform;
}
[data-reveal].is-in { opacity: 1; transform: none; will-change: auto; }
.no-js [data-reveal] { opacity: 1; transform: none; }

.services__grid [data-reveal]:nth-child(3n+2),
.areas__grid [data-reveal]:nth-child(3n+2),
.why__grid [data-reveal]:nth-child(3n+2),
.uses__grid [data-reveal]:nth-child(3n+2) { transition-delay: .09s; }
.services__grid [data-reveal]:nth-child(3n+3),
.areas__grid [data-reveal]:nth-child(3n+3),
.why__grid [data-reveal]:nth-child(3n+3),
.uses__grid [data-reveal]:nth-child(3n+3) { transition-delay: .18s; }
.steps__item:nth-child(2) { transition-delay: .08s; }
.steps__item:nth-child(3) { transition-delay: .16s; }
.steps__item:nth-child(4) { transition-delay: .24s; }

/* çapraz bölüm geçişleri --------------------------------------------- */
.diag-l {
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    padding-top: calc(var(--sp) + var(--d));
}
.diag-r {
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    padding-top: calc(var(--sp) + var(--d));
}

/* 4 --------------------------------------------------------- başlık */
.site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 90;
    transition: background-color var(--t), box-shadow var(--t), transform var(--t);
}
.site-header::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: var(--line-dark);
    opacity: 0;
    transition: opacity var(--t);
}
.site-header.is-stuck {
    background: rgba(8, 13, 18, .96);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 40px -30px rgba(0, 0, 0, .9);
}
.site-header.is-stuck::after { opacity: 1; }
.site-header.is-hidden { transform: translateY(-102%); }

.topbar {
    border-bottom: 1px solid var(--line-dark);
    font-size: .82rem;
    color: var(--grey-400);
    transition: max-height var(--t), opacity var(--t);
    max-height: 46px;
    overflow: hidden;
}
.site-header.is-stuck .topbar { max-height: 0; opacity: 0; border-color: transparent; }
.topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 45px;
}
.topbar__place { display: flex; align-items: center; gap: 8px; margin: 0; }
.topbar__place .ico { color: var(--amber); }
.topbar__links { display: flex; align-items: center; gap: 26px; }
.topbar__links a { display: flex; align-items: center; gap: 8px; transition: color var(--t); }
.topbar__links a:hover { color: var(--amber); }
.topbar__links .ico { color: var(--amber); }

.navbar__inner {
    display: flex;
    align-items: center;
    gap: clamp(16px, 2vw, 34px);
    height: var(--header-h);
}
.brand { flex: none; }
.brand img { width: 226px; height: auto; }

.nav { margin-left: auto; }
.nav__list { display: flex; align-items: center; gap: clamp(8px, 1.4vw, 22px); }
.nav__item { position: relative; }
.nav__link {
    display: block;
    padding: 10px 4px;
    white-space: nowrap;
    font-size: .88rem;
    font-weight: 600;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .84);
    transition: color var(--t);
}
.nav__link span { position: relative; display: block; }
.nav__link span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: var(--amber);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--t);
}
.nav__link:hover, .nav__link:focus-visible, .nav__link.is-active { color: var(--white); }
.nav__link:hover span::after,
.nav__link:focus-visible span::after,
.nav__link.is-active span::after { transform: scaleX(1); }

.subnav {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    translate: -50% 0;
    min-width: 268px;
    padding: 10px;
    background: var(--ink-800);
    border: 1px solid var(--line-dark);
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .95);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity var(--t), transform var(--t), visibility var(--t);
}
.subnav::before {
    content: '';
    position: absolute;
    inset: -12px 0 auto;
    height: 12px;
}
.nav__item--has-sub:hover .subnav,
.nav__item--has-sub:focus-within .subnav {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.subnav__list a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 12px;
    font-size: .87rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .8);
    border-left: 2px solid transparent;
    transition: background-color var(--t), color var(--t), border-color var(--t);
}
.subnav__list .ico { color: var(--amber); opacity: 0; transition: opacity var(--t), transform var(--t); transform: translateX(-4px); }
.subnav__list a:hover, .subnav__list a:focus-visible {
    background: rgba(255, 255, 255, .04);
    border-left-color: var(--amber);
    color: var(--white);
}
.subnav__list a:hover .ico, .subnav__list a:focus-visible .ico { opacity: 1; transform: none; }

.navbar__actions { display: flex; align-items: center; gap: 14px; }
.callbtn { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.callbtn .ico { color: var(--amber); }
.callbtn__text { display: grid; line-height: 1.25; }
.callbtn__text small { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; color: var(--grey-400); }
.callbtn__text strong { font-size: .95rem; font-weight: 800; letter-spacing: .01em; }
.callbtn:hover .callbtn__text strong { color: var(--amber); }

.burger {
    display: none;
    width: 46px;
    height: 46px;
    border: 1px solid var(--line-dark-2);
    padding: 0 12px;
}
.burger span {
    display: block;
    height: 2px;
    background: var(--white);
    margin: 4px 0;
    transition: transform var(--t), opacity var(--t);
}
.burger span:nth-child(1) { width: 20px; }
.burger span:nth-child(3) { width: 14px; margin-left: auto; }

/* mobil menü ---------------------------------------------------------- */
.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 200;
    display: flex;
    flex-direction: column;
    background: var(--ink-850);
    padding: 22px var(--pad) calc(22px + env(safe-area-inset-bottom));
    overflow-y: auto;
    opacity: 0;
    transform: translateX(6%);
    transition: opacity .35s var(--ease), transform .35s var(--ease);
}
.mobile-menu[hidden] { display: none; }
.mobile-menu.is-open { opacity: 1; transform: none; }
.mobile-menu__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.mobile-menu__head img { width: 190px; height: auto; }
.mobile-menu__close { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--line-dark-2); }
.mobile-menu__nav { margin: 30px 0 auto; }
.mobile-menu__nav > ul > li { border-top: 1px solid var(--line-dark); }
.mobile-menu__nav > ul > li:last-child { border-bottom: 1px solid var(--line-dark); }
.mobile-menu__nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 2px;
    font-size: 1.32rem;
    font-weight: 800;
    letter-spacing: -.02em;
}
.mobile-menu__nav > ul > li > a .ico { color: var(--amber); }
.mobile-menu__nav > ul > li > a[aria-current] { color: var(--amber); }
.mobile-menu__sub { padding: 0 0 16px 2px; display: grid; gap: 9px; }
.mobile-menu__sub a { color: var(--grey-400); font-size: .95rem; }
.mobile-menu__sub a::before { content: '— '; color: var(--amber); }
.mobile-menu__foot { padding-top: 26px; display: grid; gap: 18px; }
.mobile-menu__contact { display: grid; gap: 11px; }
.mobile-menu__contact a { display: flex; align-items: center; gap: 10px; color: var(--grey-400); font-size: .95rem; }
.mobile-menu__contact .ico { color: var(--amber); }

/* 5 ------------------------------------------------------------ hero */
.hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: min(94svh, 900px);
    padding: calc(var(--header-h) + 90px) 0 90px;
    background: var(--ink-850);
    overflow: hidden;
    isolation: isolate;
}
.hero {
    --media-left: 43%;
    --clip-t: 21%;
    --clip-b: 6%;
    --wedge: polygon(52.6% 0, 55% 0, 46.4% 100%, 44% 100%);
}
.hero__media {
    position: absolute;
    inset: 0 0 0 var(--media-left);
    z-index: -2;
    clip-path: polygon(var(--clip-t) 0, 100% 0, 100% 100%, var(--clip-b) 100%);
}
.hero__media picture, .hero__media img { width: 100%; height: 100%; object-fit: cover; }
.hero__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(97deg, var(--ink-850) 6%, rgba(8, 13, 18, .72) 26%, rgba(8, 13, 18, .18) 62%, rgba(8, 13, 18, .5) 100%);
}
.hero::after {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 190px;
    z-index: -1;   /* sarı bandın da üstünde: menü yazıları her zaman okunur kalır */
    background: linear-gradient(180deg, rgba(6, 10, 14, .94) 0%, rgba(6, 10, 14, .62) 52%, transparent 100%);
    pointer-events: none;
}
.hero__wedge {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--amber);
    clip-path: var(--wedge);
    pointer-events: none;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(180deg, var(--ink-900), var(--ink-850) 45%, var(--ink-800));
}
.hero__text { max-width: min(600px, 44vw); }
.hero h1 {
    font-size: clamp(2.6rem, 5.4vw, 4.8rem);
    line-height: .96;
    letter-spacing: -.035em;
    margin-bottom: .42em;
}
.hero__lead {
    max-width: 34ch;
    font-size: clamp(1.02rem, 1.35vw, 1.22rem);
    color: rgba(255, 255, 255, .78);
    margin-bottom: 34px;
}
.hero__actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
    margin-top: 42px;
    padding-top: 26px;
    border-top: 1px solid var(--line-dark);
}
.hero__trust li { display: flex; align-items: center; gap: 10px; font-size: .92rem; font-weight: 600; color: rgba(255, 255, 255, .8); }
.hero__trust .ico { color: var(--amber); }

.hero__scroll {
    position: absolute;
    left: 50%;
    bottom: 26px;
    translate: -50% 0;
    width: 26px;
    height: 44px;
    border: 2px solid var(--line-dark-2);
    border-radius: 14px;
    display: grid;
    justify-items: center;
    padding-top: 8px;
}
.hero__scroll span {
    width: 3px;
    height: 8px;
    background: var(--amber);
    border-radius: 2px;
    animation: scrollDot 1.9s var(--ease) infinite;
}
@keyframes scrollDot {
    0% { transform: translateY(0); opacity: 0; }
    30% { opacity: 1; }
    100% { transform: translateY(16px); opacity: 0; }
}

@media (max-width: 1500px) {
    .hero { --media-left: 44%; --clip-t: 17%; --clip-b: 2%;
        --wedge: polygon(51.1% 0, 53.5% 0, 45.1% 100%, 42.7% 100%); }
}
@media (max-width: 1200px) {
    .hero { --media-left: 48%; --clip-t: 14%; --clip-b: 0%;
        --wedge: polygon(52.9% 0, 55.3% 0, 48% 100%, 45.6% 100%); }
}

/* iletişim şeridi ----------------------------------------------------- */
.strip { background: var(--ink-700); border-block: 1px solid var(--line-dark); }
.strip__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.strip__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 26px clamp(14px, 1.6vw, 26px);
    border-left: 1px solid var(--line-dark);
    transition: background-color var(--t);
}
.strip__item:first-child { border-left: 0; }
.strip__item:hover { background: rgba(255, 255, 255, .03); }
.strip__item .ico { color: var(--amber); }
.strip__item span { display: grid; line-height: 1.35; min-width: 0; }
.strip__item small { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--grey-500); }
.strip__item strong { font-size: .98rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; }
.strip__item--wa strong { color: var(--amber); }

/* kurumsal tanıtım ---------------------------------------------------- */
.intro { padding: var(--sp) 0; background: var(--ink-850); position: relative; }
.intro__grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1fr);
    gap: clamp(34px, 5vw, 84px);
    align-items: center;
}
.intro__media { position: relative; }
.intro__frame { position: relative; overflow: hidden; }
.intro__frame::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid var(--line-dark-2);
    pointer-events: none;
}
.intro__frame img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.intro__media::before {
    content: '';
    position: absolute;
    left: -18px;
    top: -18px;
    width: 46%;
    height: 46%;
    border-left: 3px solid var(--amber);
    border-top: 3px solid var(--amber);
    pointer-events: none;
}
.intro__badge {
    position: absolute;
    right: -14px;
    bottom: 32px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 24px;
    background: var(--amber);
    color: var(--ink-900);
    max-width: 82%;
}
.intro__badge .ico { width: 30px; height: 30px; }
.intro__badge p { margin: 0; display: grid; line-height: 1.3; }
.intro__badge strong { font-size: 1.02rem; font-weight: 800; }
.intro__badge span { font-size: .82rem; font-weight: 600; }
.intro__body p { color: var(--grey-400); }
.intro__actions { display: flex; flex-wrap: wrap; gap: 14px; }
.intro__actions .btn--line { border-color: var(--line-dark-2); color: var(--white); }
.intro__actions .btn--line:hover { background: var(--white); border-color: var(--white); color: var(--ink-900); }

/* rakamlarla firma ----------------------------------------------------- */
.stats {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: clamp(40px, 5vw, 74px);
    border-top: 1px solid var(--line-dark);
}
.stats__item {
    display: flex;
    gap: 16px;
    padding: clamp(24px, 2.6vw, 34px) clamp(14px, 2vw, 30px);
    border-left: 1px solid var(--line-dark);
}
.stats__item:first-child { border-left: 0; padding-left: 0; }
.stats__item > .ico { color: var(--amber); margin-top: 6px; }
.stats__num {
    display: block;
    font-size: clamp(1.9rem, 3.2vw, 2.9rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.045em;
    color: var(--amber);
}
.stats__num--text { font-size: clamp(1.6rem, 2.4vw, 2.2rem); }
.stats__label { margin: 10px 0 0; font-size: .92rem; color: var(--grey-400); }

/* hizmet kartları ----------------------------------------------------- */
.services {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    padding-bottom: var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    padding-top: calc(var(--sp) + var(--d));
}
.services .sec-head__title, .services h3 { color: var(--ink-900); }
.services .sec-head__text { color: var(--muted); }
.services__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: clamp(34px, 4vw, 60px);
}
.services__all { flex: none; }
.services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 28px);
}
.scard { background: var(--white); border: 1px solid var(--line-light); transition: transform var(--t), box-shadow var(--t), border-color var(--t); }
.scard:hover { transform: translateY(-6px); border-color: rgba(255, 184, 0, .55); box-shadow: 0 30px 60px -34px rgba(11, 17, 23, .55); }
.scard__link { display: block; height: 100%; }
.scard__media { position: relative; overflow: hidden; }
.scard__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .8s var(--ease); }
.scard:hover .scard__media img { transform: scale(1.06); }
.scard__no {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 14px;
    background: var(--amber);
    color: var(--ink-900);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
}
.scard__body { padding: clamp(22px, 2.2vw, 30px); position: relative; }
.scard__icon {
    position: absolute;
    right: 24px;
    top: -28px;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    background: var(--ink-900);
    color: var(--amber);
    transition: background-color var(--t);
}
.scard:hover .scard__icon { background: var(--amber); color: var(--ink-900); }
.scard__title { font-size: clamp(1.14rem, 1.4vw, 1.34rem); margin-bottom: 12px; }
.scard__text { color: var(--muted); font-size: .95rem; margin-bottom: 18px; }
.scard__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-900);
    border-bottom: 2px solid var(--amber);
    padding-bottom: 4px;
}
.scard__more .ico { transition: transform var(--t); }
.scard:hover .scard__more .ico { transform: translateX(5px); }

/* neden biz ----------------------------------------------------------- */
.why {
    position: relative;
    background: var(--ink-850);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    overflow: hidden;
}
.why__grid-lines {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, var(--line-dark) 1px, transparent 1px),
        linear-gradient(180deg, var(--line-dark) 1px, transparent 1px);
    background-size: clamp(90px, 9vw, 160px) clamp(90px, 9vw, 160px);
    opacity: .5;
    mask-image: radial-gradient(120% 90% at 50% 0%, #000 0%, transparent 78%);
    pointer-events: none;
}
.why .sec-head { margin-bottom: clamp(34px, 4vw, 62px); }
.why__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.8vw, 26px);
}
.wcard {
    position: relative;
    padding: clamp(26px, 2.6vw, 38px);
    background: rgba(255, 255, 255, .028);
    border: 1px solid var(--line-dark);
    overflow: hidden;
    transition: border-color var(--t), background-color var(--t), transform var(--t);
}
.wcard::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    background: var(--amber);
    transition: height .5s var(--ease);
}
.wcard:hover { border-color: var(--line-dark-2); background: rgba(255, 255, 255, .05); transform: translateY(-4px); }
.wcard:hover::before { height: 100%; }
.wcard__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border: 1px solid var(--line-dark-2);
    color: var(--amber);
}
.wcard h3 { font-size: 1.16rem; margin-bottom: 10px; }
.wcard p { color: var(--grey-400); font-size: .95rem; margin: 0; }
.wcard__no {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--amber);
    letter-spacing: -.04em;
}

/* geniş görsel bandı --------------------------------------------------- */
.band, .safety {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(420px, 52vw, 620px);
    background: var(--ink-900);
    overflow: hidden;
    padding: var(--sp) 0;
}
.band__media { position: absolute; inset: 0 0 0 auto; width: min(56%, 900px); }
.band__media img { width: 100%; height: 100%; object-fit: cover; }
.band__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--ink-900) 0%, rgba(6, 10, 14, .78) 32%, rgba(6, 10, 14, .12) 100%);
}
.band__media--right { left: auto; right: 0; }
.band__text, .safety__text { position: relative; max-width: 46ch; }
.band h2, .safety h2 {
    font-size: clamp(2rem, 4.4vw, 3.6rem);
    line-height: 1;
    margin-bottom: .5em;
}
.band p, .safety p { color: rgba(255, 255, 255, .78); margin-bottom: 30px; }
.band::before, .safety::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--amber);
}

/* çalışma alanları ----------------------------------------------------- */
.areas {
    position: relative;
    background: var(--white);
    color: var(--ink-800);
    padding-bottom: var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    padding-top: calc(var(--sp) + var(--d));
}
.areas .sec-head__title { color: var(--ink-900); }
.areas .sec-head__text { color: var(--muted); }
.areas .sec-head { margin-bottom: clamp(34px, 4vw, 58px); }
.areas__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.6vw, 22px);
}
.atile {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 210px;
    padding: clamp(22px, 2.2vw, 30px);
    background: var(--grey-100);
    border: 1px solid var(--line-light);
    overflow: hidden;
    transition: background-color var(--t), border-color var(--t), transform var(--t);
}
.atile:hover { transform: translateY(-4px); border-color: rgba(255, 184, 0, .6); }
.atile__icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: auto;
    background: var(--ink-900);
    color: var(--amber);
    transition: background-color var(--t), color var(--t);
}
.atile:hover .atile__icon { background: var(--amber); color: var(--ink-900); }
.atile h3 { font-size: 1.08rem; margin: 18px 0 8px; color: var(--ink-900); }
.atile p { font-size: .9rem; color: var(--muted); margin: 0; }
.atile--photo { border: 0; min-height: 280px; color: var(--white); }
.atile--photo picture { position: absolute; inset: 0; }
.atile--photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--ease); }
.atile--photo::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 10, 14, .1) 18%, rgba(6, 10, 14, .72) 62%, rgba(6, 10, 14, .95) 100%);
}
.atile--photo:hover img { transform: scale(1.07); }
.atile__body { position: relative; z-index: 1; }
.atile--photo h3 { color: var(--white); margin-top: 0; }
.atile--photo p { color: rgba(255, 255, 255, .8); }

/* satır sonunda kalan tek döşeme tüm genişliği kullanır */
.areas__grid > .atile:last-child:nth-child(3n + 1) {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    gap: clamp(18px, 2.4vw, 34px);
    min-height: 0;
    justify-content: flex-start;
}
.areas__grid > .atile:last-child:nth-child(3n + 1) .atile__icon { margin-bottom: 0; }
.areas__grid > .atile:last-child:nth-child(3n + 1) .atile__body { max-width: 62ch; }
.areas__grid > .atile:last-child:nth-child(3n + 1) h3 { margin-top: 0; }

/* süreç ---------------------------------------------------------------- */
.process {
    position: relative;
    background: var(--ink-850);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.process .sec-head { margin-bottom: clamp(40px, 4.6vw, 70px); }
.steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(20px, 2.2vw, 34px);
}
.steps__item { position: relative; padding-top: 34px; border-top: 1px solid var(--line-dark); }
.steps__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 0;
    height: 3px;
    background: var(--amber);
    transition: width .9s var(--ease) .1s;
}
.steps__item.is-in::before { width: 56px; }
.steps__no {
    display: block;
    font-size: clamp(2.4rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.05em;
    color: var(--amber);
    margin-bottom: 16px;
}
.steps__title { font-size: 1.16rem; margin-bottom: 10px; }
.steps__text { color: var(--grey-400); font-size: .95rem; margin: 0; }

/* SSS ------------------------------------------------------------------ */
.faq { padding: var(--sp) 0; }
.faq--light {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    padding-top: calc(var(--sp) + var(--d));
}
.faq--light .sec-head__title { color: var(--ink-900); }
.faq__inner {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
    gap: clamp(32px, 4.5vw, 76px);
    align-items: start;
}
.faq__note { color: var(--muted); margin: -6px 0 22px; }
.faq__list { display: grid; gap: 12px; }
.faq__item {
    background: var(--white);
    border: 1px solid var(--line-light);
    transition: border-color var(--t), box-shadow var(--t);
}
.faq__item[open] { border-color: rgba(255, 184, 0, .7); box-shadow: 0 24px 50px -34px rgba(11, 17, 23, .5); }
.faq__item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px clamp(18px, 2vw, 28px);
    cursor: pointer;
    list-style: none;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item h3 { font-size: clamp(1rem, 1.15vw, 1.09rem); font-weight: 700; letter-spacing: -.01em; color: var(--ink-900); }
.faq__sign { position: relative; width: 18px; height: 18px; flex: none; }
.faq__sign::before, .faq__sign::after {
    content: '';
    position: absolute;
    inset: 50% 0 auto;
    height: 2px;
    background: var(--amber);
    translate: 0 -50%;
    transition: transform var(--t);
}
.faq__sign::after { transform: rotate(90deg); }
.faq__item[open] .faq__sign::after { transform: rotate(0); }
.faq__answer { padding: 0 clamp(18px, 2vw, 28px) 22px; }
.faq__answer p { color: var(--muted); font-size: .96rem; margin: 0; }
.faq__item[open] .faq__answer { animation: faqIn .4s var(--ease); }
@keyframes faqIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* bölgesel hizmet ------------------------------------------------------ */
.region {
    position: relative;
    background: var(--ink-850);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.region__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .62fr);
    gap: clamp(30px, 4vw, 68px);
    align-items: start;
}
.region__text p { color: var(--grey-400); }
.region__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin-top: 30px;
}
.region__list li {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 4px 10px;
    padding: 14px 16px;
    border: 1px solid var(--line-dark);
    background: rgba(255, 255, 255, .02);
}
.region__list .ico { color: var(--grey-500); grid-row: span 2; }
.region__list span { font-weight: 700; font-size: .95rem; }
.region__list small { font-size: .74rem; color: var(--grey-500); letter-spacing: .04em; }
.region__list li:first-child { grid-column: 1 / -1; }
.region__list .is-primary, .region__list li.is-primary { border-color: rgba(255, 184, 0, .5); }
.region__list .is-primary .ico { color: var(--amber); }
.region__card {
    padding: clamp(26px, 2.8vw, 40px);
    background: var(--ink-700);
    border: 1px solid var(--line-dark);
    position: relative;
}
.region__card::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-top: 26px solid var(--amber);
    border-left: 26px solid transparent;
}
.region__card h3 { font-size: 1.3rem; margin-bottom: 10px; }
.region__card > p { color: var(--grey-400); font-size: .95rem; }
.region__card .btn { margin-top: 8px; }
.region__card .btn--line { border-color: var(--line-dark-2); color: var(--white); }
.region__card .btn--line:hover { background: var(--white); color: var(--ink-900); }

/* CTA ------------------------------------------------------------------ */
.cta {
    position: relative;
    background: var(--amber);
    color: var(--ink-900);
    padding: calc(var(--sp) * .78 + var(--d)) 0 calc(var(--sp) * .78);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    overflow: hidden;
}
.cta__grid {
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(135deg, rgba(6, 10, 14, .07) 0 2px, transparent 2px 16px);
    pointer-events: none;
}
.cta__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(28px, 4vw, 64px);
    align-items: center;
}
.cta h2 { font-size: clamp(1.85rem, 3.6vw, 3.05rem); margin-bottom: .4em; max-width: 18ch; }
.cta p { color: rgba(6, 10, 14, .75); max-width: 52ch; margin: 0; }
.cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* iç sayfa hero -------------------------------------------------------- */
.phero {
    position: relative;
    padding: calc(var(--header-h) + clamp(70px, 8vw, 120px)) 0 clamp(60px, 7vw, 110px);
    background: var(--ink-850);
    overflow: hidden;
}
.phero__bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(90% 120% at 12% 0%, rgba(255, 184, 0, .12), transparent 55%),
        linear-gradient(180deg, var(--ink-900), var(--ink-850));
}
.phero__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(90deg, var(--line-dark) 1px, transparent 1px),
        linear-gradient(180deg, var(--line-dark) 1px, transparent 1px);
    background-size: clamp(90px, 9vw, 150px) clamp(90px, 9vw, 150px);
    mask-image: radial-gradient(100% 80% at 20% 10%, #000, transparent 70%);
    opacity: .55;
}
.phero__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .78fr);
    gap: clamp(30px, 4vw, 66px);
    align-items: center;
}
.phero--plain .phero__inner { grid-template-columns: minmax(0, 1fr); max-width: 900px; }
.phero__title { font-size: clamp(2.1rem, 4.4vw, 3.7rem); margin: 6px 0 .5em; }
.phero__lead { font-size: clamp(1rem, 1.3vw, 1.16rem); color: rgba(255, 255, 255, .78); max-width: 52ch; }
.phero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.phero__media { position: relative; }
.phero__frame { position: relative; overflow: hidden; }
.phero__frame img { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; }
.phero__frame::after { content: ''; position: absolute; inset: 0; border: 1px solid var(--line-dark-2); }
.phero__chip {
    position: absolute;
    left: -16px;
    bottom: -16px;
    width: 96px;
    height: 96px;
    background: var(--amber);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}

/* breadcrumb ----------------------------------------------------------- */
.crumbs { margin-bottom: 22px; font-size: .82rem; }
.crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.crumbs li { display: flex; align-items: center; gap: 8px; }
.crumbs a { color: var(--grey-400); transition: color var(--t); }
.crumbs a:hover { color: var(--amber); }
.crumbs span[aria-current] { color: var(--amber); font-weight: 600; }
.crumbs__sep { color: var(--grey-500); }

/* bölge sayfası -------------------------------------------------------- */
.sublist__title {
    margin: 34px 0 6px;
    font-size: 1.1rem;
    color: var(--ink-900);
}
.chips { display: flex; flex-wrap: wrap; gap: 9px; margin: 6px 0 14px; }
.chips li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    background: var(--white);
    border: 1px solid var(--line-light);
    font-size: .88rem;
    font-weight: 600;
    color: var(--ink-700);
}
.chips .ico { color: var(--amber); }
.chips__note { font-size: .88rem; color: var(--muted); }

.uses .ucard h3 a { border-bottom: 2px solid rgba(255, 184, 0, .45); transition: border-color var(--t), color var(--t); }
.uses .ucard h3 a:hover { color: var(--amber); border-color: var(--amber); }

.region--links { padding-bottom: var(--sp); }
.region__links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    gap: 12px;
    margin-top: 34px;
}
.region__links a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    border: 1px solid var(--line-dark);
    background: rgba(255, 255, 255, .025);
    font-weight: 700;
    font-size: .96rem;
    transition: border-color var(--t), background-color var(--t), transform var(--t);
}
.region__links a:hover { border-color: rgba(255, 184, 0, .55); background: rgba(255, 255, 255, .05); transform: translateY(-3px); }
.region__links .ico { color: var(--amber); }
.region__list span a { border-bottom: 1px solid rgba(255, 184, 0, .4); }
.region__list span a:hover { color: var(--amber); }

/* hizmet detay --------------------------------------------------------- */
.sintro {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.sintro .sec-head__title, .sintro .hlcard h3 { color: var(--ink-900); }
.sintro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .48fr);
    gap: clamp(30px, 4vw, 70px);
    align-items: start;
}
.sintro__body p { color: var(--muted); }
.sintro__highlights {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px;
    margin-top: 36px;
}
.hlcard { padding: 24px; background: var(--white); border: 1px solid var(--line-light); border-top: 3px solid var(--amber); }
.hlcard span { display: block; color: var(--ink-900); margin-bottom: 14px; }
.hlcard h3 { font-size: 1.02rem; margin-bottom: 8px; }
.hlcard p { font-size: .9rem; color: var(--muted); margin: 0; }

.checklist { padding: clamp(26px, 2.8vw, 38px); background: var(--ink-850); color: var(--white); position: relative; }
.checklist::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-top: 30px solid var(--amber);
    border-left: 30px solid transparent;
}
.checklist__title { color: var(--white); font-size: 1.2rem; margin-bottom: 20px; padding-right: 30px; }
.checklist ul { display: grid; gap: 14px; margin-bottom: 26px; }
.checklist li { display: flex; align-items: flex-start; gap: 12px; font-size: .94rem; color: rgba(255, 255, 255, .82); }
.checklist .ico { color: var(--amber); margin-top: 4px; }

.uses {
    position: relative;
    background: var(--ink-850);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.uses .sec-head { margin-bottom: clamp(34px, 4vw, 56px); }
.uses__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.8vw, 24px); }
.ucard {
    padding: clamp(24px, 2.4vw, 32px);
    border: 1px solid var(--line-dark);
    background: rgba(255, 255, 255, .025);
    transition: border-color var(--t), transform var(--t), background-color var(--t);
}
.ucard:hover { border-color: rgba(255, 184, 0, .5); transform: translateY(-4px); background: rgba(255, 255, 255, .045); }
.ucard__icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 20px; background: rgba(255, 184, 0, .14); border: 1px solid rgba(255, 184, 0, .28); color: var(--amber); }
.ucard h3 { font-size: 1.08rem; margin-bottom: 9px; }
.ucard p { font-size: .93rem; color: var(--grey-400); margin: 0; }

.swhy {
    position: relative;
    background: var(--ink-900);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
    overflow: hidden;
}
.swhy__grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .86fr);
    gap: clamp(30px, 4vw, 70px);
    align-items: center;
}
.swhy__text p { color: var(--grey-400); }
.swhy__points { display: grid; gap: 14px; }
.swhy__points li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, .03);
    border-left: 3px solid var(--amber);
    font-size: .96rem;
    color: rgba(255, 255, 255, .85);
}
.swhy__points .ico { color: var(--amber); margin-top: 3px; }

.related {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    padding: calc(var(--sp) * .85 + var(--d)) 0 calc(var(--sp) * .85);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.related .sec-head { margin-bottom: 40px; }
.related .sec-head__title { color: var(--ink-900); }
.related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); }

/* karşılaştırma / prensipler ------------------------------------------- */
.compare, .principles {
    position: relative;
    background: var(--ink-850);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.compare .sec-head, .principles .sec-head { margin-bottom: clamp(34px, 4vw, 56px); }
.compare__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); }
.principles__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 1.8vw, 26px); }
.ccard, .pcard {
    position: relative;
    padding: clamp(26px, 2.6vw, 36px);
    border: 1px solid var(--line-dark);
    background: rgba(255, 255, 255, .025);
    transition: border-color var(--t), transform var(--t);
}
.ccard:hover, .pcard:hover { border-color: rgba(255, 184, 0, .5); transform: translateY(-4px); }
.ccard__no, .pcard__no {
    display: block;
    font-size: 2.6rem;
    font-weight: 800;
    line-height: 1;
    color: var(--amber);
    margin-bottom: 16px;
    letter-spacing: -.05em;
}
.ccard h3, .pcard h3 { font-size: 1.14rem; margin-bottom: 10px; }
.ccard p, .pcard p { color: var(--grey-400); font-size: .94rem; margin: 0; }

/* araç filosu ---------------------------------------------------------- */
.fleet {
    position: relative;
    background: var(--ink-900);
    padding: calc(var(--sp) * .8 + var(--d)) 0 calc(var(--sp) * .8);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.fleet__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
    margin-top: 36px;
}
.fleet__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    border: 1px solid var(--line-dark);
    background: rgba(255, 255, 255, .025);
    font-weight: 700;
    font-size: .96rem;
    transition: border-color var(--t), transform var(--t);
}
.fleet__list li:hover { border-color: rgba(255, 184, 0, .5); transform: translateY(-3px); }
.fleet__list .ico { color: var(--amber); }

/* hakkımızda ----------------------------------------------------------- */
.about {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.about .sec-head__title { color: var(--ink-900); }
.about__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .5fr); gap: clamp(30px, 4vw, 70px); align-items: start; }
.about__text p { color: var(--muted); }
.about__aside { padding: clamp(26px, 2.8vw, 38px); background: var(--ink-850); color: var(--white); }
.about__aside-title { font-size: 1.16rem; margin-bottom: 20px; }
.deflist { display: grid; gap: 14px; margin: 0 0 26px; }
.deflist > div { display: grid; gap: 3px; padding-bottom: 14px; border-bottom: 1px solid var(--line-dark); }
.deflist dt { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--grey-500); }
.deflist dd { margin: 0; font-weight: 600; font-size: .96rem; }
.deflist a:hover { color: var(--amber); }

/* iletişim -------------------------------------------------------------- */
.contact {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.contact .sec-head__title { color: var(--ink-900); }
.contact__grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1fr); gap: clamp(32px, 4vw, 70px); align-items: start; }
.infocards { display: grid; gap: 14px; margin: 34px 0; }
.infocard {
    display: flex;
    gap: 18px;
    padding: 22px 24px;
    background: var(--white);
    border: 1px solid var(--line-light);
    transition: border-color var(--t), transform var(--t);
}
.infocard:hover { border-color: rgba(255, 184, 0, .6); transform: translateX(4px); }
.infocard__icon { display: grid; place-items: center; width: 48px; height: 48px; flex: none; background: var(--ink-900); color: var(--amber); }
.infocard h3 { font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin-bottom: 6px; }
.infocard a { font-size: 1.02rem; font-weight: 700; color: var(--ink-900); }
.infocard a:hover { color: var(--amber-3); }
.infocard--accent { background: var(--ink-850); border-color: var(--ink-850); }
.infocard--accent .infocard__icon { background: var(--amber); color: var(--ink-900); }
.infocard--accent h3 { color: var(--grey-400); }
.infocard--accent a { color: var(--white); }
.infocard--accent a:hover { color: var(--amber); }
.contact__quick { display: flex; flex-wrap: wrap; gap: 12px; }

.mapsec {
    position: relative;
    background: var(--ink-850);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 0, 100% var(--d), 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.mapsec .sec-head { margin-bottom: 34px; }
.mapbox {
    position: relative;
    aspect-ratio: 16 / 7;
    min-height: 300px;
    border: 1px solid var(--line-dark);
    background:
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .022) 0 2px, transparent 2px 18px),
        var(--ink-700);
    overflow: hidden;
}
.mapbox iframe { width: 100%; height: 100%; border: 0; display: block; }
.mapbox__load {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 14px;
    text-align: center;
    padding: 30px;
    transition: background-color var(--t);
}
.mapbox__load:hover { background: rgba(255, 255, 255, .03); }
.mapbox__load .ico { width: 34px; height: 34px; color: var(--amber); }
.mapbox__load span { display: grid; gap: 6px; max-width: 44ch; }
.mapbox__load strong { font-size: 1.05rem; font-weight: 800; }
.mapbox__load small { color: var(--grey-500); font-size: .85rem; line-height: 1.6; }
.mapsec__link { margin-top: 18px; }
.mapsec__link a { color: var(--amber); font-weight: 600; border-bottom: 1px solid rgba(255, 184, 0, .4); }

/* yasal metinler -------------------------------------------------------- */
.legal {
    position: relative;
    background: var(--grey-100);
    color: var(--ink-800);
    padding: calc(var(--sp) + var(--d)) 0 var(--sp);
    clip-path: polygon(0 var(--d), 100% 0, 100% 100%, 0 100%);
    margin-top: calc(var(--d) * -1);
}
.legal__grid { display: grid; grid-template-columns: 264px minmax(0, 1fr); gap: clamp(30px, 4vw, 64px); align-items: start; }
.legal__nav { position: sticky; top: calc(var(--header-h) + 24px); padding: 26px; background: var(--white); border: 1px solid var(--line-light); }
.legal__nav h2 { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }
.legal__nav ul { display: grid; gap: 10px; }
.legal__nav a { font-weight: 600; font-size: .95rem; color: var(--ink-700); padding-left: 14px; border-left: 2px solid var(--grey-200); display: block; transition: color var(--t), border-color var(--t); }
.legal__nav a:hover, .legal__nav a.is-active { color: var(--ink-900); border-color: var(--amber); }
.legal__updated { margin: 20px 0 0; font-size: .8rem; color: var(--muted); }

.prose { max-width: 76ch; }
.prose h2 { font-size: clamp(1.24rem, 1.8vw, 1.5rem); color: var(--ink-900); margin: 42px 0 14px; }
.prose h2:first-child { margin-top: 0; }
.prose p, .prose li { color: var(--muted); font-size: .99rem; }
.prose ul { display: grid; gap: 10px; margin: 0 0 18px; }
.prose li { position: relative; padding-left: 22px; }
.prose li::before { content: ''; position: absolute; left: 0; top: 12px; width: 9px; height: 2px; background: var(--amber); }
.prose a { color: var(--ink-900); font-weight: 600; border-bottom: 1px solid var(--amber); }
.prose a:hover { color: var(--amber-3); }

/* 404 -------------------------------------------------------------------- */
.notfound { position: relative; padding: calc(var(--header-h) + 90px) 0 var(--sp); background: var(--ink-850); overflow: hidden; }
.notfound__inner { position: relative; text-align: center; max-width: 780px; margin-inline: auto; }
.notfound .eyebrow { justify-content: center; }
.notfound__code {
    font-size: clamp(6rem, 20vw, 14rem);
    font-weight: 900;
    line-height: .85;
    letter-spacing: -.06em;
    color: transparent;
    -webkit-text-stroke: 2px rgba(255, 184, 0, .45);
    margin: 0 0 10px;
}
.notfound h1 { font-size: clamp(1.7rem, 3.4vw, 2.6rem); margin-bottom: 16px; }
.notfound__lead { color: var(--grey-400); margin-bottom: 30px; }
.notfound__actions { display: flex; flex-wrap: wrap; gap: 13px; justify-content: center; }
.notfound__links { margin-top: 56px; padding-top: 34px; border-top: 1px solid var(--line-dark); }
.notfound__links h2 { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--grey-500); margin-bottom: 18px; }
.notfound__links ul { display: flex; flex-wrap: wrap; gap: 10px 26px; justify-content: center; }
.notfound__links a { display: flex; align-items: center; gap: 7px; font-weight: 600; font-size: .94rem; color: var(--grey-400); }
.notfound__links a:hover { color: var(--amber); }
.notfound__links .ico { color: var(--amber); }

/* 6 ----------------------------------------------------------------- form */
.formcard { padding: clamp(26px, 3vw, 44px); background: var(--white); border: 1px solid var(--line-light); position: relative; }
.formcard::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: var(--amber); }
.formcard__title { font-size: clamp(1.35rem, 2vw, 1.75rem); color: var(--ink-900); margin-bottom: 10px; }
.formcard__lead { color: var(--muted); font-size: .96rem; margin-bottom: 26px; }

.form { display: grid; gap: 18px; }
.form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__note { font-size: .82rem; color: var(--muted); margin: 0; }

.field { display: grid; gap: 8px; }
.field label { font-size: .82rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-700); }
.field label span { color: var(--amber-3); }
.field label small { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--muted); }
.field input, .field textarea, .field select {
    width: 100%;
    padding: 14px 16px;
    font: inherit;
    font-size: .97rem;
    color: var(--ink-900);
    background: var(--grey-50);
    border: 1px solid var(--grey-200);
    border-radius: 0;
    transition: border-color var(--t), background-color var(--t), box-shadow var(--t);
    -webkit-appearance: none;
    appearance: none;
}
.field textarea { resize: vertical; min-height: 130px; line-height: 1.6; }
.field input::placeholder, .field textarea::placeholder { color: var(--grey-400); }
.field input:focus, .field textarea:focus, .field select:focus {
    outline: 0;
    border-color: var(--amber);
    background: var(--white);
    box-shadow: 0 0 0 3px rgba(255, 184, 0, .18);
}
.field--error input, .field--error textarea, .field--error select { border-color: #d64545; background: #fdf5f5; }
.field__error { margin: 0; font-size: .85rem; color: #c23b3b; font-weight: 600; }

.select { position: relative; }
.select__icon { position: absolute; right: 16px; top: 50%; translate: 0 -50%; rotate: 90deg; color: var(--muted); pointer-events: none; }

.field--check { gap: 10px; }
.field label.check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 1rem;
}
.check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.check__box {
    width: 22px;
    height: 22px;
    flex: none;
    display: grid;
    place-items: center;
    border: 1px solid var(--grey-300);
    background: var(--white);
    transition: background-color var(--t), border-color var(--t);
}
.check__box .ico { color: var(--ink-900); opacity: 0; transition: opacity var(--t); }
.check input:checked + .check__box { background: var(--amber); border-color: var(--amber); }
.check input:checked + .check__box .ico { opacity: 1; }
.check input:focus-visible + .check__box { outline: 3px solid var(--amber); outline-offset: 2px; }
.check__text { font-size: .92rem; color: var(--muted); line-height: 1.5; }
.check__text a { color: var(--ink-900); font-weight: 700; border-bottom: 1px solid var(--amber); }

.formnote { padding: 15px 18px; font-size: .94rem; font-weight: 600; margin-bottom: 22px; border-left: 3px solid; }
.formnote--ok { background: #eef8f0; border-color: #2e9e5b; color: #1d6b3d; }
.formnote--error { background: #fdf3f3; border-color: #d64545; color: #a83232; }

/* toast ------------------------------------------------------------------ */
.toast-stack {
    position: fixed;
    right: clamp(14px, 2vw, 26px);
    bottom: clamp(14px, 2vw, 26px);
    z-index: 240;
    display: grid;
    gap: 10px;
    width: min(360px, calc(100vw - 28px));
    pointer-events: none;
}
.toast {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    background: var(--ink-800);
    border: 1px solid var(--line-dark-2);
    border-left: 3px solid var(--amber);
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .9);
    color: var(--white);
    font-size: .93rem;
    pointer-events: auto;
    animation: toastIn .35s var(--ease);
}
.toast--ok { border-left-color: #34c56d; }
.toast--error { border-left-color: #e05555; }
.toast.is-out { animation: toastOut .3s var(--ease) forwards; }
.toast .ico { flex: none; margin-top: 2px; color: var(--amber); }
.toast--ok .ico { color: #34c56d; }
.toast--error .ico { color: #e05555; }
@keyframes toastIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes toastOut { to { opacity: 0; transform: translateY(10px); } }

/* 7 ------------------------------------------------------------- alt bilgi */
.site-footer { position: relative; background: var(--ink-900); padding-top: clamp(56px, 6vw, 92px); }
.footer__grid {
    display: grid;
    grid-template-columns: 1.6fr .9fr 1.1fr 1.1fr 1.4fr;
    gap: clamp(24px, 2.6vw, 46px);
    padding-bottom: clamp(40px, 5vw, 70px);
}
.footer__brand img { width: 232px; margin-bottom: 22px; }
.footer__brand p { color: var(--grey-500); font-size: .93rem; }
.footer__quick { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 24px; }
.footer__title { font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: var(--white); margin-bottom: 20px; position: relative; padding-bottom: 12px; }
.footer__title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 28px; height: 2px; background: var(--amber); }
.footer__col ul { display: grid; gap: 11px; }
.footer__col a { color: var(--grey-500); font-size: .93rem; transition: color var(--t), transform var(--t); display: inline-block; }
.footer__col a:hover { color: var(--amber); transform: translateX(3px); }
.footer__contact li { display: flex; gap: 12px; align-items: flex-start; }
.footer__contact .ico { color: var(--amber); margin-top: 4px; flex: none; }
.footer__contact a { display: grid; }
.footer__contact small { color: var(--grey-500); font-size: .76rem; letter-spacing: .06em; }
.footer__contact a:hover { transform: none; }
.footer__social { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 20px; }
.footer__bottom { border-top: 1px solid var(--line-dark); }
.footer__bottom-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 30px;
    padding-block: 22px;
}
.footer__bottom p { margin: 0; font-size: .84rem; color: var(--grey-500); }
.footer__legal { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.footer__legal a { font-size: .84rem; color: var(--grey-500); }
.footer__legal a:hover { color: var(--amber); }

/* mobil aksiyon çubuğu ---------------------------------------------------- */
.actionbar {
    position: fixed;
    inset: auto 0 0;
    z-index: 95;
    display: none;
    background: rgba(8, 13, 18, .97);
    backdrop-filter: blur(8px);
    border-top: 1px solid var(--line-dark-2);
    padding-bottom: env(safe-area-inset-bottom);
}
.actionbar a {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 6px;
    font-size: .82rem;
    font-weight: 700;
    border-left: 1px solid var(--line-dark);
}
.actionbar a:first-child { border-left: 0; }
.actionbar .ico { color: var(--amber); }
.actionbar__cta { background: var(--amber); color: var(--ink-900); }
.actionbar__cta .ico { color: var(--ink-900); }

/* çerez bildirimi --------------------------------------------------------- */
.cookiebar {
    position: fixed;
    left: clamp(14px, 2vw, 26px);
    bottom: clamp(14px, 2vw, 26px);
    z-index: 180;
    width: min(430px, calc(100vw - 28px));
    padding: 22px 24px;
    background: var(--ink-800);
    border: 1px solid var(--line-dark-2);
    border-top: 3px solid var(--amber);
    box-shadow: 0 40px 70px -40px rgba(0, 0, 0, .95);
    animation: toastIn .4s var(--ease);
}
.cookiebar[hidden] { display: none; }
body.is-locked .cookiebar, body.is-locked .actionbar { display: none; }
.cookiebar h2 { font-size: 1.02rem; margin-bottom: 8px; }
.cookiebar p { font-size: .88rem; color: var(--grey-400); margin-bottom: 18px; }
.cookiebar a { color: var(--amber); border-bottom: 1px solid rgba(255, 184, 0, .4); }
.cookiebar__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.cookiebar__actions .btn--ghost { color: var(--grey-400); }

/* 8 ------------------------------------------------------------- duyarlı */
@media (max-width: 1320px) {
    .footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 1180px) {
    .principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1330px) {
    .callbtn { display: none; }
    .nav__list { gap: 14px; }
}

@media (max-width: 1080px) {
    :root { --header-h: 70px; }
    .topbar { display: none; }
    .nav { display: none; }
    .callbtn { display: none; }
    .burger { display: block; }
    .navbar__inner { justify-content: space-between; }
    .navbar__actions { margin-left: auto; }
    .services__grid, .areas__grid, .why__grid, .uses__grid, .compare__grid, .related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .strip__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stats__item:nth-child(3) { border-left: 0; padding-left: 0; }
    .stats__item:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
    .areas__grid > .atile:last-child:nth-child(3n + 1) { grid-column: auto; flex-direction: column; align-items: stretch; }
    .areas__grid > .atile:last-child:nth-child(3n + 1) .atile__icon { margin-bottom: auto; }
    .areas__grid > .atile:last-child:nth-child(3n + 1) h3 { margin-top: 18px; }
    .areas__grid > .atile:last-child:nth-child(2n + 1) {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        min-height: 0;
    }
    .areas__grid > .atile:last-child:nth-child(2n + 1) .atile__icon { margin-bottom: 0; }
    .areas__grid > .atile:last-child:nth-child(2n + 1) h3 { margin-top: 0; }
    .strip__item:nth-child(3) { border-left: 0; }
    .strip__item:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
    .intro__grid, .faq__inner, .region__grid, .sintro__grid, .swhy__grid,
    .about__grid, .contact__grid, .legal__grid, .phero__inner {
        grid-template-columns: minmax(0, 1fr);
    }
    .legal__nav { position: static; }
    .cta__inner { grid-template-columns: minmax(0, 1fr); }
    .hero__media { inset: 0; clip-path: none; }
    .hero__media::after {
        background: linear-gradient(180deg, rgba(8, 13, 18, .93) 0%, rgba(8, 13, 18, .8) 45%, rgba(8, 13, 18, .95) 100%);
    }
    .hero__wedge { display: none; }
    .band__media, .band__media--right { width: 100%; left: 0; right: 0; }
    .band__media::after { background: linear-gradient(180deg, rgba(6, 10, 14, .82), rgba(6, 10, 14, .93)); }
    .intro__media { max-width: 560px; }
    .phero__media { max-width: 620px; }
    .about__aside { max-width: 560px; }
}

@media (max-width: 720px) {
    :root { --d: 24px; }
    body { padding-bottom: 62px; }
    .actionbar { display: flex; }
    .cookiebar { bottom: 74px; }
    .toast-stack { bottom: 74px; }
    .services__grid, .areas__grid, .why__grid, .uses__grid, .compare__grid,
    .related__grid, .principles__grid, .steps, .strip__inner, .form__row, .stats {
        grid-template-columns: minmax(0, 1fr);
    }
    .stats__item { border-left: 0; padding-left: 0; border-bottom: 1px solid var(--line-dark); }
    .stats__item:last-child { border-bottom: 0; }
    .areas__grid > .atile:last-child { flex-direction: column !important; align-items: stretch !important; }
    .areas__grid > .atile:last-child .atile__icon { margin-bottom: auto; }
    .areas__grid > .atile:last-child h3 { margin-top: 18px; }
    .strip__item { border-left: 0; border-bottom: 1px solid var(--line-dark); }
    .strip__item:nth-child(-n+2) { border-bottom: 1px solid var(--line-dark); }
    .services__head { flex-direction: column; align-items: flex-start; }
    .hero { min-height: auto; padding: calc(var(--header-h) + 76px) 0 74px; }
    .hero__trust { gap: 10px 20px; }
    .hero__scroll { display: none; }
    .hero__actions .btn { flex: 1 1 auto; }
    .intro__badge { position: static; max-width: none; margin-top: 16px; }
    .intro__media::before { display: none; }
    .phero__chip { width: 66px; height: 66px; left: -10px; bottom: -10px; }
    .footer__grid { grid-template-columns: minmax(0, 1fr); }
    .footer__bottom-inner { flex-direction: column; align-items: flex-start; }
    .mapbox { aspect-ratio: 4 / 5; }
    .checklist::before, .region__card::before { border-width: 22px; }
}

@media (max-width: 560px) {
    .navbar__actions .btn { display: none; }
    .hero__actions .btn { width: 100%; }
    .cookiebar {
        left: 0;
        right: 0;
        bottom: 62px;
        width: 100%;
        padding: 16px 18px 18px;
        border-inline: 0;
    }
    .cookiebar h2 { font-size: .95rem; margin-bottom: 5px; }
    .cookiebar p { font-size: .82rem; line-height: 1.55; margin-bottom: 13px; }
    .cookiebar__actions .btn { padding: 10px 16px; }
}

@media (max-width: 400px) {
    .brand img { width: 168px; }
    .btn { padding: 13px 18px; font-size: .76rem; }
    .hero__trust li { font-size: .86rem; }
}

/* hareket tercihi --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
    [data-reveal] { opacity: 1 !important; transform: none !important; }
    .steps__item::before { width: 56px; }
}

@media print {
    .site-header, .actionbar, .cookiebar, .toast-stack, .hero__scroll, .mobile-menu { display: none !important; }
    body { background: #fff; color: #000; }
}