:root {
  --bg:#050403;
  --panel:#0c0905;
  --panel2:#151006;
  --ink:#fff3d1;
  --muted:#d8c796;
  --gold:#f6c14e;
  --gold2:#9b641c;
  --line:rgba(246,193,78,.34);
  --gem:#3ff0d2;
  --max:1180px;
  --shadow:0 24px 72px rgba(0,0,0,.46)
}

* {
  box-sizing:border-box
}

html {
  background:var(--bg);
  color:var(--ink);
  scroll-behavior:smooth
}

body {
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
  overflow-x:hidden;
  color:var(--ink);
  background:linear-gradient(90deg,rgba(246,193,78,.065) 1px,transparent 1px) 0 0/68px 68px,radial-gradient(circle at 80% 5%,rgba(246,193,78,.2),transparent 30%),linear-gradient(180deg,#020100,#090604 46%,#030201)
}

a {
  color:inherit;
  text-decoration:none
}

img {
  display:block;
  max-width:100%;
  height:auto
}

p {
  margin:0 0 1.05rem;
  color:var(--muted)
}

h1,h2,h3 {
  margin:0;
  line-height:1.08;
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:0;
  color:var(--ink)
}

h1 {
  font-size:clamp(2.45rem,7vw,5.8rem)
}

h2 {
  font-size:clamp(2rem,4vw,4rem);
  margin-bottom:1.15rem
}

h3 {
  font-size:1.28rem;
  margin-bottom:.55rem
}

section,article,h1,h2,h3 {
  scroll-margin-top:120px
}

.wrap {
  width:min(var(--max),calc(100% - 36px));
  margin:0 auto
}

.site-header {
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(3,2,1,.1);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(246,193,78,.22)
}

.header-line {
  height:5px;
  background:linear-gradient(90deg,#fff8cf,#ffd568,#b87921,#fff0ad,#8b5716)
}

.header-grid {
  min-height:92px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:24px;
  align-items:center
}

.brand img {
  width:auto;
  height:64px;
  object-fit:contain
}

.main-nav {
  display:flex;
  justify-content:center;
  gap:2px;
  border:1px solid var(--line);
  background:rgba(5,4,3,.18);
  clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)
}

.main-nav a {
  padding:15px 17px;
  color:var(--muted);
  font-weight:850
}

.main-nav a.is-active,.main-nav a:hover {
  background:rgba(246,193,78,.14);
  color:var(--ink)
}

.head-actions {
  display:flex;
  gap:10px;
  align-items:center;
  grid-column:3;
  justify-self:end
}

.btn,button {
  font:inherit
}

.btn {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:46px;
  padding:12px 18px;
  border:1px solid var(--line);
  font-weight:900;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)
}

.btn-gold {
  background:linear-gradient(135deg,#f0c15a,#9f542d);
  color:#130b04
}

.btn-ghost {
  background:rgba(6,18,22,.84);
  color:var(--ink)
}

.menu-toggle {
  display:none;
  width:50px;
  height:46px;
  background:transparent;
  border:1px solid var(--line);
  padding:11px
}

.menu-toggle span {
  display:block;
  height:2px;
  background:var(--ink);
  margin:6px 0
}

.mobile-panel {
  display:none
}

.hero {
  position:relative;
  min-height:760px;
  background-image:linear-gradient(90deg,rgba(2,1,0,.94),rgba(3,2,1,.78) 48%,rgba(3,2,1,.2)),var(--hero-image);
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  border-bottom:1px solid var(--line)
}

.hero-grid {
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(360px,.72fr);
  gap:42px;
  align-items:center;
  padding:100px 0 120px
}

.hero-art,.media-img,.wide-img {
  border:1px solid var(--line);
  box-shadow:var(--shadow)
}

.eyebrow {
  color:var(--gold);
  text-transform:uppercase;
  font-weight:900;
  font-size:.76rem;
  letter-spacing:.14em
}

.hero-actions,.cta-panel {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px
}

.section,.feature,.wide,.ledger-section,.myth-band,.steps-section,.media-note,.longform,.faq {
  padding:86px 0
}

.intro {
  background:linear-gradient(90deg,rgba(246,193,78,.1),transparent 46%)
}

.signal-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);
  margin-top:28px
}

.signal-strip span {
  padding:18px;
  background:rgba(12,9,5,.8);
  border-right:1px solid var(--line);
  font-weight:900
}

.signal-strip span:last-child {
  border-right:0
}

.feature-grid {
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:42px;
  align-items:start;
  margin-bottom:34px
}

.feature-media {
  position:sticky;
  top:128px
}

.feature-copy {
  padding-top:26px
}

.table-wrap {
  border:1px solid var(--line);
  background:rgba(5,4,3,.72);
  box-shadow:var(--shadow)
}

table {
  width:100%;
  border-collapse:collapse;
  table-layout:fixed
}

caption {
  text-align:left;
  padding:16px 18px;
  color:var(--gold);
  font-weight:900;
  border-bottom:1px solid var(--line)
}

