/* Modern — uygulama hissi. Koyu ve renkli başlık alanı, cam efektli bölge kartı, açık zemin üzerinde yuvarlak kartlar */
:root {
  --c-primary: #4f46e5; --c-primary-2: #4338ca; --c-primary-soft: #eef0ff; --c-on-primary: #fff;
  --c-accent: #06b6d4; --c-accent-2: #0891b2; --c-accent-soft: #e6f8fb;
  --c-bg: #f6f7fb; --c-surface: #fff; --c-surface-2: #f1f3f9; --c-text: #0f172a; --c-muted: #64748b; --c-border: #e5e8f0;
  --hero-from: #0b1020; --hero-to: #151b33; --hero-text: #fff; --hero-blob: transparent;
  --header-bg: var(--hero-from); --header-text: #fff;
  --footer-bg: #0b1020; --footer-text: #a3adc2; --footer-head: #fff;
  --sponsor-a: #4f46e5; --sponsor-b: #06b6d4; --sponsor-bg: #f3f4ff;
  --font-body: 'Outfit', system-ui, sans-serif; --font-head: 'Outfit', system-ui, sans-serif;
  --head-weight: 700; --head-spacing: -.02em;
  --radius: 22px; --radius-sm: 14px; --radius-btn: 14px;
  --shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px -18px rgba(15, 23, 42, .25);
  --shadow-lg: 0 26px 60px -28px rgba(15, 23, 42, .4);
  --grad: linear-gradient(120deg, var(--c-primary), var(--c-accent));
}
.btn-primary { background: var(--grad); border: 0; box-shadow: 0 12px 28px -14px color-mix(in srgb, var(--c-primary) 80%, transparent); }
.btn-primary:hover { background: var(--grad); filter: brightness(1.08); }

