/* ═══ THEME: Skyline Pro ═══
 * Premium SaaS/agency look met frisse gradients en lichte basis
 */

body { background: #f8fbff; color: #0f172a; }
h1,h2,h3 { font-weight: 850; letter-spacing: -.02em; }
.hero h1 { font-size: clamp(2.3rem, 5.3vw, 4rem); line-height: 1.02; }

.hero { min-height: 560px; overflow: hidden; }
.hero-ov { background: linear-gradient(140deg, rgba(15,23,42,.82) 0%, rgba(37,99,235,.45) 52%, rgba(6,182,212,.28) 100%) !important; }
.hero-badge { border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.32); }

.btn { border-radius: 12px !important; font-weight: 700; }
.btn-c,.nav-cta,.itw-btn--primary { background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #06b6d4)) !important; color: #fff !important; }
.btn-w,.itw-btn--white {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid #dbe5f4 !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.1);
}
.btn-w *, .btn-phone, .btn-phone *, .itw-btn--white * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.btn-phone { background: #fff !important; border: 1px solid #dbe5f4; border-radius: 12px !important; }

.card,.itw-card {
  border-radius: 18px;
  border: 1px solid #dbe5f4;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 12px 28px rgba(15,23,42,.06);
}
.card::before,.itw-card::before { height: 3px; background: linear-gradient(90deg, var(--c), #06b6d4); }
.card:hover,.itw-card:hover { transform: translateY(-6px); box-shadow: 0 18px 42px rgba(15,23,42,.1); }
.card-icon,.itw-card-icon { border-radius: 14px; background: #ecfeff; border: 1px solid #bae6fd; }

.sec-alt,.itw-section--alt { background: #eef6ff; }
.sec-badge { border-radius: 999px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; }
.stat,.itw-stat { border-radius: 16px; border: 1px solid #dbe5f4; background: #ffffff; }
.stat-v,.itw-stat-val { color: #1d4ed8; font-weight: 900; }
.stat-l,.itw-stat-lbl { color: #64748b; }

.step,.itw-step,.review,.itw-review,.faq-item,.itw-faq-item {
  border-radius: 14px;
  border: 1px solid #dbe5f4;
  background: #ffffff;
}
.faq-item summary,.itw-faq-item summary { color: #0f172a !important; }

nav,.itw-nav {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid #dbe5f4 !important;
}
nav .nav-links a,.itw-nav-link { color: #334155 !important; }
nav .nav-links a:hover,.itw-nav-link:hover { color: #1d4ed8 !important; background: #eff6ff; }

.topbar { background: #e0f2fe !important; color: #0f172a !important; border-bottom: 1px solid #bae6fd; }
.topbar a,.topbar i { color: #1d4ed8 !important; }

.cta,.itw-cta { background: linear-gradient(135deg, #0f172a, #1e3a8a) !important; border-radius: 24px; }
.trust-item,.trust-badge { border-radius: 12px; border: 1px solid #dbe5f4; background: #fff; color: #334155 !important; }

footer { background: #0f172a !important; color: #cbd5e1 !important; }
footer h4 { color: #7dd3fc !important; }
footer li, footer li a { color: #94a3b8 !important; }