th,td {
  padding:18px;
  border-right:1px solid rgba(246,193,78,.18);
  border-bottom:1px solid rgba(246,193,78,.18);
  vertical-align:top;
  overflow-wrap:anywhere
}

th {
  background:rgba(184,121,33,.18);
  text-align:left;
  color:var(--ink)
}

td {
  color:var(--muted)
}

th:last-child,td:last-child {
  border-right:0
}

.wide {
  padding-top:0
}

.wide-img {
  width:100%;
  max-height:520px;
  object-fit:cover;
  border-left:0;
  border-right:0
}

.board-section {
  background:linear-gradient(135deg,rgba(246,193,78,.08),rgba(155,100,28,.1))
}

.tournament-section .wrap {
  border-left:7px solid var(--gold);
  padding-left:28px
}

.rg-section,.myth-band {
  background:#020100;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

.ledger-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line)
}

.ledger-grid article {
  background:rgba(12,9,5,.94);
  padding:30px;
  min-height:220px
}

.myth-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}

.myth-grid article {
  border:1px solid rgba(255,240,173,.24);
  background:linear-gradient(180deg,rgba(246,193,78,.1),rgba(12,9,5,.86));
  padding:24px
}

.myth-grid h3 {
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:1.12rem;
  line-height:1.35
}

.steps {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid var(--line)
}

.steps div {
  padding:22px;
  border-right:1px solid var(--line);
  background:rgba(12,9,5,.8)
}

.steps div:last-child {
  border-right:0
}

.steps span {
  display:block;
  color:var(--gold);
  font-weight:900;
  margin-bottom:14px
}

.media-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:42px;
  align-items:center
}

.feedback-section {
  background:linear-gradient(135deg,rgba(184,121,33,.12),rgba(255,240,173,.06))
}

.longform {
  background:linear-gradient(180deg,rgba(246,193,78,.07),rgba(139,87,22,.08))
}

.longform article {
  display:grid;
  grid-template-columns:.32fr 1fr;
  gap:28px;
  padding:24px 0;
  border-bottom:1px solid var(--line)
}

.faq-list {
  max-width:920px;
  display:grid;
  gap:10px
}

details {
  border:1px solid var(--line);
  background:rgba(12,9,5,.8);
  padding:18px 20px
}

summary {
  font-weight:900;
  cursor:pointer
}

.subhero {
  padding:78px 0 54px;
  background:linear-gradient(135deg,rgba(246,193,78,.12),rgba(139,87,22,.14));
  border-bottom:1px solid var(--line)
}

.subgrid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:center
}

.article-flow {
  max-width:980px
}

.legal-hero {
  padding:92px 0 58px;
  background:linear-gradient(135deg,rgba(246,193,78,.12),rgba(139,87,22,.12));
  border-bottom:1px solid var(--line)
}

.legal-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.82fr);
  gap:40px;
  align-items:center;
  max-width:var(--max)
}

.legal-hero-copy .btn {
  margin-top:10px
}

.legal-hero-media {
  margin:0;
  border:1px solid var(--line);
  background:rgba(12,9,5,.72);
  box-shadow:var(--shadow)
}

.legal-hero-media img {
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover
}

.legal-content {
  padding:54px 0 88px
}

.legal-content .wrap {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px
}

.legal-content article {
  border:1px solid var(--line);
  padding:24px;
  background:rgba(12,9,5,.76)
}

.site-footer {
  border-top:1px solid var(--line);
  background:#020100;
  padding:48px 0
}

.footer-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr 1fr;
  gap:38px
}

.site-footer nav {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px
}

.site-footer a {
  color:var(--muted)
}

.rg {
  border-left:4px solid var(--gold);
  padding-left:20px
}

.cookie-banner {
  position:fixed;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:50;
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:center;
  padding:20px;
  border:1px solid var(--line);
  background:rgba(2,1,0,.96);
  box-shadow:var(--shadow)
}

.cookie-banner.is-hidden {
  display:none
}

.cookie-actions {
  display:flex;
  gap:12px;
  align-items:center
}

.cookie-actions button {
  border:1px solid var(--gold);
  background:var(--gold);
  color:#120b04;
  padding:12px 16px;
  font-weight:900
}

.cookie-actions a {
  color:var(--gold);
  font-weight:900
}


@media(max-width:980px) {
  .main-nav,.head-actions .btn {
  display:none
}

.header-grid {
  grid-template-columns:auto 1fr auto;
  min-height:78px
}

.menu-toggle {
  display:block
}

.mobile-panel {
  display:block;
  position:fixed;
  inset:83px 0 auto;
  transform:translateY(-120%);
  transition:transform .22s ease;
  background:rgba(5,4,3,.92);
  border-bottom:1px solid var(--line);
  padding:20px
}

.mobile-panel.is-open {
  transform:translateY(0)
}

.mobile-panel nav {
  display:grid;
  gap:8px;
  margin-bottom:16px
}

.mobile-panel a {
  padding:12px;
  border:1px solid var(--line)
}

.hero {
  background-attachment:scroll
}

.hero-grid,.feature-grid,.media-grid,.subgrid,.footer-grid,.legal-hero-grid,.legal-content .wrap,.longform article {
  grid-template-columns:1fr
}

.feature-media {
  position:static
}

.signal-strip,.ledger-grid,.myth-grid,.steps {
  grid-template-columns:1fr 1fr
}

.cookie-banner {
  grid-template-columns:1fr
}
}


