.landing{--landing-story-height: 560svh;--landing-art-paper: var(--landing-pink-surface);--landing-art-wash: var(--landing-pink-surface-2);--landing-art-pink: #d9a3b4;--landing-art-pink-deep: #b86f87;--landing-art-mint: #b4e4d7;--landing-art-mint-deep: #82cdb8;--landing-art-blue: #9fcaf4;--landing-art-blue-deep: #4183c4;--landing-art-lcd: #e8f7f2}@media (prefers-color-scheme: dark){.landing{--landing-art-pink: #c88fa2;--landing-art-pink-deep: #e9c0cd;--landing-art-mint: #5fae99;--landing-art-mint-deep: #82cdb8;--landing-art-blue: #6f9fc2;--landing-art-blue-deep: #9fcaf4;--landing-art-lcd: #1f3a33}}:where(.landing__art){width:88px;aspect-ratio:1}.landing .art{display:block;width:100%;height:100%;overflow:visible}.landing .art .fat{stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.landing .art .soft{stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.landing .c-none{fill:none}.landing .c-paper{fill:var(--landing-art-paper)}.landing .c-wash{fill:var(--landing-art-wash)}.landing .c-pink{fill:var(--landing-art-pink)}.landing .c-pink-deep{fill:var(--landing-art-pink-deep)}.landing .c-mint{fill:var(--landing-art-mint)}.landing .c-mint-deep{fill:var(--landing-art-mint-deep)}.landing .c-blue{fill:var(--landing-art-blue)}.landing .c-blue-deep{fill:var(--landing-art-blue-deep)}.landing .c-lcd{fill:var(--landing-art-lcd)}.landing .s-paper{stroke:var(--landing-art-paper)}.landing .s-wash{stroke:var(--landing-art-wash)}.landing .s-pink{stroke:var(--landing-art-pink)}.landing .s-pink-deep{stroke:var(--landing-art-pink-deep)}.landing .s-mint{stroke:var(--landing-art-mint)}.landing .s-mint-deep{stroke:var(--landing-art-mint-deep)}.landing .s-blue{stroke:var(--landing-art-blue)}.landing .s-blue-deep{stroke:var(--landing-art-blue-deep)}.landing-pending .landing__story{min-height:var(--landing-story-height)}.landing-pending .landing__steps,.landing--motion .landing__steps{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.landing--motion .landing__track{height:var(--landing-story-height)}.landing--motion .landing__stage{--orbit: min(calc(100vw - 32px), 440px, calc(100svh - 300px));position:sticky;top:0;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr) auto;grid-template-areas:"text" "orbit" "dots";gap:8px;max-width:1100px;height:100svh;margin-inline:-20px;padding:46px 16px 12px;overflow:clip}.landing--motion .landing__texts{display:grid;grid-area:text;min-height:132px}.landing--motion .landing__text{grid-area:1 / 1;max-width:34em;opacity:0}.landing--motion .landing__text:first-child{opacity:1}.landing--motion .landing__text h3{margin:4px 0 6px;font-size:24px;font-weight:800}.landing--motion .landing__text p{margin:0;color:var(--landing-ink-2);font-size:15px}.landing--motion .landing__orbit{position:relative;grid-area:orbit;align-self:center;justify-self:center;width:var(--orbit);height:var(--orbit);container-type:size}.landing--motion .landing__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.landing--motion .landing__ring-track{fill:none;stroke:var(--landing-pink-line);stroke-width:0.7}.landing--motion .landing__ring-arc{fill:none;stroke:var(--landing-pink);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.landing--motion .landing__hubs{position:absolute;inset:0;display:grid;place-items:center}.landing--motion .landing__hub{position:relative;grid-area:1 / 1;width:34cqw;height:34cqw;padding:6.5cqw 7cqw 8cqw;border:2px solid var(--landing-pink);border-radius:50%;background:var(--landing-pink-surface);box-shadow:0 10px 28px rgba(148,80,106,0.14);opacity:0}.landing--motion .landing__hub:first-child{opacity:1}.landing--motion .landing__cap{position:absolute;bottom:0;left:50%;padding:0.25em 0.8em;border:1px solid var(--landing-pink-line);border-radius:999px;background:var(--landing-bg);color:var(--landing-ink-2);font-size:clamp(10px, 2.7cqw, 13px);font-weight:600;white-space:nowrap;transform:translate(-50%, 50%)}.landing--motion .landing__hub .landing__cap{border-color:var(--landing-pink);background:var(--landing-pink-surface-2);color:var(--landing-pink-text);font-weight:700}.landing--motion .landing__node{position:absolute;top:50%;left:50%;opacity:0;will-change:left, top, transform, opacity}.landing--motion .landing__node--art{width:23cqw;height:23cqw;padding:5.2cqw;border:1.5px solid var(--landing-pink-line);border-radius:50%;background:var(--landing-bg);box-shadow:0 6px 18px rgba(148,80,106,0.1)}.landing--motion .landing__node--spark{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--landing-pink)}.landing--motion .landing__node--spark:nth-child(3n){background:var(--landing-mint-line)}.landing--motion .landing__node--spark:nth-child(3n + 1){background:var(--landing-art-blue)}.landing--motion .landing__up{position:absolute;top:-0.6cqw;right:-0.6cqw;display:grid;place-items:center;width:7cqw;height:7cqw;border-radius:50%;background:var(--landing-pink-text);transform:scale(0)}.landing--motion .landing__up svg{width:60%;height:60%}.landing--motion .landing__up path{fill:none;stroke:var(--landing-bg);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.landing--motion .landing__links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.landing--motion .landing__links line{stroke:var(--landing-pink);stroke-width:0.6;stroke-dasharray:1.4 1.6}.landing--motion .landing__station{position:absolute;z-index:1;display:grid;place-items:center;width:7.6cqw;height:7.6cqw;margin:-3.8cqw 0 0 -3.8cqw;border:1.5px solid var(--landing-pink-line);border-radius:50%;background:var(--landing-bg);color:var(--landing-ink-2);font-size:clamp(12px, 3.8cqw, 19px);font-weight:800}.landing--motion .landing__station.on{border-color:var(--landing-pink);background:var(--landing-pink);color:var(--landing-on-fill)}.landing--motion .landing__dots{display:flex;grid-area:dots;gap:8px;justify-content:center;margin:0;padding:0;list-style:none}.landing--motion .landing__dot{width:8px;height:8px;border-radius:50%;background:var(--landing-pink-text);opacity:0.28;transition:opacity 0.2s}.landing--motion .landing__dot.on{opacity:1}@media (min-width: 900px){.landing__hero-in{padding-bottom:16px}.landing--motion .landing__stage{--orbit: min(580px, calc(100svh - 150px), 48vw);grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);grid-template-rows:minmax(0, 1fr) auto;grid-template-areas:"text orbit" "dots dots";column-gap:40px;padding-top:24px;padding-bottom:72px}.landing--motion .landing__texts{align-self:center}.landing--motion .landing__text{max-width:26em}.landing--motion .landing__text h3{font-size:38px}.landing--motion .landing__text p{font-size:18px}}