.hx{isolation:isolate;color:var(--ink);--hx-lift:#0e0e100d;--hx-floor:#0e0e100a;--hx-ground:linear-gradient(180deg, #fff 0%, #fafafb 46%, #f4f4f6 100%);--hx-grid:#0e0e100b;--hx-card:var(--surface);--hx-card-line:var(--line-strong);--hx-shadow:0 34px 70px -30px #0e0e1038;--hx-orb-1:#0e0e100d;--hx-orb-2:#0e0e100a;--hx-orb-3:#0e0e1009;--hx-net:#0e0e101a;padding:clamp(2rem,3.6vw,3.25rem) 0 0;position:relative;overflow:hidden}:root[data-theme=dark] .hx{--hx-lift:#ffffff17;--hx-floor:#ffffff13;--hx-ground:linear-gradient(180deg, #0a0a0c 0%, #0d0d11 46%, #121218 100%);--hx-grid:#ffffff07;--hx-card:#17171c;--hx-card-line:#ffffff24;--hx-shadow:0 34px 70px -30px #000000f2;--hx-orb-1:#ffffff2b;--hx-orb-2:#ffffff1f;--hx-orb-3:#ffffff21;--hx-net:#ffffff13}.hx-aurora{z-index:-2;pointer-events:none;position:absolute;inset:-10% -5%;overflow:hidden}.hx-orb{background:radial-gradient(circle, var(--c) 0%, color-mix(in srgb, var(--c), transparent 45%) 30%, color-mix(in srgb, var(--c), transparent 80%) 56%, transparent 76%);border-radius:50%;display:block;position:absolute}.hx-orb-a{--c:var(--hx-orb-1);width:46vw;max-width:760px;height:46vw;max-height:760px;animation:37s ease-in-out infinite hx-drift-a;top:-12%;left:6%}.hx-orb-b{--c:var(--hx-orb-2);width:52vw;max-width:840px;height:52vw;max-height:840px;animation:43s ease-in-out infinite hx-drift-b;bottom:-18%;right:2%}.hx-orb-c{--c:var(--hx-orb-3);width:38vw;max-width:620px;height:38vw;max-height:620px;animation:53s ease-in-out infinite hx-drift-c;top:44%;left:50%;translate:-50%}@keyframes hx-drift-a{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(9%,7%)scale(1.09)}66%{transform:translate(-6%,11%)scale(.95)}}@keyframes hx-drift-b{0%,to{transform:translate(0,0)scale(1)}40%{transform:translate(-10%,-8%)scale(1.1)}70%{transform:translate(5%,-3%)scale(.93)}}@keyframes hx-drift-c{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-7%,-9%)scale(1.13)}}.hx-deep{z-index:-2;background:radial-gradient(58% 42% at 50% 4%, var(--hx-lift), transparent 70%), radial-gradient(70% 45% at 50% 96%, var(--hx-floor), transparent 72%), var(--hx-ground);position:absolute;inset:0}.hx:before{content:"";z-index:-1;background-image:linear-gradient(var(--hx-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hx-grid) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 78%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 78%)}.hx-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.hx-title{font-family:var(--sans);font-optical-sizing:auto;font-size:var(--step-5);letter-spacing:-.045em;text-wrap:balance;max-width:min(100%,62rem);color:var(--ink);margin:0;font-weight:800;line-height:1.06}.hx-title em{background:linear-gradient(96deg,#0e0e10 0%,#595959 55%,#8a8a8a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}:root[data-theme=dark] .hx-title em{background:linear-gradient(96deg,#fff 0%,#d6d6d6 45%,#989898 100%);-webkit-background-clip:text;background-clip:text}.hx-lede{max-width:78ch;font-size:var(--step-0);color:var(--ink-2);text-wrap:balance;margin:0;line-height:1.62}.hx-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.35rem;display:flex}.hx-btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.hx-btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3)}.hx-float{z-index:12;border-radius:var(--r-pill);font-size:var(--step--3);white-space:nowrap;color:#0c0c0e;padding:.3rem .7rem;font-weight:700;position:absolute;box-shadow:0 10px 24px -12px #000000e6}.hx-float-a{background:#7dd3fc;animation:11s ease-in-out infinite hx-bob-a;top:clamp(120px,17vw,210px);left:clamp(.75rem,7vw,8rem);rotate:-8deg}.hx-float-b{background:#fda4af;animation:13s ease-in-out -4s infinite hx-bob-b;top:clamp(170px,23vw,280px);right:clamp(.75rem,7vw,8rem);rotate:7deg}@keyframes hx-bob-a{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(1.5deg)}}@keyframes hx-bob-b{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(1.5deg)}}.hx-deck{--card-w:clamp(150px, 20vw, 300px);--card-h:calc(var(--card-w) * 1.28);--step:clamp(90px, 13.5vw, 200px);--tilt:7deg;height:calc(var(--card-h) * .82);margin-top:clamp(1.75rem,3.4vw,2.75rem);position:relative}.hx-card{width:var(--card-w);background:var(--hx-card);border:1px solid var(--hx-card-line);box-shadow:var(--hx-shadow);transform:translateX(calc(-50% + var(--slot) * var(--step))) translateY(calc(var(--abs) * 7%)) rotate(calc(var(--slot) * var(--tilt))) scale(calc(1 - var(--abs) * .05));z-index:calc(10 - var(--abs));transition:transform .42s var(--ease), box-shadow .42s var(--ease), border-color .42s var(--ease);border-radius:clamp(14px,1.5vw,22px);flex-direction:column;display:flex;position:absolute;top:0;left:50%;overflow:hidden}.hx-card.is-centre{border-color:var(--ink-3)}.hx-card:hover{transform:translateX(calc(-50% + var(--slot) * var(--step))) translateY(calc(var(--abs) * 7% - 10px)) rotate(calc(var(--slot) * var(--tilt))) scale(calc(1.03 - var(--abs) * .05));border-color:var(--ink-2)}.hx-card-art{aspect-ratio:1;background:var(--paper-3);display:block;position:relative;overflow:hidden}.hx-card-art>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hx-card-body{left:0;right:0;bottom:calc(var(--abs) * 7%);z-index:1;pointer-events:none;opacity:1;background:linear-gradient(#0000 0%,#000000a8 60%,#000000db 100%);flex-direction:column;gap:.15rem;padding:2rem .7rem .6rem;display:flex;position:absolute;transform:none}.hx-card:after{content:"";height:calc(var(--abs) * 7%);pointer-events:none;background:#000000db;position:absolute;inset:auto 0 0}@media (hover:hover) and (pointer:fine){.hx-card-body{opacity:0;transition:opacity .26s var(--ease), transform .26s var(--ease);transform:translateY(8px)}.hx-card:after{opacity:0;transition:opacity .26s var(--ease)}.hx-card:hover:after,.hx-card:focus-visible:after,.hx-card:focus-within:after{opacity:1}.hx-card:hover .hx-card-body,.hx-card:focus-visible .hx-card-body,.hx-card:focus-within .hx-card-body{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hx-card-body{transition:none;transform:none}}.hx-card-body b{font-family:var(--display);font-size:var(--step--1);letter-spacing:-.02em;color:#fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.hx-card-cap{font-size:var(--step--3);color:#ffffffc7;align-items:center;gap:.3rem;line-height:1;display:flex}.hx-card.is-right .hx-card-body{text-align:right;align-items:flex-end}.hx-card.is-right .hx-card-cap{justify-content:flex-end}.hx-card-mark{flex:none;width:auto;height:.95em;display:block}@media (max-width:700px){.hx-lede{display:none}.hx-deck{--card-w:min(44vw, 190px);--step:min(24vw, 110px);--tilt:8deg}.hx-card.is-far,.hx-card-body{display:none}.hx{flex-direction:column;padding-bottom:2rem;display:flex}.hx-deck{height:calc(var(--card-w) * 1.16);order:-1;margin-top:0;margin-bottom:1.6rem}.hx-float-a{top:1.75rem;bottom:auto;left:.5rem}.hx-float-b{top:7.5rem;bottom:auto;right:.5rem}.hx-actions{flex-wrap:nowrap;align-items:stretch;gap:.5rem;width:100%}.hx-actions .btn{width:auto;min-width:0;font-size:var(--step--1);flex:1 1 0;justify-content:center;min-height:44px;padding:.7rem .6rem}.hx-deck{margin-top:1.35rem}.hx-orb-c{display:none}.hx-orb-a{width:105vw;height:105vw;left:-22%}.hx-orb-b{width:118vw;height:118vw;right:-26%}}@media (prefers-reduced-motion:reduce){.hx-orb,.hx-float-a,.hx-float-b{animation:none}.hx-card,.hx-card:hover{transition:none}}@property --hx-mx{syntax:"<length-percentage>";inherits:true;initial-value:50%}@property --hx-my{syntax:"<length-percentage>";inherits:true;initial-value:38%}.hx-trace{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--hx-net) 1px, transparent 1px), linear-gradient(90deg, var(--hx-net) 1px, transparent 1px);-webkit-mask-image:radial-gradient(circle 15rem at var(--hx-mx) var(--hx-my), #000 0%, #0000006b 46%, transparent 76%);mask-image:radial-gradient(circle 15rem at var(--hx-mx) var(--hx-my), #000 0%, #0000006b 46%, transparent 76%);opacity:0;background-size:64px 64px;transition:opacity .42s;position:absolute;inset:0}@media (hover:hover){.hx:hover .hx-trace{opacity:1}}@media (prefers-reduced-motion:reduce){.hx,.hx-trace{transition:none}}@property --hx-px{syntax:"<number>";inherits:true;initial-value:0}@property --hx-py{syntax:"<number>";inherits:true;initial-value:0}.hx{transition:--hx-mx .28s cubic-bezier(.22,1,.36,1),--hx-my .28s cubic-bezier(.22,1,.36,1),--hx-px .42s cubic-bezier(.22,1,.36,1),--hx-py .42s cubic-bezier(.22,1,.36,1)}.hx-trace{translate:calc(var(--hx-px) * -10px) calc(var(--hx-py) * -7px)}.hx-cast{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hx-cut{opacity:.42;filter:blur(1.5px);translate:calc(var(--hx-px) * var(--depth) * -1px) calc(var(--hx-py) * var(--depth) * -.68px);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}.hx-cut-helm{--depth:14;aspect-ratio:1;background-image:url(/hero/helm.webp);width:clamp(120px,14vw,210px);animation:29s ease-in-out infinite hx-cut-float-a;top:6%;right:-3%}.hx-cut-bear{--depth:20;aspect-ratio:1;background-image:url(/hero/bear.webp);width:clamp(120px,14vw,215px);animation:41s ease-in-out infinite hx-cut-float-d;top:10%;left:-2%}.hx-cut-plush{--depth:26;aspect-ratio:1;background-image:url(/hero/plush.webp);width:clamp(150px,18vw,270px);animation:37s ease-in-out infinite hx-cut-float-b;bottom:4%;left:-4%}.hx-cut-cat{--depth:38;aspect-ratio:1;background-image:url(/hero/cybercat.webp);width:clamp(140px,16vw,240px);animation:31s ease-in-out infinite hx-cut-float-c;bottom:-6%;right:4%}@keyframes hx-cut-float-a{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-14px)rotate(2.5deg)}}@keyframes hx-cut-float-b{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-20px)rotate(-3deg)}}@keyframes hx-cut-float-c{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-16px)rotate(2deg)}}@keyframes hx-cut-float-d{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-12px)rotate(-2.5deg)}}@media (max-width:760px){.hx-cast{display:none}}@media (prefers-reduced-motion:reduce){.hx-cut{animation:none}}