@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,600;6..72,700&family=Work+Sans:wght@400;500;600;700&display=swap");

:root {
  --ink: #342028;
  --muted: #75646a;
  --paper: #f0e7dc;
  --surface: #fffaf3;
  --line: #d4c2b4;
  --accent: #8d3447;
  --accent-ink: #fff;
  --deep: #3d4934;
  --success: #42633e;
  --radius: 16px;
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Work Sans", Avenir, sans-serif;
}

.wordmark { font-family: var(--font-display); letter-spacing: -.02em; }
.wordmark-mark { border-radius: 16px 4px 16px 4px; color: #fff; background: var(--accent); font-family: var(--font-display); }
.site-header { border-bottom: 1px solid var(--accent); }
.hero { align-items: center; margin-top: 48px; }
.hero-copy { max-width: 780px; }
.hero h1 { max-width: 800px; font-weight: 600; font-size: clamp(56px, 8vw, 106px); line-height: .92; }
.hero h1 em { color: var(--accent); font-style: italic; }
.hero-note { border-radius: 24px 6px 24px 6px; border-color: var(--accent); background: #f8eee5; }
.channel-banner { color: #fff; background: var(--accent); border: 0; border-radius: 24px 6px 24px 6px; }
.channel-banner .eyebrow { color: #f4ccd5; }
.channel-banner a { color: var(--deep); background: #fff; }
.purchase-section { border-radius: 28px 8px 28px 8px; border-color: #b89788; box-shadow: 0 24px 70px rgba(52,32,40,.12); }
.network-option { border-radius: 16px 5px 16px 5px; }
.primary-action { border-radius: 16px 5px 16px 5px; background: var(--accent); color: #fff; }
.order-total { border-radius: 16px 5px 16px 5px; background: var(--deep); color: #fff; }
.order-total span, .order-total small { color: #dbe3d4; }
.whatsapp-trigger { border-radius: 16px 5px 16px 5px; background: var(--deep); }
.console-sidebar { background: var(--deep); }
.metric-grid > :nth-child(2) { background: #ead4da; }

@media (max-width: 680px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding-top: 24px; }
  .network-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}