[data-theme="light"] {
  --green: #0B6B59;
  --green-bright: #0E7A67;
  --gold: #9D7332;
  --gold-soft: #B98738;
  --bg: #F3EADB;
  --bg-soft: #E6D7C3;
  --surface: #FFF9EE;
  --surface-2: #F3E7D6;
  --surface-3: #E8D6BC;
  --text: #101916;
  --muted: #4E473D;
  --body: #1E2925;
  --line: rgba(123,91,42,.30);
  --line-soft: rgba(123,91,42,.18);
  --shadow: 0 30px 92px rgba(77,53,20,.18);
  --shadow-soft: 0 18px 52px rgba(77,53,20,.11);
}
.container { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }
.dropdown a:hover, .dropdown a.is-current { background: color-mix(in srgb, var(--gold) 10%, transparent); }
.faq-page { position: relative; z-index: 1; padding: 0 0 34px; }
.faq-hero {
  min-height: auto;
  padding: 96px 0 70px;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(500px, .72fr);
  gap: clamp(34px, 5vw, 70px);
  align-items: center;
}
.hero-copy { max-width: 760px; }
.hero-copy h1 {
  margin: 0 0 24px;
  font-family: var(--font-serif);
  font-size: clamp(44px, 4.2vw, 64px);
  font-weight: 500;
  letter-spacing: -.052em;
  line-height: .98;
  color: var(--text);
}
.hero-copy p { max-width: 760px; margin: 0; color: var(--muted); font-size: clamp(18px, 1.18vw, 21px); line-height: 1.62; font-weight: 500; letter-spacing: -.01em; }
.knowledge-visual {
  position: relative;
  width: min(560px, 100%);
  aspect-ratio: 1.48 / 1;
  height: auto;
  min-height: 350px;
  justify-self: end;
  border-radius: 38px;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 52% 48%, rgba(21,154,130,.25), transparent 34%),
    radial-gradient(circle at 72% 18%, rgba(216,193,150,.12), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 92%, transparent), color-mix(in srgb, var(--surface) 96%, transparent));
  box-shadow: var(--shadow);
  overflow: hidden;
  display: grid;
  place-items: center;
}
[data-theme="light"] .knowledge-visual { background: linear-gradient(145deg, rgba(255,253,248,.92), rgba(247,240,229,.84)); box-shadow: 0 24px 80px rgba(52,39,18,.10); }
.knowledge-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .38;
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--gold) 42%, transparent) 1px, transparent 1.6px),
    linear-gradient(90deg, rgba(21,154,130,.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(21,154,130,.07) 1px, transparent 1px);
  background-size: 30px 30px, 96px 96px, 96px 96px;
  mask-image: radial-gradient(ellipse at 50% 50%, #000 0 62%, transparent 86%);
}
.knowledge-visual::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 38px;
  width: 388px;
  height: 86px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(53,179,148,.28), transparent 66%);
  filter: blur(10px);
  animation: bookGlow 5.8s ease-in-out infinite;
}
.orbit-ring { position: absolute; left: 50%; top: 49%; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--gold) 35%, transparent); transform: translate(-50%, -50%); pointer-events: none; }
.orbit-one { width: 286px; height: 286px; animation: spin 28s linear infinite; }
.orbit-two { width: 390px; height: 390px; border-style: dashed; opacity: .68; animation: spinReverse 40s linear infinite; }
.orbit-three { width: 500px; height: 245px; border-radius: 50%; opacity: .58; transform: translate(-50%, -50%) rotate(-12deg); animation: orbitTilt 8.8s ease-in-out infinite; }
.visual-particle { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--green-bright); box-shadow: 0 0 18px rgba(53,179,148,.75); z-index: 2; animation: particleFloat 9s ease-in-out infinite; }
.visual-particle.gold { background: var(--gold); box-shadow: 0 0 18px rgba(216,193,150,.70); }
.p1 { left: 20%; top: 29%; animation-delay: -1.2s; }
.p2 { right: 20%; top: 24%; animation-delay: -3.1s; }
.p3 { left: 16%; bottom: 31%; animation-delay: -4.6s; }
.p4 { right: 16%; bottom: 30%; animation-delay: -2.2s; }
.p5 { left: 50%; top: 10%; animation-delay: -5.4s; }
.book-stage { position: relative; z-index: 3; width: 420px; height: 250px; display: grid; place-items: end center; transform: scale(.94); transform-origin: center; }
.book-svg { position: absolute; bottom: 18px; width: 374px; max-width: 94%; height: auto; filter: drop-shadow(0 24px 36px rgba(0,0,0,.35)); animation: bookFloat 7.2s ease-in-out infinite; }
.question-core {
  position: absolute;
  z-index: 4;
  top: 10px;
  left: 50%;
  width: 106px;
  height: 132px;
  transform: translateX(-50%);
  display: grid;
  place-items: center;
  color: var(--gold-soft);
  font-family: var(--font-serif);
  font-size: 116px;
  line-height: 1;
  text-shadow: 0 0 18px rgba(216,193,150,.36), 0 0 54px rgba(21,154,130,.40);
  animation: questionFloat 5.8s ease-in-out infinite;
}
.question-core::before { content: ""; position: absolute; inset: 20px 10px; border-radius: 50%; background: radial-gradient(circle, rgba(21,154,130,.24), transparent 67%); filter: blur(4px); z-index: -1; }
.faq-main { padding: 0 0 70px; }
.faq-layout { display: grid; grid-template-columns: 318px 1fr; gap: 34px; align-items: start; }
.category-panel { position: sticky; top: 124px; border: 1px solid var(--line); border-radius: 26px; background: color-mix(in srgb, var(--surface) 90%, transparent); box-shadow: var(--shadow-soft); padding: 22px 18px 18px; }
[data-theme="light"] .category-panel { background: rgba(255,253,248,.70); border-color: rgba(151,121,72,.18); box-shadow: 0 18px 52px rgba(52,39,18,.075), inset 0 1px 0 rgba(255,255,255,.72); }
.category-title { display: block; margin: 0 0 17px; padding: 0 9px; color: var(--gold); font-size: 17px; line-height: 1; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
[data-theme="light"] .category-title { color: #8F6A29; }
.category-nav { display: grid; gap: 4px; }
.category-link { position: relative; display: flex; align-items: center; min-height: 48px; padding: 10px 13px 10px 20px; border-radius: 15px; color: var(--muted); font-size: 16.5px; line-height: 1.34; font-weight: 760; letter-spacing: -.01em; transition: background .18s ease, color .18s ease, transform .18s ease; }
.category-link::before { content: ""; position: absolute; left: 8px; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: color-mix(in srgb, var(--green) 60%, transparent); transform: translateY(-50%); opacity: .54; }
.category-link:hover { color: var(--text); background: color-mix(in srgb, var(--green) 8%, transparent); transform: translateX(2px); }
.category-link.is-active { color: var(--text); background: linear-gradient(90deg, color-mix(in srgb, var(--green) 20%, transparent), color-mix(in srgb, var(--green) 6%, transparent)); }
.category-link.is-active::before { background: var(--green-bright); opacity: 1; box-shadow: 0 0 13px rgba(53,179,148,.55); }
[data-theme="light"] .category-link { color: #5E564D; }
[data-theme="light"] .category-link.is-active { color: #101916; background: linear-gradient(90deg, rgba(21,154,130,.11), rgba(185,143,70,.07)); }
.faq-content { display: grid; gap: 38px; min-width: 0; }
.faq-section { scroll-margin-top: 124px; border: 1px solid var(--line); border-radius: 34px; background: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: var(--shadow-soft); padding: clamp(30px, 3.2vw, 44px); }
[data-theme="light"] .faq-section { background: rgba(255,253,248,.70); border-color: rgba(151,121,72,.18); box-shadow: 0 18px 52px rgba(52,39,18,.075); }
.faq-section h2 { margin: 0 0 24px; font-family: var(--font-serif); font-size: clamp(32px, 3vw, 48px); font-weight: 500; letter-spacing: -.04em; line-height: 1.02; color: var(--text); }
.faq-section h2::after { content: ""; display: block; width: 62px; height: 1px; margin-top: 14px; background: linear-gradient(90deg, var(--gold), transparent); }
.faq-list { display: grid; gap: 13px; }
.faq-item { border: 1px solid var(--line); border-radius: 22px; background: color-mix(in srgb, var(--surface-2) 72%, transparent); overflow: hidden; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }
[data-theme="light"] .faq-item { background: rgba(255,253,248,.56); border-color: rgba(151,121,72,.18); }
.faq-item[open] { border-color: color-mix(in srgb, var(--green-bright) 36%, var(--line)); box-shadow: inset 4px 0 0 color-mix(in srgb, var(--green-bright) 86%, transparent); }
.faq-item summary { list-style: none; cursor: pointer; min-height: 78px; display: grid; grid-template-columns: 60px 1fr 42px; gap: 14px; align-items: center; padding: 19px 21px 19px 30px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-code { color: var(--green-bright); font-size: 15px; font-weight: 950; letter-spacing: .04em; }
.faq-question { color: var(--text); font-size: 18px; font-weight: 850; letter-spacing: -.02em; line-height: 1.28; }
.faq-toggle { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; color: var(--gold); justify-self: end; }
.faq-toggle::before { content: "+"; font-size: 24px; line-height: 1; transform: translateY(-1px); }
.faq-item[open] .faq-toggle::before { content: "–"; font-size: 24px; transform: translateY(-2px); }
.faq-answer { padding: 0 30px 28px 104px; color: var(--muted); font-size: 18px; line-height: 1.72; letter-spacing: -.006em; }
.faq-answer p { margin: 0 0 14px; }
.faq-answer p:last-child { margin-bottom: 0; }
.faq-answer ul { margin: 4px 0 16px; padding-left: 20px; }
.faq-answer li { margin: 7px 0; font-size: 18px; line-height: 1.72; }
.site-footer { position: relative; z-index: 1; color: var(--muted); padding: 20px 0 36px; }
.footer-inner { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; font-size: 14px; }
[data-theme="light"] .hero-copy p { color: #33413C; }
[data-theme="light"] .knowledge-visual {
  background:
    radial-gradient(circle at 66% 32%, rgba(14,122,103,.22), transparent 28%),
    radial-gradient(circle at 30% 72%, rgba(157,115,50,.23), transparent 35%),
    linear-gradient(145deg, rgba(255,249,238,.98), rgba(231,216,195,.96));
  border-color: rgba(123,91,42,.34);
  box-shadow: 0 32px 92px rgba(77,53,20,.20), inset 0 1px 0 rgba(255,255,255,.86), inset 0 0 0 1px rgba(11,107,89,.08);
}
[data-theme="light"] .knowledge-visual::before {
  opacity: .68;
  background-image:
    radial-gradient(circle, rgba(11,107,89,.34) 1px, transparent 1.6px),
    linear-gradient(90deg, rgba(11,107,89,.13) 1px, transparent 1px),
    linear-gradient(0deg, rgba(157,115,50,.12) 1px, transparent 1px);
}
[data-theme="light"] .knowledge-visual::after {
  background: radial-gradient(circle, rgba(11,107,89,.36), rgba(157,115,50,.18) 36%, transparent 68%);
  filter: blur(8px);
}
[data-theme="light"] .orbit-ring { border-color: rgba(11,107,89,.35); box-shadow: 0 0 18px rgba(11,107,89,.12); }
[data-theme="light"] .orbit-two { border-color: rgba(157,115,50,.38); }
[data-theme="light"] .orbit-three { border-color: rgba(11,107,89,.30); opacity: .72; }
[data-theme="light"] .visual-particle { background: #0B6B59; box-shadow: 0 0 20px rgba(11,107,89,.48); }
[data-theme="light"] .visual-particle.gold { background: #9D7332; box-shadow: 0 0 20px rgba(157,115,50,.48); }
[data-theme="light"] .question-core {
  color: #8F6724;
  text-shadow: 0 1px 0 rgba(255,255,255,.75), 0 0 18px rgba(157,115,50,.36), 0 0 52px rgba(11,107,89,.32);
}
[data-theme="light"] .question-core::before { background: radial-gradient(circle, rgba(11,107,89,.20), rgba(157,115,50,.12) 36%, transparent 70%); }
[data-theme="light"] .book-svg { filter: drop-shadow(0 24px 32px rgba(77,53,20,.24)) drop-shadow(0 0 16px rgba(11,107,89,.18)) contrast(1.08) saturate(1.08); }
[data-theme="light"] .category-panel,
[data-theme="light"] .faq-section {
  background: linear-gradient(145deg, rgba(255,249,238,.88), rgba(241,228,208,.82));
  border-color: rgba(123,91,42,.25);
  box-shadow: 0 20px 58px rgba(77,53,20,.11), inset 0 1px 0 rgba(255,255,255,.72);
}
[data-theme="light"] .category-title { color: #76531F; }
[data-theme="light"] .category-link { color: #453E35; }
[data-theme="light"] .category-link::before { background: rgba(11,107,89,.62); }
[data-theme="light"] .category-link:hover { color: #101916; background: rgba(11,107,89,.08); }
[data-theme="light"] .category-link.is-active { color: #101916; background: linear-gradient(90deg, rgba(11,107,89,.14), rgba(157,115,50,.09)); }
[data-theme="light"] .faq-section h2 { color: #101916; }
[data-theme="light"] .faq-section h2::after { background: linear-gradient(90deg, #9D7332, rgba(11,107,89,.26), transparent); }
[data-theme="light"] .faq-item { background: rgba(255,251,242,.78); border-color: rgba(123,91,42,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.64); }
[data-theme="light"] .faq-item[open] { border-color: rgba(11,107,89,.42); box-shadow: inset 4px 0 0 rgba(11,107,89,.52), 0 16px 38px rgba(77,53,20,.09); }
[data-theme="light"] .faq-code { color: #0B6B59; }
[data-theme="light"] .faq-question { color: #101916; }
[data-theme="light"] .faq-answer { color: #3F3931; }
[data-theme="light"] .faq-toggle { border-color: rgba(123,91,42,.28); color: #8F6724; background: rgba(255,249,238,.64); }
[data-theme="light"] .site-footer { color: #51483E; }
@keyframes spin { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes spinReverse { from { transform: translate(-50%,-50%) rotate(10deg); } to { transform: translate(-50%,-50%) rotate(-350deg); } }
@keyframes orbitTilt { 0%,100% { transform: translate(-50%,-50%) rotate(-12deg) scale(1); opacity:.58; } 50% { transform: translate(-50%,-50%) rotate(7deg) scale(1.04); opacity:.86; } }
@keyframes bookGlow { 0%,100% { opacity:.62; transform: translateX(-50%) scale(.96); } 50% { opacity:1; transform: translateX(-50%) scale(1.08); } }
@keyframes questionFloat { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-10px); } }
@keyframes bookFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes particleFloat { 0%,100% { transform: translate3d(0,0,0); opacity:.72; } 50% { transform: translate3d(0,-14px,0); opacity:1; } }
@media (max-width: 1120px) {
  .site-header { position: static; margin-top: 12px; height: auto; flex-wrap: wrap; padding: 14px; }
  .nav { display: none; }
  .faq-page { padding-top: 0; }
  .faq-hero { grid-template-columns: 1fr; min-height: auto; padding: 76px 0 58px; }
  .knowledge-visual { justify-self: start; width: min(100%, 600px); aspect-ratio: 1.48 / 1; height: auto; min-height: 360px; }
  .faq-layout { grid-template-columns: 1fr; }
  .category-panel { position: relative; top: 0; }
  .category-nav { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
  .category-link { min-width: max-content; }
}
@media (max-width: 720px) {
  .container, .site-header, .footer-inner { width: min(100% - 32px, var(--container)); }
  .header-actions { width: 100%; flex-wrap: wrap; }
  .faq-page { padding-top: 0; }
  .faq-hero { padding: 58px 0 46px; }
  .hero-copy h1 { font-size: clamp(40px, 10vw, 52px); }
  .hero-copy p { font-size: 17px; line-height: 1.62; }
  .knowledge-visual { width: 100%; aspect-ratio: 1.32 / 1; height: auto; min-height: 318px; border-radius: 30px; }
  .book-stage { transform: scale(.74); }
  .faq-section { padding: 25px 18px; border-radius: 26px; }
  .faq-item summary { grid-template-columns: 48px 1fr 34px; padding: 17px 15px; gap: 10px; }
  .faq-question { font-size: 17px; }
  .faq-answer { padding: 0 18px 22px 63px; font-size: 16.5px; line-height: 1.72; }
  .category-title { font-size: 16px; }
  .category-link { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
[data-theme="light"] {
  --green: #0E7664;
  --green-bright: #159A82;
  --gold: #B98F46;
  --gold-soft: #8A672B;
  --bg: #F7F2E9;
  --bg-soft: #EFE6D8;
  --surface: #FFFDF8;
  --surface-2: #F8F0E5;
  --surface-3: #EDE0CB;
  --text: #101916;
  --muted: #5F584E;
  --body: #26312D;
  --line: rgba(151,121,72,.22);
  --line-soft: rgba(151,121,72,.12);
  --shadow: 0 28px 88px rgba(52,39,18,.11);
  --shadow-soft: 0 18px 48px rgba(52,39,18,.075);
}
[data-theme="light"] .hero-copy p {
  color: #26312D;
}
[data-theme="light"] .knowledge-visual {
  background:
    radial-gradient(circle at 54% 45%, rgba(21,154,130,.16), transparent 36%),
    radial-gradient(circle at 72% 18%, rgba(185,143,70,.15), transparent 32%),
    linear-gradient(145deg, rgba(255,253,248,.94), rgba(248,240,229,.88));
  border-color: rgba(151,121,72,.22);
  box-shadow: 0 24px 80px rgba(52,39,18,.10), inset 0 1px 0 rgba(255,255,255,.72);
}
[data-theme="light"] .knowledge-visual::before {
  opacity: .46;
  background-image:
    radial-gradient(circle, rgba(185,143,70,.38) 1px, transparent 1.6px),
    linear-gradient(90deg, rgba(14,118,100,.09) 1px, transparent 1px),
    linear-gradient(0deg, rgba(14,118,100,.07) 1px, transparent 1px);
}
[data-theme="light"] .knowledge-visual::after {
  background: radial-gradient(circle, rgba(21,154,130,.24), rgba(185,143,70,.10) 38%, transparent 68%);
}
[data-theme="light"] .orbit-ring {
  border-color: rgba(185,143,70,.34);
}
[data-theme="light"] .orbit-two {
  border-color: rgba(14,118,100,.25);
}
[data-theme="light"] .orbit-three {
  border-color: rgba(14,118,100,.22);
  opacity: .62;
}
[data-theme="light"] .visual-particle {
  background: #159A82;
  box-shadow: 0 0 18px rgba(21,154,130,.48);
}
[data-theme="light"] .visual-particle.gold {
  background: #B98F46;
  box-shadow: 0 0 18px rgba(185,143,70,.48);
}
[data-theme="light"] .question-core {
  color: #8A672B;
  text-shadow: 0 1px 0 rgba(255,255,255,.72), 0 0 18px rgba(185,143,70,.30), 0 0 48px rgba(21,154,130,.24);
}
[data-theme="light"] .book-svg {
  filter: drop-shadow(0 22px 30px rgba(52,39,18,.20)) drop-shadow(0 0 14px rgba(21,154,130,.12)) saturate(1.04);
}
[data-theme="light"] .category-panel,
[data-theme="light"] .faq-section {
  background: rgba(255,253,248,.74);
  border-color: rgba(151,121,72,.20);
  box-shadow: 0 18px 52px rgba(52,39,18,.075), inset 0 1px 0 rgba(255,255,255,.70);
}
[data-theme="light"] .category-title {
  color: #8A672B;
}
[data-theme="light"] .category-link {
  color: #5F584E;
}
[data-theme="light"] .category-link:hover {
  color: #101916;
  background: rgba(14,118,100,.07);
}
[data-theme="light"] .category-link.is-active {
  color: #101916;
  background: linear-gradient(90deg, rgba(14,118,100,.11), rgba(185,143,70,.06));
}
[data-theme="light"] .faq-section h2,
[data-theme="light"] .faq-question {
  color: #101916;
}
[data-theme="light"] .faq-item {
  background: rgba(255,253,248,.62);
  border-color: rgba(151,121,72,.18);
}
[data-theme="light"] .faq-item[open] {
  border-color: rgba(14,118,100,.34);
  box-shadow: inset 4px 0 0 rgba(21,154,130,.50), 0 14px 34px rgba(52,39,18,.07);
}
[data-theme="light"] .faq-code {
  color: #0E7664;
}
[data-theme="light"] .faq-answer {
  color: #3E4843;
}
[data-theme="light"] .faq-toggle {
  border-color: rgba(151,121,72,.22);
  color: #8A672B;
  background: rgba(255,253,248,.62);
}
html[data-theme="light"],
[data-theme="light"]{
  --bg:#F7F2E9!important;
  --bg-soft:#EFE6D8!important;
  --surface:#FFFDF8!important;
  --surface2:#F8F0E5!important;
  --surface-2:#F8F0E5!important;
  --surface3:#EDE0CB!important;
  --surface-3:#EDE0CB!important;
  --text:#101916!important;
  --muted:#655F56!important;
  --body:#26312D!important;
  --line:rgba(151,121,72,.22)!important;
  --line2:rgba(151,121,72,.12)!important;
  --line-soft:rgba(151,121,72,.12)!important;
  --line-green:rgba(21,154,130,.16)!important;
  --button:#C9A45D!important;
  --buttonText:#10110D!important;
  --button-text:#10110D!important;
  --shadow:0 34px 92px rgba(52,39,18,.115)!important;
  --shadow-soft:0 18px 48px rgba(52,39,18,.075)!important;
}
html[data-theme="light"],
html[data-theme="light"] body,
[data-theme="light"] body{
  background:
    radial-gradient(circle at 82% 7%,rgba(201,164,93,.18),transparent 28%),
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.82),transparent 30%),
    radial-gradient(circle at 11% 88%,rgba(21,154,130,.085),transparent 30%),
    linear-gradient(180deg,#FAF7F0 0%,#F0E6D8 58%,#E9DDCC 100%)!important;
  background-color:#FAF7F0!important;
}
html[data-theme="light"] .page-bg,
[data-theme="light"] .page-bg{
  background:
    radial-gradient(circle at 82% 7%,rgba(201,164,93,.18),transparent 28%),
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.82),transparent 30%),
    radial-gradient(circle at 11% 88%,rgba(21,154,130,.085),transparent 30%),
    linear-gradient(180deg,#FAF7F0 0%,#F0E6D8 58%,#E9DDCC 100%)!important;
}
html[data-theme="light"] .page-bg .ambient,
html[data-theme="light"] .page-bg .contour,
html[data-theme="light"] .get-page::before,
html[data-theme="light"] .who-page::before,
html[data-theme="light"] .stake-page::before,
html[data-theme="light"] .atomic-page::before,
html[data-theme="light"] .faq-page::before,
html[data-theme="light"] .why-page::before,
html[data-theme="light"] .roadmap-page::before,
[data-theme="light"] .page-bg .ambient,
[data-theme="light"] .page-bg .contour,
[data-theme="light"] .get-page::before,
[data-theme="light"] .who-page::before,
[data-theme="light"] .stake-page::before,
[data-theme="light"] .atomic-page::before,
[data-theme="light"] .faq-page::before,
[data-theme="light"] .why-page::before,
[data-theme="light"] .roadmap-page::before{
  opacity:0!important;
}
html[data-theme="light"] .get-page,
html[data-theme="light"] .who-page,
html[data-theme="light"] .stake-page,
html[data-theme="light"] .atomic-page,
html[data-theme="light"] .faq-page,
html[data-theme="light"] .why-page,
html[data-theme="light"] .roadmap-page,
[data-theme="light"] .get-page,
[data-theme="light"] .who-page,
[data-theme="light"] .stake-page,
[data-theme="light"] .atomic-page,
[data-theme="light"] .faq-page,
[data-theme="light"] .why-page,
[data-theme="light"] .roadmap-page{
  background:transparent!important;
  color:var(--text)!important;
}
main h1,
.hero-title,
.who-title,
.why-title,
.faq-hero h1,
.hero-copy h1,
#stake-title,
#atomic-title,
#why-title,
#faq-title{
  font-family:var(--font-serif,var(--fontSerif,Georgia,"Times New Roman",serif))!important;
  font-size:clamp(48px,5.15vw,74px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:500!important;
  color:var(--text)!important;
  text-wrap:normal!important;
}
main h2,
.section-title,
.section-head h2,
.section-heading h2,
.chapter-intro h3,
.action-card h3,
.option-title,
.check-title,
.server-title,
.guide-card h3,
.stake-article h3,
.faq-section h2,
.reason-copy h3,
.value-panel h2,
.summary-panel h2,
.summary-card h2{
  font-family:var(--font-serif,var(--fontSerif,Georgia,"Times New Roman",serif))!important;
  font-size:clamp(27px,2.25vw,36px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  font-weight:500!important;
  color:var(--text)!important;
}
main h3,
.path-card h3,
.path-item h3,
.role-entry h4,
.role-copy .closing,
.faq-question{
  font-weight:850!important;
}
html[data-theme="light"] main h1,
html[data-theme="light"] .hero-title,
html[data-theme="light"] .who-title,
html[data-theme="light"] .why-title,
html[data-theme="light"] .faq-hero h1,
html[data-theme="light"] .hero-copy h1,
html[data-theme="light"] main h2,
html[data-theme="light"] .section-title,
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .faq-section h2,
[data-theme="light"] main h1,
[data-theme="light"] .hero-title,
[data-theme="light"] .who-title,
[data-theme="light"] .why-title,
[data-theme="light"] .faq-hero h1,
[data-theme="light"] .hero-copy h1,
[data-theme="light"] main h2,
[data-theme="light"] .section-title,
[data-theme="light"] .section-head h2,
[data-theme="light"] .section-heading h2,
[data-theme="light"] .faq-section h2{
  color:#101916!important;
  text-shadow:0 1px 0 rgba(255,255,255,.54)!important;
}
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] .hero-text,
html[data-theme="light"] .hero-intro,
html[data-theme="light"] .hero-lead,
html[data-theme="light"] .who-lead,
html[data-theme="light"] .who-intro,
html[data-theme="light"] .section-copy,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .faq-answer,
html[data-theme="light"] .reason-copy p,
html[data-theme="light"] .role-copy p,
[data-theme="light"] p,
[data-theme="light"] li,
[data-theme="light"] .hero-text,
[data-theme="light"] .hero-intro,
[data-theme="light"] .hero-lead,
[data-theme="light"] .who-lead,
[data-theme="light"] .who-intro,
[data-theme="light"] .section-copy,
[data-theme="light"] .section-head p,
[data-theme="light"] .section-heading p,
[data-theme="light"] .faq-answer,
[data-theme="light"] .reason-copy p,
[data-theme="light"] .role-copy p{
  color:var(--muted)!important;
}
html[data-theme="light"] .card,
html[data-theme="light"] .path-card,
html[data-theme="light"] .path-item,
html[data-theme="light"] .action-card,
html[data-theme="light"] .role-chapter,
html[data-theme="light"] .role-entry,
html[data-theme="light"] .flow-panel,
html[data-theme="light"] .option-card,
html[data-theme="light"] .check-panel,
html[data-theme="light"] .server-card,
html[data-theme="light"] .guide-panel,
html[data-theme="light"] .stake-article,
html[data-theme="light"] .reason-card,
html[data-theme="light"] .value-panel,
html[data-theme="light"] .protocol-card,
html[data-theme="light"] .faq-section,
html[data-theme="light"] .category-panel,
html[data-theme="light"] .hero-deck,
html[data-theme="light"] .knowledge-visual,
html[data-theme="light"] .staking-art,
[data-theme="light"] .card,
[data-theme="light"] .path-card,
[data-theme="light"] .path-item,
[data-theme="light"] .action-card,
[data-theme="light"] .role-chapter,
[data-theme="light"] .role-entry,
[data-theme="light"] .flow-panel,
[data-theme="light"] .option-card,
[data-theme="light"] .check-panel,
[data-theme="light"] .server-card,
[data-theme="light"] .guide-panel,
[data-theme="light"] .stake-article,
[data-theme="light"] .reason-card,
[data-theme="light"] .value-panel,
[data-theme="light"] .protocol-card,
[data-theme="light"] .faq-section,
[data-theme="light"] .category-panel,
[data-theme="light"] .hero-deck,
[data-theme="light"] .knowledge-visual,
[data-theme="light"] .staking-art{
  background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(247,240,229,.88))!important;
  border-color:rgba(151,121,72,.20)!important;
  box-shadow:0 18px 46px rgba(52,39,18,.07)!important;
}
@media(max-width:720px){
  main h1,.hero-title,.who-title,.why-title,.faq-hero h1,.hero-copy h1,#stake-title,#atomic-title,#why-title,#faq-title{font-size:clamp(42px,12vw,58px)!important;}
  main h2,.section-title,.section-head h2,.section-heading h2,.faq-section h2{font-size:clamp(26px,8vw,34px)!important;}
}
.site-header .btn-primary,
.site-header .btn.primary{
  height:46px!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
.placeholder-footer,
.site-footer,
footer.placeholder-footer,
footer.site-footer{
  margin-top:78px!important;
  padding:34px 0 34px!important;
  background:transparent!important;
  border-top:0!important;
  color:var(--muted)!important;
}
.placeholder-footer .container,
.site-footer .container,
.site-footer .footer-inner,
.footer-inner{
  width:min(var(--container,1240px),calc(100% - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.footer-bottom-row,
.site-footer .footer-inner,
.footer-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding-top:0!important;
  border-top:0!important;
  color:var(--muted)!important;
  font-family:var(--font-sans,var(--fontSans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif))!important;
  font-size:15px!important;
  line-height:1.4!important;
}
@media (max-width:1180px){
  .site-header{
    position:static!important;
    width:min(100% - 32px,1340px)!important;
    height:auto!important;
    min-height:84px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    padding:14px!important;
  }
  .site-header .logo{width:auto!important;min-width:0!important;}
  .site-header .nav{display:none!important;}
  .site-header .header-actions{width:auto!important;min-width:0!important;margin-left:auto!important;}
}
@media (max-width:720px){
  .site-header .header-actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  .site-header .logo-word{display:none!important;}
  .footer-bottom-row,.site-footer .footer-inner,.footer-inner{align-items:flex-start!important;flex-direction:column!important;}
}