@media(max-width:640px) {
  .wrap {
  width:min(100% - 24px,var(--max))
}

h1 {
  font-size:2.48rem
}

h2 {
  font-size:2rem
}

.section,.feature,.wide,.ledger-section,.myth-band,.steps-section,.media-note,.longform,.faq {
  padding:58px 0
}

.signal-strip,.ledger-grid,.myth-grid,.steps {
  grid-template-columns:1fr
}

.table-wrap {
  border:0;
  background:transparent;
  box-shadow:none
}

table,thead,tbody,tr,th,td,caption {
  display:block;
  width:100%
}

thead {
  display:none
}

caption {
  border:1px solid var(--line);
  background:rgba(184,121,33,.2)
}

tr {
  margin:0 0 14px;
  border:1px solid var(--line);
  background:rgba(12,9,5,.8)
}

td {
  display:grid;
  grid-template-columns:minmax(118px,40%) 1fr;
  gap:12px;
  border-right:0;
  padding:14px
}

td::before {
  content:attr(data-label);
  color:var(--gold);
  font-weight:900
}

.cookie-actions {
  flex-wrap:wrap
}
}

.scenario-section,.risk-scale,.support-questions,.budget-section,.closing-section {
  padding:86px 0
}

.scenario-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px
}

.scenario-grid article {
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(12,9,5,.92),rgba(246,193,78,.08));
  padding:26px
}

.risk-scale {
  background:#020100;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

.risk-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line)
}

.risk-grid article {
  padding:24px;
  border-right:1px solid var(--line);
  background:rgba(12,9,5,.8)
}

.risk-grid article:last-child {
  border-right:0
}

.support-questions article {
  display:grid;
  grid-template-columns:.35fr 1fr;
  gap:28px;
  padding:24px 0;
  border-bottom:1px solid var(--line)
}

.budget-lines {
  display:grid;
  gap:1px;
  background:var(--line);
  border:1px solid var(--line)
}

.budget-lines article {
  display:grid;
  grid-template-columns:.32fr 1fr;
  gap:26px;
  padding:24px;
  background:rgba(5,4,3,.92)
}

.budget-lines article:nth-child(even) {
  background:rgba(12,9,5,.94)
}

.closing-section {
  background:linear-gradient(135deg,rgba(246,193,78,.12),rgba(155,100,28,.12));
  border-top:1px solid var(--line)
}

.closing-section .wrap {
  max-width:980px
}


@media(max-width:980px) {
  .scenario-grid,.risk-grid,.support-questions article,.budget-lines article {
  grid-template-columns:1fr
}

.risk-grid article {
  border-right:0;
  border-bottom:1px solid var(--line)
}
}


@media(max-width:640px) {
  .scenario-section,.risk-scale,.support-questions,.budget-section,.closing-section {
  padding:58px 0
}
}

.daybook-section,.evidence-section,.compare-section {
  padding:86px 0
}

.daybook {
  display:grid;
  gap:1px;
  border:1px solid var(--line);
  background:var(--line)
}

.daybook article {
  display:grid;
  grid-template-columns:.28fr 1fr;
  gap:26px;
  padding:24px;
  background:rgba(5,4,3,.94)
}

.daybook article:nth-child(even) {
  background:rgba(12,9,5,.94)
}

.evidence-section {
  background:#020100;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

.evidence-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}

.evidence-grid article {
  padding:24px;
  border:1px solid rgba(255,240,173,.24);
  background:linear-gradient(180deg,rgba(246,193,78,.09),rgba(12,9,5,.86))
}

.compare-list {
  display:grid;
  grid-template-columns:1fr;
  gap:12px
}

.compare-list article {
  display:grid;
  grid-template-columns:.34fr 1fr;
  gap:24px;
  padding:24px;
  border-left:6px solid var(--gold);
  background:rgba(12,9,5,.78)
}


@media(max-width:980px) {
  .daybook article,.compare-list article {
  grid-template-columns:1fr
}

.evidence-grid {
  grid-template-columns:1fr 1fr
}
}


@media(max-width:640px) {
  .daybook-section,.evidence-section,.compare-section {
  padding:58px 0
}

.evidence-grid {
  grid-template-columns:1fr
}
}


.stop-section {
  padding:86px 0;
  background:linear-gradient(135deg,rgba(246,193,78,.11),rgba(139,87,22,.12));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}

.stop-section .wrap,
.principle-section .wrap {
  max-width:980px
}

.principle-section {
  padding:86px 0;
  background:linear-gradient(180deg,rgba(12,9,5,.88),rgba(2,1,0,.96))
}

.site-footer img {
  width:auto;
  height:85px;
  object-fit:contain
}

@media(max-width:640px) {
  .stop-section,
  .principle-section {
    padding:58px 0
  }
}