/* Approved Seed Scroll identity, shared by every marketing page. */
@font-face {
  font-family: "Cinzel";
  src: url("/fonts/Cinzel.ttf") format("truetype");
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
:root, body.brand-site {
  color-scheme: dark;
  --bg: #090a0b;
  --surface: #141516;
  --surface-hi: #1b1c1e;
  --border: #34312c;
  --border-soft: #34312c;
  --primary: #d4af37;
  --primary-dk: #f2eee7;
  --primary-lt: #e1b84b;
  --accent: #d4af37;
  --accent-hover: #e1b84b;
  --accent-dim: #aaa39a;
  --support: #aaa39a;
  --brown: #34312c;
  --glow: #e1b84b;
  --green: #d4af37;
  --text: #f2eee7;
  --text-muted: #aaa39a;
  --text-dim: #aaa39a;
  --canvas: #090a0b;
  --ink: #f2eee7;
  --muted: #aaa39a;
  --line: #34312c;
  --gold: #d4af37;
  --accessible: #d4af37;
  --font-display: "Cinzel", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
}
.brand-site {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.75;
}
.brand-site :is(h1, h2, h3, h4) {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.3;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.brand-site :is(input, select, textarea, button) { font-family: var(--font-body); }
.brand-site :focus-visible { outline: 2px solid var(--accent-hover); outline-offset: 4px; }
.brand-site a { text-underline-offset: 4px; }
.brand-site > nav {
  height: 76px;
  background: var(--bg);
  border-color: var(--border);
  box-shadow: none;
  backdrop-filter: none;
}
.brand-site .nav-brand {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 19px;
  color: var(--primary);
  flex-shrink: 0;
}
.brand-site .nav-brand img { width: 40px; height: 40px; border-radius: 4px; }
.brand-site .nav-links { gap: 18px; font-size: 13px; }
.brand-site .nav-links a { color: var(--text-muted); font-weight: 500; }
.brand-site .nav-links a:hover, .brand-site .nav-links a.nav-active { color: var(--primary); }
.brand-site .nav-links .nav-download {
  background: var(--primary);
  color: var(--bg);
  font-weight: 600;
  box-shadow: none;
}
.brand-site .nav-links .nav-download:hover { background: var(--accent-hover); color: var(--bg); filter: none; }
.brand-site .nav-menu-toggle, .brand-site .nav-language { border-color: var(--border); color: var(--text); }
.brand-site .nav-menu-toggle { background: var(--surface); }
.brand-site .social-links a { color: var(--text-muted); border-color: var(--border); background: transparent; }
.brand-site .social-links a:hover { color: var(--primary); border-color: var(--primary); background: var(--surface-hi); }
.brand-site .hero {
  background:
    linear-gradient(90deg, rgba(9, 10, 11, .98), rgba(9, 10, 11, .85) 46%, rgba(9, 10, 11, .4)),
    url("/brand-assets/seedscrollicon-sites-updated.jpg") right 11% center / min(48vw, 560px) no-repeat,
    var(--bg);
  border-color: var(--border);
}
.brand-site .hero h1 { font-size: clamp(42px, 6.5vw, 80px); line-height: 1.14; color: var(--text); }
.brand-site .hero h1 em { color: var(--primary); }
.brand-site :is(.section-label, .hero-eyebrow, .feature-icon, .eyebrow, .edition-number) { color: var(--primary); }
.brand-site .feature-card { background: var(--surface); border-color: var(--border); }
.brand-site .feature-card:hover { box-shadow: none; border-color: var(--primary); }
.brand-site :is(.faq-section, .cta-section) { background: var(--bg); border-color: var(--border); }
.brand-site details.faq-item { background: var(--surface); border-color: var(--border); }
.brand-site details.faq-item[open] { background: var(--surface-hi); border-color: var(--primary); }
.brand-site :is(.btn-primary, .waitlist-btn, .btn-store) {
  background: var(--primary);
  color: var(--bg);
  border-color: var(--primary);
  box-shadow: none;
}
.brand-site :is(.btn-primary, .waitlist-btn, .btn-store):hover { background: var(--accent-hover); color: var(--bg); filter: none; }
.brand-site .btn-store-label small { color: var(--bg); opacity: 1; }
.brand-site :is(.btn-secondary, .btn-white, .btn-store-web) {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--text);
  box-shadow: none;
}
.brand-site .btn-store-web .btn-store-label small { color: var(--text-muted); }
.brand-site :is(.btn-secondary, .btn-white, .btn-store-web):hover { background: var(--surface-hi); border-color: var(--primary); color: var(--text); }
.brand-site .badge-live { background: var(--surface-hi); color: var(--primary); border: 1px solid var(--primary); }
.brand-site .badge-coming { background: var(--surface); color: var(--text-muted); border: 1px solid var(--border); }
.brand-site footer { background: var(--bg); color: var(--text-muted); border-color: var(--border); }
.brand-site footer .footer-links a { color: var(--text-muted); }
.brand-site footer .footer-links a:hover { color: var(--primary); }
.brand-site .mailing-panel :is(h1, h2) { font-family: var(--font-display); font-weight: 600; }
.brand-site .comparison-nav-wordmark > span { font-size: 19px; }
.brand-site .comparison-nav-wordmark small { color: var(--text-muted); }
.brand-site .product-visual, .brand-site .review-section { background: var(--surface); border-color: var(--border); }
.brand-site .edition-art:not(.cover-photo) { background: var(--surface-hi); color: var(--primary); border-color: var(--border); }
.brand-site .comparison-table-wrap { border-color: var(--border); }
.brand-site .solid-link { background: var(--primary); color: var(--bg); }
.brand-site .cep-book { background: var(--surface); }
.brand-site .cep-book b { color: var(--text); }
.brand-site .cep-note { color: var(--text-muted); }
.brand-site .account-delete {
  background: var(--surface-hi);
  color: var(--text);
  border: 1px solid var(--primary);
  border-radius: 4px;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.brand-site .account-delete:hover { background: var(--surface); border-color: var(--accent-hover); }
.brand-site :is(th, td) { border-color: var(--border); }
.brand-site .comparison-footer-brand { max-width: 340px; }
@media (max-width: 1200px) and (min-width: 701px) {
  .brand-site > nav { padding-inline: 16px; }
  .brand-site .nav-links { gap: 12px; font-size: 12px; }
  .brand-site .nav-social-links { display: none; }
  .brand-site .nav-brand { font-size: 17px; }
  .brand-site .nav-brand img { width: 32px; height: 32px; }
  .brand-site .comparison-nav-wordmark > span { font-size: 15px; }
  .brand-site .comparison-nav-wordmark small { font-size: 8px; }
}
@media (max-width: 850px) and (min-width: 701px) {
  .brand-site .nav-links { gap: 8px; font-size: 11px; }
  .brand-site .nav-brand { gap: 8px; font-size: 15px; }
  .brand-site .nav-links .nav-download { padding-inline: 10px; }
}
@media (max-width: 700px) {
  .brand-site .nav-links {
    background: var(--surface);
    border-color: var(--border);
    font-size: 14px;
    gap: 0;
    backdrop-filter: none;
    box-shadow: none;
  }
  .brand-site .hero { background: var(--bg); }
  .brand-site .nav-links .nav-social-links { gap: 12px; }
  .brand-site .hero-inner { padding-top: 20px; }
}
@media print {
  .brand-site { background: white; color: black; color-scheme: light; }
  .brand-site :is(h1, h2, h3, h4, p, li, td, th, a) { color: black; }
}