.hp{--q:0;--mx:0;--my:0;height:230vh;position:relative}.hp-stage{isolation:isolate;background:radial-gradient(70% 55% at 50% 62%, color-mix(in oklab, var(--hero-violet,var(--primary)) 16%, transparent), transparent 70%), var(--background);height:100svh;position:sticky;top:0;overflow:hidden}.hp-nav{z-index:30;position:absolute;inset:0 0 auto}.hp-nav .site-nav{inset:max(26px, env(safe-area-inset-top)) clamp(20px, 4.5vw, 72px) auto;justify-content:center;position:absolute}.hp-nav .site-nav-logo{line-height:0;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hp-nav .site-nav-logo img{filter:invert();width:clamp(130px,11vw,176px);height:auto}.hp-nav .site-nav-bar{gap:4px;padding:7px}.hp-nav .site-nav-bar .site-nav-link{letter-spacing:.01em;padding:12px 24px;font-size:16.5px}.hp-nav .site-nav-account{padding:13px 26px;font-size:16.5px}.hp-nav .hero-menu,.hp-nav .site-nav{animation:1s cubic-bezier(.16,1,.3,1) .5s both hp-fade;opacity:1!important}@media (width<=1100px){.hp-nav .site-nav-bar .site-nav-link{padding:10px 16px;font-size:15px}.hp-nav .site-nav-account{padding:11px 20px;font-size:15px}}@media (width<=860px){.hp-nav .site-nav{justify-content:flex-end}.hp-nav .site-nav-logo img{width:132px}}.hp-copy{z-index:2;text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:clamp(26px,4vh,44px);padding:90px 6vw 0;display:grid;position:absolute;inset:0}.hp-copy>*{pointer-events:auto}.hp-h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.7rem,7.4vw,7.6rem);font-weight:700;line-height:1.02}.hp-line{padding:.04em .06em .1em;display:block;overflow:hidden}.hp-line>*{animation:1.3s cubic-bezier(.16,1,.3,1) .15s both hp-rise;display:inline-block}.hp-line:nth-child(2)>*{animation-delay:.32s}.hp-h1 em{background:linear-gradient(90deg, var(--hero-violet), var(--hero-pink) 60%, var(--hero-orange));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hp-cta.hp-cta{margin:0;animation:1s cubic-bezier(.16,1,.3,1) .8s both hp-fade}.hp-cta-block{justify-items:center;gap:14px;display:grid}.hp-slogan{max-width:34ch;color:color-mix(in oklab, var(--foreground) 82%, transparent);margin:0;font-size:clamp(15px,1.25vw,19px);line-height:1.5;animation:1s cubic-bezier(.16,1,.3,1) 1s both hp-fade}.hp-topics{letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(90deg, var(--hero-violet), var(--hero-pink) 55%, var(--hero-orange));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(11px,.9vw,13px);font-weight:600;animation:1s cubic-bezier(.16,1,.3,1) 1.15s both hp-fade}@keyframes hp-rise{0%{transform:translateY(110%)}to{transform:none}}@keyframes hp-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hp-stars{z-index:0;pointer-events:none;opacity:.7;background-image:radial-gradient(1.2px 1.2px at 12% 26%, var(--foreground), transparent), radial-gradient(1px 1px at 29% 62%, var(--foreground), transparent), radial-gradient(1.4px 1.4px at 46% 18%, var(--foreground), transparent), radial-gradient(1px 1px at 64% 44%, var(--foreground), transparent), radial-gradient(1.2px 1.2px at 81% 22%, var(--foreground), transparent), radial-gradient(1px 1px at 92% 58%, var(--foreground), transparent);height:45%;-webkit-mask:linear-gradient(var(--foreground), transparent);-webkit-mask:linear-gradient(var(--foreground), transparent);-webkit-mask:linear-gradient(var(--foreground), transparent);mask:linear-gradient(var(--foreground), transparent);animation:7s ease-in-out infinite alternate hp-twinkle;position:absolute;inset:0 0 auto}@keyframes hp-twinkle{0%{opacity:.35}to{opacity:.8}}.hp-deck{z-index:1;pointer-events:none;position:absolute;inset:0}.hp-card{aspect-ratio:432/638;will-change:transform;width:clamp(150px,17vw,270px);position:absolute;top:50%;left:50%}.hp-face{box-shadow:0 40px 90px -30px color-mix(in oklab, var(--hero-violet,var(--primary)) 60%, transparent), 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent);border-radius:clamp(14px,1.4vw,22px);position:absolute;inset:0;overflow:hidden}.hp-card img{object-fit:cover;width:100%;height:100%;display:block}.hp-tag{white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab, var(--foreground) 72%, transparent);opacity:calc(.25 + var(--q) * .75);font-size:clamp(11px,.95vw,14px);font-weight:600;position:absolute;top:calc(100% + 14px);left:50%;translate:-50%}.hp-sheen{background:linear-gradient(115deg, transparent 35%, color-mix(in oklab, var(--foreground) 22%, transparent) 50%, transparent 65%);animation:6s ease-in-out infinite hp-sheen;animation-delay:calc(var(--i) * .9s);mix-blend-mode:screen;background-size:260% 100%;position:absolute;inset:0}@keyframes hp-sheen{0%,55%{background-position:130% 0}to{background-position:-130% 0}}.hp-v1 .hp-card{--spread:calc(1 + var(--q) * .9);--lift:calc(var(--q) * -26vh);transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * clamp(120px, 13vw, 220px) * var(--spread) + var(--mx) * 30px), calc(30vh + var(--lift) + (var(--i) - 1) * (var(--i) - 1) * 26px + var(--my) * 16px), 0) rotate(calc((var(--i) - 1) * (14deg - var(--q) * 8deg)));filter:brightness(calc(.5 + var(--q) * .5));animation:1.6s cubic-bezier(.16,1,.3,1) both hp-up;animation-delay:calc(.5s + var(--i) * .12s)}.hp-v1 .hp-card:nth-child(2){z-index:2}.hp-v1 .hp-copy{transform:translateY(calc(var(--q) * -22vh)) scale(calc(1 - var(--q) * .12));opacity:calc(1 - var(--q) * 1.5);padding-bottom:18vh}@keyframes hp-up{0%{opacity:0;translate:0 30vh}to{opacity:1;translate:0}}.hp-v2 .hp-copy{text-align:left;max-width:60vw;transform:translateX(calc(var(--q) * -14vw));opacity:calc(1 - var(--q) * 1.6);place-content:center start;justify-items:start;padding-left:clamp(24px,7vw,120px)}.hp-v2 .hp-h1{font-size:clamp(2.6rem,6.2vw,6.6rem)}.hp-v2 .hp-deck{perspective:1200px;left:38%}.hp-v2 .hp-card{width:clamp(150px,16vw,250px);transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * (60px + var(--q) * 13vw) + var(--q) * -12vw), calc((var(--i) - 1) * -26px * (1 - var(--q)) + 40px), calc(var(--i) * 40px)) rotateY(calc(-24deg * (1 - var(--q)) + var(--mx) * 18deg)) rotateX(calc(var(--my) * -12deg)) rotateZ(calc((var(--i) - 1) * 6deg * (1 - var(--q))));animation:7s ease-in-out infinite hp-float,1.4s cubic-bezier(.16,1,.3,1) both hp-cardin;animation-delay:calc(var(--i) * -2.3s), calc(.5s + var(--i) * .15s)}.hp-v2 .hp-card:after{content:"";background:linear-gradient(160deg, color-mix(in oklab, var(--foreground) 18%, transparent), transparent 40%);pointer-events:none;border-radius:clamp(14px,1.4vw,22px);position:absolute;inset:0}@keyframes hp-float{0%,to{translate:0}50%{translate:0 -14px}}@media (width<=860px){.hp-v2 .hp-copy{place-content:end start;max-width:none;padding:0 6vw 34vh}.hp-v2 .hp-deck{top:-18vh;left:0}.hp-v2 .hp-card{width:30vw}}.hp-rings{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hp-rings i{border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);border-radius:50%;width:min(80vw,1200px);height:min(46vh,380px);position:absolute;transform:rotate(-6deg)}.hp-rings i+i{border-color:color-mix(in oklab, var(--hero-violet,var(--primary)) 28%, transparent);width:min(64vw,900px);height:min(34vh,280px);transform:rotate(-6deg) scale(calc(1 + var(--q) * .2))}.hp-v3 .hp-deck{z-index:auto}.hp-v3 .hp-card{width:clamp(110px,12vw,200px);animation:1.4s cubic-bezier(.16,1,.3,1) both hp-cardin;animation-delay:calc(.6s + var(--i) * .15s);top:54%}.hp-v3 .hp-copy{z-index:2;transform:scale(calc(1 - var(--q) * .1));opacity:calc(1 - var(--q) * 1.3)}.hp-scroll{z-index:3;background:color-mix(in oklab, var(--foreground) 18%, transparent);width:1px;height:54px;opacity:calc(1 - var(--q) * 4);position:absolute;bottom:30px;left:50%;overflow:hidden;translate:-50%}.hp-scroll i{background:var(--foreground);animation:1.8s cubic-bezier(.6,0,.3,1) infinite hp-drop;position:absolute;inset:0}@keyframes hp-drop{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (width<=600px){.hp{height:200vh}.hp-h1{font-size:clamp(2.5rem,11vw,3.4rem)}.hp-v1 .hp-card{width:34vw;transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * 26vw * var(--spread)), calc(28vh + var(--lift) + (var(--i) - 1) * (var(--i) - 1) * 18px), 0) rotate(calc((var(--i) - 1) * (12deg - var(--q) * 6deg)))}.hp-v3 .hp-card{width:28vw}}@media (prefers-reduced-motion:reduce){.hp-card,.hp-line>*,.hp-cta.hp-cta,.hp-sheen{animation:none!important}}@keyframes hp-cardin{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}.hp-copy{z-index:4}.hp-v1 .hp-card{width:clamp(140px,14vw,230px);translate:0}.hp-v3 .hp-card{width:clamp(110px,10.5vw,180px);top:52%}@media (width>=601px){.hp-v1 .hp-card{margin-top:-4vh}}@media (width<=860px){.hp-v2 .hp-copy{padding:0 6vw 10vh}.hp-v2 .hp-deck{top:-24vh;left:50%}.hp-v2 .hp-card{width:27vw}}@media (width<=600px){.hp-v1 .hp-copy{padding-bottom:34vh}.hp-v1 .hp-card{width:27vw;transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * 19vw * var(--spread)), calc(28vh + var(--lift) + (var(--i) - 1) * (var(--i) - 1) * 18px), 0) rotate(calc((var(--i) - 1) * (10deg - var(--q) * 5deg)));margin-top:4vh}.hp-v1 .hp-tag{letter-spacing:.14em;font-size:10px}.hp-v3 .hp-card{width:22vw}.hp-v3 .hp-rings i{width:92vw;height:70vh}.hp-v3 .hp-rings i+i{width:76vw;height:56vh}}@media (width<=860px){.hp-v2 .hp-deck{left:0}}.hp-v3 .hp-copy{z-index:5}@media (width<=860px){.hp-v2 .hp-deck{top:-29vh}}.hp-nav .site-nav-bar{background:color-mix(in oklab, var(--background) 42%, transparent);border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--foreground) 10%, transparent), 0 18px 40px -24px var(--hero-violet);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:2px;padding:6px}.hp-nav .site-nav-bar .site-nav-link{color:color-mix(in oklab, var(--foreground) 78%, transparent);border-radius:999px;transition:color .3s,background .3s}.hp-nav .site-nav-bar .site-nav-link:hover{color:var(--foreground);background:color-mix(in oklab, var(--foreground) 7%, transparent)}.hp-nav .site-nav-bar .site-nav-link.is-current{color:var(--foreground);background:linear-gradient(120deg, color-mix(in oklab, var(--hero-violet) 40%, transparent), color-mix(in oklab, var(--hero-pink) 28%, transparent))}.hp-nav .site-nav-account{background:linear-gradient(120deg, var(--hero-violet), var(--hero-pink));color:var(--foreground);box-shadow:0 10px 30px -12px var(--hero-pink);border:0;border-radius:999px}.hp-nav .site-nav-toggle{background:color-mix(in oklab, var(--background) 40%, transparent);border:1px solid color-mix(in oklab, var(--hero-violet) 45%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;box-shadow:0 0 24px -8px var(--hero-violet);border-radius:999px;position:relative}.hp-nav .site-nav-toggle svg{display:none!important}.hp-nav .site-nav-toggle:before,.hp-nav .site-nav-toggle:after{content:"";border-radius:999px;position:absolute;top:50%;left:50%}.hp-nav .site-nav-toggle:before{border:1.5px solid color-mix(in oklab, var(--foreground) 80%, transparent);width:22px;height:22px;margin:-11px;transform:rotate(-20deg)scaleY(.42)}.hp-nav .site-nav-toggle:after{background:linear-gradient(120deg, var(--hero-violet), var(--hero-pink));width:8px;height:8px;box-shadow:0 0 10px var(--hero-pink);margin:-4px}.hp-v1 .hp-copy{padding-bottom:10vh}.hp-copy .hp-topics{margin-top:2px}@media (width<=860px){.hp-nav .site-nav-logo img{width:156px}}@media (width<=600px){.hp-v1 .hp-copy{padding-top:70px;padding-bottom:4vh}.hp-v1 .hp-card{width:29vw;transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * 30vw), calc(28vh + var(--lift) + (var(--i) - 1) * (var(--i) - 1) * 14px), 0) rotate(calc((var(--i) - 1) * (10deg - var(--q) * 5deg)))}}.hp-h1 em,.tn-root .tn-h1 em,.tn-root .tn-h2 em{background:linear-gradient(90deg, var(--foreground) 0%, color-mix(in oklab, var(--hero-pink) 38%, var(--foreground)) 70%, color-mix(in oklab, var(--hero-violet) 42%, var(--foreground)));color:#0000;-webkit-background-clip:text;background-clip:text}.hp-topics{color:color-mix(in oklab, var(--foreground) 62%, transparent);-webkit-text-fill-color:currentColor;background:0 0}.tn-root .tn-slogan{color:var(--foreground);-webkit-text-fill-color:currentColor;background:0 0;animation:none}.tn-root .tn-final-glow{opacity:.55}.hp-nav .site-nav-logo img{width:clamp(170px,13.5vw,220px)}.hp-nav .site-nav{inset-block-start:max(44px, calc(env(safe-area-inset-top) + 22px))}.hp-v1 .hp-copy{gap:clamp(30px,4.5vh,48px);padding-bottom:26vh}@media (width<=860px){.hp-nav .site-nav-logo img{width:176px}}@media (width<=600px){.hp-v1 .hp-copy{padding-top:120px;padding-bottom:30vh}}.hp-h1 em{background:linear-gradient(90deg, color-mix(in oklab, var(--hero-violet) 85%, var(--foreground)), var(--hero-pink));color:#0000;-webkit-box-decoration-break:slice;box-decoration-break:slice;-webkit-background-clip:text;background-clip:text}.hp-v1 .hp-card{--spread:calc(.55 + var(--q) * 1.9)}@media (width<=600px){.hp-v1 .hp-card{transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * (14vw + var(--q) * 22vw)), calc(28vh + var(--lift) + (var(--i) - 1) * (var(--i) - 1) * 14px), 0) rotate(calc((var(--i) - 1) * (8deg + var(--q) * 4deg)));transform:translate(-50%, -50%) translate3d(calc((var(--i) - 1) * (14vw + var(--q) * 14vw)), calc(28vh + var(--lift) + (var(--i) - 1) * (var(--i) - 1) * 14px), 0) rotate(calc((var(--i) - 1) * (8deg + var(--q) * 4deg)))}}