/* koyu başlık çubuğu */
.site-header { background: var(--hero-from); border-bottom: 1px solid rgba(255, 255, 255, .08); backdrop-filter: none; }
.hdr { min-height: 70px; }
.main-nav > a:not(.btn) { color: rgba(255, 255, 255, .82); }
.main-nav > a:not(.btn):hover, .main-nav > a[aria-current] { background: rgba(255, 255, 255, .08); color: #fff; }
.main-nav .btn-ghost { border-color: rgba(255, 255, 255, .25); color: #fff; }
.burger span { background: #fff; }
.hdr-search input { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .12); color: #fff; }
.hdr-search input::placeholder { color: rgba(255, 255, 255, .55); }
.hdr-search > i { color: rgba(255, 255, 255, .6); }

/* renkli koyu sahne */
.hero { background: var(--hero-from); padding: clamp(48px, 8vw, 110px) 0 clamp(56px, 8vw, 110px); }
.hero-bg span { filter: blur(70px); opacity: .55; }
.hero-bg .b1 { width: 520px; height: 520px; right: -120px; top: -160px; background: var(--c-primary); }
.hero-bg .b2 { width: 420px; height: 420px; left: -140px; bottom: -200px; background: var(--c-accent); }
.hero-bg .b3 { width: 220px; height: 220px; left: 46%; bottom: -60px; background: #d946ef; opacity: .35; }
.hero h1 { font-size: clamp(2.3rem, 1.4rem + 3.6vw, 4.2rem); line-height: 1.02; }
.hero-sub { color: rgba(255, 255, 255, .72); opacity: 1; }
.hero-box { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .16); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .7); color: #fff; border-radius: 26px; }
.hero-box-title { color: #fff; }
.hero-box-title i { color: var(--c-accent); }
.lp-sel { background: rgba(255, 255, 255, .96); border-color: transparent; }
.lp-go { background: var(--grad); border: 0; }
.lp-geo { color: #fff; }
.lp-chip { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .18); color: #fff; }
.lp-chip:hover { border-color: #fff; color: #fff; }
.lp-chip.on { background: #fff; color: var(--c-text); border-color: #fff; }
.lp-msg { color: rgba(255, 255, 255, .8); }
.hero-search summary { color: rgba(255, 255, 255, .7); }
.hero-search[open] summary { color: #fff; }
.lp-saved { color: #fff; }
.hero-trust { color: rgba(255, 255, 255, .85); }
.hero-trust i { color: var(--c-accent); }
.perks { margin-top: -34px; position: relative; z-index: 2; }
.perk { border: 0; box-shadow: var(--shadow); }
.perk > i { background: var(--grad); color: #fff; border-radius: 14px; }

/* bölümler */
.sec-head h2 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); }
.section-alt { background: #fff; }
.svc-card { border: 0; box-shadow: var(--shadow); }
.svc-card:hover { box-shadow: var(--shadow-lg); }
.svc-ic { background: var(--c-primary-soft); color: var(--c-primary); border-radius: 16px; }
.prov { border: 0; box-shadow: var(--shadow); border-radius: 14px; }
.prov:hover { color: var(--c-primary); }
.plate { background: var(--c-primary-soft); color: var(--c-primary); border-radius: 8px; }
.way { border: 0; box-shadow: var(--shadow); }
.way-rec { box-shadow: 0 0 0 2px var(--c-primary), var(--shadow); }
.way-badge { background: var(--grad); }
.way-ic { background: var(--grad); color: #fff; }
.stats-row { border: 0; box-shadow: var(--shadow); }
.stats-row strong { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cta-band { background: var(--hero-from); overflow: hidden; }
.cta-band::after { background: radial-gradient(circle, color-mix(in srgb, var(--c-primary) 70%, transparent), transparent 70%); width: 420px; height: 420px; opacity: .7; }
.cta-band .btn-light { background: var(--grad); color: #fff; }
.page-head { background: var(--hero-from); border-bottom: 0; color: #fff; }
.page-head h1 { color: #fff; }
.page-head .lead, .page-head .crumbs a, .page-head .crumbs ol { color: rgba(255, 255, 255, .7); }
.page-head .crumbs [aria-current] { color: #fff; }
.page-head .lead a { color: #a5b4fc; }
.page-head .auth-switch .as-tab { color: var(--c-text); }
.quick-answer, .loc-text, .card-box, .side-box, .faq details { border: 0; box-shadow: var(--shadow); }
.quick-answer { border-left: 4px solid var(--c-primary); }
.chip.active, .sort.active { background: var(--c-text); border-color: var(--c-text); color: #fff; }

/* firma kartları */
.firm-card { border: 0; box-shadow: var(--shadow); }
.firm-card:hover { box-shadow: var(--shadow-lg); }
.fc-logo { border-radius: 18px; border: 0; }
.fc-price { background: var(--c-primary-soft); border-radius: 12px; }
.fc-price b { color: var(--c-primary-2); }
.tag { background: var(--c-surface-2); color: var(--c-text); }
.sponsors { border: 0; background: linear-gradient(135deg, var(--c-primary-soft), var(--c-accent-soft)); }
.sponsor-card { border-color: transparent; box-shadow: var(--shadow); }

/* mağaza */
.store-cover { background: radial-gradient(500px 240px at 80% 0%, color-mix(in srgb, var(--c-primary) 75%, transparent), transparent 70%), radial-gradient(420px 220px at 10% 100%, color-mix(in srgb, var(--c-accent) 70%, transparent), transparent 70%), var(--hero-from); }
.store-logo { border-radius: 26px; }

/* alt bilgi */
.site-footer { position: relative; overflow: hidden; }
.site-footer::before { content: ""; position: absolute; width: 460px; height: 460px; right: -160px; top: -220px; border-radius: 50%; background: var(--c-primary); filter: blur(90px); opacity: .25; pointer-events: none; }

@media (max-width: 900px) {
  .main-nav { background: var(--hero-from); border-bottom-color: rgba(255, 255, 255, .1); }
  .main-nav > a:not(.btn) { color: #fff; }
}
@media (max-width: 640px) {
  .hero-bg .b1 { width: 260px; height: 260px; right: -80px; top: -80px; }
  .hero-bg .b2 { width: 220px; height: 220px; left: -80px; bottom: -100px; }
  .hero-bg .b3 { display: none; }
  .perks { margin-top: 12px; }
}
.cta-band, .cta-band h2 { color: #fff; }
@media (max-width: 640px) {
  .hero-box .lp-geo { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .2); color: #fff; }
}