.hub-experience{--hx-bg:#08060f;--hx-bg-2:#0d0a1e;--hx-panel:#8f86ff12;--hx-ink:#f6f3ff;--hx-ink-2:#d3ccef;--hx-muted:#a49cd0;--hx-purple:#8f86ff;--hx-neon:#b794ff;--hx-magenta:#ff5cf0;--hx-red:#ff3d6e;--hx-amber:#ffc24d;--hx-cyan:#66e6ff;--hx-gold:#c9a24b;--hx-line:#ffffff1a}.hub-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--hx-cyan);font-size:12px;display:inline-block}.hub-section-head{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.02em;color:var(--hx-ink);margin:.7rem 0 0;font-size:clamp(32px,5vw,60px);font-weight:500;line-height:1}.hub-section-head em,.hub-cta-head em{color:var(--hx-neon);font-style:italic}.hub-btn{font:inherit;font-size:15px;font-family:var(--font-fraunces), Georgia, serif;letter-spacing:.01em;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.6rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.hub-btn-primary{color:#0a0816;background:linear-gradient(135deg, var(--hx-cyan), var(--hx-purple));border:1px solid #0000;box-shadow:0 12px 36px #7f77dd52}.hub-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px #7f77dd75}.hub-btn-ghost{color:var(--hx-ink);border:1px solid var(--hx-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7f77dd1f}.hub-btn-ghost:hover{border-color:#ffffff80;transform:translateY(-2px)}.hub-intro{z-index:1;background:radial-gradient(120% 90% at 18% 8%, #1a1140 0%, transparent 55%), radial-gradient(120% 100% at 92% 100%, #160a32 0%, transparent 50%), var(--hx-bg);align-content:center;min-height:100svh;padding:clamp(64px,12vh,120px) clamp(22px,7vw,96px);display:grid;position:relative;overflow:hidden}.hub-aurora{pointer-events:none;z-index:0;filter:blur(46px);opacity:.88;background:radial-gradient(42% 60% at 26% 36%,#8f86ff8c,#0000 70%),radial-gradient(40% 55% at 74% 26%,#ff5cf057,#0000 70%),radial-gradient(36% 52% at 88% 72%,#ffc24d33,#0000 72%),radial-gradient(30% 46% at 10% 80%,#ff3d6e33,#0000 72%);height:96%;animation:18s ease-in-out infinite alternate hub-drift;position:absolute;inset:-30% -12% auto}@keyframes hub-drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.12)}}.hub-intro-neon{z-index:0}.hub-intro-grain{z-index:0;opacity:.9}.hub-intro-inner{z-index:2;max-width:min(92vw,78rem);position:relative}.hub-masthead{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.045em;color:var(--hx-ink);text-wrap:balance;text-shadow:0 0 36px #8f86ff5c,0 0 96px #ff5cf024;margin:clamp(.5rem,2vh,1.1rem) 0 0;font-size:clamp(58px,16.5vw,250px);font-weight:900;line-height:.8}.hub-masthead-l1,.hub-masthead-l2{display:block}.hub-masthead-l2{margin-left:.04em}.hub-masthead em{color:var(--hx-neon);text-shadow:0 0 18px color-mix(in srgb, var(--hx-neon) 70%, transparent), 0 0 44px color-mix(in srgb, var(--hx-magenta) 45%, transparent);font-style:italic}.hub-intro-tagline{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.01em;color:var(--hx-ink-2);margin:clamp(1rem,2.4vh,1.6rem) 0 0;font-size:clamp(20px,3vw,34px);font-weight:500;line-height:1.12}.hub-intro-tagline em{color:var(--hx-neon);font-style:italic}.hub-intro-sub{max-width:38rem;color:var(--hx-ink-2);margin:1.4rem 0 0;font-size:clamp(16px,1.8vw,21px);line-height:1.6}.hub-intro-links{flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:2rem;display:flex}.hub-intro-links a{letter-spacing:.06em;color:var(--hx-muted);padding-bottom:3px;font-size:14px;text-decoration:none;transition:color .2s;position:relative}.hub-intro-links a:after{content:"";background:var(--hx-purple);transform-origin:0;width:100%;height:1px;transition:transform .25s var(--ease-premium,ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.hub-intro-links a:hover{color:var(--hx-ink)}.hub-intro-links a:hover:after{transform:scaleX(1)}.hub-intro-cue{letter-spacing:.22em;text-transform:uppercase;color:var(--hx-muted);white-space:nowrap;font-size:11px;position:absolute;bottom:clamp(20px,4vh,40px);left:50%;transform:translate(-50%)}.hub-cue-arrow{margin-left:.4em;animation:2s ease-in-out infinite hub-bob;display:inline-block}@keyframes hub-bob{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.hub-frontiers{z-index:1;background:radial-gradient(120% 80% at 82% -6%,#160f33 0%,#0000 52%),linear-gradient(#08060f 0% 40%,#0b0820 100%);padding:clamp(64px,10vh,124px) clamp(22px,6vw,80px) clamp(80px,12vh,150px);position:relative}.hub-frontiers:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1.5px 1.5px at 10% 16%,#fff9,#0000 60%),radial-gradient(1.4px 1.4px at 72% 12%,#cabfff8c,#0000 60%),radial-gradient(1.3px 1.3px at 86% 40%,#ffffff80,#0000 60%),radial-gradient(1.2px 1.2px at 22% 52%,#a99af080,#0000 60%),radial-gradient(1.2px 1.2px at 50% 28%,#ffffff80,#0000 60%),radial-gradient(1.1px 1.1px at 38% 84%,#cabfff73,#0000 60%),radial-gradient(1px 1px at 64% 74%,#fff6,#0000 60%);position:absolute;inset:0}.hub-frontiers-head{z-index:1;max-width:60rem;margin:0 auto clamp(32px,5vh,56px);position:relative}.hub-frontiers-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);max-width:70rem;margin:0 auto;display:grid;position:relative}.hub-card{--ax:var(--hx-purple);border:1px solid var(--hx-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:320px;color:var(--hx-ink);transition:transform .3s var(--ease-premium,ease), border-color .3s, box-shadow .3s;background:linear-gradient(#7f77dd14,#0a081633);border-radius:20px;flex-direction:column;padding:clamp(22px,2.4vw,32px);text-decoration:none;display:flex;position:relative;overflow:hidden}.hub-card[data-accent=cyan]{--ax:var(--hx-cyan)}.hub-card[data-accent=gold]{--ax:var(--hx-gold)}.hub-card:before{content:"";background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--ax) 26%, transparent), transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.hub-card:hover{border-color:color-mix(in srgb, var(--ax) 60%, transparent);box-shadow:0 26px 60px #00000080, 0 0 40px color-mix(in srgb, var(--ax) 22%, transparent);transform:translateY(-6px)}.hub-card:hover:before{opacity:1}.hub-card-n{font-family:var(--font-fraunces), Georgia, serif;color:var(--ax);letter-spacing:.02em;font-size:28px}.hub-card-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--hx-muted);margin-top:1.3rem;font-size:11px}.hub-card-title{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.02em;margin-top:.5rem;font-size:clamp(26px,3vw,34px);font-weight:500;line-height:1.05}.hub-card-body{color:var(--hx-ink-2);margin-top:.8rem;font-size:14.5px;line-height:1.65}.hub-card-enter{color:var(--ax);margin-top:auto;padding-top:1.4rem;font-size:14px;font-weight:600}.hub-card-enter span{transition:transform .25s var(--ease-premium,ease);display:inline-block}.hub-card:hover .hub-card-enter span{transform:translate(5px)}.hub-cta{z-index:1;background:radial-gradient(90% 120% at 50% 120%, #160f31 0%, transparent 60%), var(--hx-bg-2);text-align:center;padding:clamp(80px,16vh,180px) clamp(22px,6vw,80px);position:relative}.hub-cta-inner{max-width:44rem;margin:0 auto}.hub-cta-head{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.025em;color:var(--hx-ink);text-wrap:balance;margin:.8rem 0 0;font-size:clamp(34px,6vw,72px);font-weight:500;line-height:1}.hub-cta-sub{max-width:30rem;color:var(--hx-ink-2);margin:1.3rem auto 0;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.hub-cta-actions{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:2.4rem;display:flex}html.pre-lock,html.pre-lock body{overflow:hidden!important}.pre{z-index:12100;isolation:isolate;cursor:pointer;--pre-accent:#b794ff;--pre-accent-soft:#d8c6ff;--pre-accent-deep:#7a4fd0;--pre-ink:#f6f3ff;--pre-ink-muted:#ccc4ee;--pre-surface:#08060f;--pre-matte:#040309;--pre-glow:#a06eff4d;--pre-mono:var(--font-plex-mono), ui-monospace, "SF Mono", Menlo, monospace;position:fixed;inset:0}.pre-core{transition:opacity .62s ease .16s, transform .62s var(--ease-premium,cubic-bezier(.16, 1, .3, 1)) .16s;position:absolute;inset:0}.pre.is-leaving .pre-core{opacity:0;transform:scale(1.012)}.pre-fx{position:absolute;inset:0}.pre.is-playing .pre-fx{animation:.42s steps(2,end) infinite pre-weave}@keyframes pre-weave{0%{filter:brightness();transform:translate(0)}50%{filter:brightness(.985);transform:translate(.4px,-.35px)}to{filter:brightness();transform:translate(-.3px,.3px)}}.pre-fx:before{content:"";background:radial-gradient(120% 90% at 16% 6%, #7a4fd075 0%, transparent 52%), radial-gradient(130% 100% at 88% 104%, #7a4fd05c 0%, transparent 50%), var(--pre-surface);position:absolute;inset:0}.pre-vignette{pointer-events:none;background:radial-gradient(120% 120%,#0000 55%,#0201068c 100%);position:absolute;inset:0}.pre-grain{mix-blend-mode:soft-light;opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-20%}.pre-cross{background:#f6f3ff1a;position:absolute}.pre-cross-h{height:1px;top:50%;left:0;right:0}.pre-cross-v{width:1px;top:0;bottom:0;left:50%}.pre-matte{background:var(--pre-matte);z-index:6;height:8.5svh;transition:transform .78s var(--ease-premium,cubic-bezier(.16, 1, .3, 1));position:absolute;left:0;right:0}.pre-matte-t{border-bottom:1px solid #7a4fd073;top:0}.pre-matte-b{border-top:1px solid #7a4fd073;bottom:0}.pre.is-leaving .pre-matte-t{transform:translateY(-102%)}.pre.is-leaving .pre-matte-b{transform:translateY(102%)}.pre-dial{aspect-ratio:1;height:min(66svh,86vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pre-dial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pre-dial circle,.pre-dial line,.pre-dial path{vector-effect:non-scaling-stroke}.pre-ring{fill:none;stroke-width:1px}.pre-ring-outer{stroke:#b794ff4d}.pre-ring-inner{stroke:#b794ff38}.pre-tick{stroke:#f6f3ff38;stroke-width:1px}.pre-tick.is-lit{stroke:var(--pre-accent);filter:drop-shadow(0 0 3px var(--pre-glow))}.pre-arc{fill:none;stroke:var(--pre-accent);stroke-width:1.6px;stroke-linecap:butt;filter:drop-shadow(0 0 6px var(--pre-glow))}@keyframes pre-spin{to{transform:rotate(1turn)}}.pre-hand{transform-origin:100px 100px}.pre.is-playing .pre-hand{animation:1s linear infinite pre-spin}.pre-hand line{stroke:var(--pre-accent-soft);stroke-width:1.4px}.pre-hand circle{fill:var(--pre-accent-soft)}.pre-wipe{transform-origin:50%;background:conic-gradient(#b794ff42,#0000 68deg,#0000);border-radius:50%;position:absolute;inset:23%}.pre.is-playing .pre-wipe{animation:1s linear infinite pre-spin}.pre-num{font-family:var(--font-fraunces), Georgia, serif;font-optical-sizing:auto;color:var(--pre-ink);text-shadow:0 0 42px var(--pre-glow);font-variant-numeric:lining-nums;pointer-events:none;place-items:center;font-size:min(36svh,44vw);font-weight:900;line-height:1;display:grid;position:absolute;inset:0}@keyframes pre-num-pop{0%{opacity:.45;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}.pre-num-glyph{animation:pre-num-pop .19s var(--ease-premium,cubic-bezier(.16, 1, .3, 1))}.pre-under{text-align:center;font-family:var(--pre-mono);letter-spacing:.4em;text-indent:.4em;color:var(--pre-ink-muted);text-transform:uppercase;font-size:11px;font-weight:500;position:absolute;bottom:17.5svh;left:0;right:0}.pre-slate{z-index:7;font-family:var(--pre-mono);letter-spacing:.26em;color:var(--pre-ink-muted);white-space:nowrap;font-size:10.5px;font-weight:400;position:absolute}.pre-slate b{color:#c5a8fff2;font-weight:500}.pre-slate-tl{top:calc(8.5svh + 18px);left:clamp(16px,3.2vw,44px)}.pre-slate-tr{top:calc(8.5svh + 18px);right:clamp(16px,3.2vw,44px)}.pre-slate-bl{font-variant-numeric:tabular-nums;bottom:calc(8.5svh + 18px);left:clamp(16px,3.2vw,44px)}.pre-slate-br{bottom:calc(8.5svh + 18px);right:clamp(16px,3.2vw,44px)}.pre-reg{z-index:7;color:#b794ff6b;width:12px;height:12px;position:absolute}.pre-reg:before,.pre-reg:after{content:"";background:currentColor;position:absolute}.pre-reg:before{height:1px;top:50%;left:0;right:0}.pre-reg:after{width:1px;top:0;bottom:0;left:50%}.pre-reg-tl{top:calc(8.5svh + 42px);left:clamp(18px,3.4vw,46px)}.pre-reg-tr{top:calc(8.5svh + 42px);right:clamp(18px,3.4vw,46px)}.pre-reg-bl{bottom:calc(8.5svh + 42px);left:clamp(18px,3.4vw,46px)}.pre-reg-br{bottom:calc(8.5svh + 42px);right:clamp(18px,3.4vw,46px)}@media (max-width:560px){.pre-slate-tr,.pre-slate-br{display:none}}.pre-flash{z-index:8;background:color-mix(in srgb, var(--pre-accent-soft) 55%, white);opacity:0;pointer-events:none;position:absolute;inset:0}@keyframes pre-flash-pop{0%{opacity:0}30%{opacity:.9}to{opacity:0}}.pre.is-leaving .pre-flash{animation:.15s linear pre-flash-pop}@media (prefers-reduced-motion:reduce){.pre.is-playing .pre-fx,.pre.is-playing .pre-hand,.pre.is-playing .pre-wipe,.pre-num-glyph,.pre.is-leaving .pre-flash{animation:none}}.sticker{z-index:45;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;width:74px;height:74px;position:fixed;top:0;left:0}.sticker.is-grabbing{cursor:grabbing}.sticker-inner{width:100%;height:100%;animation:4.6s ease-in-out infinite sticker-bob;display:block}.sticker:before{content:"";filter:blur(9px);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#28145a8c,#0000 76%);border-radius:50%;width:74%;height:56%;transition:background .2s;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.sticker:hover:before{background:radial-gradient(closest-side,#7f77ddb3,#0000 76%)}.sticker.is-grabbing .sticker-inner{animation-play-state:paused}@keyframes sticker-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(3deg)}}.sticker img{pointer-events:none;width:100%;height:100%;display:block}.sticker.is-poked img{animation:.5s sticker-poke}@keyframes sticker-poke{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-14deg)scale(1.14)}55%{transform:rotate(10deg)scale(1.08)}to{transform:none}}.sticker-dismiss{border:1px solid var(--hx-line);color:#fff;cursor:pointer;opacity:0;background:#0a0816eb;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;transition:opacity .2s,transform .2s,background .2s;display:grid;position:absolute;top:-6px;right:-6px;transform:scale(.6)}.sticker:hover .sticker-dismiss,.sticker-dismiss:focus-visible{opacity:1;transform:scale(1)}.sticker-dismiss:hover{background:#281646f5}.sticker-dismiss svg{width:12px;height:12px}.sticker:after{content:"drag me";letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--hx-ink);border:1px solid var(--hx-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;opacity:0;background:#7f77dd38;border-radius:999px;padding:4px 9px;font-size:10px;animation:5s forwards sticker-hint;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}@keyframes sticker-hint{0%,12%{opacity:0}24%,66%{opacity:.92}to{opacity:0}}.safemode{z-index:45;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#7f77dd29;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .85rem .5rem .6rem;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:fixed;bottom:18px;left:18px}.safemode:hover{border-color:#ffffff8c;transform:translateY(-1px)}.safemode.is-on{background:#5fd0e638;border-color:#5fd0e699}.safemode-ico{flex-shrink:0;width:18px;height:18px}.safemode-label{letter-spacing:.06em;gap:.45em;font-size:12px;display:inline-flex}.safemode-label b{color:var(--hx-muted);font-weight:600}.safemode.is-on .safemode-label b{color:var(--hx-cyan)}@media (max-width:820px){.hub-frontiers{padding:clamp(48px,8vh,72px) clamp(22px,6vw,80px) clamp(56px,9vh,96px)}.hub-frontiers-grid{grid-template-columns:1fr;max-width:460px}.hub-card{min-height:0}}@media (max-width:520px){.safemode-label{display:none}.safemode{padding:.55rem}.hub-intro-cue{font-size:10px}}@media (prefers-reduced-motion:reduce){.hub-aurora,.hub-cue-arrow,.sticker-inner,.sticker:after{animation:none!important}.hub-btn,.hub-card,.hub-intro-links a:after,.hub-card-enter span{transition:none!important}}html[data-safe-mode=on] .hub-aurora,html[data-safe-mode=on] .hub-cue-arrow{animation:none!important}
