/*
 * Tanıtım sayfalarının ortak bölüm dili: ana sayfa, Emlak Profesyonelleri ve Yatırımcılar.
 *
 * Geniş boşluk, büyük tipografi, bölüm başına tek mesaj. Renkler theme.css token'larından;
 * koyu degrade zeminler (hero/kapanış) ana sayfanın kurulu değerleridir. Sayfaya özel kurallar
 * şablonda kalır. → obsidian/notes/home-feedback-1110-plan.md
 */
/* Bölüm iskeleti */
.section { padding: 5.5rem 0; }
.section-alt { background: var(--surface-raised); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.eyebrow { font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--primary); margin-bottom:.75rem; }
.display-title { font-size: clamp(1.8rem, 3.6vw, 2.7rem); font-weight:800; letter-spacing:-.035em; line-height:1.12; color:var(--ink-strong); margin-bottom:.75rem; }
.lead-muted { color:var(--text-muted); font-size:1.05rem; max-width:560px; }
/* Birincil çağrı — mavi butonlardan ayrışan amber. */
.hero-cta-primary { --bs-btn-color:#1f2937; --bs-btn-bg:var(--accent); --bs-btn-border-color:var(--accent); --bs-btn-hover-color:#111827; --bs-btn-hover-bg:#fbbf24; --bs-btn-hover-border-color:#fbbf24; --bs-btn-active-color:#111827; --bs-btn-active-bg:var(--accent); --bs-btn-active-border-color:var(--accent); --bs-btn-focus-shadow-rgb:245,158,11; background-color:var(--accent); border:none; color:#1f2937; font-weight:700; border-radius:12px; padding:1rem 1.9rem; font-size:1.05rem; box-shadow:0 12px 28px rgba(245,158,11,.35); transition:transform .15s,box-shadow .15s; }
.hero-cta-primary:hover { background-color:#fbbf24; color:#111827; transform:translateY(-1px); box-shadow:0 16px 34px rgba(245,158,11,.45); }
/* Nasıl çalışır — büyük numaralı, kartsız adımlar */
.step { border-top:2px solid var(--ink-strong); padding-top:1.5rem; height:100%; }
.step-num { font-size:3.25rem; font-weight:800; letter-spacing:-.04em; line-height:1; color:var(--primary); }
.step-title { font-size:1.2rem; font-weight:700; color:var(--ink-strong); margin:1.1rem 0 .5rem; }
.step-text { color:var(--text-muted); margin:0; }
/* Adım görseli; dosya yoksa ya da yüklenemezse alttaki ikonlu zemin görünür. */
.step-media { position:relative; aspect-ratio:4 / 3; border-radius:16px; overflow:hidden; margin-bottom:1.5rem; background:linear-gradient(135deg, var(--primary-soft), var(--surface)); display:flex; align-items:center; justify-content:center; }
.step-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.media-fallback-icon { color:var(--primary); font-size:2.6rem; opacity:.55; }
.step-num-sm { font-size:2.25rem; }
.section-statement { font-size:1.15rem; font-weight:700; color:var(--ink-strong); max-width:760px; margin:3rem 0 0; }
/* Neden Duyurmadan? */
.value-card { height:100%; background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:1.75rem; }
.value-icon { width:48px; height:48px; border-radius:12px; background:var(--primary-soft); color:var(--primary); display:inline-flex; align-items:center; justify-content:center; font-size:1.35rem; margin-bottom:1.25rem; }
.value-title { font-size:1.05rem; font-weight:700; color:var(--ink-strong); margin-bottom:.4rem; }
.value-text { color:var(--text-muted); font-size:.92rem; margin:0; }
/* Kapanış CTA'sı — sayfanın sonunda geniş alan */
.closing { background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #1a56db 100%); padding: 6rem 0; text-align:center; margin-bottom:-4rem; }
.closing-title { font-size: clamp(2rem, 4.6vw, 3.3rem); font-weight:800; color:#fff; letter-spacing:-.035em; line-height:1.1; }
.closing-text { color:rgba(255,255,255,.72); font-size:1.08rem; }
/* Tanıtım sayfası girişi — kapanışla aynı koyu degrade, solda metin. */
.page-hero { background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #1a56db 100%); padding: 6rem 0 5rem; color: #fff; }
.page-hero .eyebrow { color: #fcd34d; }
.page-hero-title { font-size: clamp(2.3rem, 5.4vw, 4rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.06; max-width: 860px; margin-bottom: 1.1rem; }
.page-hero-subtitle { font-size: clamp(1.15rem, 2.2vw, 1.45rem); font-weight: 700; color: rgba(255,255,255,.92); max-width: 760px; margin-bottom: 1rem; }
.page-hero-text { color: rgba(255,255,255,.78); font-size: 1.08rem; max-width: 640px; }
.page-hero-text strong { color: #fff; }
/* Uzun anlatımlı numaralı maddeler: solda numara ve başlık, sağda metin. */
.feature-row { border-top: 2px solid var(--ink-strong); padding: 2rem 0 2.75rem; }
.feature-title { font-size: clamp(1.3rem, 2.4vw, 1.7rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: var(--ink-strong); margin: 1rem 0 0; }
.feature-body p { color: var(--ink-soft); }
.feature-body .feature-lead { font-size: 1.1rem; font-weight: 700; color: var(--ink-strong); margin-bottom: .9rem; }
.feature-body .feature-takeaway { color: var(--ink-strong); font-weight: 700; margin-bottom: 0; }
.closing-strong { color: #fff; font-weight: 700; font-size: 1.08rem; }
.closing-subtitle { color: #fff; font-size: clamp(1.3rem, 2.6vw, 1.7rem); font-weight: 800; letter-spacing: -.02em; }
.closing-tagline { color: rgba(255,255,255,.6); font-style: italic; margin: 1.75rem 0 0; }

@media (max-width: 767px) {
    .section { padding: 3.5rem 0; }
    .closing { padding: 4rem 0; }
    .page-hero { padding: 4rem 0 3.5rem; }
    .feature-row { padding: 1.5rem 0 2rem; }
}