/* Homepage-only composition; shared account, store and payment surfaces stay scoped. */
.home-redesigned { --home-background: #090512; --home-fade-height: clamp(100px, 16svh, 200px); background: var(--home-background); }
html:has(body.home-redesigned) { scroll-padding-block-start: 0; }
.home-redesigned .home-container { inline-size: min(1240px, calc(100% - 80px)); margin-inline: auto; }
.home-sr-only { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: clip; clip-path: inset(50%); white-space: nowrap; }
.home-redesigned .void-world { min-block-size: 0; }
.home-redesigned .world-stage { block-size: 100svh; min-block-size: 480px; }
.home-redesigned .world-stage[data-world-paused],
.home-redesigned .world-stage[data-world-paused] *,
.home-redesigned .world-stage[data-world-paused]::before,
.home-redesigned .world-stage[data-world-paused]::after,
.home-redesigned .world-stage[data-world-paused] *::before,
.home-redesigned .world-stage[data-world-paused] *::after { animation-play-state: paused !important; }
.home-redesigned .home-hero-actions { position: absolute; z-index: 30; inset: 0; pointer-events: none; }
.home-hero-title { position: absolute; z-index: 20; inset-inline-start: clamp(32px, 6vw, 104px); inset-block-start: max(96px, 12svh); margin: 0; color: #f7f0ff; font: 800 clamp(72px, 8.5vw, 130px)/1 var(--font-body); letter-spacing: -.045em; text-shadow: 0 8px 40px #0b0317; }
.home-redesigned .world-topbar { position: fixed; }
.home-redesigned .world-topbar .nav { inline-size: min(1240px, calc(100% - 64px)); }
.home-redesigned .world-topbar { background: linear-gradient(180deg, #090512f5, #090512d9); border-block-end: 1px solid #c4a2f817; }
.home-start { display: inline-flex; align-items: center; justify-content: center; gap: 18px; inline-size: max-content; min-block-size: 58px; padding: 16px 22px; border: 1px solid #cfabff80; border-radius: 8px; color: #fff; background: linear-gradient(110deg, #6b28ae, #6038bd); box-shadow: 0 8px 28px #5b1f9340, inset 0 1px 0 #f5d9ff2b; font: 700 17px/1.3 var(--font-body); text-align: center; transition: background .18s, box-shadow .18s; }
.home-start svg { flex: 0 0 24px; }
.home-start svg { inline-size: 20px; block-size: 20px; padding-inline-start: 8px; box-sizing: content-box; border-inline-start: 1px solid #e7ceff40; transition: transform .18s; }
.home-start:hover svg { transform: translateX(3px); }
.home-hero-actions .home-start { position: absolute; inset-inline-end: clamp(32px, 5vw, 80px); inset-block-end: 32px; inline-size: max-content; max-inline-size: min(520px, calc(100% - 64px)); pointer-events: auto; }
.home-start:hover { background: linear-gradient(110deg, #8835da, #7946e9); box-shadow: 0 16px 56px #7230b880; }
.home-redesigned .home-scroll-cue { position: absolute; inset: auto; inset-inline-start: 50%; inset-block-end: 32px; transform: translateX(-50%); inline-size: 52px; block-size: 52px; min-block-size: 52px; margin: 0; padding: 12px; justify-content: center; border-radius: 50%; color: #dac4f5; border-color: #c4a2f84d; background: #0b0618a6; pointer-events: auto; }
.home-redesigned .home-back-top { color: #dac4f5; border-color: #c4a2f84d; background: #0b0618a6; backdrop-filter: none; box-shadow: none; }
.home-redesigned :is(.home-scroll-cue, .home-back-top):hover { color: #fff; border-color: #c4a2f8; }
.home-redesigned :is(a, button, summary):focus-visible { outline: 3px solid #c4a2f8; outline-offset: 5px; }
.home-redesigned .home-content-nav { position: relative; inset: auto; background: #090512; border: 0; border-block-end: 1px solid #c4a2f81f; box-shadow: none; backdrop-filter: none; }
.home-redesigned .home-content-nav .nav { min-block-size: 88px; }
.home-redesigned .home-journey { background: var(--home-background); }
.home-redesigned .home-section { padding-block: clamp(64px, 7vw, 110px); scroll-margin-block-start: 96px; }
.home-redesigned .home-section + .home-section { border-block-start: 0; }
.home-redesigned .home-section.home-proof { padding-block: 0; scroll-margin-block-start: 0; }
.home-redesigned .home-journey h2 { margin: 0; color: #f7f0ff; font-size: clamp(40px, 4.4vw, 68px); line-height: 1.08; letter-spacing: -.045em; }
.home-redesigned .home-journey h2 em { color: #c5a1f5; }
.home-redesigned .home-text-link { font-size: 14px; gap: 14px; line-height: 1.5; text-wrap: pretty; }
.home-redesigned .home-button { min-block-size: 56px; padding: 16px 24px; font-size: 15px; }
.home-lecture-layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.home-lecture-layout > div:first-child > p { max-inline-size: 42ch; margin-block: 24px 0; color: #bfb1d4; font-size: 17px; line-height: 1.7; }
.home-lecture-render { position: relative; min-inline-size: 0; margin: 0; aspect-ratio: 1; content-visibility: auto; contain-intrinsic-size: auto none auto 560px; }
.home-lecture-render::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: url("/assets/home-20261015-r1/home-book-magic.svg?v=3") center / 100% 100% no-repeat; }
.home-lecture-render[data-magic-paused]::after { background-image: none; }
@media (prefers-reduced-motion: reduce) { .home-lecture-render::after { display: none; } }
.home-lecture-render img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 1; image-rendering: pixelated; mask-image: radial-gradient(ellipse, #000 44%, transparent 73%); }
.home-book-trial { position: absolute; z-index: 2; inset-inline: 20px; inset-block-end: 7%; display: grid; justify-items: center; gap: 20px; text-align: center; scroll-margin-block-start: 96px; }
.home-redesigned .home-book-trial h2 { font-size: clamp(30px, 3vw, 46px); text-shadow: 0 3px 14px #090512, 0 0 40px #090512; }
.home-book-trial .home-button { min-block-size: 48px; padding: 12px 18px; font-size: 13px; }
.home-redesigned .home-lecture-art { min-inline-size: 0; gap: 18px; margin-inline: 26px 0; padding: 24px 0 24px 60px; border-color: #bd8efc45; }
.home-redesigned .home-map-node { color: #d9c4f6; padding: 15px 20px; background: #28113c4d; border-color: #c4a2f842; font-size: 15px; }
.home-redesigned .home-map-node--root { color: #f4e9ff; }
.home-trial-layout { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 36px 56px; padding-block: 52px; border-block: 1px solid #c4a2f830; }
.home-trial-actions { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
.home-trial-actions .home-text-link { justify-content: center; margin: 0; }
.home-redesigned .home-deadliner-section { padding-block-start: 24px; }
.home-deadliner { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 36px; border: 1px solid #c4a2f826; border-radius: 10px; background: #c4a2f805; }
.home-deadliner-icon { display: grid; place-items: center; inline-size: 64px; block-size: 64px; border: 1px solid #c4a2f826; border-radius: 10px; color: #c5a1f5; }
.home-redesigned .home-deadliner h2 { font-size: 34px; }
.home-deadliner p { max-inline-size: 54ch; margin: 12px 0 0; font-size: 14px; line-height: 1.7; }
.home-deadliner .home-button { white-space: nowrap; }
.home-faq-layout { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 80px; align-items: start; }
.home-redesigned .home-faq { gap: 0; }
.home-redesigned .home-faq details { padding-inline: 0; border: 0; border-block-end: 1px solid #c4a2f82e; border-radius: 0; background: transparent; box-shadow: none; }
.home-redesigned .home-faq summary { padding-block: 25px; color: #e6daf6; font-size: 17px; font-weight: 600; }
.home-redesigned .home-faq summary::after { inset-block-start: 25px; }
.home-redesigned .home-faq details:first-child summary { padding-block-start: 6px; }
.home-redesigned .home-faq details:first-child summary::after { inset-block-start: 6px; }
.home-redesigned .home-faq details p { max-inline-size: 66ch; padding-block-end: 25px; font-size: 14px; line-height: 1.75; }
.home-redesigned .site-footer { margin-block-start: 0; padding-block: 42px; border-block-start: 1px solid #c4a2f81f; background: #070410; }
.home-redesigned .footer-grid { grid-template-columns: 1fr 3fr auto; align-items: start; gap: 32px; }
.home-redesigned .footer-grid nav { display: flex; flex-wrap: wrap; gap: 14px 24px; }
.home-redesigned .footer-grid a { font-size: 12px; }
.home-redesigned .footer-grid > p { margin: 0; font-size: 12px; white-space: nowrap; }
@media (max-width: 1100px) {
  .home-redesigned .home-container { inline-size: calc(100% - 64px); }
  .home-lecture-layout, .home-faq-layout { gap: 48px; }
  .home-deadliner { gap: 20px; padding: 28px; }
}
@media (max-width: 1100px) {
  .home-redesigned .world-stage { block-size: 100svh; min-block-size: 520px; max-block-size: none; background: #090512 url("/assets/home-20261015-r1/voidex-optimized/home-hero-castle-selected-v5.webp") center / cover no-repeat; }
  .home-redesigned .world-stage :is(.world-layer, .world-webgl, .world-webgl-fallback, .world-particles, .world-ground) { display: none; }
  .home-redesigned .home-hero-title { inset-inline-start: clamp(20px, 5vw, 52px); inset-block-start: max(88px, 10svh); font-size: clamp(52px, 9vw, 96px); }
  .home-redesigned .home-hero-actions .home-start { inset-inline-start: 50%; inset-inline-end: auto; inset-block-end: max(88px, calc(env(safe-area-inset-bottom) + 76px)); transform: translateX(-50%); inline-size: max-content; max-inline-size: calc(100% - 40px); min-block-size: 56px; }
  .home-redesigned .home-scroll-cue { inset-block-end: max(20px, calc(env(safe-area-inset-bottom) + 12px)); }
}
@media (max-width: 820px) {
  .home-redesigned .home-container { inline-size: min(660px, calc(100% - 40px)); }
  .home-redesigned .world-webgl-fallback { inset: 27% 0 37%; block-size: auto; place-items: center; opacity: 1; }
  .home-redesigned .world-webgl-fallback img { inline-size: min(54vw, 230px); block-size: 100%; max-block-size: 230px; object-fit: contain; object-position: center; }
  .home-redesigned .world-moon { inset-block-start: 15%; }
  .home-redesigned .world-runes { inset: 14% 0 35%; }
  .home-hero-title { inset-inline-start: 20px; inset-block-start: 80px; font-size: clamp(46px, 11vw, 68px); }
  .home-redesigned .world-topbar .nav { inline-size: calc(100% - 40px); }
  .home-redesigned .home-scroll-cue { inset-block-end: 20px; inline-size: 44px; block-size: 44px; min-block-size: 44px; padding: 10px; }
  .home-start { inline-size: min(340px, 100%); min-block-size: 58px; gap: 14px; padding: 16px 20px; }
  .home-redesigned .home-content-nav .nav { min-block-size: 76px; }
  .home-redesigned .home-proof { padding-block-start: 32px; }
  .home-lecture-layout, .home-faq-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .home-redesigned .home-lecture-art { margin-inline: 16px 0; max-inline-size: 480px; }
  .home-trial-layout { flex-direction: column; align-items: stretch; padding-block: 36px; }
  .home-trial-actions { align-items: start; }
  .home-deadliner { grid-template-columns: 48px minmax(0, 1fr); }
  .home-deadliner-icon { inline-size: 48px; block-size: 48px; align-self: start; }
  .home-deadliner > a { grid-column: 2; justify-self: start; }
  .home-redesigned .footer-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .home-redesigned .home-faq summary { font-size: 16px; }
  .home-redesigned .home-content-nav .navlinks { inline-size: min(360px, calc(100% - 28px)); overflow-y: auto; }
  .home-redesigned .nav-kicker { display: none; }
}
@media (max-width: 520px) {
  .home-redesigned .home-journey h2 { font-size: clamp(36px, 9vw, 46px); }
  .home-redesigned .home-book-trial { inset-inline: 10px; inset-block-end: 4%; gap: 14px; }
  .home-redesigned .home-book-trial h2 { font-size: clamp(26px, 7.2vw, 34px); }
  .home-redesigned .home-hero-actions { gap: 18px; }
  .home-start { font-size: 16px; padding-inline: 18px; }
  .home-start svg { inline-size: 20px; flex-basis: 20px; }
  .home-trial-actions { align-items: stretch; }
  .home-trial-actions .home-text-link { font-size: 12px; gap: 8px; }
  .home-deadliner { grid-template-columns: minmax(0, 1fr); padding: 24px; gap: 20px; }
  .home-deadliner-icon { display: none; }
  .home-redesigned .home-deadliner h2 { font-size: 30px; }
  .home-deadliner > a { grid-column: 1; justify-self: stretch; }
  .home-redesigned .home-map-node { max-inline-size: 100%; font-size: 14px; padding-inline: 16px; }
}
@media (max-height: 520px) and (min-width: 600px) {
  .home-redesigned .world-stage { min-block-size: 380px; }
  .home-hero-title { inset-block-start: 90px; font-size: 64px; }
  .home-start { min-block-size: 56px; font-size: 17px; padding-block: 14px; }
  .home-redesigned .home-scroll-cue { inline-size: 44px; block-size: 44px; min-block-size: 44px; padding: 10px; }
}
@media (max-width: 1100px) and (max-height: 520px) {
  .home-redesigned .world-stage { background-size: auto 100%; }
  .home-redesigned .home-hero-title { inset-block-start: 82px; font-size: 52px; }
  .home-redesigned .home-hero-actions .home-start { inset-block-end: 72px; min-block-size: 48px; padding-block: 12px; font-size: 15px; }
  .home-redesigned .home-scroll-cue { inset-block-end: 12px; }
}
@media (max-width: 700px) { .home-redesigned .home-section.home-proof { padding-block-start: 96px; scroll-margin-block-start: 0; } }
@media (prefers-reduced-motion: reduce) { .home-start, .home-start svg { transition: none; } }