:root {
  --wc-brand: #4f46e5;
  --wc-brand-dark: #3730a3;
  --wc-accent: #0ea5e9;
  --wc-ink: #0f172a;
  --wc-muted: #475569;
  --wc-soft: #f8fafc;
  --wc-line: #e2e8f0;
  --wc-white: #ffffff;
  --wc-success: #047857;
  --wc-danger: #b91c1c;
  color-scheme: light;
}

html { background: var(--wc-white); scroll-behavior: smooth; }
body {
  background: var(--wc-white) !important;
  color: var(--wc-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before,
body::after { opacity: .55; }

h1, h2, h3, h4, h5, h6 {
  color: var(--wc-ink);
  font-family: Outfit, Inter, ui-sans-serif, system-ui, sans-serif !important;
  text-wrap: balance;
}

h1 { letter-spacing: -.035em; line-height: 1.08; }
h2 { letter-spacing: -.02em; line-height: 1.2; }
p, li { text-wrap: pretty; }
a { text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(79, 70, 229, .28) !important;
  outline-offset: 3px;
}

.wrap, .container, .premium-inner {
  width: min(100% - 32px, 1120px);
  margin-inline: auto;
}

.card, .premium-card, article.card, .faq-item, .feature-card, .stat-card {
  background: var(--wc-white) !important;
  border-color: var(--wc-line) !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, .07) !important;
}

.card, article.card {
  border-radius: 24px !important;
}

.nav-header {
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--wc-line) !important;
}

.logo-link, .brand, .logo { color: var(--wc-brand) !important; }
.home-btn {
  background: var(--wc-white) !important;
  border-color: var(--wc-line) !important;
  color: var(--wc-ink) !important;
}
.home-btn:hover { border-color: var(--wc-brand) !important; color: var(--wc-brand) !important; }

input, select, textarea {
  background: var(--wc-white) !important;
  border-color: #cbd5e1 !important;
  color: var(--wc-ink) !important;
}
button, .btn, .premium-btn, .search-box button {
  background: linear-gradient(135deg, var(--wc-brand), var(--wc-brand-dark)) !important;
  color: white !important;
}

table { background: var(--wc-white); }
th { background: var(--wc-soft) !important; }
th, td { border-color: var(--wc-line) !important; }

.master-hubs-footer, .seo-related, .related-links {
  background: var(--wc-soft) !important;
  border-color: var(--wc-line) !important;
}

.dpo-privacy-notice {
  background: var(--wc-soft) !important;
  color: var(--wc-muted) !important;
  border: 1px solid var(--wc-line);
}
.dpo-privacy-notice strong { color: var(--wc-ink) !important; }
.dpo-privacy-notice a { color: var(--wc-brand) !important; }

img { max-width: 100%; height: auto; }

@media (max-width: 700px) {
  .wrap, .container, .premium-inner { width: min(100% - 20px, 1120px); }
  .card, article.card { padding: 24px 18px !important; border-radius: 18px !important; }
  h1 { font-size: clamp(2rem, 10vw, 3rem) !important; }
  .nav-header { gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}