:root {
  --bg: #0d0f14;
  --surface: #181c24;
  --surface-2: #222733;
  --surface-3: #2d3444;
  --border: #282e3d;
  --border-light: #373f52;
  --text: #f4f1ea;
  --text-muted: #a7adb9;
  --text-subtle: #737b8c;
  --accent-1: #aca90e;
  --accent-1-hover: #c2be12;
  --accent-2: #5ec2b7;
  --accent-2-hover: #74d8cd;
  --accent-ink: #0d0f14;
  --focus-ring: #5ec2b7;
  --danger: #e25555;
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-mega: 0 16px 36px rgba(0, 0, 0, 0.55);

  --f-disp: "Secular One", "Arial Black", sans-serif;
  --f-body: "K2D", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --lh-body: 1.7;
  --lh-head: 1.35;
  --lh-tight: 1.15;
  --lh-solid: 1;

  --space-05: 4px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;

  --r-sm: 4px;
  --r-card: 6px;
  --r-pill: 999px;

  --mw-cnt: 1180px;
  --mw-art: 720px;

  --h-head: 64px;
  --h-head-mb: 60px;
  --h-bnav: 60px;

  --z-drawer: 200;
  --z-sticky: 300;
  --z-bnav: 400;
  --z-skip: 900;

  --dur-fast: 140ms;
  --dur-base: 180ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  background-color: var(--bg);
  color: var(--text);
  overflow-x: clip;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: var(--lh-body);
  background-color: var(--bg);
  color: var(--text);
  overflow-x: clip;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.qe-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.qe-lock {
  overflow: hidden;
  touch-action: none;
}

[hidden] {
  display: none !important;
}

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

svg {
  display: block;
  vertical-align: middle;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

.qe-skip {
  position: absolute;
  top: -999px;
  left: var(--space-2);
  z-index: var(--z-skip);
  padding: var(--space-1) var(--space-2);
  background-color: var(--accent-1);
  color: var(--accent-ink);
  font-family: var(--f-body);
  font-weight: 700;
  font-size: 0.875rem;
  text-decoration: none;
  border-radius: var(--r-card);
}

.qe-skip:focus-visible {
  top: var(--space-2);
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

.qe-wrap {
  width: 100%;
  max-width: var(--mw-cnt);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.qe-main {
  flex: 1 0 auto;
  width: 100%;
}

.qe-h1,
.qe-h2 {
  font-family: var(--f-body);
  line-height: var(--lh-head);
  margin-top: 0;
  color: var(--text);
}

.qe-h1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: var(--space-2);
}

.qe-h2 {
  font-size: 1.625rem;
  font-weight: 700;
  margin-bottom: var(--space-3);
  position: relative;
}

.qe-eyebrow {
  margin: 0 0 var(--space-1) 0;
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--accent-2);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.qe-lead {
  margin: 0 0 var(--space-3) 0;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: var(--lh-body);
  color: var(--text-muted);
}

.qe-hd {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  background-color: var(--bg);
  border-bottom: 1px solid var(--border);
  width: 100%;
}

.qe-hd-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--h-head);
  max-width: var(--mw-cnt);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.qe-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  text-decoration: none;
  color: var(--text);
  font-family: var(--f-disp);
  font-size: 1.5rem;
  line-height: var(--lh-solid);
}

.qe-brand svg {
  height: 32px;
  width: auto;
  fill: currentColor;
}

.qe-nav {
  display: flex;
  align-items: center;
  height: 100%;
}

.qe-nl {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

.qe-dd {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.qe-ddb {
  display: inline-flex;
  align-items: center;
  gap: var(--space-05);
  background: transparent;
  border: 1px solid transparent;
  color: var(--text);
  font-family: var(--f-body);
  font-size: 0.9375rem;
  font-weight: 500;
  padding: var(--space-1) var(--space-1);
  cursor: pointer;
  border-radius: var(--r-card);
  transition: color var(--dur-base) var(--ease-out);
}

.qe-ddb:hover,
.qe-ddb:focus-visible {
  color: var(--accent-1);
}

.qe-mega {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: var(--surface);
  border: 1px solid var(--accent-1);
  border-radius: 0 0 var(--r-card) var(--r-card);
  padding: var(--space-1) 0;
  box-shadow: var(--shadow-mega);
  z-index: 10;
}

.qe-dd:hover .qe-mega,
.qe-dd:focus-within .qe-mega {
  display: flex;
  flex-direction: column;
}

.qe-mi {
  display: block;
  padding: var(--space-1) var(--space-2);
  color: var(--text);
  text-decoration: none;
  font-family: var(--f-body);
  font-size: 0.875rem;
  line-height: 1.4;
  transition: color var(--dur-base) var(--ease-out);
}

.qe-mi:hover,
.qe-mi:focus-visible {
  color: var(--accent-1);
  background-color: var(--surface-2);
}

.qe-act {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.qe-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 var(--space-3);
  border-radius: var(--r-card);
  font-family: var(--f-disp);
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  white-space: normal;
  border: 1px solid transparent;
  transition: transform var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}

.qe-btn:active {
  transform: scale(0.98);
}

.qe-btn-g {
  background-color: var(--accent-1);
  color: var(--accent-ink);
  border-color: var(--accent-1);
}

.qe-btn-g:hover,
.qe-btn-g:focus-visible {
  background-color: var(--accent-1-hover);
  color: var(--accent-ink);
}

.qe-btn-o {
  background-color: transparent;
  color: var(--text);
  border-color: var(--accent-1);
}

.qe-btn-o:hover,
.qe-btn-o:focus-visible {
  background-color: var(--surface-2);
  color: var(--accent-1);
}

.qe-hcta {
  min-height: 40px;
  padding: 0 var(--space-2);
  font-size: 0.875rem;
}

.qe-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: var(--r-card);
  cursor: pointer;
  padding: var(--space-1);
}

.qe-burger span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: var(--text);
  border-radius: 1px;
}

.qe-drawer {
  position: fixed;
  inset: 0;
  top: var(--h-head-mb);
  background-color: var(--bg);
  overflow-y: auto;
  z-index: var(--z-drawer);
  padding: var(--space-3) var(--space-2) var(--space-8);
}

.qe-dh {
  display: block;
  font-family: var(--f-disp);
  font-size: 1.25rem;
  color: var(--accent-1);
  text-decoration: none;
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-1);
  border-bottom: 1px solid var(--border);
}

