/* === RESET & TOKENS === */
*, *::before, *::after { box-sizing: border-box; min-width: 0; }
img, svg, video { max-width: 100%; height: auto; display: block; }
button, input, select, textarea { font: inherit; }

:root {
  --space-xs: 9px;
  --space-sm: 16px;
  --space-md: 18px;
  --space-lg: 35px;
  --space-xl: 86px;
  --card-padding-y: 30px;
  --card-padding-x: 26px;
  --card-gap: 24px;
  --card-radius: 21px;
  --card-border-width: 1px;
  --card-min-height: 324px;
  --card-min-col-width: 314px;
  --btn-padding-y: 16px;
  --btn-padding-x: 34px;
  --btn-radius: 17px;
  --btn-gap-from-text: 16px;
  --grid-gap: 27px;
  --lh-heading: 1.27;
  --lh-body: 1.63;
  --ls-heading: 0.030em;

  --c-bg: #1C1C1C;
  --c-bg-2: #232323;
  --c-bg-3: #2A1810;
  --c-text: #F5F5F5;
  --c-muted: #999999;
  --c-line: #333333;
  --c-accent: #F59E0B;
  --c-accent-ink: #1C1C1C;
  --c-secondary: #3B82F6;

  --display: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--c-bg);
  color: var(--c-text);
  font-family: var(--body);
  line-height: var(--lh-body);
  font-size: 17px;
  padding-bottom: 96px; /* room for sticky bottom nav */
  -webkit-font-smoothing: antialiased;
}

a { color: var(--c-accent); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

h1, h2, h3, h4 {
  font-family: var(--display);
  font-weight: 800;
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-heading);
  margin: 0 0 var(--space-md);
}
p { margin: 0 0 var(--space-md); }

