/* Tema: Klinik Premium — bembeyaz, bol boşluk, ince tipografi, tek vurgu (elektrik mavi = güven, bilim) */
:root {
  --ink: #ffffff; --ink-2: #f6f7f9; --ink-3: #ffffff;
  --bone: #0b1220; --dim: #5b6472; --dimmer: #8b93a1;
  --line: rgba(11,18,32,.08); --line-2: rgba(11,18,32,.14);
  --volt-t: #1f5eff; --accent: #1f5eff; --deep: #0b1220;
  --r: 18px;
  --shadow: 0 1px 2px rgba(11,18,32,.04), 0 24px 48px -28px rgba(11,18,32,.18);
}
body::after { display: none; }
.display { font-family: 'Inter Tight', system-ui, sans-serif; font-weight: 700; text-transform: none; letter-spacing: -.045em; line-height: 1.02; }
.hero h1 { font-size: clamp(3rem, 7.4vw, 6.6rem); }
.display .v { color: var(--accent); background: none; padding: 0; }
.out { color: var(--dimmer); -webkit-text-stroke: 0; }
.mono { letter-spacing: .08em; }
.btn-volt { background: var(--accent); color: #fff; box-shadow: 0 12px 28px -14px rgba(31,94,255,.6); }
.btn-volt:hover { box-shadow: 0 18px 36px -14px rgba(31,94,255,.7); }
.btn-line { background: #fff; }
.hero::before { background:
  linear-gradient(90deg, #fff 0%, rgba(255,255,255,.96) 40%, rgba(255,255,255,.6) 68%, rgba(255,255,255,.35) 100%),
  linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 30%); }
.hero-bg img { filter: grayscale(1) contrast(.9) brightness(1.45); }
.phero::before { background: linear-gradient(90deg, #fff 30%, rgba(255,255,255,.8)), linear-gradient(0deg, #fff, transparent 40%); }
.phero-bg img { filter: grayscale(1) brightness(1.4); }
.nav .nav-bar, .nav.solid .nav-bar { background: rgba(255,255,255,.9); box-shadow: 0 1px 0 var(--line), 0 12px 30px -20px rgba(11,18,32,.2); }
.founder { background: rgba(31,94,255,.07); border-color: rgba(31,94,255,.22); }
.kicker::before { border-radius: 50%; transform: none; }
.section { padding: 140px 0; }
.bx, .calc, .post-card, .ev .card, .dq-card, .compare, .pricing { border-color: var(--line); }
.pricing { background: var(--ink-2); box-shadow: none; }
.plan { background: #fff; }
.plan.hot, .founder-box, .cycle button.on, .legal-nav a.on, .tab.on, .btn-ink { background: var(--deep); border-color: var(--deep); }
.plan .ribbon, .qa[open] summary .pm, .app-btn, .app-av, .ex.done .n, .mini-chat .b { background: var(--accent); color: #fff; }
.dq-card { background: linear-gradient(135deg, rgba(31,94,255,.05), #fff); }
.dq-item.bos { border-color: rgba(31,94,255,.3); background: rgba(31,94,255,.05); }
.res .big, .alert.ok { background: rgba(31,94,255,.05); border-color: rgba(31,94,255,.2); }
.perk i { background: rgba(31,94,255,.08); }
footer { background: var(--ink-2); }
.wordmark { -webkit-text-stroke-color: rgba(11,18,32,.07); }

/* Fotoğraflar renkli ve net (fitness içeriği öne çıksın) */
.hero::before { background:
  linear-gradient(90deg, #fff 0%, rgba(255,255,255,.97) 34%, rgba(255,255,255,.7) 52%, rgba(255,255,255,0) 72%),
  linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 22%); }
.hero-bg img { filter: saturate(1.05) contrast(1.02); object-position: 70% 35%; transform: none; animation: none; }
.phero::before { background: linear-gradient(90deg, #fff 32%, rgba(255,255,255,.75) 58%, rgba(255,255,255,.1)), linear-gradient(0deg, #fff, transparent 35%); }
.phero-bg img { filter: saturate(1.05); object-position: 80% 40%; }
.step img, .bx-photo img, .mani-photo img, .post-card .cv img { filter: none; }
.step::before { background: linear-gradient(0deg, rgba(11,18,32,.9) 22%, rgba(11,18,32,.05) 65%); }
.bx-photo::before { background: linear-gradient(0deg, rgba(11,18,32,.92) 15%, rgba(11,18,32,.35) 55%, rgba(11,18,32,0)); }
.mani-photo::after { background: linear-gradient(0deg, rgba(11,18,32,.85), transparent 55%); }
.final::before { background: linear-gradient(90deg, rgba(11,18,32,.92) 30%, rgba(11,18,32,.35)); }
.step .num { -webkit-text-stroke-color: rgba(255,255,255,.9); }
/* Telefon maketi içindeki vurgular da mavi */
.app-day { background: linear-gradient(140deg, rgba(31,94,255,.28), rgba(31,94,255,.06)); border-color: rgba(31,94,255,.4); }
.app-day .mono { color: #8fb0ff; }
.ex.done .n { background: var(--accent); color: #fff; }
.toast .ic { filter: hue-rotate(160deg); }

/* Mobil: yazı fotoğrafın üstüne denk geliyor → geçişi dikey ve güçlü yap */
@media (max-width: 820px) {
  .hero::before { background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 62%, rgba(255,255,255,.55) 85%, #fff 100%); }
  .hero-bg img { object-position: 60% 30%; }
}