/*
  Apple-like visual refinement layer.
  This is original CSS inspired by apple.com design patterns,
  not copied source code.
*/

:root {
  --apple-blue: #56a99d;
  --apple-text: #1d1d1f;
  --apple-muted: #6e6e73;
}

body {
  background: #fff;
  color: var(--apple-text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.container {
  width: min(1380px, 95vw);
}

.site-header {
  background: rgba(255, 255, 255, 0.69);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
}

.site-header.scrolled {
  background: rgba(255, 255, 255, 0.78);
  border-bottom-color: rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: saturate(190%) blur(22px);
  backdrop-filter: saturate(190%) blur(22px);
}

.nav-wrap {
  min-height: 68px;
}

.nav-link {
  color: #2c2c2e;
  font-size: 0.9rem;
}

.nav-link.active {
  color: #2b8f81;
  background: rgba(86, 169, 157, 0.16);
}

.hero-copy h1 {
  letter-spacing: -0.045em;
  font-size: clamp(2.4rem, 6.8vw, 5.5rem);
}

.lead {
  color: var(--apple-muted);
}

.btn {
  border-radius: 999px;
}

.btn-primary {
  background: var(--apple-blue);
  border-color: var(--apple-blue);
  box-shadow: 0 8px 20px rgba(86, 169, 157, 0.24);
}

.btn-primary:hover {
  box-shadow: 0 12px 26px rgba(86, 169, 157, 0.3);
}

.btn-secondary {
  color: #1d1d1f;
  border-color: #d2d2d7;
}

.soft-card,
.floating-card,
.cta-panel,
.stats-row article {
  background: linear-gradient(165deg, #ffffff 0%, #fbfefd 100%);
  border-radius: 1.5rem;
  border-color: #ebf4f1;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.section-alt {
  background: #fbfbfd;
}

.body-copy,
.soft-card p,
.stats-row span,
.footer-line,
.footer-contact p,
.footer-contact a {
  color: var(--apple-muted);
}

.menu-toggle {
  border-color: #d7d7dc;
}