@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Source+Sans+3:wght@400;600;700&display=swap");

:root {
  --ink: #18233f;
  --muted: #667086;
  --paper: #eee9dd;
  --surface: #fbf8f0;
  --line: #c7c0af;
  --accent: #d9a93f;
  --accent-ink: #17213a;
  --deep: #18233f;
  --success: #16615d;
  --radius: 0px;
  --font-display: "Cormorant Garamond", Baskerville, Georgia, serif;
  --font-body: "Source Sans 3", "Gill Sans", sans-serif;
}

.wordmark { font-family: var(--font-body); letter-spacing: .18em; }
.wordmark-mark { border-radius: 0; color: #fff; background: var(--deep); font-family: var(--font-display); }
.site-header { border-bottom-color: var(--ink); }
.hero { grid-template-columns: 1fr 1fr; align-items: stretch; margin-top: 52px; }
.hero-copy { padding: 70px 7vw 70px 0; border-right: 1px solid var(--ink); }
.hero h1 { font-weight: 400; font-size: clamp(58px, 7vw, 102px); line-height: .94; text-transform: none; }
.hero h1 em { color: var(--ink); font-style: italic; font-weight: 400; }
.hero-note { align-self: end; margin-bottom: 70px; border: 0; border-left: 6px solid var(--accent); padding: 4px 0 4px 30px; }
.channel-banner { color: var(--deep); background: var(--accent); border: 1px solid var(--deep); }
.channel-banner .eyebrow { color: #4f4124; }
.channel-banner a { color: #fff; background: var(--deep); border-radius: 0; }
.purchase-section { box-shadow: none; border-color: var(--ink); }
.section-heading { align-items: baseline; }
.section-heading h2 { font-weight: 400; }
.network-options { grid-template-columns: repeat(2, 1fr); }
.network-option { min-height: 96px; flex-direction: row; align-items: center; border-color: #a9a18e; border-radius: 0; }
.network-option:has(input:checked) { background: #eee3c5; border-color: var(--deep); }
.network-symbol { border-radius: 0; font-family: var(--font-body); }
.primary-action, input, select, textarea, .console-card, .metric-grid article { border-radius: 0; }
.primary-action { background: var(--deep); color: #fff; }
.order-total { border-radius: 0; background: var(--accent); color: var(--deep); }
.order-total span, .order-total small { color: #4f4124; }
.whatsapp-trigger { border-radius: 0; background: var(--deep); }
.metric-grid article:nth-child(2) { background: var(--accent); }

@media (max-width: 680px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding: 32px 0; border-right: 0; }
  .hero-note { margin-bottom: 10px; }
  .network-options { grid-template-columns: 1fr; }
}