/* ============================================================
   TASARIM 2 — Modern Turkuaz  (markanın turkuaz logosuyla uyumlu)
   Taze, ferah, yuvarlak hatlı, turkuaz + mercan vurgu
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --navy-900: #06343b; --navy-800: #0a4a54; --navy-700: #0e7c8b;
  --navy-600: #12a0b0; --navy-500: #1fb6c4;
  --gold-600: #e0703f; --gold-500: #ff8a5c; --gold-400: #ffb28f; --gold-100: #ffe9df;
  --ink: #093036; --text: #395a61; --text-soft: #5f8088; --muted: #92aeb3;
  --line: #d7ebee; --line-soft: #eaf6f7;
  --bg: #ffffff; --bg-soft: #edf9fa; --bg-tint: #dcf3f5;
  --accent: #0e7c8b; --accent-soft: #dcf3f5;
  --radius: 20px; --radius-lg: 30px; --radius-sm: 13px;
  --shadow-md: 0 8px 26px rgba(14,124,139,.14), 0 2px 8px rgba(14,124,139,.08);
  --shadow-lg: 0 24px 60px rgba(14,124,139,.20), 0 8px 20px rgba(14,124,139,.10);
}
body { font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Plus Jakarta Sans', sans-serif; letter-spacing: -.025em; }

.hero {
  background:
    radial-gradient(1000px 600px at 82% -10%, rgba(31,182,196,.55), transparent 60%),
    radial-gradient(700px 500px at 5% 110%, rgba(255,138,92,.20), transparent 55%),
    linear-gradient(160deg, #0a4a54, #06343b 68%);
}
.page-head {
  background:
    radial-gradient(700px 400px at 88% -20%, rgba(31,182,196,.42), transparent 60%),
    linear-gradient(160deg, #0a4a54, #06343b);
}
.hero-lead, .hero-badge { color: #bfe6ea; }
.hero-badge svg { color: var(--gold-400); }

/* Daha yumuşak, ferah kartlar */
.product-card, .feature-card, .benefit, .info-card, .collab-card, .contact-card { border-color: var(--line); }
.btn { font-weight: 700; }
.trust-strip { background: linear-gradient(180deg, #edf9fa, #ffffff); }