.container { width: min(1180px, 92vw); margin: 0 auto; }
.section { padding: var(--space-xl) 0; }
.section--alt { background: #181818; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }

.h-display { font-size: clamp(28px, 4.2vw, 52px); margin-bottom: var(--space-lg); }
.h-display--xl { font-size: clamp(34px, 5.6vw, 68px); }
.lead { font-size: 19px; color: #DDDDDD; max-width: 62ch; }
.lead--tight { margin-bottom: var(--space-lg); }
.footnote { font-size: 13px; color: var(--c-muted); }

.label-tracked {
  display: inline-block;
  font-family: var(--display);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 11px;
  color: var(--c-accent);
  border-left: 3px solid var(--c-accent);
  padding: 4px 10px;
  margin-bottom: var(--space-md);
  background: rgba(245, 158, 11, 0.06);
}

/* === BUTTONS === */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: var(--btn-padding-y) var(--btn-padding-x);
  border: 2px solid transparent;
  border-radius: 0;
  font-family: var(--display);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
  text-decoration: none;
}
.btn:hover, .btn:focus { text-decoration: none; transform: translate(-2px, -2px); }
.btn--primary { background: var(--c-accent); color: var(--c-accent-ink); box-shadow: 4px 4px 0 #000; }
.btn--primary:hover { box-shadow: 6px 6px 0 #000; }
.btn--invert { background: #FFFFFF; color: var(--c-accent-ink); box-shadow: 4px 4px 0 #000; }
.btn--invert:hover { box-shadow: 6px 6px 0 #000; }
.btn--ghost { background: transparent; color: var(--c-text); border-color: var(--c-text); }
.btn--ghost:hover { background: var(--c-text); color: var(--c-bg); }
.btn--text { background: transparent; padding: 10px 6px; color: var(--c-accent); text-transform: none; letter-spacing: 0; box-shadow: none; }
.btn--text:hover { transform: none; text-decoration: underline; }
.btn--small { padding: 10px 18px; font-size: 13px; }
.btn--lg { padding: 20px 40px; font-size: 17px; }
.btn--block { display: flex; width: 100%; }

/* === HERO SPLIT === */
.hero {
  display: grid;
  grid-template-columns: 60% 40%;
  min-height: 540px;
  border-bottom: 4px solid #000;
  position: relative;
  overflow: hidden;
}
.hero__left {
  background:
    linear-gradient(180deg, #1C1C1C 0%, #2A1810 50%, #1C1C1C 100%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g fill='none' stroke='%23F59E0B' stroke-opacity='0.08' stroke-width='1'><path d='M0 40 L40 0 L80 40 L40 80 Z'/></g></svg>");
  background-size: cover, 80px 80px;
  background-blend-mode: normal;
  padding: clamp(28px, 5vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-md);
  position: relative;
}
.hero__right {
  background: var(--c-accent);
  color: var(--c-accent-ink);
  padding: clamp(28px, 4vw, 52px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: inset 12px 0 0 #000;
}
.hero__rightInner { width: 100%; }
.hero__title {
  font-size: clamp(34px, 5.6vw, 68px);
  margin: 0;
  line-height: 1.05;
}
.hero__title-a, .hero__title-b { display: block; }
.hero__title-b { color: var(--c-accent); }
.hero__sub { font-size: 22px; color: #BBBBBB; margin: var(--space-sm) 0 var(--space-lg); font-family: var(--display); font-weight: 600; }
.hero__kicker {
  display: inline-block;
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 11px;
  font-weight: 800;
  background: var(--c-accent-ink);
  color: var(--c-accent);
  padding: 6px 12px;
  margin-bottom: var(--space-md);
}
.hero__claim {
  font-family: var(--display);
  font-size: clamp(20px, 2.4vw, 30px);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: var(--space-lg);
}
.hero__stamp { font-size: 12px; opacity: 0.75; margin-top: var(--space-md); margin-bottom: 0; }

.chips { list-style: none; padding: 0; margin: 0 0 var(--space-md); display: flex; flex-wrap: wrap; gap: 10px; }
.chip {
  display: inline-block;
  border: 2px solid #FFFFFF;
  padding: 6px 12px;
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  font-weight: 700;
}
.checklist { list-style: none; padding: 0; margin: 0; }
.checklist li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #DDDDDD;
}
.checklist li::before {
  content: "✓";
  position: absolute;
  left: 0; top: 0;
  color: var(--c-accent);
  font-weight: 800;
  font-family: var(--display);
}

/* === MARCO === */
.marco-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--space-xl); align-items: start; }
.marco-side {
  background: #181818;
  padding: var(--card-padding-y) var(--card-padding-x);
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-accent);
}
.reg-list { list-style: none; padding: 0; margin: 0 0 var(--space-md); }
.reg-list li {
  padding: 10px 0;
  border-bottom: 1px dashed var(--c-line);
  display: flex; justify-content: space-between; gap: 12px;
  font-size: 14px;
}
.reg-list li:last-child { border-bottom: none; }
.reg-list li span { font-weight: 700; color: var(--c-accent); font-family: var(--display); }

/* === BRAND CARDS === */
.brand-stack { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--card-gap); }
.brand-card {
  display: grid;
  grid-template-columns: 320px 1fr;
  background: #181818;
  border: 1px solid var(--c-line);
  min-height: var(--card-min-height);
  box-shadow: 8px 8px 0 #000;
  transition: transform .15s ease, box-shadow .15s ease;
  position: relative;
  gap: var(--card-gap);
}
.brand-card:hover { transform: translate(-3px, -3px); box-shadow: 11px 11px 0 #000; }
.brand-card__banner {
  background: linear-gradient(160deg, #2A1810 0%, #1C1C1C 100%);
  padding: var(--card-padding-y) var(--card-padding-x);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space-sm);
  border-right: 4px solid var(--c-accent);
  position: relative;
}
.brand-card__banner--blue { background: linear-gradient(160deg, #0F2A4A 0%, #1C1C1C 100%); border-right-color: var(--c-secondary); }
.brand-card__logoBox {
  background: rgba(255,255,255,0.04);
  padding: 18px;
  display: flex; align-items: center; justify-content: center;
  gap: var(--card-gap);
  min-height: 90px;
  border: 1px solid rgba(255,255,255,0.08);
}
.brand-card__logo { max-height: 60px; width: auto; object-fit: contain; }
.brand-card__rating {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.rating-num { font-family: var(--display); font-weight: 800; font-size: 44px; color: var(--c-accent); line-height: 1; }
.rating-den { font-family: var(--display); font-weight: 600; font-size: 18px; color: var(--c-muted); }
.rating-label { display: block; width: 100%; font-size: 11px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--c-muted); font-family: var(--display); font-weight: 700; }
.brand-card__pulse {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; color: var(--c-muted); text-transform: uppercase; letter-spacing: 0.12em; font-family: var(--display); font-weight: 700;
  margin-top: auto;
}
.pulse-dot {
  width: 9px; height: 9px; background: var(--c-accent);
  border-radius: 50%;
  animation: pulse 2s infinite ease-in-out;
  box-shadow: 0 0 0 0 rgba(245,158,11,0.7);
}
@keyframes pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(245,158,11,0.7); }
  50% { transform: scale(1.2); box-shadow: 0 0 0 8px rgba(245,158,11,0); }
}
.brand-card__body {
  padding: var(--card-padding-y) var(--card-padding-x);
  display: flex; flex-direction: column;
  gap: var(--card-gap);
}
.brand-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: var(--space-sm); }
.brand-card__head h3 { margin: 0; font-size: 28px; }
.tag {
  display: inline-block;
  font-family: var(--display);
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 5px 10px;
  background: var(--c-bg);
  border: 1px solid var(--c-line);
  color: var(--c-muted);
}
.tag--accent { background: var(--c-accent); color: var(--c-accent-ink); border-color: var(--c-accent); }
.brand-card__blurb { color: #DDDDDD; }
.pills { list-style: none; padding: 0; margin: 0 0 var(--space-md); display: flex; flex-wrap: wrap; gap: 6px; }
.pills li {
  display: inline-block;
  background: rgba(245,158,11,0.10);
  color: var(--c-accent);
  padding: 4px 10px;
  font-size: 12px;
  font-family: var(--display);
  font-weight: 600;
}
.meta-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-sm); margin: 0 0 var(--space-md); padding: 12px 0; border-top: 1px dashed var(--c-line); border-bottom: 1px dashed var(--c-line); }
.meta-row dt { font-size: 10px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--c-muted); font-family: var(--display); font-weight: 700; margin-bottom: 4px; }
.meta-row dd { margin: 0; font-size: 13px; color: #DDDDDD; }
.brand-card__cta { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: auto; padding-top: var(--btn-gap-from-text); }

/* === FLIP METHODOLOGY === */
.flip-grid {
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--card-min-col-width), 1fr));
  gap: var(--grid-gap);
  perspective: 1200px;
}
.flip { min-height: 280px; }
.flip__inner {
  width: 100%; height: 100%;
  min-height: 280px;
  position: relative;
  border: 0; padding: 0; background: transparent;
  cursor: pointer;
  transform-style: preserve-3d;
  transition: transform .55s cubic-bezier(.22,.61,.36,1);
  text-align: left;
  font: inherit; color: inherit;
}
.flip__inner[aria-pressed="true"] { transform: rotateY(180deg); }
.flip__inner:focus-visible { outline: 3px solid var(--c-accent); outline-offset: 4px; }
.flip__face {
  position: absolute; inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex; flex-direction: column;
  padding: var(--card-padding-y) var(--card-padding-x);
  border: 1px solid var(--c-line);
  background: #181818;
  box-shadow: 6px 6px 0 #000;
}
.flip__face--front { justify-content: space-between; }
.flip__face--back {
  transform: rotateY(180deg);
  background: var(--c-accent);
  color: var(--c-accent-ink);
  border-color: var(--c-accent-ink);
}
.flip__num {
  font-family: var(--display);
  font-size: 64px;
  font-weight: 800;
  color: var(--c-accent);
  line-height: 1;
}
.flip__title { font-family: var(--display); font-size: 28px; font-weight: 800; line-height: 1.1; }
.flip__title--small { font-size: 20px; margin-bottom: var(--space-sm); }
.flip__hint { font-size: 11px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--c-muted); font-family: var(--display); font-weight: 700; }
.flip__body { font-size: 15px; line-height: 1.5; }

