:root {
  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bg: #ffffff;
  --surface: #f5f5f5;
  --ink: #0a0a0a;
  --muted: #6b6b6b;
  --primary: #0a0a0a;
  --on-primary: #ffffff;
  --border: #e5e5e5;
  --header-bg: #ffffff;
  --header-text: #0a0a0a;
  --accent: #0a0a0a;
  --geo-banner-bg: #0a0a0a;
  --geo-banner-text: #ffffff;
  --radius-card: 4px;
}

body { font-weight: 400; }
h1, h2, h3 { font-weight: 500; letter-spacing: -0.5px; }

.site-header { border-bottom: 1px solid var(--border); }
.btn-outline-light { border-color: var(--ink); color: var(--ink); }
.btn-outline-light:hover { background: var(--ink); color: #fff; }

.eyebrow {
  display: inline-block;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 0.72rem;
  color: var(--muted);
  margin-bottom: 14px;
}

.topbar { background: var(--ink); color: #fff; text-align: center; font-size: 0.8rem; padding: 8px 12px; }

.hero-split { padding: 90px 0; }
.hero-split p { font-size: 1.1rem; max-width: 46ch; }
.video-frame { border-radius: 20px; }

.trust-bar { padding: 40px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.trust-grid strong { display: block; font-family: var(--font-heading); }
.trust-grid span { font-size: 0.85rem; color: var(--muted); }

.etsy-card { border-radius: var(--radius-card); }
.etsy-badge { color: var(--muted); }

.story-section { padding: 90px 0; max-width: 640px; }

@media (max-width: 700px) {
  .trust-grid { grid-template-columns: repeat(2,1fr); }
}