.qe-dg {
  font-family: var(--f-body);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--accent-2);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: var(--space-3) 0 var(--space-1) 0;
  padding-left: var(--space-05);
}

.qe-dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

.qe-dl li a {
  display: flex;
  align-items: center;
  min-height: 48px;
  font-family: var(--f-body);
  font-size: 1.125rem;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--surface-2);
  padding: 0 var(--space-1);
  border-radius: var(--r-card);
  transition: color var(--dur-base) var(--ease-out);
}

.qe-dl li a:hover,
.qe-dl li a:focus-visible {
  color: var(--accent-1);
  background-color: var(--surface);
}

.qe-dcta {
  display: flex;
  width: 100%;
  min-height: 48px;
  margin-top: var(--space-4);
  font-size: 1rem;
}

.qe-bc {
  width: 100%;
  max-width: var(--mw-cnt);
  margin-left: auto;
  margin-right: auto;
  padding: var(--space-1) var(--space-2);
  font-size: 0.875rem;
}

.qe-bc ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--space-1);
}

.qe-bc li {
  display: inline-flex;
  align-items: center;
  color: var(--text-muted);
}

.qe-bc li + li::before {
  content: "/";
  margin-right: var(--space-1);
  color: var(--text-subtle);
}

.qe-bc a {
  color: var(--accent-2);
  text-decoration: none;
  transition: color var(--dur-base) var(--ease-out);
}

