.Hx0lNG_page{min-height:100vh;color:var(--foreground);background:var(--background);position:relative;overflow-x:clip}.Hx0lNG_srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Hx0lNG_hero{isolation:isolate;min-height:100svh;padding:clamp(7.5rem,11vw,10rem) clamp(1.25rem,4vw,4.5rem) 5rem;position:relative;overflow:hidden}.Hx0lNG_heroWaves,.Hx0lNG_heroVeil{position:absolute;inset:0}.Hx0lNG_heroWaves{z-index:-3;background:var(--brand-ink)}.Hx0lNG_heroWaves .gradient-waves-container{width:100%;height:100%}.Hx0lNG_heroVeil{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#02050ab3 0%,#02050a47 43%,#02050a08 74%),linear-gradient(#02050a14,#0000 62%,#02050a 100%)}.Hx0lNG_heroInner{width:min(var(--content-body-max-width), 100%);grid-template-columns:minmax(0,1.15fr) minmax(30rem,.85fr);align-items:center;gap:clamp(3rem,6vw,7rem);min-height:calc(100svh - 13rem);margin-inline:auto;display:grid}.Hx0lNG_heroCopy{min-width:0}.Hx0lNG_heroBadge{color:#cbd8e8;font-size:var(--type-label);letter-spacing:.08em;align-items:center;gap:.7rem;margin:0 0 .65rem;font-weight:650;display:inline-flex}.Hx0lNG_heroBadge span{width:.55rem;height:.55rem;animation:Hx0lNG_status-pulse 2.4s var(--motion-linear) infinite;background:#64d9ff;border-radius:50%;box-shadow:0 0 1rem #64d9ffb8}.Hx0lNG_warpTitle{width:min(100%,900px);height:clamp(9rem,13vw,13rem);margin-left:clamp(-3.7rem,-4.6vw,-1.35rem)}.Hx0lNG_warpTitle .warp-text{touch-action:pan-y;min-height:100%}.Hx0lNG_typeClaim{color:#f5f8fc;letter-spacing:0;white-space:nowrap;width:max-content;max-width:100%;min-height:1.3em;margin-top:-.35rem;font-size:clamp(1.75rem,2.5vw,2.6rem);font-weight:650;line-height:1.15}.Hx0lNG_typeClaim .text-type{white-space:nowrap;display:block}.Hx0lNG_typeClaim .text-type__cursor{color:#64d9ff;text-shadow:0 0 1rem #64d9ff8c}.Hx0lNG_lead{color:#b4c2d4;text-wrap:pretty;max-width:680px;margin:.65rem 0 0;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.75}.Hx0lNG_heroActions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.Hx0lNG_primaryAction,.Hx0lNG_secondaryAction,.Hx0lNG_moreLink{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.78rem 1.25rem;font-weight:680;text-decoration:none;display:inline-flex}.Hx0lNG_heroStats{border-top:1px solid #a6cfff29;grid-template-columns:repeat(3,minmax(0,1fr));max-width:660px;margin:3rem 0 0;padding-top:1.2rem;display:grid}.Hx0lNG_heroStats>div{border-left:1px solid #a6cfff1f;gap:.4rem;min-width:0;padding-inline:1rem;display:grid}.Hx0lNG_heroStats>div:first-child{border-left:0;padding-left:0}.Hx0lNG_heroStats dt{color:#8293a9;font-size:var(--type-meta)}.Hx0lNG_heroStats dd{color:#f5f8fc;font-variant-numeric:tabular-nums;letter-spacing:0;text-overflow:ellipsis;margin:0;font-size:clamp(1.45rem,2.4vw,2.35rem);font-weight:690;overflow:hidden}.Hx0lNG_productScene{perspective:1400px;align-self:center;min-width:0}.Hx0lNG_productWindow{border-radius:2rem;overflow:hidden;transform:rotateY(-4deg)rotateX(1.2deg)}.Hx0lNG_productBar{color:#8293a9;min-height:54px;font-size:var(--type-meta);letter-spacing:.08em;border-bottom:1px solid #a6cfff1f;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.05rem;display:flex}.Hx0lNG_productBar>span{gap:.38rem;display:flex}.Hx0lNG_productBar i{background:#a6cfff33;border-radius:50%;width:.55rem;height:.55rem}.Hx0lNG_productBar p{margin:0}.Hx0lNG_productBar strong{color:#72d6a0;font-size:var(--type-meta)}.Hx0lNG_productBody{background:radial-gradient(circle at 15% 10%,#2997ff26,#0000 34%),linear-gradient(135deg,#07111f,#040911 65%);min-height:520px;padding:clamp(1.5rem,3vw,2.4rem)}.Hx0lNG_productPulse{border-left:2px solid #2997ff;gap:.45rem;max-width:26rem;padding-left:1rem;display:grid}.Hx0lNG_productPulse span{color:#64d9ff;font-size:var(--type-meta);letter-spacing:.12em;font-weight:700}.Hx0lNG_productPulse strong{letter-spacing:0;font-size:clamp(1.35rem,2.1vw,2.1rem)}.Hx0lNG_productPulse p{color:#8fa0b6;font-size:var(--type-label);margin:0;line-height:1.6}.Hx0lNG_swapStage{height:320px;margin-top:2.5rem;position:relative}.Hx0lNG_swapStage .card-swap-container{bottom:8%;right:8%;transform:translate(0)}.Hx0lNG_swapCard{color:#f5f8fc;align-content:end;gap:.45rem;padding:1.4rem;display:grid;overflow:hidden;border-radius:1.35rem!important}.Hx0lNG_swapCard p,.Hx0lNG_swapCard h2,.Hx0lNG_swapCard span{margin:0}.Hx0lNG_swapCard p{color:#64d9ff;font-size:var(--type-meta);letter-spacing:.12em;font-weight:750}.Hx0lNG_swapCard h2{letter-spacing:0;font-size:1.55rem}.Hx0lNG_swapCard span{color:#9fafc3;font-size:var(--type-label);line-height:1.55}.Hx0lNG_productCaption{color:#72849b;font-size:var(--type-meta);align-items:center;gap:.65rem;margin:1rem 0 0;display:flex}.Hx0lNG_productCaption span{background:#2997ff;width:1.8rem;height:1px}.Hx0lNG_announcements{z-index:4;width:min(var(--content-body-max-width), calc(100% - var(--content-gutter) - var(--content-gutter)));border-radius:1.2rem;grid-template-columns:auto 1fr;gap:1rem;margin:-1.5rem auto 0;padding:1rem 1.2rem;display:grid;position:relative}.Hx0lNG_postHero{isolation:isolate;background:#02050a;position:relative}.Hx0lNG_postHeroBackdrop{z-index:0;pointer-events:none;width:100%;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.Hx0lNG_postHeroBackdrop .drift-wall{opacity:.92;width:100%;height:100%}.Hx0lNG_postHeroBackdropVeil{background:linear-gradient(#02050a 0%,#02050a47 14%,#02050a7a 84%,#02050a 100%),radial-gradient(circle at 50% 46%,#0000 12%,#02050a9e 86%);position:absolute;inset:0}.Hx0lNG_postHeroContent{z-index:1;position:relative}.Hx0lNG_announcements>strong{color:#64d9ff;font-size:var(--type-label)}.Hx0lNG_announcements>div{flex-wrap:wrap;gap:.8rem 1.5rem;display:flex}.Hx0lNG_announcements a,.Hx0lNG_announcements p{color:#d7e1ed;font-size:var(--type-label);margin:0;text-decoration:none}.Hx0lNG_announcements a:hover{color:#fff;text-underline-offset:.2em;text-decoration:underline}.Hx0lNG_features{min-height:180svh;padding:clamp(5rem,8vw,8rem) 0 2rem;position:relative;overflow:clip}.Hx0lNG_featureInner{width:min(var(--content-body-max-width), calc(100% - var(--content-gutter) - var(--content-gutter)));box-sizing:border-box;margin-inline:auto;padding-inline:0}.Hx0lNG_sectionHeading{gap:.7rem;width:100%;margin-inline:auto;display:grid}.Hx0lNG_sectionHeading>p{color:#64d9ff;font-size:var(--type-label);letter-spacing:.13em;text-transform:uppercase;margin:0;font-weight:720}.Hx0lNG_sectionHeading h2{letter-spacing:0;text-wrap:balance;white-space:normal;margin:0;font-size:clamp(1.2rem,5.2vw,5rem);font-weight:680;line-height:.98}.Hx0lNG_sectionHeading>span{color:#a6b4c7;max-width:680px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.7}.Hx0lNG_featureStack{margin-inline:auto;width:min(100%,72rem);margin-top:2rem;overscroll-behavior:auto!important;height:auto!important;overflow:visible!important}.Hx0lNG_featureStack .scroll-stack-inner{width:100%;min-height:100vh;margin-inline:auto;padding:12vh 0 24rem;transform:translateZ(0)}.Hx0lNG_featureCard{contain:layout style;isolation:isolate;overflow:hidden;transform-style:flat!important;border-radius:2rem!important;height:270px!important;margin-block:1.8rem!important;padding:0!important}.Hx0lNG_featureStack .scroll-stack-card:first-child{z-index:1}.Hx0lNG_featureStack .scroll-stack-card:nth-child(2){z-index:2}.Hx0lNG_featureStack .scroll-stack-card:nth-child(3){z-index:3}.Hx0lNG_featureStack .scroll-stack-card:nth-child(4){z-index:4}.Hx0lNG_featureStack .scroll-stack-card:nth-child(5){z-index:5}.Hx0lNG_featureStack .scroll-stack-card:nth-child(6){z-index:6}.Hx0lNG_featureStack .scroll-stack-card:nth-child(7){z-index:7}.Hx0lNG_featureStack .scroll-stack-card:nth-child(8){z-index:8}.Hx0lNG_featureCard article{box-sizing:border-box;grid-template-columns:180px minmax(0,1fr) 180px;place-content:center;align-items:center;column-gap:32px;max-width:72rem;height:100%;margin-inline:auto;padding:31px 37px;display:grid}.Hx0lNG_featureIdentity{align-self:center;justify-items:center;gap:1rem;display:grid}.Hx0lNG_featureCode{color:#64d9ff99;letter-spacing:0;font-size:58px;font-weight:700;line-height:64px}.Hx0lNG_featureCopy{text-align:center;justify-items:center;gap:6px;min-width:0;display:grid}.Hx0lNG_featureCopy p,.Hx0lNG_featureCopy h3,.Hx0lNG_featureCopy span{margin:0}.Hx0lNG_featureCopy p{color:#64d9ff;letter-spacing:.04em;font-size:11px;font-weight:700;line-height:16px}.Hx0lNG_featureCopy h3{letter-spacing:0;font-size:38px;font-weight:700;line-height:46px}.Hx0lNG_featureCopy span{color:#a6b4c7;max-width:630px;font-size:14px;line-height:23px}.Hx0lNG_featureCopy .Hx0lNG_featureStatus{color:#bcdfff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:10px;font-weight:760;line-height:14px}.Hx0lNG_featureCard article[data-feature-status=available] .Hx0lNG_featureStatus{color:#8ce4b2;border-color:#72d6a04d}.Hx0lNG_featureCard ul{text-align:center;align-self:center;justify-items:center;gap:13px;margin:0;padding:0;list-style:none;display:grid}.Hx0lNG_featureCard li{color:#d5dfeb;max-width:100%;font-size:13px;line-height:20px;position:relative}.Hx0lNG_featureCard li:before{content:"";background:#64d9ff;border-radius:50%;width:6px;height:6px;margin:0 .5rem .08em 0;display:inline-block}@media (max-width:1100px) and (min-width:761px){.Hx0lNG_featureCard article{grid-template-columns:150px minmax(0,1fr) 150px;column-gap:20px;padding:24px}.Hx0lNG_featureCode{font-size:48px;line-height:56px}.Hx0lNG_featureCopy h3{font-size:32px;line-height:40px}.Hx0lNG_featureCopy span{font-size:13px;line-height:20px}}.Hx0lNG_system,.Hx0lNG_faq,.Hx0lNG_cta{width:min(var(--content-body-max-width), calc(100% - var(--content-gutter) - var(--content-gutter)));box-sizing:border-box;margin-inline:auto;padding-inline:0}.Hx0lNG_system{padding:clamp(5rem,8vw,8rem) 0}.Hx0lNG_system .Hx0lNG_sectionHeading,.Hx0lNG_faq .Hx0lNG_sectionHeading{width:100%;margin:0}.Hx0lNG_bentoStage{width:min(100%, var(--content-body-max-width));margin-inline:auto;margin-top:2rem}.Hx0lNG_bentoStage .card-grid{gap:.8rem;width:100%;max-width:none;margin:0;padding:0}.Hx0lNG_bentoStage .magic-bento-card{min-height:220px;box-shadow:var(--glass-shadow-soft), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(var(--glass-blur-regular)) saturate(132%);backdrop-filter:blur(var(--glass-blur-regular)) saturate(132%);border-radius:1.5rem}.Hx0lNG_bentoStage .magic-bento-card__label{color:#64d9ff;font-size:var(--type-meta);letter-spacing:.1em;font-weight:730}.Hx0lNG_bentoStage .magic-bento-card__title{color:#f5f8fc;letter-spacing:0;font-size:clamp(1.3rem,2vw,2rem);font-weight:650}.Hx0lNG_bentoStage .magic-bento-card__description{color:#a6b4c7;max-width:34rem;font-size:var(--type-body);line-height:1.6}.Hx0lNG_bentoFeatureVisual{place-items:center start;width:100%;height:100%;display:grid;position:relative}.Hx0lNG_bentoFeatureVisualMotion{place-items:center}.Hx0lNG_faq{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(5rem,8vw,8rem) 0;display:grid}.Hx0lNG_faqList{gap:.75rem;width:100%;margin:0;display:grid}.Hx0lNG_faqItem{transition:transform var(--motion-control);border-radius:1rem;overflow:hidden}@media (hover:hover) and (pointer:fine){.Hx0lNG_faqItem:hover{transform:translateY(-1px)}}.Hx0lNG_faqItemHeading{margin:0}.Hx0lNG_faqItemButton{color:#f5f8fc;text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:68px;padding:0 22px;font-size:15px;font-weight:500;line-height:22px;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:1rem!important}.Hx0lNG_faqItemButton>span:first-child{overflow-wrap:anywhere;min-width:0}.Hx0lNG_faqItemButton:focus-visible{outline-offset:-3px;outline:2px solid #64d9ff}.Hx0lNG_faqItemButton [data-slot=disclosure-indicator]{color:#64d9ff;width:30px;height:30px;transition:transform var(--motion-control), background-color var(--motion-control);border-radius:999px;flex:none;place-items:center;font-size:20px;font-weight:400;line-height:1;display:grid}.Hx0lNG_faqItemButton [data-slot=disclosure-indicator][data-expanded=true]{transform:rotate(45deg)}.Hx0lNG_faqItemContent{overflow:hidden}.Hx0lNG_faqAnswer{color:#9fafc3;overflow-wrap:anywhere;padding:0 22px 20px;line-height:1.7}.Hx0lNG_faqAnswer>*{margin-top:0}.Hx0lNG_faqAnswer>:last-child{margin-bottom:0}.Hx0lNG_moreLink{justify-self:start;margin-top:1.5rem}.Hx0lNG_faq .Hx0lNG_moreLink{margin-top:.25rem}.Hx0lNG_cta{text-align:center;justify-items:center;gap:1rem;padding:clamp(5rem,8vw,8rem) 0;display:grid}.Hx0lNG_cta>p{color:#64d9ff;font-size:var(--type-meta);letter-spacing:.16em;margin:0;font-weight:750}.Hx0lNG_cta h2{letter-spacing:0;text-wrap:balance;white-space:normal;max-width:none;margin:0;font-size:clamp(1.6rem,5.2vw,5rem);font-weight:680;line-height:.94}.Hx0lNG_cta>span{color:#9fafc3;font-size:1.08rem}.Hx0lNG_cta>div{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1rem;display:flex}@keyframes Hx0lNG_status-pulse{0%,to{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@media (max-width:1180px){.Hx0lNG_hero{min-height:auto}.Hx0lNG_heroInner{grid-template-columns:1fr;min-height:auto}.Hx0lNG_productScene{width:min(680px,100%);margin-inline:auto}.Hx0lNG_productWindow{transform:none}.Hx0lNG_faq{grid-template-columns:1fr}}@media (max-width:760px){.Hx0lNG_hero{padding:7rem 1.25rem 4rem}.Hx0lNG_heroVeil{background:linear-gradient(#02050a4d,#02050a14 45%,#02050a 100%),linear-gradient(90deg,#02050a8c,#0000)}.Hx0lNG_warpTitle{width:calc(100% + 1rem);height:8rem;margin-left:-1rem}.Hx0lNG_typeClaim{min-height:1.25em;margin-top:0;font-size:clamp(.92rem,4vw,1.45rem)}.Hx0lNG_heroStats{gap:0}.Hx0lNG_heroStats>div{padding-inline:.65rem}.Hx0lNG_heroStats dt{font-size:var(--type-meta)}.Hx0lNG_heroStats dd{font-size:1.2rem}.Hx0lNG_productBody{min-height:430px;padding:1.25rem}.Hx0lNG_swapStage{height:270px}.Hx0lNG_swapStage .card-swap-container{transform-origin:100% 100%;bottom:8%;right:50%;transform:scale(.74)translate(68%,15%)}.Hx0lNG_productBar p{display:none}.Hx0lNG_announcements{grid-template-columns:1fr}.Hx0lNG_features{padding-top:6rem}.Hx0lNG_featureStack .scroll-stack-inner{width:100%;padding:12vh 0 24rem}.Hx0lNG_featureCard{border-radius:1.6rem!important;height:29rem!important;padding:0!important}.Hx0lNG_featureCard article{grid-template-columns:1fr;align-content:center;gap:1.1rem;max-width:none;padding:1.35rem}.Hx0lNG_featureIdentity{justify-content:center;align-items:center;display:flex}.Hx0lNG_featureCode{font-size:3.4rem}.Hx0lNG_featureCopy h3{font-size:clamp(2rem,9vw,3rem)}.Hx0lNG_featureCopy span{font-size:.94rem}.Hx0lNG_featureCard ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.Hx0lNG_featureCard li{font-size:var(--type-meta)}.Hx0lNG_system .Hx0lNG_sectionHeading,.Hx0lNG_faq .Hx0lNG_sectionHeading{width:100%}.Hx0lNG_sectionHeading h2{font-size:clamp(1.2rem,5.7vw,2.7rem)}.Hx0lNG_bentoStage .card-grid{width:100%}.Hx0lNG_cta h2{font-size:clamp(1.6rem,7vw,3rem)}}@media (prefers-reduced-motion:reduce){.Hx0lNG_heroBadge span{animation:none}.Hx0lNG_primaryAction,.Hx0lNG_secondaryAction,.Hx0lNG_moreLink,.Hx0lNG_faqItem{transition-duration:.01ms}.Hx0lNG_faqItem:hover{transform:none}.Hx0lNG_faqItemButton [data-slot=disclosure-indicator]{transition:none}.Hx0lNG_primaryAction:hover,.Hx0lNG_secondaryAction:hover,.Hx0lNG_moreLink:hover{transform:none}}
.BvE6da_motion{border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 16% 84%,#0000 100%)}.BvE6da_motion:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0d,#0000 34%);position:absolute;inset:0}.BvE6da_metallic{place-items:center;padding:.5rem;display:grid}.BvE6da_metallic canvas{aspect-ratio:1;width:auto;min-width:0;max-width:min(100%,26rem);height:auto;min-height:0;max-height:100%}
.paint-container{object-fit:contain;width:100%;height:100%;display:block}
.strands-container{background:0 0;width:100%;height:100%;position:relative}.strands-container canvas{width:100%;height:100%;display:block}
.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:14px;--dw-lift:64px;--dw-dim:.55;--dw-gray:0;--dw-overlay:var(--brand-ink);--dw-edge:40%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at 50% 46%, #000 var(--dw-edge), transparent 100%), linear-gradient(to top, #000 var(--dw-edge), transparent 100%);position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.drift-wall__plane{transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;position:relative}.drift-wall__track{will-change:transform;transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);background:var(--glass-surface-strong);opacity:var(--dw-dim);pointer-events:none;transition:transform .42s var(--motion-rubber), opacity .42s var(--motion-rubber), box-shadow .42s var(--motion-rubber);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(.92);transition:filter .42s var(--motion-rubber);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s var(--motion-rubber);position:absolute;inset:0}.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner{opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img{filter:grayscale(0)saturate(1.05)}.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay{opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}
.gradient-waves-container{width:100%;height:100%;position:relative;overflow:hidden}
.bento-section{--white:var(--foreground);--purple-primary:var(--brand-blue);--purple-glow:color-mix(in oklch, var(--brand-blue) 20%, transparent);--purple-border:color-mix(in oklch, var(--brand-cyan) 78%, transparent);--border-color:var(--glass-border);--background-dark:var(--glass-surface)}.card-grid{gap:.5em;max-width:54em;padding:.75em;font-size:clamp(1rem,.9rem + .5vw,1.5rem);display:grid}.magic-bento-card{aspect-ratio:4/3;border:1px solid var(--glass-border-subtle);background:linear-gradient(180deg, #ffffff0d, transparent 52%), var(--glass-content-surface);width:100%;max-width:100%;min-height:200px;transition:transform var(--motion-control), box-shadow var(--motion-control), border-color var(--motion-control), background-color var(--motion-control);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.25em;font-weight:300;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{border-color:var(--glass-border-subtle);box-shadow:var(--glass-shadow-soft);transform:translateY(-1px)}.magic-bento-card__header,.magic-bento-card__content{color:var(--white);display:flex;position:relative}.magic-bento-card__header{justify-content:space-between;gap:.75em}.magic-bento-card__content{flex-direction:column}.magic-bento-card__visual{z-index:0;pointer-events:none;border-radius:1rem;flex:1;min-height:0;margin:.65rem -.35rem .45rem;position:relative;overflow:hidden}.magic-bento-card__header,.magic-bento-card__content{z-index:1}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:1;--clamp-desc:2}.magic-bento-card__title{margin:0 0 .25em;font-size:16px;font-weight:400}.magic-bento-card__description{opacity:.9;font-size:12px;line-height:1.2}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}:is(.magic-bento-card:has(.paint-container),.magic-bento-card:has(.strands-container)){min-height:18rem}:is(.magic-bento-card:has(.paint-container) .magic-bento-card__visual,.magic-bento-card:has(.strands-container) .magic-bento-card__visual){min-height:8rem}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-area:span 2/span 2}.magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2}.magic-bento-card:nth-child(6){grid-area:3/4}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), color-mix(in oklch, var(--brand-blue) calc(var(--glow-intensity) * 80%), transparent) 0%, color-mix(in oklch, var(--brand-cyan) calc(var(--glow-intensity) * 40%), transparent) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .3s var(--motion-rubber);z-index:1;padding:6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card--border-glow:hover:after{opacity:0}.magic-bento-card--border-glow:hover{box-shadow:var(--glass-shadow-soft)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:color-mix(in oklch, var(--brand-blue) 20%, transparent);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 4px 20px color-mix(in oklch, var(--brand-blue) 20%, transparent), 0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}
.scroll-stack-scroller{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position;width:100%;height:100%;position:relative;overflow:visible auto;transform:translateZ(0)}.scroll-stack-inner{min-height:100vh;padding:20vh 5rem 50rem}.scroll-stack-card-wrapper{position:relative}.scroll-stack-card{transform-origin:top;will-change:transform, filter;backface-visibility:hidden;transform-style:preserve-3d;box-sizing:border-box;border-radius:40px;width:100%;height:20rem;margin:30px 0;padding:3rem;position:relative;transform:translateZ(0);box-shadow:0 0 30px #0000001a}.scroll-stack-end{width:100%;height:1px}