.xf-floating-demo{--xf-void:#060608;--xf-card:#181b26;--xf-edge:#ffffff1c;--xf-glow1:#32aaeb59;--xf-text:#f2f3f5;--xf-muted:#8b8f9a;color:var(--xf-text);background-color:#030712;background-image:radial-gradient(130% 110% at 12% 88%,#00dcff47 0%,#0000 52%),radial-gradient(95% 85% at 82% 12%,#2d5fdc38 0%,#0000 48%),radial-gradient(90% 80% at 55% 45%,#192d7866 0%,#0000 58%),radial-gradient(110% 100% at 72% 78%,#00c8e61a 0%,#0000 42%);background-attachment:fixed}.xf-floating-demo.xf-floating-demo--home .xf-stage-wrap{height:min(88vh,760px)}.xf-stage-wrap{cursor:crosshair;touch-action:none;width:100%;height:min(78vh,600px);position:relative;overflow:hidden}.xf-floating-demo .xf-stage-wrap--overflow-visible{overflow:visible}.xf-floating-demo .xf-stage-wrap--simple{touch-action:auto;cursor:default;overflow:visible}.xf-stage-overlay{z-index:50;isolation:isolate;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:.65rem;display:flex;position:absolute;inset:0}.xf-stage-overlay>*{pointer-events:auto}.xf-a11y-toggle{border:1px solid var(--xf-edge);width:2.5rem;height:2.5rem;color:var(--xf-text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;background:#0c0e16d9;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:box-shadow .25s,border-color .25s,color .25s,-webkit-backdrop-filter .2s,backdrop-filter .2s,background .2s;display:inline-flex}.xf-a11y-toggle-icon{flex-shrink:0;display:block}.xf-a11y-toggle:hover,.xf-a11y-toggle:focus-visible{-webkit-backdrop-filter:none;color:#fff;box-shadow:0 28px 60px #000000a6, 0 0 40px var(--xf-glow1), 0 0 0 1px #ffffff14 inset;background:#0c0e16f0;border-color:#32aaeb73}.xf-a11y-toggle:focus-visible{outline-offset:2px;outline:2px solid #32aaebf2}.xf-floating-demo .xf-a11y-toggle--back-3d{color:#78d2fffa;border-color:#32aaeb8c}.xf-floating-demo .xf-a11y-toggle--back-3d:hover,.xf-floating-demo .xf-a11y-toggle--back-3d:focus-visible{color:#fff;-webkit-backdrop-filter:none;box-shadow:0 28px 60px #000000a6, 0 0 40px var(--xf-glow1), 0 0 0 1px #ffffff14 inset;background:#0c0e16f0;border-color:#32aaebbf}.xf-a11y-toggle-icon--3d{flex-shrink:0;display:block}@keyframes xf-a11y-intro-pulse{0%,to{opacity:1;box-shadow:none;transform:scale(1)}50%{opacity:.88;box-shadow:0 28px 60px #000000a6, 0 0 40px var(--xf-glow1), 0 0 0 1px #ffffff14 inset;transform:scale(3)}}.xf-floating-demo .xf-a11y-toggle.xf-a11y-toggle--intro-pulse{transform-origin:100% 0;z-index:60;animation:2.5s ease-in-out 3 xf-a11y-intro-pulse}.xf-floating-demo .xf-a11y-toggle.xf-hub-heartbeat:not(.xf-a11y-toggle--intro-pulse){transform-origin:50%;will-change:transform;animation:1.35s cubic-bezier(.45,0,.55,1) infinite xf-hub-heartbeat}@media (prefers-reduced-motion:reduce){.xf-floating-demo .xf-a11y-toggle.xf-hub-heartbeat:not(.xf-a11y-toggle--intro-pulse){will-change:auto;animation:none}}.xf-floating-demo .xf-stage-wrap--a11y-intro-pulse{overflow:visible!important}.xf-floating-demo .xf-stage-wrap--a11y-intro-pulse .xf-stage-overlay{padding:min(3rem,9vw)}.xf-simple-nav{z-index:5;pointer-events:auto;flex-wrap:wrap;place-content:center;align-items:center;gap:.85rem 1rem;padding:2.5rem 1rem 1rem;display:flex;position:absolute;inset:0}.xf-menu-card.xf-menu-card--simple{flex:none;width:clamp(104px,16vw,148px);margin:0;position:relative;top:auto;left:auto;transform:none!important}.xf-menu-card.xf-menu-card--simple .xf-menu-card-plate{transition:border-color .2s,box-shadow .2s}.xf-menu-card.xf-menu-card--simple:before{display:none}.xf-stage{z-index:0;perspective:1200px;perspective-origin:50% 52%;position:absolute;inset:0}.xf-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.xf-watermark img{object-fit:contain;opacity:.07;width:min(72vw,560px);height:auto;max-height:min(50vh,400px)}.xf-glow-orb,.xf-watermark{z-index:0}.xf-glow-orb{pointer-events:none;background:0 0;border-radius:0;width:auto;height:auto;position:absolute;inset:0;transform:none}.xf-hero-line{text-align:center;pointer-events:none;z-index:0;padding:0 1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.xf-hero-line strong{letter-spacing:-.03em;text-shadow:0 0 40px #000c;font-size:clamp(1.15rem,3.2vw,1.75rem);font-weight:800;line-height:1.15;font-family:var(--font-syne), system-ui, sans-serif;display:block}.xf-hero-line small{font-family:var(--font-geist-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.2em;color:var(--xf-muted);margin-top:0;font-size:.65rem;display:block}.xf-hero-line strong+small{margin-top:.35rem}.xf-world{z-index:1;transform-style:preserve-3d;position:absolute;inset:0}.xf-menu-card{--xf-chamfer-pad:3px;--xf-plate-back-z:-14px;aspect-ratio:4/5;width:clamp(100px,22vw,158px);box-shadow:none;transform-style:preserve-3d;backface-visibility:visible;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;cursor:pointer;color:inherit;z-index:2;background:0 0;border:none;border-radius:10px;flex-direction:column;margin:0;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;overflow:visible}.xf-menu-card:before{content:"";z-index:0;inset:calc(-1 * var(--xf-chamfer-pad));transform:translateZ(var(--xf-plate-back-z));pointer-events:none;background:linear-gradient(155deg,#1a1f28 0%,#252b38 45%,#323946 100%);border-radius:10px;position:absolute;box-shadow:inset 0 0 0 1px #00000073,inset 0 2px 1px #ffffff0e}.xf-menu-card-plate{z-index:1;width:100%;min-height:0;padding:var(--xf-chamfer-pad);border:1px solid #fff3;border-radius:10px;flex-direction:column;flex:1;transition:box-shadow .25s,border-color .25s;display:flex;position:relative;transform:translateZ(0);box-shadow:0 0 0 1px #0000008c,0 0 0 2px #ffffff16,inset 0 1px #ffffff17,inset 0 -2px 8px #0000006b,0 20px 50px #0000008c}.xf-menu-card-face{border-radius:calc(10px - var(--xf-chamfer-pad));background:var(--xf-card);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.xf-menu-card:hover .xf-menu-card-plate{box-shadow:0 0 0 1px #0000008c, 0 0 0 2px #32aaeb38, 0 1px 0 #ffffff1c inset, 0 -2px 8px #0000006b inset, 0 28px 60px #000000a6, 0 0 40px var(--xf-glow1);border-color:#32aaeb7a}.xf-menu-card .xf-thumb{background:var(--xf-grad,linear-gradient(135deg, #2a3142, #1a1f2e));isolation:isolate;height:52%;position:relative;overflow:hidden;transform:translateZ(0)}.xf-menu-card .xf-thumb-frame{pointer-events:none;transform-origin:top;opacity:.98;border:0;width:200%;height:200%;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.5)}.xf-menu-card .xf-meta{padding:.5rem .6rem .45rem}.xf-menu-card .xf-meta b{letter-spacing:-.02em;font-size:.78rem;font-weight:700;font-family:var(--font-syne), system-ui, sans-serif;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:block}.xf-menu-card .xf-meta i{font-style:normal;font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--xf-muted);text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere;word-break:break-word;margin-top:.2rem;font-size:.6rem;display:block}.xf-menu-card.xf-drift{animation:xf-drift var(--xf-dur,8s) ease-in-out infinite alternate}@keyframes xf-drift{0%{transform:translate(var(--xf-tx), var(--xf-ty)) translate3d(var(--xf-dx1,0px), var(--xf-dy1,0px), var(--xf-z,0px)) rotateX(var(--xf-rx,0deg)) rotateY(var(--xf-ry,0deg)) rotateZ(var(--xf-rz,0deg))}to{transform:translate(var(--xf-tx), var(--xf-ty)) translate3d(var(--xf-dx2,0px), var(--xf-dy2,0px), var(--xf-z,0px)) rotateX(var(--xf-rx,0deg)) rotateY(var(--xf-ry,0deg)) rotateZ(var(--xf-rz,0deg))}}.xf-menu-card.xf-focus-plane{filter:blur(var(--xf-blur,0px));opacity:var(--xf-op,1);transition:filter .15s,opacity .15s}.xf-menu-card.xf-focus-plane .xf-menu-card-face{background:#181b24}.xf-menu-card.xf-focus-plane .xf-menu-card-plate{border-color:#ffffff24;box-shadow:0 0 0 1px #0000008c,0 0 0 2px #ffffff12,inset 0 1px #ffffff14,inset 0 -2px 8px #0000006b,0 20px 50px #0000008c,0 0 24px #32aaeb14}.xf-menu-card.xf-focus-plane.xf-is-focus{z-index:10}.xf-menu-card.xf-focus-plane.xf-is-focus .xf-menu-card-plate{border-color:#32aaeb85;box-shadow:0 0 0 1px #00000080,0 0 0 2px #32aaeb47,inset 0 1px #ffffff1a,inset 0 -2px 8px #0006,0 28px 60px #000000a6,0 0 36px #32aaeb38}.xf-arc-shell{transform-style:preserve-3d;position:absolute;inset:0}.xf-stage--arc-rail .xf-watermark,.xf-stage--sphere-rail .xf-watermark{opacity:0}.xf-arc-layer-sphere{transform-style:preserve-3d;pointer-events:none;z-index:1;position:absolute;inset:0}.xf-arc-layer-sphere .xf-menu-card{pointer-events:auto}.xf-arc-layer-back,.xf-arc-layer-front{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.xf-arc-layer-back{z-index:1;transform:translate3d(0, 0, var(--xf-rail-layer-back-z,-32px))}.xf-arc-layer-front{z-index:3;transform:translate3d(0, 0, var(--xf-rail-layer-front-z,32px))}.xf-arc-layer-back .xf-menu-card,.xf-arc-layer-front .xf-menu-card{pointer-events:auto}.xf-arc-hub{z-index:2;width:min(42vw,280px);height:min(42vw,280px);transform-style:preserve-3d;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:50%}.xf-hub-plate{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;transform:rotateX(14deg)rotateY(-18deg)translateZ(0)}.xf-arc-hub img{z-index:1;object-fit:contain;opacity:1;transform-origin:50%;filter:drop-shadow(0 22px 28px #000000bf)drop-shadow(0 0 20px #32aae940);width:100%;height:100%;position:relative}@keyframes xf-hub-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.028)}26%{transform:scale(1)}38%{transform:scale(1.017)}48%{transform:scale(1)}}.xf-arc-hub img.xf-hub-heartbeat{will-change:transform;animation:1.35s cubic-bezier(.45,0,.55,1) infinite xf-hub-heartbeat}@media (prefers-reduced-motion:reduce){.xf-hub-plate{transform:none}.xf-arc-hub img{filter:none}.xf-arc-hub img.xf-hub-heartbeat{will-change:auto;animation:none}}.xf-rail-pivot{transform-origin:50%}.xf-menu-card:focus-visible{outline-offset:3px;outline:2px solid #32aaebf2}.xf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xf-sr-only-list{margin:0;padding:0;list-style:none}.xf-toast{border:1px solid var(--xf-edge);color:var(--xf-text);font-family:var(--font-geist-mono), ui-monospace, monospace;z-index:100;opacity:0;pointer-events:none;text-align:center;background:#1a1c24;border-radius:8px;max-width:90vw;padding:.65rem 1rem;font-size:.75rem;transition:transform .35s,opacity .35s;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(120%)}.xf-toast.xf-toast-show{opacity:1;transform:translate(-50%)translateY(0)}