:root {
  --bg: #0b0a10;
  --surface: #15131d;
  --surface-2: #201a27;
  --ink: #fff8ee;
  --muted: #b7adb9;
  --line: #493546;
  --red: #e44345;
  --gold: #f0bd4b;
  --blue: #3c73df;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 50% -10%, #3a1724 0, var(--bg) 46%); color: var(--ink); font: 16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
a { color: inherit; }
.site-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(240,189,75,.22); background: rgba(11,10,16,.94); backdrop-filter: blur(14px); }
.header-inner { width: min(1180px, calc(100% - 40px)); min-height: 72px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; flex-direction: row; align-items: center; gap: 11px; min-width: max-content; color: var(--ink); font-size: 18px; font-weight: 900; text-decoration: none; white-space: nowrap; }
.brand img { width: 40px; height: 40px; object-fit: contain; }
.header-menu { display: flex; justify-content: flex-end; min-width: 0; }
.menu-row { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; margin: 0; padding: 0; list-style: none; }
.menu-link { display: block; padding: 8px 10px; border-radius: 5px; color: var(--muted); font-size: 14px; text-decoration: none; }
.menu-link:hover, .menu-link.active { background: #2d1e2d; color: var(--ink); }
.container { width: min(1120px, calc(100% - 40px)); margin: auto; }
.hero { width: min(1180px, calc(100% - 40px)); min-height: 590px; margin: auto; display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); align-items: center; gap: 54px; }
.eyebrow { margin: 0 0 12px; color: var(--gold); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
h1, h2, h3 { line-height: 1.12; }
h1 { margin: 0 0 18px; font-size: 64px; letter-spacing: 0; }
h2 { margin: 0 0 12px; font-size: 29px; }
h3 { margin: 22px 0 7px; color: var(--gold); font-size: 16px; }
.hero-copy p, .intro-text { max-width: 720px; color: var(--muted); font-size: 18px; }
.hero-art { aspect-ratio: 16 / 9; min-height: 0; display: grid; place-items: center; border: 1px solid #70434b; border-radius: 8px; background: linear-gradient(145deg, #321525, #15101b 62%, #101c3e); box-shadow: 0 22px 70px rgba(0,0,0,.4); overflow: hidden; }
.hero-art img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 10px 18px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); color: var(--ink); font-weight: 800; text-decoration: none; }
.button.primary { border-color: #ff7570; background: linear-gradient(180deg, #f05a50, #b92734); }
.button:hover { filter: brightness(1.12); }
.page-main { padding: 58px 0 80px; }
.page-header { margin-bottom: 30px; }
.page-image { margin: 26px 0 34px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--surface); }
.page-image img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
.content { max-width: 820px; }
.content section, .content article { margin: 26px 0; padding: 26px; border: 1px solid var(--line); border-radius: 8px; background: rgba(21,19,29,.86); }
.content p { color: var(--muted); }
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 28px 0; }
.stat { padding: 17px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
.stat small { display: block; color: var(--muted); }
.stat strong { display: block; margin-top: 4px; color: var(--ink); }
.article-cta, .cta-section { margin: 32px 0; padding: 23px 25px; border: 1px solid #8b5b35; border-left: 4px solid var(--gold); border-radius: 7px; background: #2a1b1d; }
.article-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.article-cta span { display: block; margin-top: 3px; color: var(--muted); font-size: 14px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { color: var(--ink); }
td { color: var(--muted); }
details { margin: 10px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
summary { cursor: pointer; font-weight: 800; }
.site-footer { padding: 30px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
@media (max-width: 850px) { .header-inner { align-items: flex-start; flex-direction: column; padding: 14px 0; } .header-menu { justify-content: flex-start; } .menu-row { justify-content: flex-start; } .hero { grid-template-columns: 1fr; min-height: auto; padding: 58px 0; } .hero-art { aspect-ratio: 16 / 9; } .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } h1 { font-size: 50px; } }
@media (max-width: 520px) { .container, .hero, .header-inner { width: min(100% - 28px, 1120px); } h1 { font-size: 38px; } .stats { grid-template-columns: 1fr; } .article-cta { align-items: flex-start; flex-direction: column; } }


/* SITE GENERATOR ARTICLE CTA FALLBACK */
.after-first-paragraph-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#1757d7,#2583ed);box-shadow:0 14px 32px rgba(21,94,239,.22)}
.article-cta-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:999px;background:#ffbf00!important;color:#111827!important;font-weight:800;text-decoration:none!important;line-height:1.1;box-shadow:0 8px 20px rgba(255,191,0,.25)}
.article-cta-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,191,0,.34)}
.article-cta-code{font-size:.95em;color:#fff;opacity:.96}
.article-cta-code strong{color:#ffdf6b}
.article-cta-secondary{margin-top:28px}
.article-cta-compact{padding:12px 14px}
/* END SITE GENERATOR ARTICLE CTA FALLBACK */

/* Readability and responsive corrections. */
.brand img{width:138px;height:44px;object-fit:contain}.brand span{display:none}
.content{width:min(100% - 40px,820px)}.content h2{margin-top:36px}
.content p,.content li{overflow-wrap:anywhere}.content>p{margin-bottom:20px}
h1{font-size:clamp(32px,4.3vw,56px);overflow-wrap:anywhere}
.page-image{margin-left:0;margin-right:0}.page-image img{max-height:440px;object-fit:contain}
figcaption{font-size:13px;padding:8px 14px;color:var(--muted)}
.table-scroll{overflow-x:auto;margin:22px 0}.table-scroll table{min-width:0}
.table-scroll th,.table-scroll td{overflow-wrap:anywhere}
@media(max-width:480px){.table-scroll th,.table-scroll td{padding:9px 6px;font-size:14px}}
.site-footer ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0}
.related-pages{margin:32px 0}.article-cta{flex-wrap:wrap}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:700px){.site-header{position:relative}.header-inner{flex-direction:column;gap:8px;padding:12px 0}.header-menu,.menu-row{justify-content:center}.menu-link{font-size:13px;padding:7px}.hero{grid-template-columns:1fr;gap:24px;padding:32px 0;min-height:0}.has-submenu>.submenu{left:auto;right:0;max-width:calc(100vw - 40px)}.page-main{padding-top:30px}.content{width:calc(100% - 32px)}.article-cta{padding:18px}}