/* Tema A — Motorsport: koyu (varsayılan) + açık mod. Başlık ve footer iki modda da koyu (logo beyaz yazılı). */
:root {
  --bg: #0b0d10; --bg-alt: #0f1318; --surface: #131920; --surface-2: #1a222c;
  --text: #e9eef4; --muted: #95a2b3; --line: #222c38;
  --font-h: 'Barlow Condensed', 'Arial Narrow', sans-serif; --h-w: 700; --h-tt: uppercase; --h-ls: .01em;
  --r: .375rem; --r-sm: .25rem; --shadow: 0 1rem 2.5rem rgba(0, 0, 0, .45);
  --hdr-bg: rgba(11, 13, 16, .9); --ftr-bg: #07090b;
  /* moda göre değişen vurgular */
  --hi: var(--blue-l);
  --hero-grid: rgba(255, 255, 255, .025); --hero-glow-b: rgba(28, 105, 212, .22); --hero-glow-r: rgba(226, 39, 24, .14);
  --h1-em-a: #fff; --h1-em-b: var(--blue-l);
  --stat-bg: rgba(19, 25, 32, .85); --stat-num: #fff;
  --card-end: #10151b; --ghost: rgba(255, 255, 255, .03);
  --brand-sec: linear-gradient(115deg, #0b1d3f 0%, #0b0d10 60%);
  --why-line: #23447f; --cta-bg: linear-gradient(120deg, #101a2b, #0b0d10);
  --phero-glow: rgba(28, 105, 212, .18); --box-dark: linear-gradient(135deg, #0b2a5b, #10151b);
  --emblem-shadow: rgba(0, 0, 0, .6); --orbit: rgba(90, 169, 230, .85);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f5f7fa; --bg-alt: #eaeff5; --surface: #fff; --surface-2: #eef2f7;
  --text: #0e1726; --muted: #556275; --line: #dbe2ec; --shadow: 0 1rem 2.5rem rgba(10, 22, 48, .1);
  --hi: var(--blue);
  --hero-grid: rgba(11, 42, 91, .045); --hero-glow-b: rgba(28, 105, 212, .12); --hero-glow-r: rgba(226, 39, 24, .07);
  --h1-em-a: var(--navy); --h1-em-b: var(--blue);
  --stat-bg: #fff; --stat-num: var(--text);
  --card-end: #fff; --ghost: #fff;
  --brand-sec: linear-gradient(115deg, #e3ecfa 0%, #f5f7fa 60%);
  --why-line: var(--navy); --cta-bg: linear-gradient(120deg, var(--navy), #071733);
  --phero-glow: rgba(28, 105, 212, .1); --box-dark: linear-gradient(135deg, #0b2a5b, #13325f);
  --emblem-shadow: rgba(10, 22, 48, .28); --orbit: rgba(28, 105, 212, .85);
  color-scheme: light;
}
body { background: var(--bg); }
.sec__title, .phero h1 { font-size: clamp(2rem, 1.3rem + 3vw, 3.25rem); }

/* Hero */
.ha {
  position: relative; overflow: hidden; padding-block: 2.5rem 3rem;
  background:
    radial-gradient(40rem 28rem at 85% 30%, var(--hero-glow-b), transparent 70%),
    radial-gradient(30rem 20rem at 10% 90%, var(--hero-glow-r), transparent 70%),
    linear-gradient(var(--hero-grid) 1px, transparent 1px) 0 0 / 3rem 3rem,
    linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px) 0 0 / 3rem 3rem, var(--bg);
}
.ha__grid { display: grid; gap: 1.5rem; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: .75rem; font-weight: 700; font-size: .8125rem; letter-spacing: .16em; text-transform: uppercase; color: var(--hi); }
.ha__h1 { margin-top: 1rem; font-size: clamp(2.75rem, 1.6rem + 6vw, 5.5rem); line-height: 1.04; }
.ha__h1 span { display: block; }
.ha__h1 em { display: block; font-style: italic; color: transparent; -webkit-text-stroke: .0625rem var(--h1-em-a); background: linear-gradient(90deg, var(--h1-em-a), var(--h1-em-b)); -webkit-background-clip: text; background-clip: text; }
.ha__lead { margin-top: 1.25rem; font-size: 1.125rem; color: var(--muted); max-width: 36rem; }
.ha__vis { position: relative; display: none; place-items: center; max-width: 15rem; margin-inline: auto; aspect-ratio: 1; width: 100%; }
.ha__vis picture { display: contents; } /* <picture> grid öğesi olmasın: görsel tam ortalansın */
.ha__vis source { display: none; } /* <source> boş bir ızgara satırı açıp logoyu aşağı itmesin */
.ha__vis img { position: relative; grid-area: 1 / 1; width: 68%; filter: drop-shadow(0 1.5rem 3rem var(--emblem-shadow)); }
.ha__orbit { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; animation: spin 60s linear infinite; }
.ha__orbit text { font: 600 7px/1 'Barlow Condensed', sans-serif; letter-spacing: .05em; fill: var(--orbit); }
@keyframes spin { to { rotate: 360deg; } }
.ha__stats { margin-top: 2.5rem; }
.ha__stats li { background: var(--stat-bg); }
.ha__stats strong { color: var(--stat-num); }

/* Services */
.svc__a { background: linear-gradient(180deg, var(--surface), var(--card-end)); }
.svc__a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .1875rem; background: var(--tri); transform: scaleX(0); transform-origin: left; transition: transform .35s; }
.svc__a:hover::after { transform: scaleX(1); }
.svc__t { font-size: 1.5rem; }
.svc__ic { color: var(--hi); background: color-mix(in srgb, var(--hi) 12%, transparent); }
.svc__more, .link-more { color: var(--hi); }
.vtypes__ic { color: var(--hi); background: color-mix(in srgb, var(--hi) 14%, transparent); }

/* Premium araçlar (BMW / Mercedes) */
.ha-brand { background: var(--brand-sec); border-block: 1px solid var(--line); }
.ha-brand__grid { display: grid; gap: 2.5rem; align-items: center; }
.ha-brand__card { padding: 1.75rem; border-radius: var(--r); background: var(--ghost); border: 1px solid var(--line); }
.brands li { background: transparent; }
.brands li.is-key { background: var(--blue); border-color: var(--blue); color: #fff; }

/* Neden Serkan Rot Balans */
.a-why .sec__title, .why__i h3 { font-family: var(--font-ed); text-transform: none; letter-spacing: -.015em; font-weight: 800; }
.why__i { border: 0; border-top: .1875rem solid var(--why-line); border-radius: 0; background: none; padding-inline: 0; }
.why__i h3 { font-size: 1.1875rem; }
.why__ic { border-radius: var(--r); background: var(--red); }
.cta { background: var(--cta-bg); border-top: 1px solid var(--line); }
.phero { background: radial-gradient(40rem 20rem at 90% 0, var(--phero-glow), transparent), var(--bg-alt); }
.box--dark { background: var(--box-dark); border-color: var(--line); }
.author img, .chat__hd img { background: #000; }

@media (min-width: 64rem) {
  .ha { padding-block: 4.5rem 4rem; min-height: min(calc(92svh - var(--hdr-h)), 52rem); display: flex; flex-direction: column; justify-content: center; }
  .ha__grid { grid-template-columns: 1.2fr 1fr; gap: 3rem; }
  .ha__vis { display: grid; order: 0; max-width: 32rem; }
  .ha-brand__grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
}