/* ============================================================
   BAYIM+ — bağımsız marka sitesi (bayimplus.com)
   Rotam+ ile aynı aile paleti: Navy #142B43 (temel) · Teal #30C0D4
   (birincil CTA/link, "+" işareti her zaman bu renk) · Orange #F69331
   / Coral #F16334 (ikincil aksan).

   NOT: Logo şu an "Symbiosis" konsepti (placeholder) — marka kararı
   netleşince brand/ klasöründeki SVG'ler değiştirilecek.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap');

:root {
  --bp-navy: #142B43;
  --bp-navy-light: #1F3D5C;
  --bp-navy-dark: #0E1E33;
  --bp-teal: #30C0D4;
  --bp-teal-hover: #26A2B3;
  --bp-teal-soft: #7FD9E5;
  --bp-orange: #F69331;
  --bp-coral: #F16334;

  --color-accent: var(--bp-teal);
  --color-accent-dark: var(--bp-teal-hover);
  --color-accent-soft: #E3F7FA;
  --color-brand: var(--bp-teal);
  --color-brand-bright: var(--bp-teal-soft);
  --color-brand-dark: var(--bp-teal-hover);
  --color-brand-soft: #E3F7FA;
  --gradient-brand: linear-gradient(135deg, var(--bp-navy) 0%, var(--bp-teal) 100%);
  --shadow-accent-glow: 0 12px 28px -8px rgba(48,192,212,0.38);
}

.btn--accent { color: var(--bp-navy-dark); }

.bp-logo { display: block; height: 34px; width: auto; }
.bp-disclaimer { font-size: 0.8125rem; color: var(--color-text-mute); }
.bp-disclaimer strong { color: var(--color-text-soft); }

.module-card {
  padding: var(--sp-6);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  display: grid;
  gap: var(--sp-3);
  transition: transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base);
}
.module-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--color-brand-soft); }
.module-card__head { display:flex; align-items:center; gap:.625rem; }
.module-card__icon {
  width: 36px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-md);
  background: var(--color-brand-soft);
  color: var(--color-brand-dark);
}
.module-card__icon svg { width: 18px; height: 18px; }
.module-card h3 { font-size: 1rem; }
.module-card p { font-size: 0.9375rem; }

.usecase { padding: var(--sp-6); border-radius: var(--radius-lg); background: var(--color-surface); border: 1px solid var(--color-border); }
.usecase__role {
  display: inline-block; font-size: 0.6875rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-brand-dark); background: var(--color-brand-soft);
  padding: 0.25rem 0.625rem; border-radius: var(--radius-pill); margin-bottom: var(--sp-3);
}
.usecase h3 { margin-bottom: var(--sp-3); }
.usecase ul { display: grid; gap: 0.5rem; padding-left: 1.1rem; color: var(--color-text-soft); font-size: 0.9375rem; }
.usecase li { list-style: disc; }