/* Tema taslağı: Beyaz Kurumsal — açık zeminli giriş alanları, kırmızı vurgu; alt bilgi ve istatistik bandı koyu kalır */
:root {
  --paper: #f5f5f7;
  --line: #e6e6ea;
  --lt-bg: radial-gradient(900px 520px at 88% -12%, rgba(227, 10, 23, .09), transparent 62%), radial-gradient(700px 420px at -10% 110%, rgba(227, 10, 23, .05), transparent 60%), linear-gradient(180deg, #ffffff 0%, #f7f7f9 100%);
}

/* üst bar */
.topbar { background: #f5f5f7; color: var(--mut); border-bottom: 1px solid var(--line); }
.tb-left a:hover { color: var(--txt); }
.tb-tag { color: var(--txt); }
.tb-rates { background: #fff; color: var(--txt); box-shadow: 0 0 0 1px var(--line); }
.tb-soc { background: #fff; border: 1px solid var(--line); }

/* koyu yüzeyler → açık: içteki metin renkleri değişkenlerle birlikte döner */
.hero, .phead, .sec.dark {
  --txt-d: #121217; --mut-d: #5e606c; --line-d: rgba(16, 16, 24, .1);
  background: var(--lt-bg); color: var(--txt);
}
.hero { border-bottom: 1px solid var(--line); }
.hero::after { opacity: .5; }
.phead { border-bottom: 1px solid var(--line); }
.sec.dark { background: #f5f5f7; }
.sec.dark::before { background: radial-gradient(circle, rgba(227, 10, 23, .1), transparent 65%); }
.hero-bg .glow { opacity: .45; }
.hero-bg .g1 { background: radial-gradient(circle, rgba(227, 10, 23, .32), transparent 65%); }
.hero-bg .g2 { background: radial-gradient(circle, rgba(255, 120, 80, .18), transparent 65%); }
.hero-bg .grid { background-image: linear-gradient(rgba(16, 16, 24, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 16, 24, .05) 1px, transparent 1px); }

.slide-text, .phead .lead, .sec.dark .lead, .sec.dark p { color: var(--mut); }
.eyebrow.light { color: var(--red); }
.crumbs a:hover, .crumbs b, .hn-count b, .hero-dots .on, .vh-count b, .rate-badge b { color: var(--txt); }
.hn-btn { border-color: var(--line); background: #fff; color: var(--txt); }
.hn-btn:hover { background: var(--ink); color: #fff; }
.hero-dots i { background: rgba(16, 16, 24, .1); }
.rate-badge { background: #fff; box-shadow: var(--sh); }
.big404 { background: linear-gradient(180deg, var(--ink) 20%, rgba(16, 16, 24, .08)); -webkit-background-clip: text; background-clip: text; }
.prod-head .ph-title { color: var(--txt); }
.countdown span { background: #fff; }
.pricebox { box-shadow: 0 30px 70px -30px rgba(16, 16, 24, .25), 0 0 0 1px var(--line); }
.hero .btn-ghost, .phead .btn-ghost, .sec.dark .btn-ghost { --b: #fff; --c: var(--txt); border-color: var(--line); backdrop-filter: none; }
.hero .btn-ghost .ic-arr, .phead .btn-ghost .ic-arr { background: var(--ink); color: #fff; }

/* koyu bölüm içindeki kartlar */
.dark .fcard { background: #fff; border-color: var(--line); }
.dark .fcard:hover { background: #fff; border-color: rgba(227, 10, 23, .35); box-shadow: var(--sh-lg); }
.dark .fc-ic { background: #fff1f1; color: var(--red); }
.dark .fcard p, .dark.split .prose { color: var(--mut); }
.dark .step-n { background: #fff; border-color: var(--line); }
.dark .prose blockquote, .dark .cinfo li { background: #fff; }

/* hero görselleri: cam efektli öğeler açık zeminde görünsün */
.vz-chips span { background: #fff; border-color: var(--line); color: var(--txt); }

/* video sayfası yan kutusu */
.vpage-side { background: #fff; border-color: var(--line); box-shadow: var(--sh); }
.vs-lead, .vpage-side .ticks li { color: var(--txt); }

/* menü yan kutusu ve CTA: kırmızı */
.mega-side { background: linear-gradient(140deg, var(--red) 0%, #a8070f 100%); }
.mega-side p { color: rgba(255, 255, 255, .85); }
.mega-side .eyebrow { color: #fff; }
.mega-side .btn-red { --b: #fff; --c: var(--red); box-shadow: none; }
.cta-dark { background: linear-gradient(120deg, var(--ink) 0%, #1d1d26 100%); }
.slide-chips { color: var(--mut); font-weight: 550; }
.slide-chips .ic { background: rgba(227, 10, 23, .1); color: var(--red); }