.qe-bc a:hover,
.qe-bc a:focus-visible {
  color: var(--accent-2-hover);
  text-decoration: underline;
}

.qe-bc span {
  color: var(--text-muted);
}

.qe-hero {
  padding-top: var(--space-3);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-hero-in {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-2);
  align-items: end;
  max-width: var(--mw-cnt);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.qe-hcard {
  grid-column: 1 / 6;
  grid-row: 1;
  z-index: 2;
  background-color: var(--surface);
  border-left: 4px solid var(--accent-1);
  padding: var(--space-4) var(--space-3);
  border-radius: var(--r-card);
  box-shadow: var(--shadow-card);
}

.qe-hbtn {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.qe-mosaic {
  grid-column: 6 / 13;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.qe-mosaic li {
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-1);
  overflow: hidden;
}

.qe-mosaic li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.qe-m1 {
  grid-row: span 2;
  min-height: 320px;
}

.qe-m2 {
  min-height: 150px;
  max-height: 240px;
}

.qe-m3 {
  min-height: 150px;
  max-height: 240px;
}

.qe-m4 {
  grid-column: span 2;
  min-height: 160px;
}

.qe-m5 {
  min-height: 200px;
  max-height: 240px;
}

.qe-m6 {
  min-height: 150px;
  max-height: 240px;
}

.qe-ph {
  padding-top: var(--space-3);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
  margin-bottom: 0;
}

.qe-ph-in {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
  gap: var(--space-3);
  align-items: center;
}

.qe-ph-tx {
  display: flex;
  flex-direction: column;
}

.qe-ph-st {
  display: flex;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.qe-ph-st li {
  flex: 1 1 0;
  min-width: 0;
  height: 180px;
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  padding: var(--space-1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qe-ph-st li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.qe-prov {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-row {
  margin-bottom: var(--space-4);
}

.qe-rh {
  display: flex;
  flex-direction: column;
  gap: var(--space-05);
  margin-bottom: var(--space-2);
}

.qe-rn {
  font-family: var(--f-disp);
  font-size: 1.375rem;
  color: var(--accent-1);
  margin: 0;
  line-height: var(--lh-tight);
}

.qe-rd {
  font-family: var(--f-body);
  font-size: 0.875rem;
  color: var(--text-muted);
  margin: 0;
}

.qe-rs {
  display: flex;
  gap: var(--space-1);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  padding: var(--space-05) 0 var(--space-2) 0;
}

.qe-rs li {
  flex: 0 0 160px;
  width: 160px;
  scroll-snap-align: start;
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  padding: var(--space-1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.qe-rs li img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: var(--r-sm);
}

.qe-row-l {
  margin-bottom: var(--space-2);
}

.qe-lgs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.qe-lgs li,
.qe-lg {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-1);
}

.qe-lgs li img,
.qe-lg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.qe-lgt {
  font-family: var(--f-body);
  font-size: 0.75rem;
  color: var(--text-subtle);
  margin-top: var(--space-05);
  text-align: center;
}

.qe-prose {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-art,
.qe-prose article {
  max-width: var(--mw-art);
  margin-left: auto;
  margin-right: auto;
  font-family: var(--f-body);
  font-size: 1rem;
  line-height: var(--lh-body);
  color: var(--text);
}

.qe-art h2,
.qe-prose article h2 {
  font-size: 1.625rem;
  line-height: var(--lh-head);
  color: var(--text);
  border-left: 4px solid var(--accent-1);
  padding-left: var(--space-1);
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
  font-weight: 700;
}

.qe-art p,
.qe-prose article p {
  font-size: 1.0625rem;
  line-height: var(--lh-body);
  margin-top: 0;
  margin-bottom: var(--space-2);
  color: var(--text);
}

.qe-art ul,
.qe-art ol,
.qe-prose article ul,
.qe-prose article ol {
  margin-top: 0;
  margin-bottom: var(--space-3);
  padding-left: var(--space-3);
}

.qe-art ul li,
.qe-prose article ul li {
  margin-bottom: var(--space-1);
  list-style-type: disc;
}

.qe-art ul li::marker,
.qe-prose article ul li::marker {
  color: var(--accent-1);
}

.qe-art ol li,
.qe-prose article ol li {
  margin-bottom: var(--space-1);
  list-style-type: decimal;
}

.qe-art ol li::marker,
.qe-prose article ol li::marker {
  color: var(--accent-1);
  font-weight: 700;
}

.qe-art a,
.qe-prose article a {
  color: var(--accent-2);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--dur-base) var(--ease-out);
}

.qe-art a:hover,
.qe-art a:focus-visible,
.qe-prose article a:hover,
.qe-prose article a:focus-visible {
  color: var(--accent-2-hover);
}

.qe-art table,
.qe-prose article table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--space-3) 0;
  font-size: 0.9375rem;
}

.qe-art th,
.qe-art td,
.qe-prose article th,
.qe-prose article td {
  padding: var(--space-1) var(--space-2);
  border: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.qe-art th,
.qe-prose article th {
  background-color: var(--surface);
  color: var(--accent-1);
  font-weight: 700;
}

.qe-mid {
  background-color: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-card);
  padding: var(--space-3);
  margin: var(--space-4) 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  align-items: flex-start;
}

.qe-free {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-free-in {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-3);
  align-items: center;
}

.qe-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}

.qe-chips li {
  display: inline-flex;
  align-items: center;
  padding: var(--space-05) var(--space-2);
  border-radius: var(--r-pill);
  background-color: var(--surface);
  border: 1px solid var(--accent-2);
  color: var(--accent-2);
  font-size: 0.8125rem;
  font-weight: 600;
}

.qe-promo {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-pg {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.qe-pc {
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  padding: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.qe-pc h3 {
  font-family: var(--f-body);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--accent-1);
  margin: 0;
}

.qe-pc p {
  font-size: 0.875rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}

.qe-pc p a {
  color: var(--accent-2);
  text-decoration: underline;
}

.qe-faq {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-qa {
  border-bottom: 1px solid var(--border);
  padding: 0;
}

.qe-qa summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: var(--space-1) 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.qe-qa summary::-webkit-details-marker {
  display: none;
}

.qe-qa summary::after {
  content: "+";
  font-family: var(--f-disp);
  font-size: 1.25rem;
  color: var(--accent-1);
  transition: transform var(--dur-base) var(--ease-out);
}

.qe-qa[open] summary::after {
  transform: rotate(45deg);
}

.qe-qa p {
  padding-bottom: var(--space-2);
  color: var(--text-muted);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0;
}

.qe-kl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.qe-kc {
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  padding: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.qe-kt {
  font-family: var(--f-body);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--accent-1);
  margin: 0;
}

.qe-kd {
  font-size: 0.9375rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}

.qe-kids {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  list-style: none;
  margin: var(--space-1) 0 0 0;
  padding: 0;
}

.qe-kids li {
  background-color: var(--surface-2);
  padding: var(--space-05) var(--space-1);
  border-radius: var(--r-sm);
  font-size: 0.75rem;
  color: var(--text);
}

.qe-live {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  background-color: var(--bg);
}

.qe-lt {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  list-style: none;
  margin: var(--space-2) 0;
  padding: 0;
}

.qe-lt li {
  background-color: var(--surface);
  border-radius: var(--r-card);
  border: 1px solid var(--border);
  padding: var(--space-1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qe-lt li img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.qe-cta {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  background-color: var(--surface);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
}

.qe-cta .qe-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  max-width: 680px;
}

.qe-cta-t {
  font-family: var(--f-body);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: var(--lh-head);
  color: var(--text);
  margin: 0;
}

.qe-cta-n {
  font-size: 0.8125rem;
  color: var(--text-subtle);
  margin: 0;
}

.qe-ft-wrap {
  background-color: var(--surface);
  border-top: 1px solid var(--border);
  padding-top: var(--space-6);
  padding-bottom: var(--space-3);
  margin-top: var(--space-6);
}

.qe-ft-in {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-4);
  max-width: var(--mw-cnt);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--border);
}

.qe-fa {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.qe-fa p {
  font-size: 0.875rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}

.qe-fc {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.qe-fh {
  font-family: var(--f-body);
  font-size: 1rem;
  font-weight: 700;
  color: var(--accent-1);
  margin: 0 0 var(--space-1) 0;
}

.qe-fc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.qe-fc ul li a {
  color: var(--text-muted);
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.5;
  transition: color var(--dur-base) var(--ease-out);
}

.qe-fc ul li a:hover,
.qe-fc ul li a:focus-visible {
  color: var(--text);
}

.qe-ft-tb {
  max-width: var(--mw-cnt);
  margin: var(--space-3) auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.qe-ft {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  font-size: 0.8125rem;
}

.qe-ft caption {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--text);
  text-align: left;
  margin-bottom: var(--space-1);
}

.qe-ft th,
.qe-ft td {
  padding: var(--space-1) var(--space-1);
  border: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.qe-ft thead th {
  background-color: var(--bg);
  color: var(--accent-1);
  font-weight: 700;
}

.qe-ft tbody th {
  width: 30%;
  background-color: var(--surface-2);
  color: var(--text);
  font-weight: 600;
}

.qe-ft tbody td {
  background-color: var(--surface);
  color: var(--text-muted);
}

.qe-age {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  margin-top: var(--space-3);
  margin-bottom: var(--space-1);
  font-size: 0.8125rem;
  color: var(--text-subtle);
  text-align: center;
}

.qe-age-b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--r-pill);
  border: 2px solid var(--danger);
  color: var(--danger);
  font-family: var(--f-disp);
  font-size: 0.75rem;
  font-weight: 700;
}

.qe-cp {
  text-align: center;
  font-size: 0.75rem;
  color: var(--text-subtle);
  margin: 0;
}

.qe-bn {
  display: none;
}

@media (max-width: 959.98px) {
  body.qe-body {
    padding-bottom: 72px;
  }

  .qe-nav {
    display: none;
  }

  .qe-burger {
    display: flex;
  }

  .qe-hcta {
    min-height: 36px;
    padding: 0 var(--space-1);
    font-size: 0.8125rem;
  }

  .qe-hd-in {
    height: var(--h-head-mb);
  }

  .qe-hero-in {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .qe-hcard {
    order: 1;
    width: 100%;
    padding: var(--space-2) var(--space-2);
  }

  .qe-mosaic {
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-1);
    width: 100%;
  }

  .qe-mosaic li {
    min-height: 150px;
    grid-column: auto;
    grid-row: auto;
  }

  .qe-ph-in {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
  }

  .qe-ph-tx {
    order: 1;
    width: 100%;
  }

  .qe-ph-st {
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-1);
    width: 100%;
  }

  .qe-ph-st li {
    height: 150px;
  }

  .qe-bn {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--h-bnav);
    background-color: var(--surface);
    border-top: 1px solid var(--border);
    z-index: var(--z-bnav);
  }

  .qe-bt,
  .qe-bmenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: var(--text-muted);
    text-decoration: none;
    background: transparent;
    border: none;
    padding: var(--space-05) 0;
    cursor: pointer;
    min-height: 40px;
    transition: color var(--dur-base) var(--ease-out);
  }

  .qe-bt span,
  .qe-bmenu span {
    font-family: var(--f-body);
    font-size: 0.75rem;
    line-height: var(--lh-solid);
    color: var(--text-muted);
  }

  .qe-bt:hover,
  .qe-bt:focus-visible,
  .qe-bmenu:hover,
  .qe-bmenu:focus-visible {
    color: var(--accent-1);
  }

  .qe-bt:hover span,
  .qe-bt:focus-visible span,
  .qe-bmenu:hover span,
  .qe-bmenu:focus-visible span {
    color: var(--accent-1);
  }

  .qe-ic {
    width: 22px;
    height: 22px;
    stroke: var(--accent-1);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
}

@media (max-width: 767.98px) {
  .qe-free-in {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .qe-pg {
    grid-template-columns: minmax(0, 1fr);
  }

  .qe-kl {
    grid-template-columns: minmax(0, 1fr);
  }

  .qe-lt {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .qe-ft-in {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
  }

  .qe-fa {
    grid-column: span 1;
  }

  .qe-rs li {
    flex: 0 0 132px;
    width: 132px;
  }
}

@media (max-width: 390px) {
  .qe-wrap {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }

  .qe-hd-in {
    height: 60px;
  }

  .qe-h1 {
    font-size: 1.5rem;
  }

  .qe-h2 {
    font-size: 1.375rem;
  }

  .qe-btn {
    width: 100%;
  }

  .qe-hbtn {
    flex-direction: column;
  }

  .qe-mosaic li {
    min-height: 140px;
  }

  .qe-rs {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
  }
}

@media (min-width: 1366px) {
  .qe-hero-in {
    gap: var(--space-3);
  }

  .qe-hcard {
    padding: var(--space-5) var(--space-4);
  }

  .qe-mosaic {
    gap: var(--space-2);
  }

  .qe-rs li {
    flex: 0 0 170px;
    width: 170px;
  }
}

@media (min-width: 1920px) {
  .qe-wrap {
    max-width: 1240px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.qe-brand .qe-mk{height:32px;width:auto;color:var(--accent-1,#aca90e)}
.qe-brand .qe-mkt{font-family:var(--f-disp);fill:var(--text,#f4f1ea);font-size:30px}
@media (min-width:900px){
.qe-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:28px;align-items:center}
.qe-hcard{grid-column:1;grid-row:1;align-self:center;width:auto;position:static}
.qe-mosaic{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:8px;margin:0;padding:0;list-style:none;height:auto}
.qe-mosaic li{min-height:0;height:auto;aspect-ratio:2/3;grid-column:auto;grid-row:auto;padding:4px}
.qe-mosaic li img{width:100%;height:100%;object-fit:contain}
.qe-mosaic .qe-m1{grid-column:1/3;grid-row:1/3;aspect-ratio:auto;height:100%}
.qe-mosaic .qe-m2{grid-column:3;grid-row:1}
.qe-mosaic .qe-m3{grid-column:3;grid-row:2}
.qe-mosaic .qe-m4{grid-column:1;grid-row:3}
.qe-mosaic .qe-m5{grid-column:2;grid-row:3}
.qe-mosaic .qe-m6{grid-column:3;grid-row:3}
}
@media (max-width:899px){
.qe-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,176px);gap:8px;margin:0;padding:0;list-style:none}
.qe-mosaic li{min-height:0;height:100%;padding:4px}
.qe-mosaic li img{width:100%;height:100%;object-fit:contain}
.qe-mosaic .qe-m1,.qe-mosaic .qe-m2,.qe-mosaic .qe-m3,.qe-mosaic .qe-m4,.qe-mosaic .qe-m5,.qe-mosaic .qe-m6{grid-column:auto;grid-row:auto}
.qe-hcard .qe-lead{font-size:15px;margin-bottom:12px}
}
.qe-ph-tx .qe-btn{align-self:flex-start;width:auto;display:inline-flex}
@media (max-width:899px){.qe-ph-tx .qe-btn{width:100%}}
@media (max-width:1000px){.qe-ft-in{grid-template-columns:repeat(2,minmax(0,1fr))}.qe-fa{grid-column:1/-1}}
.qe-art a.qe-btn,.qe-mid a.qe-btn{text-decoration:none;color:var(--accent,#aca90e)}

.qe-h1{text-wrap:balance}