/* XAU Trading — identidad tipográfica, carbón y oro. */
:root {
  --ink: #1b1d20;
  --muted: #5c6166;
  --paper: #fff;
  --soft: #f3f4f5;
  --line: #dddfe1;
  --accent: #80601d;
  --gold: #d8b66c;
  --gold-light: #e9ce91;
  --navy: #111315;
  --radius: 4px;
}
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
h1,h2,h3 { font-weight: 650; letter-spacing: -.04em; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline: 3px solid #a77a1d; }
.topnote { background: #08090a; color: #c7c9cb; letter-spacing: .045em; }
.topnote a { color: var(--gold-light); }
header { background: var(--navy); border-bottom: 1px solid #393b3e; color: #f5f6f7; }
.nav { min-height: 96px; }
.brand { gap: 12px; color: #f5f6f7; text-decoration: none; align-items: center; }
.brand:hover { color: var(--gold-light); }
.brand-monogram { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border: 1px solid var(--gold); color: var(--gold); font-size: 31px; font-weight: 600; line-height: 1; letter-spacing: -.08em; padding-right: 2px; }
.brand-wordmark { display: flex; flex-direction: column; gap: 5px; }
.brand-wordmark strong { font-size: 1.8rem; font-weight: 750; line-height: .9; letter-spacing: .13em; }
.brand-wordmark>span { font-size: .72rem; line-height: 1; letter-spacing: .28em; font-weight: 550; }
nav a { font-size: .9rem; }
nav a:hover { color: var(--gold-light); }
.menu-toggle { color: #f5f6f7; border-color: #62666a; }
.button { border-radius: 3px; background: var(--gold); color: #111315; font-weight: 700; padding: 14px 22px; }
.button:hover { background: var(--gold-light); color: #111315; }
.button.secondary { border-color: #8b9095; background: transparent; color: var(--ink); }
.button.secondary:hover { background: #f3f4f5; }
.choice-hero { background: #111315; border-bottom: 3px solid var(--gold); padding-top: 76px; padding-bottom: 70px; }
.choice-hero h1 { font-size: clamp(2.7rem,4.3vw,4.15rem); font-weight: 650; line-height: 1.1; }
.choice-hero h1 em { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; color: var(--gold-light); }
.choice-hero .eyebrow { font-size: .77rem; letter-spacing: .13em; }
.choice-hero .text-link:hover,.vantage-section .text-link:hover { color: var(--gold-light); }
.intent-board { background: #1a1c1f; border: 1px solid #45423a; border-top: 2px solid var(--gold); border-radius: 4px; color: #f5f6f7; padding: 25px 28px; }
.intent-board .panel-label { color: var(--gold-light); font-size: .8rem; letter-spacing: .1em; }
.intent-board>a { border-color: #3c3f42; padding-top: 22px; padding-bottom: 22px; }
.intent-board>a:hover { color: var(--gold-light); }
.intent-board p:not(.panel-label) { color: #c0c4c8; }
.intent-number { color: var(--gold); font-variant-numeric: tabular-nums; }
.trust-line { text-transform: uppercase; font-size: .75rem; font-weight: 600; letter-spacing: .04em; }
.decision-grid article { border-top-color: var(--gold); }
.vantage-section { background: #181a1d; }
.benefit-list,.benefit-list>a { border-color: #45484c; }
.benefit-list span { color: var(--gold-light); font-size: .75rem; }
.gold-reading { border-top-color: var(--gold); }
.gold-reading a:hover { color: var(--accent); }
.start-steps li:before { color: var(--accent); font-family: Georgia, serif; font-style: italic; font-weight: 400; }
.final-choice { border-top: 2px solid var(--gold); background: var(--navy); }
.article-head { border-bottom: 1px solid var(--line); margin-bottom: 32px; padding-top: 36px; padding-bottom: 32px; }
.article-head .eyebrow { border-left: 3px solid var(--gold); padding-left: 13px; }
.article-head h1 { font-weight: 650; }
.article-body .summary-box { background: #f5f5f4; border: 1px solid #e3e3e0; border-radius: 4px; }
.summary-box strong { color: var(--accent); }
.entry-offer { border-radius: 4px; border-left-color: var(--gold); background: #fff; }
.toc { border-top-color: var(--gold); }
.conversion { background: var(--navy); border-top: 3px solid var(--gold); border-radius: 4px; }
.conversion .button { background: var(--gold); color: #111315; }
.conversion .button:hover { background: var(--gold-light); }
.conversion p,.conversion small { color: #d2d4d6; }
.related a { border: 1px solid var(--line); background: #fff; }
footer { background: #111315; color: #f5f6f7; border-top: 1px solid #3c3f42; }
footer p,.copyright { color: #bfc3c7; }
.footer-links a:hover { color: var(--gold-light); }
.copyright { border-color: #3c3f42; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: .8rem; }
.footer-domain { color: var(--gold-light); letter-spacing: .1em; }
@media(max-width:1000px) {
  .nav { min-height: 84px; }
  nav a { border-color: #3c3f42; }
}
@media(max-width:760px) {
  .choice-hero { padding-top: 42px; padding-bottom: 42px; }
  .choice-hero h1 { font-size: clamp(2.25rem,8.3vw,3.4rem); }
  .choice-hero .eyebrow { line-height: 1.7; }
  .intent-board { padding: 21px; }
  .brand-monogram { flex-basis: 38px; width: 38px; height: 38px; font-size: 28px; }
  .brand-wordmark strong { font-size: 1.6rem; }
  .brand-wordmark>span { font-size: .65rem; letter-spacing: .26em; }
  .article-head { padding-top: 28px; margin-bottom: 25px; }
  .article-head h1 { font-size: clamp(2rem,8vw,2.6rem); }
  .footer-links { gap: 15px 22px; }
}
.promo-home{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-top:64px;padding-bottom:24px}.promo-home p{color:var(--muted)}.promo-preview{padding:30px;border:1px solid var(--line);border-top:3px solid var(--gold);background:#f5f5f4}.promo-preview>span{font-size:.78rem;letter-spacing:.09em;color:var(--accent);font-weight:650}.promo-preview h3{font-size:1.6rem;margin-top:18px}.promo-preview small{color:var(--muted)}.promo-status{border-left:3px solid var(--gold);padding:10px 15px;background:var(--soft);font-size:.88rem;margin:16px 0}.vantage-section .text-link{color:#f5f6f7}@media(max-width:760px){.promo-home{grid-template-columns:1fr;gap:25px;padding-top:45px}.promo-preview{padding:24px}}