/* === TRUST STRIP === */
.trust-strip { background: #232323; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); padding: var(--space-lg) 0; }
.trust-strip__inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--grid-gap); }
.trust-cell p { margin: 0; font-size: 14px; color: #CCCCCC; }
.trust-cell .label-tracked { margin-bottom: 6px; }

/* === KYC === */
.kyc-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: var(--space-xl); align-items: start; }
.kyc-list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-md); }
.kyc-list li { display: grid; grid-template-columns: 64px 1fr; gap: var(--space-md); align-items: start; padding: var(--space-md); background: #181818; border-left: 4px solid var(--c-accent); }
.kyc-num { font-family: var(--display); font-size: 36px; font-weight: 800; color: var(--c-accent); line-height: 1; }
.kyc-list h3 { font-size: 18px; margin: 0 0 6px; }
.kyc-list p { margin: 0; font-size: 14px; color: var(--c-muted); }

/* === FAQ TABS === */
.tabs { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: var(--space-lg); border-bottom: 2px solid var(--c-line); }
.tab {
  background: transparent; border: 0;
  padding: 16px 24px;
  font-family: var(--display); font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.12em; font-size: 13px;
  color: var(--c-muted);
  cursor: pointer;
  border-bottom: 4px solid transparent;
  margin-bottom: -2px;
}
.tab:hover { color: var(--c-text); }
.tab.is-active { color: var(--c-accent); border-bottom-color: var(--c-accent); }
.tab-panels { }
.tab-panel { display: none; }
.tab-panel.is-active { display: block; }
.tab-panel details {
  background: #181818;
  border: 1px solid var(--c-line);
  padding: var(--space-md) var(--space-lg);
  margin-bottom: 12px;
}
.tab-panel summary {
  font-family: var(--display);
  font-weight: 700;
  font-size: 17px;
  cursor: pointer;
  list-style: none;
  padding-right: 30px;
  position: relative;
}
.tab-panel summary::-webkit-details-marker { display: none; }
.tab-panel summary::after {
  content: "+";
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  color: var(--c-accent); font-size: 24px; font-weight: 700;
}
.tab-panel details[open] summary::after { content: "−"; }
.tab-panel details p { margin-top: var(--space-md); margin-bottom: 0; color: #CCCCCC; }

/* === COMPROMISO === */
.compromiso-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-lg); }
.compromiso-grid p { font-size: 16px; color: #CCCCCC; }

/* === FOOTER === */
.footer { background: #0F0F0F; border-top: 4px solid var(--c-accent); padding: var(--space-xl) 0 var(--space-lg); margin-top: var(--space-xl); }
.footer__lead { margin-bottom: var(--space-lg); }
.footer__lead p { font-family: var(--display); font-size: 22px; font-weight: 700; color: var(--c-text); }
.footer__cols { display: grid; grid-template-columns: 1.2fr 1fr 1.4fr; gap: var(--space-xl); }
.footer__col h4 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--c-accent); margin-bottom: var(--space-md); }
.footer__col p { font-size: 14px; color: #BBBBBB; }
.footer-nav { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.footer-nav a { color: #DDDDDD; font-size: 14px; }
.footer-nav a:hover { color: var(--c-accent); }
.reg-logos { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: var(--space-md); background: transparent; }
.reg-logos a { background: transparent; padding: 8px; display: inline-flex; align-items: center; transition: background .12s ease; }
.reg-logos a:hover { background: rgba(255,255,255,0.06); }
.reg-logos img { background: transparent; max-height: 56px; width: auto; padding: 0; border: none; opacity: 0.95; }
.footer__legal { font-size: 12px; color: var(--c-muted); line-height: 1.5; }
.footer__base { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: var(--space-lg); margin-top: var(--space-lg); border-top: 1px solid var(--c-line); }
.footer__base p { margin: 0; font-size: 13px; color: var(--c-muted); }
.badge18 {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--c-accent); color: var(--c-accent-ink);
  font-family: var(--display); font-weight: 800; font-size: 14px;
}

/* === STICKY BOTTOM NAV === */
.botnav {
  position: fixed; left: 0; right: 0; bottom: 0;
  background: #0A0A0A;
  border-top: 3px solid var(--c-accent);
  z-index: 90;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-md);
  padding: 12px 24px;
  box-shadow: 0 -8px 24px rgba(0,0,0,0.4);
}
.botnav__brand { display: inline-flex; align-items: center; gap: 10px; color: var(--c-text); font-family: var(--display); font-weight: 700; font-size: 16px; text-decoration: none; }
.botnav__brand:hover { text-decoration: none; color: var(--c-accent); }
.botnav__brand b { color: var(--c-accent); font-weight: 800; }
.botnav__mark { width: 22px; height: 22px; background: var(--c-accent); display: inline-block; box-shadow: 3px 3px 0 #000; }
.botnav__links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.botnav__links a {
  display: inline-block; padding: 8px 14px;
  font-family: var(--display); font-weight: 700; font-size: 13px;
  color: #DDDDDD; text-transform: uppercase; letter-spacing: 0.08em;
  text-decoration: none;
}
.botnav__links a:hover { color: var(--c-accent); background: rgba(245,158,11,0.08); }
.botnav__age { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 2px solid var(--c-accent); color: var(--c-accent); font-family: var(--display); font-weight: 800; font-size: 12px; }

/* === AGE GATE & COOKIE BAR === */
.age-gate { position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 200; display: flex; align-items: center; justify-content: center; padding: 20px; }
.age-gate[hidden] { display: none !important; }
.age-gate__panel { background: #181818; border: 2px solid var(--c-accent); padding: var(--space-lg); max-width: 520px; width: 100%; box-shadow: 12px 12px 0 #000; }
.age-gate__panel h2 { font-size: 28px; margin-bottom: var(--space-sm); }
.age-gate__actions { display: flex; gap: 12px; flex-wrap: wrap; margin: var(--space-md) 0; }
.age-gate__legal { font-size: 12px; color: var(--c-muted); margin: 0; }

.cookie-bar { position: fixed; left: 16px; right: 16px; bottom: 96px; background: #181818; border: 2px solid var(--c-accent); padding: var(--space-md) var(--space-lg); z-index: 95; box-shadow: 8px 8px 0 #000; }
.cookie-bar[hidden] { display: none !important; }
.cookie-bar__inner { display: flex; flex-wrap: wrap; gap: var(--space-md); justify-content: space-between; align-items: center; }
.cookie-bar__inner p { margin: 0; font-size: 14px; color: #DDDDDD; flex: 1 1 280px; }
.cookie-bar__actions { display: flex; gap: 10px; }

/* === SUBHERO (brand pages) === */
.subhero { background: linear-gradient(180deg, #2A1810 0%, #1C1C1C 100%); border-bottom: 4px solid var(--c-accent); padding: var(--space-xl) 0; }
.crumbs { font-size: 13px; color: var(--c-muted); margin-bottom: var(--space-md); }
.crumbs a { color: var(--c-accent); }
.subhero__cta { display: flex; align-items: center; gap: var(--space-lg); flex-wrap: wrap; margin-top: var(--space-lg); }
.subhero__rating { font-family: var(--display); display: inline-flex; align-items: baseline; gap: 4px; }
.subhero__rating b { color: var(--c-accent); font-size: 32px; font-weight: 800; }
.subhero__rating small { color: var(--c-muted); font-size: 14px; }

/* === BRAND PAGE === */
.brand-page { padding: var(--space-xl) 0; }
.brand-section { margin-bottom: var(--space-xl); max-width: 80ch; }
.brand-section h2 { font-size: 28px; margin-bottom: var(--space-md); }
.spec { display: grid; gap: 0; border-top: 1px solid var(--c-line); }
.spec > div { display: grid; grid-template-columns: 200px 1fr; gap: var(--space-md); padding: 14px 0; border-bottom: 1px solid var(--c-line); }
.spec dt { font-family: var(--display); font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--c-accent); margin: 0; }
.spec dd { margin: 0; font-size: 15px; color: #DDDDDD; }
.plus, .minus { list-style: none; padding: 0; margin: 0 0 var(--space-md); display: grid; gap: 10px; }
.plus li, .minus li { padding-left: 28px; position: relative; }
.plus li::before { content: "+"; position: absolute; left: 0; top: 0; color: var(--c-accent); font-weight: 800; font-size: 20px; font-family: var(--display); }
.minus li::before { content: "−"; position: absolute; left: 0; top: 0; color: var(--c-secondary); font-weight: 800; font-size: 20px; font-family: var(--display); }
.brand-cta { background: #181818; border-left: 4px solid var(--c-accent); padding: var(--space-lg); }
.brand-cta h2 { margin-bottom: var(--space-sm); }

/* === POLICY === */
.policy { padding: var(--space-xl) 0; max-width: 80ch; }
.policy h2 { font-size: 22px; margin-top: var(--space-lg); margin-bottom: var(--space-sm); color: var(--c-accent); }
.policy p { color: #DDDDDD; }
.big-number { font-family: var(--display); font-size: 32px; font-weight: 800; }
.big-number a { color: var(--c-accent); }

/* === MENORES & 404 === */
.menores { background: var(--c-bg); }
.menores__wrap { width: min(680px, 92vw); margin: 0 auto; padding: 12vh 0; text-align: left; }
.menores__actions { display: flex; gap: 12px; flex-wrap: wrap; margin: var(--space-lg) 0; }
.error-wrap { padding: 12vh 0; }

/* === RESPONSIVE === */
@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero__right { box-shadow: inset 0 12px 0 #000; }
  .marco-grid, .kyc-grid { grid-template-columns: 1fr; gap: var(--space-lg); }
  .footer__cols { grid-template-columns: 1fr; gap: var(--space-lg); }
  .brand-card { grid-template-columns: 1fr; }
  .brand-card__banner { border-right: none; border-bottom: 4px solid var(--c-accent); flex-direction: row; align-items: center; flex-wrap: wrap; }
  .brand-card__banner--blue { border-bottom-color: var(--c-secondary); }
  .brand-card__logoBox { flex: 1 1 140px; min-height: 70px; }
  .botnav { grid-template-columns: 1fr auto; padding: 8px 12px; }
  .botnav__brand { display: none; }
  .botnav__links { justify-content: flex-start; }
  .botnav__links a { padding: 6px 10px; font-size: 12px; }
  body { padding-bottom: 120px; }
}
@media (max-width: 600px) {
  .h-display { font-size: 30px; }
  .h-display--xl { font-size: 36px; }
  .hero__title { font-size: 36px; }
  .spec > div { grid-template-columns: 1fr; gap: 4px; }
  .meta-row { grid-template-columns: 1fr; }
  .footer__base { flex-direction: column; align-items: flex-start; }
}

/* card-grid-stretch-fix: .brand-stack */
.brand-stack { align-items: start; }
.brand-stack > * { align-self: start; }