:root {
  --site-bg: #f6f6f2;
  --site-surface: #ffffff;
  --site-surface-hover: #fbfbf8;
  --site-line: #deded7;
  --site-line-strong: #b9b9b1;
  --site-text: #1b1b19;
  --site-muted: #5f5f59;
  --site-faint: #7b7b74;
  --site-accent: #9a6500;
  --site-danger: #a1322b;
  --site-success: #2f7a42;
  --site-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html { background: var(--site-bg); }

body {
  font-family: var(--site-font) !important;
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
}

body::before,
body::after {
  display: none !important;
}

header {
  width: 100% !important;
  max-width: 1040px !important;
  padding: 22px 32px !important;
  justify-content: flex-start !important;
  border-bottom: 1px solid var(--site-line) !important;
}

.logo {
  font-family: var(--site-font) !important;
  color: var(--site-text) !important;
  letter-spacing: -0.2px !important;
}

.logo span { color: var(--site-accent) !important; }

main { position: relative; z-index: 0; }

h1,
h2,
h3,
.name,
.app-name,
.steps-title,
.step-text strong,
.features li strong,
.steps li strong,
.note strong,
.disclaimer strong {
  font-family: var(--site-font) !important;
  color: var(--site-text) !important;
}

h1 { letter-spacing: -1px !important; }

p,
li,
.tagline,
.description,
.desc,
.message,
.subtitle,
.hero-sub,
.hint,
.platform,
.specs,
.last-updated,
.preview-label,
.data-item,
.step-text,
.feature p,
.step p,
.plan .per,
.plan .note {
  color: var(--site-muted) !important;
}

a,
.text-link,
.learn,
.links a:not(.chrome-btn),
.legal-strip a {
  color: var(--site-accent) !important;
}

a:hover { color: var(--site-text) !important; }

.hero-icon,
.app-badge img,
.ext-card img,
.app-card img {
  border-radius: 10px !important;
  box-shadow: none !important;
}

.features li,
.steps li,
.step,
.feature,
.plan,
.note,
.disclaimer,
.info-box,
.extension-links,
.preview-wrapper,
.legal-strip,
.app-card,
.ext-card {
  background: var(--site-surface) !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.features li,
.steps li,
.step,
.feature,
.plan,
.note,
.disclaimer,
.info-box,
.extension-links,
.preview-wrapper,
.legal-strip {
  color: var(--site-text) !important;
}

.feature:hover,
.app-card:hover,
.ext-card:hover {
  transform: none !important;
  background: var(--site-surface-hover) !important;
  border-color: var(--site-line-strong) !important;
  box-shadow: none !important;
}

.plan.featured {
  background: var(--site-surface) !important;
  border-color: var(--site-text) !important;
}

.steps:has(> .steps-title) {
  background: var(--site-surface) !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.steps-title { color: var(--site-muted) !important; }

.step-num {
  background: var(--site-text) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.pro-badge,
.soon-pill,
.coming-soon,
.app-badge {
  background: transparent !important;
  color: var(--site-muted) !important;
  border: 1px solid var(--site-line) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}

.cws-btn,
.store-cta,
.back-btn,
.submit-btn,
.btn,
.chrome-btn {
  background: var(--site-text) !important;
  color: #ffffff !important;
  border: 1px solid var(--site-text) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transform: none !important;
}

.cws-btn:hover,
.store-cta:hover,
.back-btn:hover,
.submit-btn:hover,
.btn:hover,
.chrome-btn:hover {
  background: #3a3a36 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

input[type="text"],
input[type="email"],
textarea,
select {
  background: var(--site-surface) !important;
  color: var(--site-text) !important;
  border: 1px solid #c9c9c1 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: var(--site-text) !important;
  box-shadow: 0 0 0 2px rgba(27, 27, 25, 0.08) !important;
}

input::placeholder,
textarea::placeholder { color: #92928a !important; }

label { color: #4d4d48 !important; }

.icon,
.success-icon {
  background: var(--site-surface) !important;
  border: 1px solid var(--site-line) !important;
  box-shadow: none !important;
}

.success-icon svg { stroke: var(--site-success) !important; }
.error-message { background: #fff0ef !important; border-color: #e6b9b5 !important; color: var(--site-danger) !important; }

.section-label::after { background: var(--site-line) !important; }

.phone {
  box-shadow: none !important;
  transform: none !important;
}

.shimmer {
  background: none !important;
  color: var(--site-text) !important;
  animation: none !important;
}

.scanline { animation: none !important; }

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

@media (max-width: 600px) {
  header { padding: 18px 20px !important; }
}