.cms-scene{z-index:3;color:#edf8f7;background:radial-gradient(circle at 72% 36%, rgba(var(--signal-rgb), .08), transparent 31%), linear-gradient(145deg, #101b23, #080d12 64%);font-family:var(--font-sans,Inter, sans-serif);position:absolute;inset:0;overflow:hidden}.cms-scene *,.cms-scene :before,.cms-scene :after{box-sizing:border-box}.cms-scene button,.cms-scene input{font:inherit}.cms-stage-mark{z-index:20;text-align:right;pointer-events:none;max-width:44%;position:absolute;top:38px;right:12px}.cms-stage-mark span,.cms-stage-mark b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cms-stage-mark span{color:#5d7782;font:6px var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase}.cms-stage-mark b{color:#8ba1aa;font:7px/1.35 var(--font-mono,monospace);white-space:normal;overflow-wrap:anywhere;margin-top:2px;font-weight:500;overflow:visible}.cms-scene i,.cms-scene em{font-style:normal}.cms-clip-photo{clip-path:polygon(0 0,0 0,0 100%,0 100%);background:linear-gradient(135deg,#24404a 0 48%,#13242c 48%);border:1px solid #38505b;padding:22px;position:absolute;inset:62px 10% 43px;overflow:hidden}.cms-clip-photo:before{content:"";background:radial-gradient(circle at 76% 30%, rgba(var(--signal-rgb), .54), transparent 18%), linear-gradient(145deg, transparent 48%, rgba(var(--signal-rgb), .13));position:absolute;inset:0}.cms-clip-photo span,.cms-clip-photo b{z-index:2;display:block;position:relative}.cms-clip-photo span{color:var(--signal);font:7px var(--font-mono);letter-spacing:.17em}.cms-clip-photo b{width:70%;margin-top:44px;font-size:clamp(15px,2vw,25px);line-height:.92}.cms-clip-photo i{z-index:3;border-right:2px solid var(--signal);background:rgba(var(--signal-rgb), .08);position:absolute;inset:0;transform:translate(-101%)}.cms-scene[data-core-motion=clip-path-image-reveal].is-active .cms-clip-photo{animation:cmsClipOpen var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=clip-path-image-reveal].is-active .cms-clip-photo i{animation:cmsClipScanner var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}@keyframes cmsClipOpen{0%,12%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}78%,to{clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}}@keyframes cmsClipScanner{0%,12%{transform:translate(-101%)}72%,to{transform:translate(101%)}}.cms-curtain{background:#071017;place-items:center;display:grid;position:absolute;inset:0}.cms-curtain>i{background:linear-gradient(90deg,#122936,#183744);width:51%;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #385461}.cms-curtain-left{transform-origin:0;left:0}.cms-curtain-right{transform-origin:100%;right:0}.cms-curtain strong{z-index:2;color:var(--signal);font:46px var(--font-mono);margin-top:-10px}.cms-curtain span{z-index:2;color:#76909a;font:7px var(--font-mono);letter-spacing:.32em;position:absolute;top:60%}.cms-scene[data-core-motion=curtain-preloader].is-active .cms-curtain strong{animation:cmsCountExit var(--demo-duration,4s) steps(4,end) forwards}.cms-scene[data-core-motion=curtain-preloader].is-active .cms-curtain span{animation:cmsLoadExit var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=curtain-preloader].is-active .cms-curtain-left{animation:cmsCurtainLeft var(--demo-duration,4s) cubic-bezier(.76,0,.24,1) forwards}.cms-scene[data-core-motion=curtain-preloader].is-active .cms-curtain-right{animation:cmsCurtainRight var(--demo-duration,4s) cubic-bezier(.76,0,.24,1) forwards}@keyframes cmsCountExit{0%{opacity:1}18%{opacity:.55}32%{opacity:1}45%{opacity:0}to{opacity:0}}@keyframes cmsLoadExit{0%,32%{opacity:1;letter-spacing:.32em}47%,to{opacity:0;letter-spacing:.7em}}@keyframes cmsCurtainLeft{0%,36%{transform:translate(0)skew(0)}80%,to{transform:translate(-104%)skew(-5deg)}}@keyframes cmsCurtainRight{0%,36%{transform:translate(0)skew(0)}80%,to{transform:translate(104%)skew(5deg)}}.cms-hero-stagger{position:absolute;top:31%;left:9%;right:9%}.cms-hero-stagger small,.cms-hero-stagger b,.cms-hero-stagger p,.cms-hero-stagger button{opacity:0;transform:translateY(18px)}.cms-hero-stagger small{color:var(--signal);font:7px var(--font-mono);letter-spacing:.16em}.cms-hero-stagger b{width:80%;margin-top:9px;font-size:clamp(16px,2.2vw,29px);line-height:.95;display:block}.cms-hero-stagger p{color:#81949c;font-size:8px}.cms-hero-stagger button{border:1px solid var(--signal);color:#edf8f7;font:7px var(--font-mono);letter-spacing:.12em;background:0 0;margin-top:8px;padding:8px 13px}.cms-hero-stagger button i{background:var(--signal);width:12px;height:1px;margin-left:8px;display:inline-block}.cms-scene[data-core-motion=hero-entrance-stagger].is-active .cms-hero-stagger>*{animation:cmsHeroItem var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=hero-entrance-stagger].is-active .cms-hero-stagger b{animation-delay:calc(var(--demo-duration,4s) * .11)}.cms-scene[data-core-motion=hero-entrance-stagger].is-active .cms-hero-stagger p{animation-delay:calc(var(--demo-duration,4s) * .2)}.cms-scene[data-core-motion=hero-entrance-stagger].is-active .cms-hero-stagger button{animation-delay:calc(var(--demo-duration,4s) * .28)}@keyframes cmsHeroItem{0%,14%{opacity:0;transform:translateY(calc(18px * var(--cms-intensity)))}55%,to{opacity:1;transform:none}}.cms-masked-copy{position:absolute;top:28%;left:10%;right:10%}.cms-masked-copy span{height:clamp(30px,5vw,50px);display:block;overflow:hidden}.cms-masked-copy b{color:#e8f5f4;letter-spacing:-.07em;transform-origin:0 100%;font-size:clamp(25px,4.8vw,48px);line-height:.9;display:block;transform:translateY(110%)rotate(3deg)}.cms-masked-copy span:nth-child(2) b{color:var(--signal)}.cms-scene[data-core-motion=masked-text-reveal].is-active .cms-masked-copy b{animation:cmsMaskText var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=masked-text-reveal].is-active .cms-masked-copy span:nth-child(2) b{animation-delay:calc(var(--demo-duration,4s) * .1)}.cms-scene[data-core-motion=masked-text-reveal].is-active .cms-masked-copy span:nth-child(3) b{animation-delay:calc(var(--demo-duration,4s) * .2)}@keyframes cmsMaskText{0%,12%{transform:translateY(110%)rotate(3deg)}62%,to{transform:translateY(0)rotate(0)}}.cms-lqip{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid;position:absolute;inset:70px 13% 42px}.cms-lqip-image{background:linear-gradient(135deg,#1a2c35,#274b55);border:1px solid #34505c;position:absolute;inset:0 0 27px;overflow:hidden}.cms-lqip-image i,.cms-lqip-image b{position:absolute;inset:-12%}.cms-lqip-image i{background:radial-gradient(circle at 68% 30%,var(--signal),transparent 17%), linear-gradient(145deg,#213d46,#0b161c);filter:blur(14px);transform:scale(1.14)}.cms-lqip-image b{opacity:0;background:radial-gradient(circle at 68% 30%,rgba(var(--signal-rgb),.8),transparent 14%), linear-gradient(160deg,transparent 47%,rgba(var(--signal-rgb),.18) 48% 54%,transparent 55%), linear-gradient(145deg,#294d58,#0b161c)}.cms-lqip>span,.cms-lqip>strong,.cms-lqip>em{z-index:2;font:7px var(--font-mono)}.cms-lqip>span{color:#6c838d}.cms-lqip>strong{color:var(--signal);justify-self:end}.cms-lqip>em{color:#566d77}.cms-scene[data-core-motion=progressive-image-load-blur-up-lqip].is-active .cms-lqip-image i{animation:cmsLqipBlur var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=progressive-image-load-blur-up-lqip].is-active .cms-lqip-image b{animation:cmsLqipSharp var(--demo-duration,4s) ease forwards}@keyframes cmsLqipBlur{0%,22%{opacity:1;filter:blur(14px);transform:scale(1.14)}72%,to{opacity:0;filter:blur();transform:scale(1)}}@keyframes cmsLqipSharp{0%,32%{opacity:0;transform:scale(1.05)}78%,to{opacity:1;transform:scale(1)}}.cms-fade-viewport{border:1px solid #263b46;position:absolute;inset:65px 12% 35px;overflow:hidden}.cms-fold-line{z-index:2;border-top:1px dashed var(--signal);position:absolute;top:60%;left:0;right:0}.cms-fold-line:after{content:"VIEWPORT";color:var(--signal);font:6px var(--font-mono);position:absolute;top:-10px;right:4px}.cms-fade-card{opacity:.12;background:#13232b;border:1px solid #45606b;min-height:82px;padding:15px;position:absolute;top:68%;left:12%;right:12%}.cms-fade-card small{color:var(--signal);font:6px var(--font-mono)}.cms-fade-card b{margin-top:8px;font-size:15px;display:block}.cms-fade-arrow{color:#6f858e;position:absolute;top:11px;left:50%}.cms-scene[data-core-motion=scroll-triggered-fade-up].is-active .cms-fade-card{animation:cmsViewportRise var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=scroll-triggered-fade-up].is-active .cms-fade-arrow{animation:cmsScrollArrow var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsViewportRise{0%,12%{opacity:.12;top:72%;transform:translateY(25px)}65%,to{opacity:1;top:31%;transform:none}}@keyframes cmsScrollArrow{0%{opacity:.4;transform:translateY(0)}58%{opacity:1;transform:translateY(46px)}to{opacity:.35;transform:translateY(58px)}}.cms-skeleton{background:#111e25;border:1px solid #304650;height:102px;padding:17px 14px 14px 66px;position:absolute;top:30%;left:13%;right:13%;overflow:hidden}.cms-skeleton-avatar{background:#263a43;border-radius:50%;width:38px;height:38px;position:absolute;top:18px;left:14px}.cms-skeleton-lines i{background:#263a43;height:7px;margin:0 0 8px;display:block}.cms-skeleton-lines i:nth-child(2){width:78%}.cms-skeleton-lines i:nth-child(3){width:46%}.cms-skeleton:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff1f 45%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.cms-skeleton-real{opacity:0;background:#13252d;flex-direction:column;justify-content:center;padding-left:66px;display:flex;position:absolute;inset:0}.cms-skeleton-real:before{content:"✓";border:1px solid var(--signal);width:34px;height:34px;color:var(--signal);border-radius:50%;place-items:center;display:grid;position:absolute;left:17px}.cms-skeleton-real b{color:var(--signal);font:8px var(--font-mono)}.cms-skeleton-real span{color:#a7bbc2;margin-top:6px;font-size:8px}.cms-scene[data-core-motion=skeleton-screen].is-active .cms-skeleton:after{animation:cmsSkeletonShimmer var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=skeleton-screen].is-active .cms-skeleton-real{animation:cmsSkeletonResolve var(--demo-duration,4s) ease forwards}@keyframes cmsSkeletonShimmer{0%,8%{transform:translate(-100%)}36%{transform:translate(100%)}48%{transform:translate(-100%)}72%,to{transform:translate(100%)}}@keyframes cmsSkeletonResolve{0%,68%{opacity:0}86%,to{opacity:1}}.cms-counter{align-items:end;display:flex;position:absolute;top:35%;left:18%}.cms-counter small{color:#718993;font:7px var(--font-mono);letter-spacing:.15em;position:absolute;top:-19px}.cms-counter>div{width:120px;height:62px;position:relative;overflow:hidden}.cms-counter>div span{font:58px/1 var(--font-mono);letter-spacing:-.08em;position:absolute;top:0;left:0;transform:translateY(120%)}.cms-counter>div span:first-child{transform:none}.cms-counter>b{color:var(--signal);font:19px var(--font-mono)}.cms-counter>i{background:#283d46;height:2px;position:absolute;bottom:-9px;left:0;right:-55px}.cms-counter>i:after{content:"";background:var(--signal);width:0;height:100%;display:block}.cms-scene[data-core-motion=animated-number-counter].is-active .cms-counter>div span:first-child{animation:cmsCounterZero var(--demo-duration,4s) steps(4,end) forwards}.cms-scene[data-core-motion=animated-number-counter].is-active .cms-counter>div span:nth-child(2){animation:cmsCounterEight var(--demo-duration,4s) steps(3,end) forwards}.cms-scene[data-core-motion=animated-number-counter].is-active .cms-counter>div span:nth-child(3){animation:cmsCounterFinal var(--demo-duration,4s) steps(2,end) forwards}.cms-scene[data-core-motion=animated-number-counter].is-active .cms-counter>i:after{animation:cmsCounterMeter var(--demo-duration,4s) linear forwards}@keyframes cmsCounterZero{0%,24%{transform:translateY(0)}44%,to{transform:translateY(-120%)}}@keyframes cmsCounterEight{0%,33%{transform:translateY(120%)}53%,62%{transform:translateY(0)}74%,to{transform:translateY(-120%)}}@keyframes cmsCounterFinal{0%,66%{transform:translateY(120%)}84%,to{transform:translateY(0)}}@keyframes cmsCounterMeter{0%{width:0}to{width:86%}}.cms-wipe{border:1px solid #3a515d;position:absolute;inset:72px 10% 42px;overflow:hidden}.cms-wipe-before,.cms-wipe-after{place-items:center;display:grid;position:absolute;inset:0}.cms-wipe-before{color:#617780;font:8px var(--font-mono);background:repeating-linear-gradient(45deg,#101b22 0 8px,#132129 8px 16px)}.cms-wipe-after{clip-path:inset(0 100% 0 0);background:linear-gradient(135deg,#17404a,#132329)}.cms-wipe-after b{color:var(--signal);font:26px var(--font-mono)}.cms-wipe-after span{font-size:9px;position:absolute;bottom:15px;left:16px}.cms-wipe>i{z-index:3;background:var(--signal);width:2px;box-shadow:0 0 16px var(--signal);position:absolute;top:0;bottom:0;left:0}.cms-scene[data-core-motion=clip-path-wipe-reveal].is-active .cms-wipe-after{animation:cmsWipeAfter var(--demo-duration,4s) cubic-bezier(.77,0,.18,1) forwards}.cms-scene[data-core-motion=clip-path-wipe-reveal].is-active .cms-wipe>i{animation:cmsWipeLine var(--demo-duration,4s) cubic-bezier(.77,0,.18,1) forwards}@keyframes cmsWipeAfter{0%,13%{clip-path:inset(0 100% 0 0)}80%,to{clip-path:inset(0)}}@keyframes cmsWipeLine{0%,13%{left:0}80%,to{left:100%}}.cms-css-scroll{border:1px solid #2c414b;grid-template-columns:28px 1fr;display:grid;position:absolute;inset:65px 12% 38px}.cms-css-scroll aside{border-right:1px solid #2c414b;flex-direction:column;justify-content:space-around;align-items:center;display:flex}.cms-css-scroll aside i{background:#3c535d;border-radius:50%;width:5px;height:5px}.cms-css-scroll main{opacity:.15;align-self:end;padding:16px;transform:translateY(45px)scale(.92)}.cms-css-scroll main span{color:var(--signal);font:6px var(--font-mono)}.cms-css-scroll main b{margin-top:8px;font-size:17px;display:block}.cms-css-scroll main p{color:#70858e;font:7px var(--font-mono)}.cms-css-scroll>em{background:var(--signal);width:3px;height:0;position:absolute;top:0;left:26px}.cms-scene[data-core-motion=css-scroll-driven-reveal].is-active .cms-css-scroll main{animation:cmsCssScrollSubject var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=css-scroll-driven-reveal].is-active .cms-css-scroll>em{animation:cmsCssScrollRail var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=css-scroll-driven-reveal].is-active .cms-css-scroll aside i{animation:cmsCssScrollDot var(--demo-duration,4s) linear forwards}@keyframes cmsCssScrollSubject{0%{opacity:.15;transform:translateY(45px)scale(.92)}45%{opacity:1;transform:none}85%,to{opacity:.62;transform:translateY(-14px)scale(1.02)}}@keyframes cmsCssScrollRail{0%{height:0}to{height:100%}}@keyframes cmsCssScrollDot{0%,25%{background:#3c535d}55%,to{background:var(--signal)}}.cms-dissolve{place-items:center;display:grid;position:absolute;inset:0}.cms-dissolve>span,.cms-dissolve>b{letter-spacing:-.07em;font-size:clamp(31px,6vw,65px);position:absolute}.cms-dissolve-ghost{color:#edf8f780;filter:blur(18px);transform:scale(1.12)}.cms-dissolve>b{opacity:0;color:#edf8f7}.cms-dissolve>div{position:absolute;inset:24%}.cms-dissolve>div i{background:var(--signal);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%}.cms-dissolve>div i:nth-child(2n){top:27%;left:18%}.cms-dissolve>div i:nth-child(3n){top:24%;left:82%}.cms-dissolve>div i:nth-child(4n){top:78%;left:71%}.cms-dissolve>div i:nth-child(5n){top:74%;left:29%}.cms-dissolve>div i:nth-child(7n){top:55%;left:8%}.cms-scene[data-core-motion=progressive-blur-dissolve].is-active .cms-dissolve-ghost{animation:cmsGhostDissolve var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=progressive-blur-dissolve].is-active .cms-dissolve>b{animation:cmsSharpResolve var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=progressive-blur-dissolve].is-active .cms-dissolve>div i{animation:cmsDissolveGrain var(--demo-duration,4s) ease forwards;animation-delay:calc(var(--i) * 45ms)}@keyframes cmsGhostDissolve{0%,18%{opacity:.65;filter:blur(18px);transform:scale(1.12)}76%,to{opacity:0;filter:blur();transform:scale(1)}}@keyframes cmsSharpResolve{0%,30%{opacity:0;letter-spacing:.01em}82%,to{opacity:1;letter-spacing:-.07em}}@keyframes cmsDissolveGrain{0%,25%{opacity:0;transform:scale(0)}48%{opacity:1;transform:scale(1.8)}78%,to{opacity:0;transform:translateY(-22px)}}.cms-sequence{position:absolute;inset:65px 9% 42px}.cms-sequence-frame{background:#111e25;border:1px solid #3a515c;position:absolute;inset:0 0 29px;overflow:hidden}.cms-sequence-frame>i{background:radial-gradient(circle at 50% 50%,rgba(var(--signal-rgb),.55),transparent 9%), conic-gradient(from 40deg,#18303a,#0c141a,#23424b,#0c141a);position:absolute;inset:0}.cms-sequence-frame b{color:#e9f6f5;font:42px var(--font-mono);opacity:0;place-items:center;display:grid;position:absolute;inset:0}.cms-sequence-frame b:first-of-type{opacity:1}.cms-sequence-film{gap:4px;display:flex;position:absolute;bottom:0;left:0;right:64px}.cms-sequence-film i{background:#172933;border:1px solid #39515b;flex:1;height:12px}.cms-sequence>span{color:var(--signal);font:6px var(--font-mono);position:absolute;bottom:3px;right:0}.cms-scene[data-core-motion=scroll-scrubbed-image-sequence].is-active .cms-sequence-frame>i{animation:cmsSequenceImage var(--demo-duration,4s) steps(4,end) forwards}.cms-scene[data-core-motion=scroll-scrubbed-image-sequence].is-active .cms-sequence-frame b{animation:cmsSequenceNumbers var(--demo-duration,4s) steps(4,end) forwards}.cms-scene[data-core-motion=scroll-scrubbed-image-sequence].is-active .cms-sequence-frame b:nth-of-type(2){animation-delay:calc(var(--demo-duration,4s) * .22)}.cms-scene[data-core-motion=scroll-scrubbed-image-sequence].is-active .cms-sequence-frame b:nth-of-type(3){animation-delay:calc(var(--demo-duration,4s) * .44)}.cms-scene[data-core-motion=scroll-scrubbed-image-sequence].is-active .cms-sequence-frame b:nth-of-type(4){animation-delay:calc(var(--demo-duration,4s) * .66)}.cms-scene[data-core-motion=scroll-scrubbed-image-sequence].is-active .cms-sequence-film i{animation:cmsFilmTick var(--demo-duration,4s) steps(7,end) forwards;animation-delay:calc(var(--i) * 70ms)}@keyframes cmsSequenceImage{0%{filter:hue-rotate();transform:scale(1)}to{filter:hue-rotate(90deg);transform:scale(1.15)}}@keyframes cmsSequenceNumbers{0%,19%{opacity:0}20%,35%{opacity:1}36%,to{opacity:0}}@keyframes cmsFilmTick{0%,30%{background:#172933}55%,to{background:var(--signal)}}.cms-cascade{grid-template-columns:repeat(3,1fr);gap:7px;display:grid;position:absolute;inset:70px 12% 42px}.cms-cascade-tile{opacity:0;background:linear-gradient(145deg,#18303a,#0e181e);border:1px solid #3b515c;transform:translate(-18px,18px)rotate(-4deg)}.cms-cascade-tile:nth-child(2n){transform:translateY(24px)rotate(3deg)}.cms-cascade>strong{color:var(--signal);font:9px var(--font-mono);position:absolute;bottom:7px;right:8px}.cms-scene[data-core-motion=staggered-cascade-reveal].is-active .cms-cascade-tile{animation:cmsCascadeTile var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * .11s)}@keyframes cmsCascadeTile{0%,8%{opacity:0;transform:translate(-18px,18px)rotate(-4deg)}62%,to{opacity:1;transform:none}}.cms-scroll-list{border:1px solid #293f49;position:absolute;inset:65px 15% 35px;overflow:hidden}.cms-list-fold{z-index:2;border-top:1px dashed var(--signal);position:absolute;top:49%;left:0;right:0}.cms-scroll-list>div{gap:8px;display:grid;position:absolute;top:63%;left:10%;right:10%}.cms-list-row{opacity:.15;background:#14252d;border:1px solid #3b535d;height:27px;transform:translateY(16px)}.cms-scroll-list>span{z-index:3;color:var(--signal);font:6px var(--font-mono);position:absolute;top:calc(49% - 10px);left:5px}.cms-scene[data-core-motion=stagger-scroll-reveal].is-active .cms-scroll-list>div{animation:cmsListScroll var(--demo-duration,4s) ease-out forwards}.cms-scene[data-core-motion=stagger-scroll-reveal].is-active .cms-list-row{animation:cmsListReveal var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * .12s)}@keyframes cmsListScroll{0%,8%{top:63%}to{top:21%}}@keyframes cmsListReveal{0%,20%{opacity:.15;transform:translateY(16px)}76%,to{opacity:1;transform:none}}.cms-native-timeline{position:absolute;inset:75px 12% 45px}.cms-native-track{background:#304751;height:2px;position:absolute;bottom:31px;left:10%;right:10%}.cms-native-track i{background:var(--signal);width:0;height:100%;display:block}.cms-native-track b{border:2px solid var(--signal);background:#0b1217;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.cms-native-object{opacity:.35;background:#152932;border:1px solid #405964;width:47%;padding:14px;position:absolute;top:8%;left:9%;transform:scale(.72)}.cms-native-object span{color:var(--signal);font:7px var(--font-mono)}.cms-native-object strong{font:10px var(--font-mono);margin-top:8px;display:block}.cms-native-timeline small,.cms-native-timeline em{color:#617985;font:6px var(--font-mono);position:absolute;bottom:11px}.cms-native-timeline small{left:7%}.cms-native-timeline em{right:7%}.cms-scene[data-core-motion=css-native-scroll-driven-animation].is-active .cms-native-track i{animation:cmsNativeFill var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=css-native-scroll-driven-animation].is-active .cms-native-track b{animation:cmsNativeThumb var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=css-native-scroll-driven-animation].is-active .cms-native-object{animation:cmsNativeObject var(--demo-duration,4s) linear forwards}@keyframes cmsNativeFill{to{width:100%}}@keyframes cmsNativeThumb{to{left:100%}}@keyframes cmsNativeObject{0%{opacity:.35;left:9%;transform:scale(.72)rotate(-5deg)}50%{opacity:1}to{opacity:1;left:45%;transform:scale(1)rotate(0)}}.cms-horizontal{position:absolute;inset:69px 0 38px;overflow:hidden}.cms-horizontal-track{gap:10px;width:183%;display:flex;position:absolute;top:11%;left:10%}.cms-horizontal-track article{color:#6e8790;height:105px;font:7px var(--font-mono);background:linear-gradient(145deg,#19303a,#0c161c);border:1px solid #3e5661;flex:0 0 31%;padding:13px}.cms-horizontal-track article:nth-child(2){background:linear-gradient(145deg,rgba(var(--signal-rgb),.22),#0c161c)}.cms-horizontal-track b{color:#edf8f7;font:15px var(--font-mono);margin-top:42px;display:block}.cms-horizontal>span,.cms-horizontal>em{font:6px var(--font-mono);position:absolute;bottom:5px}.cms-horizontal>span{color:#617984;left:10%}.cms-horizontal>em{color:var(--signal);right:10%}.cms-scene[data-core-motion=horizontal-scroll-panel].is-active .cms-horizontal-track{animation:cmsHorizontalTrack var(--demo-duration,4s) cubic-bezier(.5,0,.2,1) forwards}@keyframes cmsHorizontalTrack{0%,9%{transform:translate(0)}46%{transform:translate(-27%)}to{transform:translate(-51%)}}.cms-parallax{background:linear-gradient(#122933,#0a1116);position:absolute;inset:0;overflow:hidden}.cms-parallax i{position:absolute}.cms-parallax-sun{background:var(--signal);width:38px;height:38px;box-shadow:0 0 28px rgba(var(--signal-rgb),.4);border-radius:50%;top:63px;right:18%}.cms-parallax-back{clip-path:polygon(0 70%,18% 24%,37% 63%,57% 12%,79% 61%,100% 30%,100% 100%,0 100%);background:#1b3540;height:34%;bottom:29%;left:-5%;right:-5%}.cms-parallax-mid{clip-path:polygon(0 63%,22% 16%,41% 72%,66% 23%,86% 67%,100% 39%,100% 100%,0 100%);background:#142a34;height:39%;bottom:13%;left:-8%;right:-8%}.cms-parallax-front{clip-path:polygon(0 54%,17% 32%,35% 65%,52% 19%,73% 69%,89% 27%,100% 55%,100% 100%,0 100%);background:#0a171e;height:43%;bottom:-8%;left:-12%;right:-12%}.cms-parallax b{z-index:3;color:#e7f4f3;font-size:28px;position:absolute;bottom:24%;left:10%}.cms-scene[data-core-motion=parallax-scroll].is-active .cms-parallax-sun{animation:cmsParallaxSun var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=parallax-scroll].is-active .cms-parallax-back{animation:cmsParallaxBack var(--demo-duration,4s) ease-out forwards}.cms-scene[data-core-motion=parallax-scroll].is-active .cms-parallax-mid{animation:cmsParallaxMid var(--demo-duration,4s) ease-out forwards}.cms-scene[data-core-motion=parallax-scroll].is-active .cms-parallax-front{animation:cmsParallaxFront var(--demo-duration,4s) ease-out forwards}@keyframes cmsParallaxSun{to{transform:translateY(25px)}}@keyframes cmsParallaxBack{to{transform:translateY(-9px)}}@keyframes cmsParallaxMid{to{transform:translateY(-25px)}}@keyframes cmsParallaxFront{to{transform:translateY(-46px)}}.cms-pinned-story{border:1px solid #2c434d;grid-template-columns:56% 44%;display:grid;position:absolute;inset:70px 10% 38px}.cms-pinned-story aside{background:#13252d;border-right:1px solid #2c434d;padding:15px}.cms-pinned-story aside b{color:var(--signal);font:7px var(--font-mono)}.cms-pinned-story aside span{margin-top:26px;font-size:16px;line-height:1;display:block}.cms-pinned-story ol{gap:24px;margin:0;padding:16px 10px 50px;list-style:none;display:grid;transform:translateY(70px)}.cms-pinned-story li{color:#708791;font:7px var(--font-mono)}.cms-pinned-story i{background:var(--signal);width:2px;height:0;position:absolute;top:0;left:calc(56% - 1px)}.cms-scene[data-core-motion=pinned-section-storytelling].is-active .cms-pinned-story ol{animation:cmsStoryScroll var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=pinned-section-storytelling].is-active .cms-pinned-story i{animation:cmsStoryRail var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=pinned-section-storytelling].is-active .cms-pinned-story aside{animation:cmsStoryPin var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsStoryScroll{0%{transform:translateY(70px)}to{transform:translateY(-45px)}}@keyframes cmsStoryRail{to{height:100%}}@keyframes cmsStoryPin{0%,to{box-shadow:none}50%{box-shadow:15px 0 28px #00000047}}.cms-reading{background:#111d24;border:1px solid #314752;padding:17px 16px;position:absolute;inset:61px 18% 35px}.cms-reading-meter{background:#253942;height:3px;position:absolute;top:0;left:0;right:0}.cms-reading-meter i{background:var(--signal);width:0;height:100%;box-shadow:0 0 9px var(--signal);display:block}.cms-reading>b{font:16px var(--font-mono)}.cms-reading p{gap:8px;margin-top:18px;display:grid}.cms-reading p i{background:#2b3e47;width:100%;height:4px;display:block}.cms-reading p i:nth-child(3n){width:68%}.cms-reading>span{color:var(--signal);font:9px var(--font-mono);opacity:0;position:absolute;bottom:8px;right:11px}.cms-scene[data-core-motion=scroll-progress-indicator].is-active .cms-reading-meter i{animation:cmsReadingMeter var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=scroll-progress-indicator].is-active .cms-reading>span{animation:cmsReadingPercent var(--demo-duration,4s) steps(6,end) forwards}.cms-scene[data-core-motion=scroll-progress-indicator].is-active .cms-reading p{animation:cmsReadingBody var(--demo-duration,4s) linear forwards}@keyframes cmsReadingMeter{to{width:68%}}@keyframes cmsReadingPercent{0%,15%{opacity:0}22%,to{opacity:1}}@keyframes cmsReadingBody{to{opacity:.64;transform:translateY(-13px)}}.cms-inertia{border:1px solid #2c424c;position:absolute;inset:63px 12% 36px;overflow:hidden}.cms-inertia>div{gap:8px;display:grid;position:absolute;top:70%;left:12%;right:12%}.cms-inertia article{height:32px;font:7px var(--font-mono);background:#14252d;border:1px solid #3a525d;padding:10px}.cms-inertia>i{background:rgba(var(--signal-rgb),.35);opacity:0;height:1px;position:absolute;left:12%;right:12%}.cms-inertia-ghost-a{top:55%}.cms-inertia-ghost-b{top:62%}.cms-inertia>span{color:var(--signal);font:6px var(--font-mono);position:absolute;top:8px;right:8px}.cms-scene[data-core-motion=smooth-inertia-scroll].is-active .cms-inertia>div{animation:cmsMomentumList var(--demo-duration,4s) cubic-bezier(.12,.68,.12,1) forwards}.cms-scene[data-core-motion=smooth-inertia-scroll].is-active .cms-inertia>i{animation:cmsMomentumGhost var(--demo-duration,4s) ease forwards}@keyframes cmsMomentumList{0%{top:70%;transform:translateY(0)}62%{top:3%;transform:translateY(-32px)}82%{top:7%;transform:translateY(7px)}to{top:5%;transform:none}}@keyframes cmsMomentumGhost{0%,30%{opacity:0}52%{opacity:.9;transform:scaleX(.7)}83%,to{opacity:0;transform:scaleX(1)}}.cms-snap{border:1px solid #304650;grid-template-columns:1fr 18px;display:grid;position:absolute;inset:66px 15% 34px;overflow:hidden}.cms-snap>div{position:absolute;top:0;left:0;right:18px}.cms-snap article{height:111px;font:8px var(--font-mono);background:#12242c;border-bottom:1px solid #304650;place-items:center;display:grid}.cms-snap article:nth-child(2){background:rgba(var(--signal-rgb),.11)}.cms-snap article b{color:var(--signal);font-size:29px;display:block}.cms-snap aside{border-left:1px solid #304650;flex-direction:column;grid-column:2;justify-content:space-around;align-items:center;display:flex}.cms-snap aside i{background:#3d555f;border-radius:50%;width:5px;height:5px}.cms-snap>span{color:var(--signal);font:6px var(--font-mono);position:absolute;bottom:5px;left:6px}.cms-scene[data-core-motion=css-scroll-snap].is-active .cms-snap>div{animation:cmsSnapPages var(--demo-duration,4s) steps(2,end) forwards}.cms-scene[data-core-motion=css-scroll-snap].is-active .cms-snap aside i{animation:cmsSnapDots var(--demo-duration,4s) steps(2,end) forwards}@keyframes cmsSnapPages{0%,25%{transform:translateY(0)}48%,69%{transform:translateY(-111px)}82%,to{transform:translateY(-222px)}}@keyframes cmsSnapDots{0%,30%{background:#3d555f}46%,68%{background:var(--signal)}83%,to{background:#3d555f}}.cms-hide-nav{padding:72px 14% 28px;position:absolute;inset:0;overflow:hidden}.cms-hide-nav nav{z-index:2;background:#0e1920f2;border:1px solid #3a515c;justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex;position:absolute;top:62px;left:8%;right:8%}.cms-hide-nav nav b{color:var(--signal);font:10px var(--font-mono)}.cms-hide-nav nav span{color:#81969e;font:6px var(--font-mono)}.cms-hide-nav main{gap:10px;padding-top:39px;display:grid}.cms-hide-nav main i{background:#162832;border:1px solid #273d47;height:25px;display:block}.cms-hide-nav>i{color:var(--signal);font:6px var(--font-mono);position:absolute;bottom:12px;right:10%}.cms-scene[data-core-motion=hide-on-scroll-nav].is-active .cms-hide-nav nav{animation:cmsNavHide var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=hide-on-scroll-nav].is-active .cms-hide-nav main{animation:cmsPageUnderNav var(--demo-duration,4s) linear forwards}@keyframes cmsNavHide{0%,18%{transform:translateY(0)}48%,66%{transform:translateY(-68px)}88%,to{transform:translateY(0)}}@keyframes cmsPageUnderNav{0%{transform:translateY(0)}to{transform:translateY(-51px)}}.cms-theme-shift{border:1px solid #354d58;position:absolute;inset:60px 12% 35px;overflow:hidden}.cms-theme-shift section{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.cms-theme-shift section:first-child{opacity:1;color:#10191f;background:#d7e0dc}.cms-theme-shift section:nth-child(2){color:#071419;background:var(--signal)}.cms-theme-shift section:nth-child(3){color:#edf8f7;background:#09131b}.cms-theme-shift section b{font:29px var(--font-mono)}.cms-theme-shift>i{z-index:4;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:8px}.cms-scene[data-core-motion=scroll-linked-section-theming].is-active .cms-theme-shift section:first-child{animation:cmsThemeLight var(--demo-duration,4s) steps(1,end) forwards}.cms-scene[data-core-motion=scroll-linked-section-theming].is-active .cms-theme-shift section:nth-child(2){animation:cmsThemeSignal var(--demo-duration,4s) steps(1,end) forwards}.cms-scene[data-core-motion=scroll-linked-section-theming].is-active .cms-theme-shift section:nth-child(3){animation:cmsThemeNight var(--demo-duration,4s) steps(1,end) forwards}@keyframes cmsThemeLight{0%,31%{opacity:1}32%,to{opacity:0}}@keyframes cmsThemeSignal{0%,31%{opacity:0}32%,65%{opacity:1}66%,to{opacity:0}}@keyframes cmsThemeNight{0%,65%{opacity:0}66%,to{opacity:1}}.cms-scrollspy{border:1px solid #2f4650;grid-template-columns:36% 64%;display:grid;position:absolute;inset:68px 9% 36px}.cms-scrollspy nav{border-right:1px solid #2f4650;align-content:center;gap:14px;padding:12px;display:grid;position:relative}.cms-scrollspy nav span{color:#5f7781;font:6px var(--font-mono);padding-left:9px}.cms-scrollspy nav i{background:var(--signal);width:2px;height:9px;position:absolute;top:calc(50% - 46px);left:8px}.cms-scrollspy main{padding:19px 13px;overflow:hidden}.cms-scrollspy main b{color:var(--signal);font:10px var(--font-mono);display:block}.cms-scrollspy main i{background:#2a3f49;height:5px;margin-top:9px;display:block}.cms-scrollspy main i:nth-child(3n){width:65%}.cms-scene[data-core-motion=scroll-spy-table-of-contents].is-active .cms-scrollspy nav i{animation:cmsSpyMarker var(--demo-duration,4s) steps(3,end) forwards}.cms-scene[data-core-motion=scroll-spy-table-of-contents].is-active .cms-scrollspy main{animation:cmsSpyContent var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=scroll-spy-table-of-contents].is-active .cms-scrollspy nav span{animation:cmsSpyLabels var(--demo-duration,4s) steps(3,end) forwards}@keyframes cmsSpyMarker{0%{top:calc(50% - 46px)}to{top:calc(50% + 37px)}}@keyframes cmsSpyContent{to{transform:translateY(-24px)}}@keyframes cmsSpyLabels{0%,18%{color:#5f7781}25%,42%{color:var(--signal)}54%,to{color:#5f7781}}.cms-shrink-header{padding:118px 14% 30px;position:absolute;inset:0;overflow:hidden}.cms-shrink-header header{z-index:2;background:#14242c;border:1px solid #3b525d;justify-content:space-between;align-items:center;height:70px;padding:0 16px;display:flex;position:absolute;top:61px;left:9%;right:9%}.cms-shrink-header header b{color:var(--signal);font:11px var(--font-mono)}.cms-shrink-header header span{font:7px var(--font-mono)}.cms-shrink-header header i{background:var(--signal);width:0;height:2px;position:absolute;bottom:0;left:0}.cms-shrink-header main{gap:9px;display:grid}.cms-shrink-header main i{background:#122029;border:1px solid #263c46;height:20px}.cms-shrink-header>em{color:#6c838d;font:6px var(--font-mono);position:absolute;bottom:13px;right:11%}.cms-scene[data-core-motion=shrinking-sticky-header].is-active .cms-shrink-header header{animation:cmsHeaderShrink var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=shrinking-sticky-header].is-active .cms-shrink-header header i{animation:cmsHeaderProgress var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=shrinking-sticky-header].is-active .cms-shrink-header main{animation:cmsHeaderPage var(--demo-duration,4s) linear forwards}@keyframes cmsHeaderShrink{0%,15%{height:70px}60%,to{height:38px;box-shadow:0 12px 25px #0000004d}}@keyframes cmsHeaderProgress{to{width:73%}}@keyframes cmsHeaderPage{to{transform:translateY(-41px)}}.cms-stacking-cards{position:absolute;inset:67px 15% 33px}.cms-stacking-cards article{color:#718791;height:94px;font:7px var(--font-mono);background:#142730;border:1px solid #415964;padding:12px;position:absolute;left:0;right:0;box-shadow:0 10px 24px #00000038}.cms-stacking-cards article:first-child{top:0}.cms-stacking-cards article:nth-child(2){background:#19333d;top:48px}.cms-stacking-cards article:nth-child(3){background:#1c3d47;top:96px}.cms-stacking-cards article b{color:#e7f4f3;font:14px var(--font-mono);margin-top:29px;display:block}.cms-stacking-cards>i{background:var(--signal);width:2px;height:0;position:absolute;top:0;right:-9px}.cms-scene[data-core-motion=stacking-cards].is-active .cms-stacking-cards article:nth-child(2){animation:cmsStackSecond var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=stacking-cards].is-active .cms-stacking-cards article:nth-child(3){animation:cmsStackThird var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=stacking-cards].is-active .cms-stacking-cards>i{animation:cmsStackRail var(--demo-duration,4s) linear forwards}@keyframes cmsStackSecond{0%{top:48px;transform:scale(1)}55%,to{top:16px;transform:scale(.96)}}@keyframes cmsStackThird{0%{top:96px;transform:scale(1)}55%,to{top:32px;transform:scale(.92)}}@keyframes cmsStackRail{to{height:100%}}.cms-group-headers{border:1px solid #304650;position:absolute;inset:62px 13% 34px;overflow:hidden}.cms-group-headers section{background:#101d24;min-height:93px}.cms-group-headers section b{z-index:2;color:var(--signal);font:7px var(--font-mono);background:#17303a;border-bottom:1px solid #3b535d;padding:8px 10px;display:block;position:sticky;top:0}.cms-group-headers section i{background:#243842;height:17px;margin:7px 10px;display:block}.cms-scene[data-core-motion=sticky-group-headers].is-active .cms-group-headers{animation:cmsGroupViewport var(--demo-duration,4s) linear forwards}.cms-scene[data-core-motion=sticky-group-headers].is-active .cms-group-headers section{animation:cmsGroupRows var(--demo-duration,4s) linear forwards}@keyframes cmsGroupViewport{0%,to{box-shadow:inset 0 0 0 0 var(--signal)}50%{box-shadow:inset 3px 0 0 0 var(--signal)}}@keyframes cmsGroupRows{0%{transform:translateY(0)}to{transform:translateY(-93px)}}.cms-card-lift{perspective:700px;position:absolute;inset:74px 18% 45px}.cms-card-lift article{background:linear-gradient(145deg,#18313b,#0e181f);border:1px solid #3b535e;padding:17px;position:absolute;inset:0;box-shadow:0 10px 19px #0003}.cms-card-lift article>i{background:rgba(var(--signal-rgb),.2);border-radius:50%;width:34px;height:34px;display:block}.cms-card-lift small{color:var(--signal);font:6px var(--font-mono);position:absolute;top:16px;right:14px}.cms-card-lift b{width:75%;margin-top:21px;font-size:15px;display:block}.cms-card-lift span{color:#647b84;font:6px var(--font-mono);position:absolute;bottom:10px;right:12px}.cms-card-lift>em{filter:blur(8px);background:#0000008c;border-radius:50%;height:13px;position:absolute;bottom:-13px;left:14%;right:14%}.cms-scene[data-core-motion=card-lift].is-active .cms-card-lift article{animation:cmsCardFloat var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=card-lift].is-active .cms-card-lift>em{animation:cmsCardShadow var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsCardFloat{0%,12%,to{transform:translateY(0);box-shadow:0 10px 19px #0003}55%,76%{transform:translateY(-17px);box-shadow:0 27px 35px #00000073}}@keyframes cmsCardShadow{0%,12%,to{opacity:.35;transform:scale(.8)}55%,76%{opacity:.75;transform:scale(1.15)}}.cms-hover-tilt{perspective:500px;position:absolute;inset:73px 18% 42px}.cms-hover-tilt article{transform-style:preserve-3d;background:linear-gradient(135deg,#18323d,#0b151b);border:1px solid #3f5863;padding:18px;position:absolute;inset:0;overflow:hidden}.cms-tilt-glare{background:linear-gradient(110deg,#0000 42%,#ffffff30 50%,#0000 58%);position:absolute;inset:-60%}.cms-hover-tilt small{color:var(--signal);font:6px var(--font-mono)}.cms-hover-tilt b{font:32px var(--font-mono);margin-top:28px;display:block;transform:translateZ(26px)}.cms-hover-tilt article span{color:#66808a;font:7px var(--font-mono)}.cms-tilt-cursor{clip-path:polygon(0 0,100% 72%,55% 72%,35% 100%);background:#fff;width:9px;height:13px;position:absolute;bottom:8%;right:10%}.cms-scene[data-core-motion=hover-tilt].is-active .cms-hover-tilt article{animation:cmsTiltCard var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=hover-tilt].is-active .cms-tilt-glare{animation:cmsTiltGlare var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=hover-tilt].is-active .cms-tilt-cursor{animation:cmsTiltPointer var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsTiltCard{0%,to{transform:rotateX(0)rotateY(0)}32%{transform:rotateX(8deg)rotateY(-12deg)}68%{transform:rotateX(-5deg)rotateY(10deg)}}@keyframes cmsTiltGlare{0%{transform:translate(-35%)}to{transform:translate(35%)}}@keyframes cmsTiltPointer{0%{transform:translate(24px,20px)}35%{transform:translate(-54px,-46px)}70%{transform:translate(-11px,-66px)}to{transform:translate(24px,20px)}}.cms-hover-image{position:absolute;inset:66px 11% 37px}.cms-hover-image nav{gap:14px;padding-top:17px;display:grid}.cms-hover-image nav span{color:#83979f;width:55%;font:11px var(--font-mono);border-bottom:1px solid #314852;padding-bottom:7px}.cms-hover-preview{z-index:2;opacity:0;background:#142730;border:1px solid #46606a;width:45%;height:83px;position:absolute;top:23%;right:3%;overflow:hidden;transform:scale(.74)rotate(5deg)}.cms-hover-preview i{background:radial-gradient(circle at 65% 30%,var(--signal),transparent 15%), linear-gradient(145deg,#254955,#0b151b);position:absolute;inset:0}.cms-hover-preview b{font:8px var(--font-mono);position:absolute;bottom:7px;left:8px}.cms-hover-image>em{clip-path:polygon(0 0,100% 73%,53% 73%,34% 100%);background:#fff;width:8px;height:12px;position:absolute;top:27%;left:12%}.cms-scene[data-core-motion=image-reveal-on-hover].is-active .cms-hover-image>em{animation:cmsHoverImageCursor var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=image-reveal-on-hover].is-active .cms-hover-preview{animation:cmsHoverPreview var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=image-reveal-on-hover].is-active .cms-hover-image nav span:nth-child(2){animation:cmsHoverMenu var(--demo-duration,4s) ease forwards}@keyframes cmsHoverImageCursor{0%{transform:translate(0)}44%,72%{transform:translate(50px,39px)}to{transform:translate(4px,77px)}}@keyframes cmsHoverPreview{0%,28%,to{opacity:0;transform:scale(.74)rotate(5deg)}48%,74%{opacity:1;transform:scale(1)rotate(-2deg)}}@keyframes cmsHoverMenu{0%,30%,to{color:#83979f}45%,75%{color:var(--signal);padding-left:9px}}.cms-link-hover{place-items:center;display:grid;position:absolute;inset:0}.cms-link-hover a{border:1px solid var(--signal);color:#edf8f7;width:154px;height:44px;font:8px var(--font-mono);justify-content:space-between;align-items:center;padding:0 15px;display:flex;position:relative;overflow:hidden}.cms-link-hover a i{z-index:-1;background:var(--signal);position:absolute;inset:0;transform:translate(-102%)}.cms-link-hover a b{color:var(--signal);font-size:14px}.cms-link-hover small{color:#617985;font:6px var(--font-mono);position:absolute;top:67%}.cms-scene[data-core-motion=link-button-hover].is-active .cms-link-hover a i{animation:cmsButtonFill var(--demo-duration,4s) cubic-bezier(.65,0,.35,1) forwards}.cms-scene[data-core-motion=link-button-hover].is-active .cms-link-hover a b{animation:cmsArrowJump var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=link-button-hover].is-active .cms-link-hover a{animation:cmsButtonInk var(--demo-duration,4s) steps(1,end) forwards}@keyframes cmsButtonFill{0%,16%,to{transform:translate(-102%)}43%,73%{transform:translate(0)}}@keyframes cmsArrowJump{0%,20%,to{transform:translate(0)}47%{transform:translate(7px,-7px)}58%{transform:translate(-4px,4px)}}@keyframes cmsButtonInk{0%,34%,80%,to{color:#edf8f7}35%,79%{color:#071218}}.cms-magnetic-hover{place-items:center;display:grid;position:absolute;inset:0}.cms-magnetic-zone{border:1px dashed rgba(var(--signal-rgb),.35);border-radius:50%;place-items:center;width:150px;height:105px;display:grid;position:relative}.cms-magnetic-zone button{background:var(--signal);color:#071218;width:85px;height:34px;font:8px var(--font-mono);border:0;border-radius:18px}.cms-magnetic-zone i{clip-path:polygon(0 0,100% 73%,53% 73%,34% 100%);background:#fff;width:9px;height:13px;position:absolute;top:19px;left:18px}.cms-magnetic-hover>span{color:#5f7782;font:6px var(--font-mono);letter-spacing:.15em;position:absolute;top:74%}.cms-scene[data-core-motion=magnetic-hover].is-active .cms-magnetic-zone button{animation:cmsHoverMagnetButton var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=magnetic-hover].is-active .cms-magnetic-zone i{animation:cmsHoverMagnetCursor var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsHoverMagnetButton{0%,to{transform:translate(0)}38%,68%{transform:translate(18px,-10px)scale(1.05)}}@keyframes cmsHoverMagnetCursor{0%,to{transform:translate(0)}38%,68%{transform:translate(79px,38px)}}.cms-spotlight-hover{border:1px solid #263d47;position:absolute;inset:64px 10% 37px;overflow:hidden}.cms-spotlight-grid{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.cms-spotlight-grid i{border:1px solid #1f323b}.cms-spotlight-hover>i{background:radial-gradient(circle,rgba(var(--signal-rgb),.37),rgba(var(--signal-rgb),.08) 42%,transparent 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:0;left:0;transform:translate(-40px,-40px)}.cms-spotlight-hover>b{font:14px var(--font-mono);position:absolute;bottom:14px;left:17px}.cms-scene[data-core-motion=spotlight-hover].is-active .cms-spotlight-hover>i{animation:cmsSpotlightSweep var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=spotlight-hover].is-active .cms-spotlight-grid{animation:cmsSpotlightGrid var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsSpotlightSweep{0%{transform:translate(-40px,-40px)}35%{transform:translate(55px,22px)}69%{transform:translate(135px,67px)}to{transform:translate(220px,-25px)}}@keyframes cmsSpotlightGrid{0%,to{opacity:.35}50%{opacity:1}}.cms-border-draw{justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.cms-border-draw a{color:#edf8f7;font:8px var(--font-mono);padding:8px 0;position:relative}.cms-border-draw a i{background:var(--signal);height:1px;position:absolute;bottom:0;left:0;right:100%}.cms-border-draw button{color:#81969f;width:92px;height:36px;font:7px var(--font-mono);background:0 0;border:0;position:relative}.cms-border-draw button:before,.cms-border-draw button:after,.cms-border-draw button span:before,.cms-border-draw button span:after{content:"";background:var(--signal);position:absolute}.cms-border-draw button:before,.cms-border-draw button:after{width:0;height:1px}.cms-border-draw button:before{top:0;left:0}.cms-border-draw button:after{bottom:0;right:0}.cms-border-draw button span:before,.cms-border-draw button span:after{width:1px;height:0}.cms-border-draw button span:before{top:0;right:0}.cms-border-draw button span:after{bottom:0;left:0}.cms-border-draw>em{color:var(--signal)}.cms-scene[data-core-motion=underline-border-draw].is-active .cms-border-draw a i{animation:cmsUnderlineDraw var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=underline-border-draw].is-active .cms-border-draw button:before,.cms-scene[data-core-motion=underline-border-draw].is-active .cms-border-draw button:after{animation:cmsBorderWidth var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=underline-border-draw].is-active .cms-border-draw button span:before,.cms-scene[data-core-motion=underline-border-draw].is-active .cms-border-draw button span:after{animation:cmsBorderHeight var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsUnderlineDraw{0%,12%,to{right:100%}45%,78%{right:0}}@keyframes cmsBorderWidth{0%,28%,to{width:0}52%,82%{width:100%}}@keyframes cmsBorderHeight{0%,40%,to{height:0}64%,82%{height:100%}}.cms-cursor-trail{position:absolute;inset:68px 8% 36px}.cms-cursor-trail svg{width:100%;height:100%;position:absolute;inset:0}.cms-cursor-trail path{fill:none;stroke:#334b55;stroke-width:1px;stroke-dasharray:3 5}.cms-cursor-trail>div i{width:calc(4px + var(--i) * .7px);height:calc(4px + var(--i) * .7px);background:var(--signal);opacity:calc(.2 + var(--i) * .08);box-shadow:0 0 9px rgba(var(--signal-rgb),.6);border-radius:50%;position:absolute;top:68%;left:7%}.cms-cursor-trail>b{color:var(--signal);font:8px var(--font-mono);position:absolute;top:8px;right:8px}.cms-scene[data-core-motion=cursor-trail].is-active .cms-cursor-trail>div i{animation:cmsTrailDot var(--demo-duration,4s) ease-in-out forwards;animation-delay:calc(var(--i) * 45ms)}@keyframes cmsTrailDot{0%,8%{top:68%;left:7%}34%{top:17%;left:34%}65%{top:58%;left:61%}to{top:9%;left:88%}}.cms-surface-glow{border:1px solid #263b45;position:absolute;inset:64px 10% 36px;overflow:hidden}.cms-surface-glow>div{grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}.cms-surface-glow>div i{border:1px solid #20323a}.cms-surface-glow>i{background:radial-gradient(circle,rgba(var(--signal-rgb),.4),transparent 67%);mix-blend-mode:screen;border-radius:50%;width:120px;height:120px;position:absolute;transform:translate(-60px,-60px)}.cms-surface-glow>span{color:#718891;font:6px var(--font-mono);position:absolute;bottom:7px;left:9px}.cms-scene[data-core-motion=cursor-reactive-surface-glow].is-active .cms-surface-glow>i{animation:cmsSurfaceGlow var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=cursor-reactive-surface-glow].is-active .cms-surface-glow>div{animation:cmsSurfaceGridPulse var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsSurfaceGlow{0%{transform:translate(-60px,-60px)}38%{transform:translate(78px,10px)}72%{transform:translate(160px,75px)}to{transform:translate(255px,-36px)}}@keyframes cmsSurfaceGridPulse{0%,to{transform:scale(1)}55%{transform:scale(1.035)}}.cms-custom-cursor{place-items:center;display:grid;position:absolute;inset:0}.cms-custom-cursor a{color:#879ba4;width:145px;height:65px;font:8px var(--font-mono);background:#14252d;border:1px solid #3b535e;place-items:center;display:grid}.cms-cursor-dot{background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:66%;left:21%}.cms-cursor-ring{border:1px solid var(--signal);color:#0000;width:9px;height:9px;font:5px var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:66%;left:21%}.cms-custom-cursor>span{color:#5f7780;font:6px var(--font-mono);position:absolute;top:72%}.cms-scene[data-core-motion=custom-cursor].is-active .cms-cursor-dot{animation:cmsCustomDot var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=custom-cursor].is-active .cms-cursor-ring{animation:cmsCustomRing var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=custom-cursor].is-active .cms-custom-cursor a{animation:cmsCursorTarget var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsCustomDot{0%,to{opacity:1;top:66%;left:21%}42%,72%{opacity:0;top:48%;left:50%}}@keyframes cmsCustomRing{0%,to{color:#0000;width:9px;height:9px;top:66%;left:21%}42%,72%{width:50px;height:50px;color:var(--signal);top:calc(48% - 25px);left:calc(50% - 25px)}}@keyframes cmsCursorTarget{0%,to{border-color:#3b535e}42%,72%{border-color:var(--signal)}}.cms-lag-cursor{position:absolute;inset:68px 8% 35px}.cms-lag-cursor svg{width:100%;height:100%;position:absolute;inset:0}.cms-lag-cursor path{fill:none;stroke:#314a55;stroke-width:1px;stroke-dasharray:3 5}.cms-cursor-lead,.cms-cursor-follow{border-radius:50%;position:absolute;top:66%;left:8%}.cms-cursor-lead{background:#fff;width:7px;height:7px}.cms-cursor-follow{border:1px solid var(--signal);width:25px;height:25px;transform:translate(-9px,-9px)}.cms-lag-cursor span,.cms-lag-cursor em{font:6px var(--font-mono);position:absolute;bottom:4px}.cms-lag-cursor span{color:#edf8f7;left:6px}.cms-lag-cursor em{color:var(--signal);right:6px}.cms-scene[data-core-motion=lagged-cursor-follower].is-active .cms-cursor-lead{animation:cmsLagLead var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=lagged-cursor-follower].is-active .cms-cursor-follow{animation:cmsLagFollow var(--demo-duration,4s) ease-in-out forwards;animation-delay:calc(var(--demo-duration,4s) * .09)}@keyframes cmsLagLead{0%{top:66%;left:8%}35%{top:12%;left:34%}65%{top:53%;left:61%}to{top:7%;left:89%}}@keyframes cmsLagFollow{0%{top:66%;left:8%}35%{top:12%;left:34%}65%{top:53%;left:61%}to{top:7%;left:89%}}.cms-magnetic-button{place-items:center;display:grid;position:absolute;inset:0}.cms-magnet-radius{border:1px dashed #31505a;border-radius:50%;place-items:center;width:165px;height:104px;display:grid;position:relative}.cms-magnet-radius button{background:var(--signal);color:#071218;width:104px;height:39px;font:8px var(--font-mono);border:0;border-radius:21px;position:relative}.cms-magnet-radius button i{background:#071218;width:10px;height:1px;margin-left:7px;display:inline-block}.cms-magnet-radius>span{border:1px solid var(--signal);border-radius:50%;width:6px;height:6px;position:absolute;top:16px;right:13px}.cms-magnet-pointer{clip-path:polygon(0 0,100% 73%,53% 73%,34% 100%);background:#fff;width:9px;height:13px;position:absolute;top:64%;left:26%}.cms-scene[data-core-motion=magnetic-button].is-active .cms-magnet-radius button{animation:cmsMagnetCta var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=magnetic-button].is-active .cms-magnet-pointer{animation:cmsMagnetPointer var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=magnetic-button].is-active .cms-magnet-radius{animation:cmsMagnetField var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsMagnetCta{0%,to{transform:none}42%,70%{transform:translate(18px,-11px)scale(1.04)}}@keyframes cmsMagnetPointer{0%,to{top:64%;left:26%}42%,70%{top:39%;left:59%}}@keyframes cmsMagnetField{0%,to{border-radius:50%}42%,70%{border-radius:44% 56% 52% 48%}}.cms-magnetic-pull{position:absolute;inset:69px 10% 36px}.cms-magnetic-pull>span{color:#89a0a8;font:6px var(--font-mono);background:#14252d;border:1px solid #3b535d;border-radius:14px;padding:7px 10px;position:absolute}.cms-magnetic-pull>span:first-of-type{top:12%;left:2%}.cms-magnetic-pull>span:nth-of-type(2){top:18%;right:4%}.cms-magnetic-pull>span:nth-of-type(3){bottom:8%;left:8%}.cms-magnetic-pull>span:nth-of-type(4){bottom:12%;right:9%}.cms-pull-pointer{z-index:3;clip-path:polygon(0 0,100% 73%,53% 73%,34% 100%);background:#fff;width:10px;height:14px;position:absolute;top:42%;left:46%}.cms-magnetic-pull>b{color:var(--signal);font:7px var(--font-mono);position:absolute;top:58%;left:43%}.cms-scene[data-core-motion=magnetic-pull].is-active .cms-magnetic-pull>span{animation:cmsPullChips var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=magnetic-pull].is-active .cms-pull-pointer{animation:cmsPullPointer var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsPullChips{0%,to{transform:none}48%,72%{inset:38% auto auto 38%;transform:scale(.8)}}@keyframes cmsPullPointer{0%,to{transform:none}48%,72%{transform:scale(1.6)rotate(-18deg)}}.cms-mouse-parallax{background:#0d1820;border:1px solid #304852;position:absolute;inset:63px 10% 35px;overflow:hidden}.cms-mouse-parallax>i{border-radius:50%;position:absolute}.cms-mp-back{background:rgba(var(--signal-rgb),.08);width:135px;height:135px;top:-25%;left:4%}.cms-mp-mid{border:1px solid rgba(var(--signal-rgb),.4);width:75px;height:75px;top:28%;right:13%}.cms-mp-front{background:var(--signal);width:24px;height:24px;box-shadow:0 0 20px rgba(var(--signal-rgb),.5);top:18%;left:55%}.cms-mouse-parallax b{max-width:68%;font-size:19px;line-height:.95;position:absolute;bottom:16%;left:14%}.cms-mp-pointer{clip-path:polygon(0 0,100% 73%,53% 73%,34% 100%);background:#fff;width:9px;height:13px;position:absolute;top:27%;left:18%}.cms-scene[data-core-motion=mousemove-parallax].is-active .cms-mp-back{animation:cmsMpBack var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=mousemove-parallax].is-active .cms-mp-mid{animation:cmsMpMid var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=mousemove-parallax].is-active .cms-mp-front{animation:cmsMpFront var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=mousemove-parallax].is-active .cms-mp-pointer{animation:cmsMpCursor var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsMpBack{to{transform:translate(25px,13px)}}@keyframes cmsMpMid{to{transform:translate(-31px,-18px)}}@keyframes cmsMpFront{to{transform:translate(-55px,26px)}}@keyframes cmsMpCursor{0%{top:27%;left:18%}to{top:62%;left:76%}}.cms-spotlight-reveal{background:#081117;position:absolute;inset:60px 8% 35px;overflow:hidden}.cms-hidden-copy,.cms-lit-copy{text-align:center;font:bold 35px/.86 var(--font-mono);letter-spacing:-.08em;place-items:center;display:grid;position:absolute;inset:0}.cms-hidden-copy{color:#111e25;text-shadow:0 0 1px #30434b}.cms-lit-copy{color:var(--signal);clip-path:circle(0 at 12% 68%)}.cms-spotlight-reveal>i{clip-path:polygon(0 0,100% 73%,53% 73%,34% 100%);background:#fff;width:8px;height:12px;position:absolute;top:68%;left:12%}.cms-spotlight-reveal>span{color:#516771;font:6px var(--font-mono);position:absolute;bottom:6px;left:9px}.cms-scene[data-core-motion=spotlight-reveal].is-active .cms-lit-copy{animation:cmsRevealSpot var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=spotlight-reveal].is-active .cms-spotlight-reveal>i{animation:cmsRevealSpotCursor var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsRevealSpot{0%{clip-path:circle(0 at 12% 68%)}38%{clip-path:circle(42px at 38% 25%)}72%{clip-path:circle(56px at 73% 62%)}to{clip-path:circle(110px)}}@keyframes cmsRevealSpotCursor{0%{top:68%;left:12%}38%{top:25%;left:38%}72%{top:62%;left:73%}to{top:50%;left:50%}}.cms-button-morph{place-items:center;display:grid;position:absolute;inset:0}.cms-button-morph button{border:1px solid var(--signal);background:var(--signal);color:#071218;width:145px;height:43px;font:8px var(--font-mono);border-radius:3px;position:relative;overflow:hidden}.cms-button-morph button span,.cms-button-morph button i{place-items:center;display:grid;position:absolute;inset:0}.cms-button-morph button i{opacity:0;font-size:20px}.cms-button-morph small{color:#5f7881;font:6px var(--font-mono);position:absolute;top:67%}.cms-scene[data-core-motion=button-state-morph].is-active .cms-button-morph button{animation:cmsStateMorph var(--demo-duration,4s) cubic-bezier(.65,0,.35,1) forwards}.cms-scene[data-core-motion=button-state-morph].is-active .cms-button-morph button span{animation:cmsStateText var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=button-state-morph].is-active .cms-button-morph button i{animation:cmsStateCheck var(--demo-duration,4s) ease forwards}@keyframes cmsStateMorph{0%,18%{border-radius:3px;width:145px}45%,65%{border-radius:50%;width:43px;transform:rotate(180deg)}84%,to{border-radius:50%;width:43px;transform:rotate(360deg)}}@keyframes cmsStateText{0%,25%{opacity:1}36%,to{opacity:0}}@keyframes cmsStateCheck{0%,64%{opacity:0;transform:scale(.3)}85%,to{opacity:1;transform:scale(1)}}.cms-accordion{position:absolute;top:32%;left:13%;right:13%}.cms-accordion article{border-top:1px solid #3a515c}.cms-accordion article:last-child{border-bottom:1px solid #3a515c}.cms-accordion button{color:#edf8f7;width:100%;height:38px;font:8px var(--font-mono);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.cms-accordion button i{color:var(--signal);font-size:15px}.cms-accordion p{color:#80969e;opacity:0;height:0;margin:0;font-size:8px;line-height:1.5;overflow:hidden}.cms-scene[data-core-motion=expand-collapse-accordion].is-active .cms-accordion article:first-child p{animation:cmsAccordionBody var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=expand-collapse-accordion].is-active .cms-accordion article:first-child button i{animation:cmsAccordionPlus var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=expand-collapse-accordion].is-active .cms-accordion article:last-child{animation:cmsAccordionPush var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsAccordionBody{0%,14%,to{opacity:0;height:0}43%,77%{opacity:1;height:48px}}@keyframes cmsAccordionPlus{0%,14%,to{transform:rotate(0)}43%,77%{transform:rotate(45deg)}}@keyframes cmsAccordionPush{0%,14%,to{transform:none}43%,77%{transform:translateY(5px)}}.cms-like-burst{place-items:center;display:grid;position:absolute;inset:0}.cms-like-burst button{z-index:3;color:#6e848d;background:#14252d;border:1px solid #49616b;border-radius:50%;width:49px;height:49px;font-size:22px;position:relative}.cms-like-burst>div{position:absolute;top:50%;left:50%}.cms-like-burst>div i{background:var(--signal);width:5px;height:5px;transform:rotate(calc(var(--i) * 36deg)) translateY(-28px) scale(0);transform-origin:50% 28px;opacity:0;border-radius:50%;position:absolute}.cms-like-burst>b{color:var(--signal);font:12px var(--font-mono);opacity:0;position:absolute;top:32%;left:57%}.cms-like-burst>span{color:#607984;font:6px var(--font-mono);position:absolute;top:69%}.cms-scene[data-core-motion=like-reaction-burst].is-active .cms-like-burst button{animation:cmsHeartPop var(--demo-duration,4s) cubic-bezier(.2,1.7,.4,1) forwards}.cms-scene[data-core-motion=like-reaction-burst].is-active .cms-like-burst>div i{animation:cmsReactionRay var(--demo-duration,4s) ease-out forwards;animation-delay:calc(var(--i) * 35ms)}.cms-scene[data-core-motion=like-reaction-burst].is-active .cms-like-burst>b{animation:cmsReactionOne var(--demo-duration,4s) ease-out forwards}@keyframes cmsHeartPop{0%,18%,to{color:#6e848d;transform:scale(1)}38%{transform:scale(.78)}55%,76%{color:var(--signal);box-shadow:0 0 24px rgba(var(--signal-rgb),.35);transform:scale(1.2)}}@keyframes cmsReactionRay{0%,35%{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-20px) scale(0)}56%{opacity:1;transform:rotate(calc(var(--i) * 36deg)) translateY(-50px) scale(1)}76%,to{opacity:0;transform:rotate(calc(var(--i) * 36deg)) translateY(-70px) scale(0)}}@keyframes cmsReactionOne{0%,45%{opacity:0;transform:translateY(8px)}60%,78%{opacity:1;transform:translateY(-9px)}to{opacity:0;transform:translateY(-23px)}}.cms-press{place-items:center;display:grid;position:absolute;inset:0}.cms-press button{color:#edf8f7;width:130px;height:42px;font:8px var(--font-mono);background:#1b3440;border:1px solid #55707b;border-radius:4px;position:relative;box-shadow:0 8px #091116,0 13px 22px #0000005c}.cms-press button i{background:rgba(var(--signal-rgb),.12);opacity:0;position:absolute;inset:0}.cms-press span,.cms-press em{font:6px var(--font-mono);position:absolute;top:68%}.cms-press span{color:#6b828c;left:35%}.cms-press em{color:var(--signal);right:35%}.cms-scene[data-core-motion=press-feedback].is-active .cms-press button{animation:cmsPressButton var(--demo-duration,4s) cubic-bezier(.4,0,.2,1) forwards}.cms-scene[data-core-motion=press-feedback].is-active .cms-press button i{animation:cmsPressFlash var(--demo-duration,4s) ease forwards}@keyframes cmsPressButton{0%,18%,to{transform:translateY(0)scale(1);box-shadow:0 8px #091116,0 13px 22px #0000005c}34%,48%{transform:translateY(7px)scale(.97);box-shadow:0 1px #091116,0 3px 7px #00000040}62%{transform:translateY(-2px)scale(1.015)}}@keyframes cmsPressFlash{0%,28%,to{opacity:0}38%,52%{opacity:1}}.cms-ripple-click{place-items:center;display:grid;position:absolute;inset:0}.cms-ripple-click button{z-index:4;color:#edf8f7;width:75px;height:75px;font:9px var(--font-mono);background:#152730;border:1px solid #47606a;border-radius:50%;position:relative}.cms-ripple-click>i{z-index:2;border:1px solid var(--signal);opacity:0;border-radius:50%;width:75px;height:75px;position:absolute}.cms-ripple-click>span{color:#5c747e;font:6px var(--font-mono);position:absolute;top:71%}.cms-scene[data-core-motion=ripple-click].is-active .cms-ripple-click>i{animation:cmsTapRipple var(--demo-duration,4s) ease-out forwards}.cms-scene[data-core-motion=ripple-click].is-active .cms-ripple-click>i:nth-of-type(2){animation-delay:calc(var(--demo-duration,4s) * .09)}.cms-scene[data-core-motion=ripple-click].is-active .cms-ripple-click>i:nth-of-type(3){animation-delay:calc(var(--demo-duration,4s) * .18)}.cms-scene[data-core-motion=ripple-click].is-active .cms-ripple-click button{animation:cmsTapCenter var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsTapRipple{0%,22%{opacity:0;transform:scale(.6)}37%{opacity:.85}72%,to{opacity:0;transform:scale(2.25)}}@keyframes cmsTapCenter{0%,18%,to{transform:scale(1)}30%{transform:scale(.9)}45%{transform:scale(1.06)}}.cms-toggle{place-items:center;display:grid;position:absolute;inset:0}.cms-toggle button{background:#14242c;border:1px solid #405a65;border-radius:23px;width:88px;height:42px;position:relative}.cms-toggle button i{background:#6c818a;border-radius:50%;width:30px;height:30px;position:absolute;top:5px;left:5px;box-shadow:0 3px 8px #0000004d}.cms-toggle b{font:8px var(--font-mono);position:absolute;top:67%}.cms-toggle span,.cms-toggle em{font:6px var(--font-mono);position:absolute;top:48%}.cms-toggle span{color:#738993;left:29%}.cms-toggle em{color:var(--signal);opacity:0;right:28%}.cms-scene[data-core-motion=toggle-switch].is-active .cms-toggle button{animation:cmsToggleTrack var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=toggle-switch].is-active .cms-toggle button i{animation:cmsToggleKnob var(--demo-duration,4s) cubic-bezier(.2,1.5,.4,1) forwards}.cms-scene[data-core-motion=toggle-switch].is-active .cms-toggle span{animation:cmsToggleOff var(--demo-duration,4s) steps(1,end) forwards}.cms-scene[data-core-motion=toggle-switch].is-active .cms-toggle em{animation:cmsToggleOn var(--demo-duration,4s) steps(1,end) forwards}@keyframes cmsToggleTrack{0%,18%,to{background:#14242c;border-color:#405a65}42%,78%{background:rgba(var(--signal-rgb),.2);border-color:var(--signal)}}@keyframes cmsToggleKnob{0%,18%,to{background:#6c818a;left:5px}42%,78%{background:var(--signal);left:51px}}@keyframes cmsToggleOff{0%,34%,86%,to{opacity:1}35%,85%{opacity:0}}@keyframes cmsToggleOn{0%,34%,86%,to{opacity:0}35%,85%{opacity:1}}.cms-drag-slider{place-items:center;display:grid;position:absolute;inset:0}.cms-drag-slider>b{border:1px solid var(--signal);width:33px;color:var(--signal);text-align:center;font:10px var(--font-mono);background:#13242c;padding:5px 0;position:absolute;top:32%;left:calc(22% - 13px)}.cms-drag-slider>div{background:#324852;height:3px;position:absolute;top:53%;left:22%;right:22%}.cms-drag-slider>div i{background:var(--signal);width:0;height:100%;display:block}.cms-drag-slider>div span{border:2px solid var(--signal);background:#0d171d;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.cms-drag-slider small,.cms-drag-slider em{color:#647c86;font:6px var(--font-mono);position:absolute;top:59%}.cms-drag-slider small{left:21%}.cms-drag-slider em{right:21%}.cms-drag-hand{color:#edf8f7;font:13px var(--font-mono);position:absolute;top:69%;left:20%}.cms-scene[data-core-motion=drag-slider-range-scrubber].is-active .cms-drag-slider>div i{animation:cmsSliderFill var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=drag-slider-range-scrubber].is-active .cms-drag-slider>div span{animation:cmsSliderThumb var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=drag-slider-range-scrubber].is-active .cms-drag-slider>b{animation:cmsSliderValue var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=drag-slider-range-scrubber].is-active .cms-drag-hand{animation:cmsSliderHand var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsSliderFill{0%,12%{width:0}65%,to{width:64%}}@keyframes cmsSliderThumb{0%,12%{left:0}65%,to{left:64%}}@keyframes cmsSliderValue{0%,12%{left:calc(22% - 13px)}65%,to{left:calc(58% - 13px)}}@keyframes cmsSliderHand{0%,12%{left:20%}65%,to{left:56%}}.cms-free-drag{position:absolute;inset:64px 8% 35px}.cms-free-drag svg{width:100%;height:100%;position:absolute;inset:0}.cms-free-drag path{fill:none;stroke:#314b55;stroke-width:1px;stroke-dasharray:4 5}.cms-free-drag>div{border:1px solid var(--signal);width:55px;height:35px;color:var(--signal);font:7px var(--font-mono);background:#142730;place-items:center;display:grid;position:absolute;top:61%;left:11%}.cms-free-drag>div i{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-5px;right:-5px}.cms-free-drag>span{color:#637b85;font:6px var(--font-mono);position:absolute;top:4px;right:3px}.cms-scene[data-core-motion=free-draggable].is-active .cms-free-drag>div{animation:cmsFreeObject var(--demo-duration,4s) cubic-bezier(.4,0,.2,1) forwards}@keyframes cmsFreeObject{0%{top:61%;left:11%;transform:rotate(0)}31%{top:8%;left:29%;transform:rotate(-8deg)}64%{top:65%;left:56%;transform:rotate(6deg)}to{top:16%;left:78%;transform:rotate(-3deg)}}.cms-infinite-canvas{border:1px solid #2e4650;position:absolute;inset:61px 8% 34px;overflow:hidden}.cms-canvas-grid{background-image:linear-gradient(#263a43 1px,#0000 1px),linear-gradient(90deg,#263a43 1px,#0000 1px);background-size:22px 22px;width:210%;height:210%;position:absolute;inset:-55%}.cms-canvas-grid article{border:1px solid var(--signal);width:38px;height:30px;color:var(--signal);font:8px var(--font-mono);background:#13262f;place-items:center;display:grid;position:absolute}.cms-canvas-grid article:first-child{top:43%;left:41%}.cms-canvas-grid article:nth-child(2){top:57%;left:58%}.cms-canvas-grid article:nth-child(3){top:39%;left:71%}.cms-canvas-grid svg{width:48%;height:43%;position:absolute;top:31%;left:33%}.cms-canvas-grid path{fill:none;stroke:rgba(var(--signal-rgb),.5);stroke-width:1px}.cms-pan-hand{color:#edf8f7;font-size:21px;position:absolute;top:47%;left:47%}.cms-infinite-canvas>span{color:var(--signal);font:6px var(--font-mono);position:absolute;bottom:6px;right:7px}.cms-scene[data-core-motion=infinite-canvas-pan].is-active .cms-canvas-grid{animation:cmsCanvasPan var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=infinite-canvas-pan].is-active .cms-pan-hand{animation:cmsPanHand var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsCanvasPan{0%{transform:translate(0)}46%{transform:translate(-38px,28px)}to{transform:translate(37px,-31px)}}@keyframes cmsPanHand{0%{transform:translate(0)}46%{transform:translate(31px,-22px)}to{transform:translate(-27px,26px)}}.cms-pinch{place-items:center;display:grid;position:absolute;inset:0}.cms-pinch>div{background:radial-gradient(circle at center,rgba(var(--signal-rgb),.2),#102029 63%);border:1px solid #405a65;place-items:center;width:92px;height:92px;display:grid;position:relative}.cms-pinch>div b{font:11px var(--font-mono)}.cms-pinch>div i{border:1px dashed rgba(var(--signal-rgb),.45);position:absolute;inset:12px}.cms-pinch>span{border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute}.cms-finger-a{top:58%;left:37%}.cms-finger-b{top:42%;right:37%}.cms-pinch>em{color:var(--signal);font:7px var(--font-mono);position:absolute;top:75%}.cms-scene[data-core-motion=pinch-to-zoom].is-active .cms-pinch>div{animation:cmsPinchObject var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=pinch-to-zoom].is-active .cms-finger-a{animation:cmsFingerA var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=pinch-to-zoom].is-active .cms-finger-b{animation:cmsFingerB var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsPinchObject{0%,15%,to{transform:scale(1)}56%,78%{transform:scale(1.55)}}@keyframes cmsFingerA{0%,15%,to{top:58%;left:37%}56%,78%{top:68%;left:25%}}@keyframes cmsFingerB{0%,15%,to{top:42%;right:37%}56%,78%{top:30%;right:25%}}.cms-pull-refresh{border:1px solid #2f4650;position:absolute;inset:62px 13% 34px;overflow:hidden}.cms-pull-refresh section{background:#101e26;padding:13px;position:absolute;top:0;left:0;right:0}.cms-pull-refresh section article{background:#172a33;border:1px solid #304852;height:24px;margin-bottom:8px}.cms-refresh-spinner{border:2px solid #304852;border-top-color:var(--signal);border-radius:50%;width:24px;height:24px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.cms-pull-refresh>span,.cms-pull-refresh>em{z-index:3;font:6px var(--font-mono);position:absolute;bottom:6px}.cms-pull-refresh>span{color:#6e848e;left:7px}.cms-pull-refresh>em{color:var(--signal);opacity:0;right:7px}.cms-scene[data-core-motion=pull-to-refresh].is-active .cms-pull-refresh section{animation:cmsPullList var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=pull-to-refresh].is-active .cms-refresh-spinner{animation:cmsRefreshSpin var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=pull-to-refresh].is-active .cms-pull-refresh>em{animation:cmsReleaseLabel var(--demo-duration,4s) ease forwards}@keyframes cmsPullList{0%,to{top:0}38%,62%{top:48px}}@keyframes cmsRefreshSpin{0%{top:-35px;transform:translate(-50%)rotate(0)}38%{top:14px;transform:translate(-50%)rotate(180deg)}62%{top:14px;transform:translate(-50%)rotate(720deg)}to{top:-35px;transform:translate(-50%)rotate(900deg)}}@keyframes cmsReleaseLabel{0%,28%,74%,to{opacity:0}40%,62%{opacity:1}}.cms-sortable{gap:7px;display:grid;position:absolute;top:31%;left:15%;right:15%}.cms-sortable article{height:35px;font:7px var(--font-mono);background:#14262f;border:1px solid #3b525d;align-items:center;gap:10px;padding:0 9px;display:flex;position:relative}.cms-sortable article i{color:#607984}.cms-sortable article b{color:var(--signal);margin-left:auto}.cms-sortable article:nth-child(2){z-index:3}.cms-scene[data-core-motion=sortable-drag-to-reorder].is-active .cms-sortable article:nth-child(2){animation:cmsSortMiddle var(--demo-duration,4s) cubic-bezier(.2,.8,.2,1) forwards}.cms-scene[data-core-motion=sortable-drag-to-reorder].is-active .cms-sortable article:nth-child(3){animation:cmsSortBottom var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsSortMiddle{0%,15%{box-shadow:none;transform:translateY(0)scale(1)}36%{transform:translate(11px)scale(1.04);box-shadow:0 12px 22px #0006}67%,to{box-shadow:none;transform:translateY(42px)scale(1)}}@keyframes cmsSortBottom{0%,35%{transform:translateY(0)}67%,to{transform:translateY(-42px)}}.cms-swipe-stack{perspective:600px;position:absolute;inset:67px 22% 36px}.cms-swipe-stack article{background:#152a33;border:1px solid #405964;padding:14px;position:absolute;inset:0;box-shadow:0 11px 24px #0000004d}.cms-swipe-stack article:first-child{z-index:3}.cms-swipe-stack article:nth-child(2){z-index:2;transform:translateY(8px)scale(.94)}.cms-swipe-stack article:nth-child(3){z-index:1;transform:translateY(16px)scale(.88)}.cms-swipe-stack article span{color:var(--signal);font:7px var(--font-mono)}.cms-swipe-stack article b{font:18px var(--font-mono);margin-top:32px;display:block}.cms-swipe-stack article i{color:var(--signal);font-size:18px;position:absolute;bottom:10px;right:12px}.cms-swipe-stack>em{z-index:5;color:#667e88;font:6px var(--font-mono);position:absolute;top:45%;right:-31px}.cms-scene[data-core-motion=swipe-card-stack].is-active .cms-swipe-stack article:first-child{animation:cmsSwipeTop var(--demo-duration,4s) cubic-bezier(.2,.8,.2,1) forwards}.cms-scene[data-core-motion=swipe-card-stack].is-active .cms-swipe-stack article:nth-child(2){animation:cmsSwipeNext var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsSwipeTop{0%,14%{opacity:1;transform:translate(0)rotate(0)}62%,to{opacity:0;transform:translate(145%)rotate(18deg)}}@keyframes cmsSwipeNext{0%,14%{transform:translateY(8px)scale(.94)}62%,to{transform:translateY(0)scale(1)}}.cms-carousel{position:absolute;inset:65px 0 34px;overflow:hidden}.cms-carousel>div{gap:10px;width:190%;display:flex;position:absolute;top:6px;left:18%}.cms-carousel article{color:#718993;height:105px;font:7px var(--font-mono);background:#152a33;border:1px solid #3d5661;flex:0 0 27%;padding:12px}.cms-carousel article:nth-child(2){background:linear-gradient(145deg,rgba(var(--signal-rgb),.22),#14252d)}.cms-carousel article b{color:#edf8f7;font:15px var(--font-mono);margin-top:48px;display:block}.cms-carousel nav{gap:5px;display:flex;position:absolute;bottom:13px;left:47%}.cms-carousel nav i{background:#3e5660;border-radius:50%;width:5px;height:5px}.cms-carousel>span{color:var(--signal);font:6px var(--font-mono);position:absolute;bottom:11px;right:9%}.cms-scene[data-core-motion=touch-swipe-carousel].is-active .cms-carousel>div{animation:cmsCarouselTrack var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=touch-swipe-carousel].is-active .cms-carousel nav i{animation:cmsCarouselDot var(--demo-duration,4s) steps(2,end) forwards}@keyframes cmsCarouselTrack{0%,18%{transform:translate(0)}56%,to{transform:translate(-31%)}}@keyframes cmsCarouselDot{0%,40%{background:#3e5660}58%,to{background:var(--signal)}}.cms-stepper{position:absolute;inset:68px 12% 35px}.cms-stepper nav{justify-content:center;align-items:center;display:flex}.cms-stepper nav i{color:#657e88;width:24px;height:24px;font:7px var(--font-mono);border:1px solid #405963;border-radius:50%;place-items:center;display:grid}.cms-stepper nav span{background:#324952;width:42px;height:1px}.cms-stepper section{opacity:0;background:#13242c;border:1px solid #304852;margin-top:16px;padding:15px;transform:translate(35px)}.cms-stepper section small{color:#718892;font:6px var(--font-mono)}.cms-stepper section small b{color:var(--signal)}.cms-stepper section strong{margin-top:7px;font-size:13px;display:block}.cms-stepper section button{border:1px solid var(--signal);color:var(--signal);font:6px var(--font-mono);background:0 0;margin-top:10px;padding:7px 10px}.cms-scene[data-core-motion=animated-multi-step-stepper].is-active .cms-stepper nav i:first-of-type,.cms-scene[data-core-motion=animated-multi-step-stepper].is-active .cms-stepper nav i:nth-of-type(2){animation:cmsStepCircle var(--demo-duration,4s) steps(2,end) forwards}.cms-scene[data-core-motion=animated-multi-step-stepper].is-active .cms-stepper nav span:first-of-type{animation:cmsStepLine var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=animated-multi-step-stepper].is-active .cms-stepper section{animation:cmsStepPanel var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}@keyframes cmsStepCircle{0%,20%{color:#657e88;background:0 0;border-color:#405963}55%,to{border-color:var(--signal);color:var(--signal);background:rgba(var(--signal-rgb),.13)}}@keyframes cmsStepLine{0%,20%{background:#324952}65%,to{background:var(--signal)}}@keyframes cmsStepPanel{0%,22%{opacity:0;transform:translate(35px)}66%,to{opacity:1;transform:none}}.cms-range{place-items:center;display:grid;position:absolute;inset:0}.cms-range>b{border:1px solid var(--signal);color:var(--signal);font:10px var(--font-mono);background:#13242c;padding:5px 7px;position:absolute;top:31%;left:calc(18% - 11px)}.cms-range>div{background:#304650;border-radius:3px;height:5px;position:absolute;top:53%;left:18%;right:18%}.cms-range>div i{background:linear-gradient(90deg,#3b6970,var(--signal));border-radius:3px;width:0;height:100%;display:block}.cms-range>div span{background:var(--signal);width:20px;height:20px;box-shadow:0 0 0 1px var(--signal);border:3px solid #0c151b;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.cms-range small,.cms-range em{font:6px var(--font-mono);position:absolute;top:62%}.cms-range small{color:#718892;left:17%}.cms-range em{color:var(--signal);right:17%}.cms-scene[data-core-motion=custom-animated-range-slider].is-active .cms-range>div i{animation:cmsRangeFill var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=custom-animated-range-slider].is-active .cms-range>div span{animation:cmsRangeKnob var(--demo-duration,4s) cubic-bezier(.2,1.5,.4,1) forwards}.cms-scene[data-core-motion=custom-animated-range-slider].is-active .cms-range>b{animation:cmsRangeBubble var(--demo-duration,4s) ease-in-out forwards}@keyframes cmsRangeFill{0%,14%{width:0}72%,to{width:72%}}@keyframes cmsRangeKnob{0%,14%{left:0;transform:translate(-50%,-50%)scale(1)}55%{transform:translate(-50%,-50%)scale(1.35)}72%,to{left:72%;transform:translate(-50%,-50%)scale(1)}}@keyframes cmsRangeBubble{0%,14%{left:calc(18% - 11px)}72%,to{left:calc(64% - 11px)}}.cms-floating-label{place-items:center;display:grid;position:absolute;inset:0}.cms-floating-label label{background:#102029;border:1px solid #405964;width:190px;height:48px;position:relative}.cms-floating-label label span{color:#718893;font:8px var(--font-mono);background:#102029;padding:0 3px;position:absolute;top:16px;left:12px}.cms-floating-label input{color:#edf8f7;opacity:0;background:0 0;border:0;outline:0;width:100%;height:100%;padding:14px 12px 5px;font-size:10px}.cms-floating-label label i{background:var(--signal);height:2px;position:absolute;bottom:-1px;left:0;right:100%}.cms-floating-label small{color:#607984;font:6px var(--font-mono);position:absolute;top:66%}.cms-scene[data-core-motion=floating-label].is-active .cms-floating-label label span{animation:cmsFloatLabel var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=floating-label].is-active .cms-floating-label input{animation:cmsFloatValue var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=floating-label].is-active .cms-floating-label label i{animation:cmsFloatLine var(--demo-duration,4s) ease forwards}@keyframes cmsFloatLabel{0%,18%,to{color:#718893;font-size:8px;top:16px}43%,78%{color:var(--signal);font-size:6px;top:-5px}}@keyframes cmsFloatValue{0%,32%,to{opacity:0}46%,78%{opacity:1}}@keyframes cmsFloatLine{0%,18%,to{right:100%}54%,78%{right:0}}.cms-validation{position:absolute;top:35%;left:18%;right:18%}.cms-validation label{background:#102029;border:1px solid #405964;height:46px;padding:19px 35px 0 11px;display:block;position:relative}.cms-validation label span{color:#708792;font:6px var(--font-mono);position:absolute;top:6px;left:10px}.cms-validation input{color:#edf8f7;background:0 0;border:0;outline:0;width:100%;font-size:10px}.cms-validation label i{color:#ff8078;width:20px;height:20px;font:8px var(--font-mono);opacity:0;border:1px solid #ff8078;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:10px}.cms-validation p{color:#ff8a82;opacity:0;margin:6px 0 0;font-size:7px}.cms-validation>em{color:#ff8a82;font:6px var(--font-mono);opacity:0;position:absolute;top:-12px;right:0}.cms-scene[data-core-motion=inline-validation-with-error-shake].is-active .cms-validation label{animation:cmsValidationShake var(--demo-duration,4s) ease-in-out forwards}.cms-scene[data-core-motion=inline-validation-with-error-shake].is-active .cms-validation label i,.cms-scene[data-core-motion=inline-validation-with-error-shake].is-active .cms-validation p,.cms-scene[data-core-motion=inline-validation-with-error-shake].is-active .cms-validation>em{animation:cmsValidationError var(--demo-duration,4s) ease forwards}@keyframes cmsValidationShake{0%,34%,66%,to{border-color:#405964;transform:translate(0)}40%{transform:translate(-7px)}45%{transform:translate(6px)}50%{transform:translate(-4px)}55%{border-color:#ff8078;transform:translate(3px)}62%{border-color:#ff8078;transform:translate(0)}}@keyframes cmsValidationError{0%,35%{opacity:0;transform:translateY(-3px)}58%,to{opacity:1;transform:none}}.cms-char-counter{position:absolute;top:33%;left:15%;right:15%}.cms-char-counter label{background:#102029;border:1px solid #3b535d;height:66px;padding:9px;display:block}.cms-char-counter label>span{color:#6f8790;font:6px var(--font-mono);display:block}.cms-typed{white-space:nowrap;width:150px;height:14px;margin-top:13px;position:relative;overflow:hidden}.cms-typed i{color:#edf8f7;white-space:nowrap;width:0;font-size:9px;display:inline-block;overflow:hidden}.cms-typed b{background:var(--signal);vertical-align:middle;width:1px;height:12px;display:inline-block}.cms-char-counter p{text-align:right;color:#617984;font:7px var(--font-mono);margin:5px 0 0}.cms-char-counter p b{color:var(--signal);display:none}.cms-char-counter p b:first-child{display:inline}.cms-scene[data-core-motion=live-character-counter].is-active .cms-typed i{animation:cmsTypeLine var(--demo-duration,4s) steps(21,end) forwards}.cms-scene[data-core-motion=live-character-counter].is-active .cms-typed b{animation:cmsTypeCaret calc(var(--demo-duration,4s) * .2) steps(1,end) infinite}.cms-scene[data-core-motion=live-character-counter].is-active .cms-char-counter p b:first-child{animation:cmsCountHide var(--demo-duration,4s) steps(2,end) forwards}.cms-scene[data-core-motion=live-character-counter].is-active .cms-char-counter p b:nth-child(2),.cms-scene[data-core-motion=live-character-counter].is-active .cms-char-counter p b:nth-child(3){animation:cmsCountShow var(--demo-duration,4s) steps(2,end) forwards}@keyframes cmsTypeLine{0%,12%{width:0}83%,to{width:150px}}@keyframes cmsTypeCaret{50%{opacity:0}}@keyframes cmsCountHide{0%,25%{display:inline}26%,to{display:none}}@keyframes cmsCountShow{0%,25%{display:none}26%,to{display:inline}}.cms-password{position:absolute;top:34%;left:16%;right:16%}.cms-password label{background:#102029;border:1px solid #3b535d;align-items:center;height:44px;padding:15px 31px 0 11px;display:flex}.cms-password label span{color:#708893;font:6px var(--font-mono);position:absolute;top:6px}.cms-password label b{letter-spacing:.18em;font-size:9px}.cms-password label i{color:#718994;position:absolute;right:10px}.cms-password>div{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.cms-password>div i{background:#2e444d;border-radius:2px;height:4px}.cms-password p{color:#627b85;font:6px var(--font-mono);justify-content:space-between;display:flex}.cms-password p b{color:var(--signal)}.cms-scene[data-core-motion=password-strength-meter].is-active .cms-password>div i{animation:cmsStrengthSegment var(--demo-duration,4s) steps(4,end) forwards;animation-delay:calc(var(--i) * .14s)}.cms-scene[data-core-motion=password-strength-meter].is-active .cms-password label b{animation:cmsPasswordDots var(--demo-duration,4s) steps(4,end) forwards}@keyframes cmsStrengthSegment{0%,18%{background:#2e444d}70%,to{background:var(--signal);box-shadow:0 0 8px rgba(var(--signal-rgb),.4)}}@keyframes cmsPasswordDots{0%{letter-spacing:.04em}to{letter-spacing:.18em}}.cms-submit-success{place-items:center;display:grid;position:absolute;inset:0}.cms-submit-success form button{border:1px solid var(--signal);width:145px;height:42px;color:var(--signal);font:8px var(--font-mono);background:0 0}.cms-submit-success form button i{display:none}.cms-submit-done{opacity:0;place-items:center;display:grid;position:absolute}.cms-submit-done svg{fill:none;width:66px;height:66px;stroke:var(--signal);stroke-width:3px}.cms-submit-done circle{stroke-dasharray:185;stroke-dashoffset:185px}.cms-submit-done path{stroke-dasharray:72;stroke-dashoffset:72px}.cms-submit-done b{color:var(--signal);font:8px var(--font-mono);margin-top:5px}.cms-scene[data-core-motion=submit-success-animation].is-active .cms-submit-success form{animation:cmsSubmitForm var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=submit-success-animation].is-active .cms-submit-done{animation:cmsSubmitDone var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=submit-success-animation].is-active .cms-submit-done circle{animation:cmsSubmitCircle var(--demo-duration,4s) ease forwards}.cms-scene[data-core-motion=submit-success-animation].is-active .cms-submit-done path{animation:cmsSubmitPath var(--demo-duration,4s) ease forwards}@keyframes cmsSubmitForm{0%,22%{opacity:1;transform:scale(1)}42%,to{opacity:0;transform:scale(.7)}}@keyframes cmsSubmitDone{0%,35%{opacity:0;transform:scale(.6)}66%,to{opacity:1;transform:scale(1)}}@keyframes cmsSubmitCircle{0%,42%{stroke-dashoffset:185px}76%,to{stroke-dashoffset:0}}@keyframes cmsSubmitPath{0%,60%{stroke-dashoffset:72px}88%,to{stroke-dashoffset:0}}.cms-spinner{place-items:center;display:grid;position:absolute;inset:0}.cms-spinner>i{border:3px solid #273d47;border-top-color:var(--signal);border-right-color:rgba(var(--signal-rgb),.45);border-radius:50%;width:68px;height:68px;position:absolute}.cms-spinner>i:after{content:"";background:var(--signal);width:5px;height:5px;box-shadow:0 0 9px var(--signal);border-radius:50%;position:absolute;top:4px;left:4px}.cms-spinner>b{font:8px var(--font-mono);letter-spacing:.13em;margin-top:5px}.cms-spinner>span{color:#637b85;font-size:7px;position:absolute;top:67%}.cms-spinner>div{gap:5px;display:flex;position:absolute;top:73%}.cms-spinner>div i{background:#49606a;border-radius:50%;width:4px;height:4px}.cms-scene[data-core-motion=loading-spinner].is-active .cms-spinner>i{animation:cmsSpinnerTurn var(--demo-duration,4s) cubic-bezier(.5,0,.5,1) infinite}.cms-scene[data-core-motion=loading-spinner].is-active .cms-spinner>div i{animation:cmsSpinnerDots calc(var(--demo-duration,4s) * .4) ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}@keyframes cmsSpinnerTurn{0%{transform:rotate(0)}45%{transform:rotate(520deg)}70%{transform:rotate(610deg)}to{transform:rotate(1080deg)}}@keyframes cmsSpinnerDots{50%{background:var(--signal);transform:translateY(-3px)}}.cms-optimistic{position:absolute;inset:64px 11% 35px}.cms-optimistic>button{border:1px solid var(--signal);width:100%;height:32px;color:var(--signal);font:7px var(--font-mono);background:0 0}.cms-optimistic section{gap:7px;margin-top:10px;display:grid}.cms-optimistic article{background:#13252d;border:1px solid #354d57;align-items:center;gap:8px;height:36px;padding:0 9px;font-size:7px;display:flex}.cms-optimistic article i{color:var(--signal)}.cms-optimistic article b{color:#607984;font:6px var(--font-mono);margin-left:auto}.cms-optimistic article:first-child{opacity:0;transform:translateY(-14px)}.cms-optimistic>em{color:var(--signal);font:6px var(--font-mono);opacity:0;position:absolute;bottom:2px;right:7px}.cms-scene[data-core-motion=optimistic-ui].is-active .cms-optimistic article:first-child{animation:cmsOptimisticInsert var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=optimistic-ui].is-active .cms-optimistic article:first-child b{animation:cmsOptimisticBadge var(--demo-duration,4s) steps(1,end) forwards}.cms-scene[data-core-motion=optimistic-ui].is-active .cms-optimistic>em{animation:cmsServerConfirm var(--demo-duration,4s) ease forwards}@keyframes cmsOptimisticInsert{0%,18%{opacity:0;transform:translateY(-14px)}38%,to{opacity:1;transform:none}}@keyframes cmsOptimisticBadge{0%,58%{color:#607984}59%,to{color:var(--signal)}}@keyframes cmsServerConfirm{0%,60%{opacity:0;transform:translateY(4px)}78%,to{opacity:1;transform:none}}.cms-checkmark{place-items:center;display:grid;position:absolute;inset:0}.cms-checkmark svg{fill:none;width:90px;height:90px;stroke:var(--signal);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.cms-checkmark circle{stroke-dasharray:290;stroke-dashoffset:290px}.cms-checkmark path{stroke-dasharray:92;stroke-dashoffset:92px}.cms-checkmark b{color:var(--signal);font:10px var(--font-mono);opacity:0;position:absolute;top:70%}.cms-checkmark span{color:#647c86;opacity:0;font-size:7px;position:absolute;top:77%}.cms-scene[data-core-motion=success-checkmark].is-active .cms-checkmark circle{animation:cmsCheckCircle var(--demo-duration,4s) cubic-bezier(.65,0,.35,1) forwards}.cms-scene[data-core-motion=success-checkmark].is-active .cms-checkmark path{animation:cmsCheckPath var(--demo-duration,4s) cubic-bezier(.65,0,.35,1) forwards}.cms-scene[data-core-motion=success-checkmark].is-active .cms-checkmark svg{animation:cmsCheckPop var(--demo-duration,4s) cubic-bezier(.2,1.6,.4,1) forwards}.cms-scene[data-core-motion=success-checkmark].is-active .cms-checkmark b,.cms-scene[data-core-motion=success-checkmark].is-active .cms-checkmark span{animation:cmsCheckCopy var(--demo-duration,4s) ease forwards}@keyframes cmsCheckCircle{0%,12%{stroke-dashoffset:290px}62%,to{stroke-dashoffset:0}}@keyframes cmsCheckPath{0%,52%{stroke-dashoffset:92px}86%,to{stroke-dashoffset:0}}@keyframes cmsCheckPop{0%,70%{transform:scale(.78)}88%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes cmsCheckCopy{0%,68%{opacity:0;transform:translateY(7px)}90%,to{opacity:1;transform:none}}.cms-toast{position:absolute;inset:63px 10% 35px;overflow:hidden}.cms-toast main{padding:8px}.cms-toast main button{color:#80969e;width:100%;height:30px;font:7px var(--font-mono);background:#14252d;border:1px solid #3b535e}.cms-toast main>i{background:#263b45;height:6px;margin-top:9px;display:block}.cms-toast main>i:nth-of-type(2n){width:69%}.cms-toast aside{background:#17313a;border:1px solid #46616c;grid-template-columns:26px 1fr auto;align-items:center;gap:7px;height:50px;padding:0 9px;display:grid;position:absolute;bottom:-58px;left:7px;right:7px;box-shadow:0 12px 25px #0000006b}.cms-toast aside>i{background:var(--signal);color:#071218;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.cms-toast aside b,.cms-toast aside span{display:block}.cms-toast aside b{font:7px var(--font-mono)}.cms-toast aside span{color:#89a0a8;margin-top:3px;font-size:6px}.cms-toast aside button{color:var(--signal);font:6px var(--font-mono);background:0 0;border:0}.cms-scene[data-core-motion=toast-snackbar-notification].is-active .cms-toast aside{animation:cmsToastRise var(--demo-duration,4s) cubic-bezier(.16,1,.3,1) forwards}.cms-scene[data-core-motion=toast-snackbar-notification].is-active .cms-toast main button{animation:cmsToastSave var(--demo-duration,4s) ease forwards}@keyframes cmsToastRise{0%,24%,to{opacity:0;bottom:-58px}43%,78%{opacity:1;bottom:7px}}@keyframes cmsToastSave{0%,14%,to{color:#80969e;border-color:#3b535e}28%,74%{border-color:var(--signal);color:var(--signal)}}@media (width<=520px){.cms-stage-mark{top:33px}.cms-hero-stagger b,.cms-masked-copy b{font-size:21px}.cms-horizontal-track article,.cms-carousel article{flex-basis:36%}.cms-link-hover{gap:9px}.cms-link-hover a{width:132px}}.rich-motion-scene{--rich-cyan:#58e6d5;--rich-blue:#70a6ff;--rich-gold:#f6c86e;--rich-pink:#ff8db6;color:#f3f7f6;pointer-events:none;border-radius:18px;place-items:center;display:grid;position:absolute;inset:20px;overflow:hidden}.rich-motion-scene *,.rich-motion-scene :before,.rich-motion-scene :after{box-sizing:border-box}.rich-motion-scene button{color:inherit;font:inherit}.rich-motion-scene svg{width:min(88%,310px);max-height:84%;overflow:visible}.rich-accordion{border-top:1px solid #fff4;border-bottom:1px solid #fff2;width:82%}.rich-accordion b{letter-spacing:.08em;justify-content:space-between;padding:14px 4px;display:flex}.rich-accordion b i{transition:transform calc(var(--demo-duration) * .2);font-style:normal}.rich-accordion p{opacity:0;color:#b8c3c1;height:0;transition:height calc(var(--demo-duration) * .35), opacity calc(var(--demo-duration) * .2);margin:0;overflow:hidden}.rich-motion-scene.is-active .rich-accordion p{opacity:1;height:52px}.rich-motion-scene.is-active .rich-accordion b i{transform:rotate(45deg)}.rich-page-swap{perspective:800px;width:82%;height:72%;position:relative}.rich-page-swap section{transform-origin:0;background:#15201f;border:1px solid #ffffff30;place-items:center;display:grid;position:absolute;inset:0}.rich-page-swap section:last-child{opacity:0;background:#213333;transform:rotateY(24deg)translate(40%)}.rich-page-swap section b{font-size:48px}.rich-page-swap>i{z-index:3;background:var(--rich-cyan);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.is-active .rich-page-swap section:first-child{animation:richPageOut var(--demo-duration) both}.is-active .rich-page-swap section:last-child{animation:richPageIn var(--demo-duration) both}.is-active .rich-page-swap>i{animation:richPageSeam var(--demo-duration) both}@keyframes richPageOut{0%,35%{opacity:1;transform:none}55%,to{opacity:0;transform:rotateY(-18deg)translate(-35%)}}@keyframes richPageIn{0%,45%{opacity:0;transform:rotateY(24deg)translate(40%)}70%,to{opacity:1;transform:none}}@keyframes richPageSeam{0%,30%,75%,to{transform:scaleX(0)}48%,58%{transform:scaleX(1)}}.rich-flip-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:78%;display:grid}.rich-flip-grid i{background:#58e6d512;border:1px solid #58e6d555;place-items:center;height:54px;font-style:normal;display:grid}.is-active .rich-flip-grid i:first-child{animation:richFlipOne var(--demo-duration) both}.is-active .rich-flip-grid i:nth-child(2){animation:richFlipTwo var(--demo-duration) both}.is-active .rich-flip-grid i:nth-child(3){animation:richFlipThree var(--demo-duration) both}.is-active .rich-flip-grid i:nth-child(4){animation:richFlipFour var(--demo-duration) both}@keyframes richFlipOne{0%,25%{transform:none}70%,to{transform:translate(100%,62px)scale(.88)}}@keyframes richFlipTwo{0%,25%{transform:none}70%,to{transform:translate(-100%)scale(1.08)}}@keyframes richFlipThree{0%,25%{transform:none}70%,to{transform:translate(100%,-62px)scale(.92)}}@keyframes richFlipFour{0%,25%{transform:none}70%,to{transform:translate(-100%)scale(1.03)}}.rich-overlay-page{border:1px solid #ffffff25;place-items:center;width:84%;height:70%;display:grid;position:relative}.rich-overlay-page p,.rich-overlay-page b{z-index:1;text-align:center;max-width:80%;position:absolute}.rich-overlay-page b{opacity:0;letter-spacing:.25em}.rich-overlay-page__curtain{background:var(--rich-blue);z-index:2;position:absolute;inset:0;transform:translateY(105%)}.is-active .rich-overlay-page__curtain{animation:richOverlay var(--demo-duration) both}.is-active .rich-overlay-page p{animation:richOverlayOld var(--demo-duration) both}.is-active .rich-overlay-page b{animation:richOverlayNew var(--demo-duration) both}@keyframes richOverlay{0%,20%{transform:translateY(105%)}48%,62%{transform:none}90%,to{transform:translateY(-105%)}}@keyframes richOverlayOld{0%,35%{opacity:1}50%,to{opacity:0}}@keyframes richOverlayNew{0%,55%{opacity:0}75%,to{opacity:1}}.rich-masonry{width:82%;height:74%;position:relative}.rich-masonry i{width:29%;height:calc(28px + var(--i) * 5px);background:#ffffff10;border:1px solid #ffffff28;place-items:center;font-style:normal;display:grid;position:absolute}.rich-masonry i:first-child{top:0;left:0}.rich-masonry i:nth-child(2){top:0;left:35%}.rich-masonry i:nth-child(3){top:0;right:0}.rich-masonry i:nth-child(4){top:62%;left:0}.rich-masonry i:nth-child(5){top:55%;left:35%}.is-active .rich-masonry i:first-child{animation:richMasonry1 var(--demo-duration) both}.is-active .rich-masonry i:nth-child(2){animation:richMasonry2 var(--demo-duration) both}.is-active .rich-masonry i:nth-child(3){animation:richMasonry3 var(--demo-duration) both}.is-active .rich-masonry i:nth-child(4){animation:richMasonry4 var(--demo-duration) both}.is-active .rich-masonry i:nth-child(5){animation:richMasonry5 var(--demo-duration) both}@keyframes richMasonry1{50%,to{transform:translateY(45px)}}@keyframes richMasonry2{50%,to{transform:translate(70%,70px)}}@keyframes richMasonry3{50%,to{transform:translate(-115%)}}@keyframes richMasonry4{50%,to{transform:translate(115%,-40px)}}@keyframes richMasonry5{50%,to{transform:translate(-100%,22px)}}.rich-shared{width:82%;height:76%;position:relative}.rich-shared__thumb,.rich-shared__detail{background:linear-gradient(135deg,var(--rich-pink),var(--rich-blue));border-radius:9px;position:absolute}.rich-shared__thumb{width:32%;height:42%;bottom:5%;left:4%}.rich-shared__detail{opacity:0;inset:5% 4% 24%}.rich-shared span{color:#aab6b4;font-size:10px;position:absolute;bottom:2%;right:4%}.is-active .rich-shared__thumb{animation:richSharedThumb var(--demo-duration) both}.is-active .rich-shared__detail{animation:richSharedDetail var(--demo-duration) both}@keyframes richSharedThumb{0%,20%{opacity:1;transform:none}65%,to{opacity:0;transform:translate(80%,-35%)scale(2.35)}}@keyframes richSharedDetail{0%,45%{opacity:0;clip-path:inset(62% 64% 0 0 round 9px)}75%,to{opacity:1;clip-path:inset(0 round 9px)}}.rich-shimmer{letter-spacing:-.04em;color:#0000;background:linear-gradient(105deg,#7b8885 25%,#fff 42%,var(--rich-cyan) 50%,#fff 58%,#7b8885 75%) 200%/220% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,5vw,48px)}.is-active .rich-shimmer{animation:richShimmer var(--demo-duration) linear both}@keyframes richShimmer{0%{background-position:200%}to{background-position:-20%}}.rich-marquee{border-block:1px solid #fff2;width:112%;overflow:hidden;transform:rotate(-4deg)}.rich-marquee div{white-space:nowrap;width:max-content;padding:14px 0;font-size:24px;font-weight:800}.is-active .rich-marquee div{animation:richMarquee var(--demo-duration) linear infinite}@keyframes richMarquee{to{transform:translate(-50%)}}.rich-kinetic{text-align:center;font-size:clamp(22px,5vw,45px);font-weight:900;line-height:.82;display:grid}.rich-kinetic span,.rich-kinetic b,.rich-kinetic em{opacity:0;font-style:normal;transform:translate(-90px)}.rich-kinetic b{color:var(--rich-cyan);transform:scale(.3)rotate(-12deg)}.rich-kinetic em{transform:translate(90px)}.is-active .rich-kinetic span{animation:richKinA var(--demo-duration) both}.is-active .rich-kinetic b{animation:richKinB var(--demo-duration) both}.is-active .rich-kinetic em{animation:richKinC var(--demo-duration) both}@keyframes richKinA{15%{opacity:0}45%,to{opacity:1;transform:none}}@keyframes richKinB{30%{opacity:0}65%,to{opacity:1;transform:none}}@keyframes richKinC{45%{opacity:0}80%,to{opacity:1;transform:none}}.rich-scramble{letter-spacing:.06em;text-align:center;min-width:9ch;font:700 clamp(20px,6vw,28px)/1 monospace;position:relative}.rich-scramble span,.rich-scramble b{display:block}.rich-scramble b{clip-path:inset(0 100% 0 0);color:var(--rich-cyan);position:absolute;inset:0}.is-active .rich-scramble span{animation:richScrambleNoise var(--demo-duration) steps(9) both}.is-active .rich-scramble b{animation:richScrambleReveal var(--demo-duration) steps(8) both}@keyframes richScrambleNoise{0%{transform:translate(0)}20%{transform:translate(3px)}40%{transform:translate(-2px)}60%{transform:translate(1px)}to{opacity:.1}}@keyframes richScrambleReveal{35%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.rich-split{gap:2px;font:800 38px/1 sans-serif;display:flex;overflow:hidden}.rich-split i{opacity:0;font-style:normal;transform:translateY(120%)rotate(10deg)}.is-active .rich-split i{animation:richSplit calc(var(--demo-duration) * .5) cubic-bezier(.2,.8,.2,1) calc(var(--i) * var(--demo-duration) * .055) both}@keyframes richSplit{to{opacity:1;transform:none}}.rich-typewriter{white-space:nowrap;align-items:center;min-width:230px;font:600 18px/1.4 monospace;display:flex}.rich-typewriter span{width:0;overflow:hidden}.rich-typewriter i{background:var(--rich-cyan);width:2px;height:24px}.is-active .rich-typewriter span{animation:richType var(--demo-duration) steps(22) both}.is-active .rich-typewriter i{animation:richCaret calc(var(--demo-duration) * .16) steps(2) infinite}@keyframes richType{to{width:23ch}}@keyframes richCaret{50%{opacity:0}}.rich-variable{letter-spacing:.08em;font-size:58px;font-weight:250;font-stretch:65%}.is-active .rich-variable{animation:richVariable var(--demo-duration) ease-in-out infinite alternate}@keyframes richVariable{to{letter-spacing:-.08em;font-weight:900;font-stretch:130%;transform:scaleX(1.18)}}.rich-svg-icon circle,.rich-svg-icon path{fill:none;stroke:var(--rich-cyan);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.rich-svg-icon circle{transform-origin:80px 60px}.rich-svg-icon path{stroke-dasharray:90;stroke-dashoffset:90px}.is-active .rich-svg-icon circle{animation:richIconRing var(--demo-duration) both}.is-active .rich-svg-icon path{animation:richIconCheck var(--demo-duration) both}@keyframes richIconRing{0%{opacity:0;transform:scale(.1)}45%,to{opacity:1;transform:none}}@keyframes richIconCheck{0%,40%{stroke-dashoffset:90px}75%,to{stroke-dashoffset:0}}.rich-lottie{width:170px;height:120px;position:relative}.rich-lottie i{background:var(--rich-blue);border-radius:16px;width:48px;height:48px;position:absolute;top:25px;left:61px}.rich-lottie i:nth-child(2){background:var(--rich-pink)}.rich-lottie i:nth-child(3){background:var(--rich-cyan)}.rich-lottie span{text-align:center;width:100%;font:10px monospace;position:absolute;bottom:0}.is-active .rich-lottie i:first-child{animation:richLot1 var(--demo-duration) both}.is-active .rich-lottie i:nth-child(2){animation:richLot2 var(--demo-duration) both}.is-active .rich-lottie i:nth-child(3){animation:richLot3 var(--demo-duration) both}@keyframes richLot1{25%{transform:translate(-45px)rotate(45deg)}60%,to{transform:translateY(18px)scale(.7)}}@keyframes richLot2{25%{transform:translate(45px)rotate(-45deg)}60%,to{transform:translate(-24px,-5px)scale(.7)}}@keyframes richLot3{25%{transform:translateY(-28px)scale(.8)}60%,to{transform:translate(24px,-5px)scale(.7)}}.rich-svg-story path,.rich-svg-story circle{fill:none;stroke:#ffffff38;stroke-width:3px}.rich-svg-story path{stroke:var(--rich-cyan);stroke-dasharray:370;stroke-dashoffset:370px}.rich-svg-story circle{fill:#101817}.is-active .rich-svg-story path{animation:richStoryLine var(--demo-duration) both}.is-active .rich-svg-story circle{animation:richStoryNode var(--demo-duration) both}@keyframes richStoryLine{to{stroke-dashoffset:0}}@keyframes richStoryNode{0%,35%{opacity:0;transform:scale(0)}70%,to{opacity:1;transform:none}}.rich-svg-filter circle{fill:var(--rich-blue)}.is-active .rich-svg-filter circle:first-child{animation:richGooA var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-svg-filter circle:last-child{animation:richGooB var(--demo-duration) ease-in-out infinite alternate}@keyframes richGooA{to{transform:translate(28px)}}@keyframes richGooB{to{transform:translate(-24px)scale(1.2)}}.rich-line-draw path{fill:none;stroke:var(--rich-gold);stroke-width:4px;stroke-dasharray:620;stroke-dashoffset:620px}.is-active .rich-line-draw path{animation:richHouseDraw var(--demo-duration) ease both}@keyframes richHouseDraw{to{stroke-dashoffset:0}}.rich-path-follow__track{fill:none;stroke:#ffffff32;stroke-width:3px;stroke-dasharray:7 7}.rich-path-follow__runner{fill:var(--rich-pink);offset-path:path("M12 91 C62 5 135 7 226 82");offset-distance:0}.is-active .rich-path-follow__runner{animation:richPathRunner var(--demo-duration) ease-in-out both}@keyframes richPathRunner{to{offset-distance:100%}}.rich-particles,.rich-dots{position:absolute;inset:0}.rich-particles i,.rich-dots i{background:var(--rich-cyan);width:6px;height:6px;left:calc(8% + (var(--i) * 17%) % 84%);top:calc(12% + (var(--i) * 23%) % 72%);border-radius:50%;position:absolute}.is-active .rich-particles--ambient i{animation:richAmbientParticle var(--demo-duration) ease-in-out calc(var(--i) * -.07 * var(--demo-duration)) infinite alternate}@keyframes richAmbientParticle{to{transform:translate(calc((var(--i) % 3 - 1) * 18px),calc((var(--i) % 4 - 2) * 12px));opacity:.25}}.rich-confetti{place-items:center;width:80%;height:80%;display:grid;position:relative}.rich-confetti b{font-size:28px}.rich-confetti .rich-dots i{background:hsl(calc(var(--i) * 31deg) 80% 68%);opacity:0;border-radius:2px;width:8px;height:14px;top:50%;left:50%}.is-active .rich-confetti .rich-dots i{animation:richConfetti var(--demo-duration) cubic-bezier(.1,.8,.2,1) calc(var(--i) * .01 * var(--demo-duration)) both}@keyframes richConfetti{0%,18%{opacity:0;transform:none}25%{opacity:1}to{opacity:0;transform:translate(calc((var(--i) % 7 - 3) * 28px),calc(-95px + (var(--i) % 5) * 32px)) rotate(calc(var(--i) * 57deg))}}.rich-particle-trail{width:88%;height:72%;position:relative}.rich-particle-trail__cursor{z-index:2;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute}.rich-particle-trail .rich-dots i{opacity:calc(1 - var(--i) * .08);transform:scale(calc(1 - var(--i) * .07));top:0;left:0}.is-active .rich-particle-trail__cursor{animation:richTrailCursor var(--demo-duration) ease-in-out both}.is-active .rich-particle-trail .rich-dots i{animation:richTrailDot var(--demo-duration) ease-in-out calc(var(--i) * .025 * var(--demo-duration)) both}@keyframes richTrailCursor{0%{transform:translate(12px,90px)}45%{transform:translate(190px,15px)}to{transform:translate(110px,100px)}}@keyframes richTrailDot{0%{transform:translate(12px,90px)}45%{transform:translate(190px,15px)}to{transform:translate(110px,100px)}}.rich-flow-field path{fill:none;stroke:color-mix(in srgb,var(--rich-cyan) 50%,transparent);stroke-width:2px;stroke-dasharray:10 12;stroke-dashoffset:0}.is-active .rich-flow-field path{animation:richFlow var(--demo-duration) linear calc(var(--i) * -.08 * var(--demo-duration)) infinite}@keyframes richFlow{to{stroke-dashoffset:-88px}}.rich-network path{fill:none;stroke:#58e6d566;stroke-width:2px;stroke-dasharray:380;stroke-dashoffset:380px}.rich-network circle{fill:var(--rich-cyan);transform-box:fill-box;transform-origin:50%}.is-active .rich-network path{animation:richNetworkLine var(--demo-duration) both}.is-active .rich-network circle{animation:richNetworkNode calc(var(--demo-duration) * .25) ease-in-out infinite alternate}@keyframes richNetworkLine{to{stroke-dashoffset:0}}@keyframes richNetworkNode{to{filter:drop-shadow(0 0 5px var(--rich-cyan));transform:scale(1.7)}}.rich-particle-text{place-items:center;width:84%;height:74%;display:grid;position:relative}.rich-particle-text strong{letter-spacing:.08em;font-size:48px}.rich-particle-text .rich-dots i{opacity:0;top:50%;left:50%}.is-active .rich-particle-text strong{animation:richTextMatter var(--demo-duration) both}.is-active .rich-particle-text .rich-dots i{animation:richTextDust var(--demo-duration) both}@keyframes richTextMatter{0%,25%{opacity:0;filter:blur(12px);letter-spacing:.6em}65%,to{opacity:1;filter:none;letter-spacing:.08em}}@keyframes richTextDust{0%,20%{opacity:1;transform:translate(calc((var(--i) % 7 - 3) * 30px),calc((var(--i) % 5 - 2) * 25px))}70%,to{opacity:0;transform:none}}.rich-fluid{filter:blur(1px);width:88%;height:76%;position:relative;overflow:hidden}.rich-fluid i{background:var(--rich-blue);mix-blend-mode:screen;border-radius:40% 60% 55% 45%;width:130px;height:110px;position:absolute}.rich-fluid i:nth-child(2){background:var(--rich-pink);right:0}.rich-fluid i:nth-child(3){background:var(--rich-cyan);bottom:-40px;left:35%}.rich-fluid span{font:9px monospace;position:absolute;bottom:8px;right:8px}.is-active .rich-fluid i:first-child{animation:richFluidA var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-fluid i:nth-child(2){animation:richFluidB var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-fluid i:nth-child(3){animation:richFluidC var(--demo-duration) ease-in-out infinite alternate}@keyframes richFluidA{to{border-radius:60% 40%;transform:translate(70px,35px)rotate(55deg)}}@keyframes richFluidB{to{border-radius:35% 65%;transform:translate(-80px,-20px)rotate(-45deg)}}@keyframes richFluidC{to{transform:translateY(-60px)scale(1.35)}}.rich-noise-gradient{background:#10202a;width:90%;height:78%;position:relative;overflow:hidden}.rich-noise-gradient i{background:conic-gradient(from 30deg,var(--rich-blue),#482978,var(--rich-cyan),var(--rich-pink),var(--rich-blue));filter:blur(28px);position:absolute;inset:-40%}.rich-noise-gradient span{font:9px monospace;position:absolute;bottom:8px;left:10px}.is-active .rich-noise-gradient i{animation:richNoise var(--demo-duration) steps(12) infinite}@keyframes richNoise{to{transform:rotate(1turn)translate(8%,-5%)scale(1.2)}}.rich-aurora{background:#0a1420;position:absolute;inset:0}.rich-aurora i{filter:blur(25px);opacity:.55;background:var(--rich-cyan);border-radius:50%;width:75%;height:55%;position:absolute}.rich-aurora i:nth-child(2){background:#795cff;top:20%;right:-20%}.rich-aurora i:nth-child(3){background:var(--rich-pink);bottom:-28%;left:20%}.is-active .rich-aurora i:first-child{animation:richAuroraA var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-aurora i:nth-child(2){animation:richAuroraB var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-aurora i:nth-child(3){animation:richAuroraC var(--demo-duration) ease-in-out infinite alternate}@keyframes richAuroraA{to{transform:translate(28%,18%)skew(20deg)}}@keyframes richAuroraB{to{transform:translate(-22%,-12%)scale(1.2)}}@keyframes richAuroraC{to{transform:translate(-10%,-25%)rotate(35deg)}}.rich-breath{place-items:center;display:grid;position:absolute;inset:10%}.rich-breath i{background:radial-gradient(circle,#58e6d566,#0000 67%);border-radius:50%;width:180px;height:180px;position:absolute}.rich-breath span{letter-spacing:.2em;font:10px monospace}.is-active .rich-breath i{animation:richBreath var(--demo-duration) ease-in-out infinite}@keyframes richBreath{50%{opacity:.45;transform:scale(1.3)}}.rich-grain{background:linear-gradient(135deg,#212326,#090a0c);place-items:center;display:grid;position:absolute;inset:0}.rich-grain strong{font:700 40px serif}.rich-grain i{opacity:.2;background-image:radial-gradient(#fff .6px,#0000 .8px);background-size:4px 4px;position:absolute;inset:-50%}.is-active .rich-grain i{animation:richGrain calc(var(--demo-duration) * .05) steps(2) infinite}@keyframes richGrain{to{transform:translate(3px,-4px)}}.rich-floating-shapes{width:82%;height:74%;position:relative}.rich-floating-shapes>*{border:1px solid #fff5;width:45px;height:45px;display:block;position:absolute}.rich-floating-shapes i{border-radius:50%;left:5%}.rich-floating-shapes b{top:12%;right:4%;transform:rotate(20deg)}.rich-floating-shapes em{background:#58e6d522;border-radius:50% 10%;bottom:4%;left:35%}.rich-floating-shapes span{width:24px;height:62px;bottom:22%;right:28%}.is-active .rich-floating-shapes i{animation:richFloatCircle var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-floating-shapes b{animation:richFloatSquare calc(var(--demo-duration) * .8) ease-in-out infinite alternate}.is-active .rich-floating-shapes em{animation:richFloatLeaf calc(var(--demo-duration) * 1.2) ease-in-out infinite alternate}.is-active .rich-floating-shapes span{animation:richFloatBar calc(var(--demo-duration) * .7) ease-in-out infinite alternate}@keyframes richFloatCircle{to{transform:translate(20px,44px)}}@keyframes richFloatSquare{to{transform:translate(-18px,32px)rotate(65deg)}}@keyframes richFloatLeaf{to{transform:translate(12px,-35px)rotate(-25deg)}}@keyframes richFloatBar{to{transform:translateY(24px)rotate(9deg)}}.rich-idle-bob{place-items:center;gap:8px;display:grid}.rich-idle-bob i{background:var(--rich-gold);color:#18130a;border-radius:50%;place-items:center;width:74px;height:74px;font-style:normal;display:grid}.rich-idle-bob span{font:10px monospace}.is-active .rich-idle-bob i{animation:richBob var(--demo-duration) ease-in-out infinite}@keyframes richBob{50%{transform:translateY(-18px);box-shadow:0 20px 22px #0008}}.rich-video-loop{background:#111;width:86%;height:76%;position:relative;overflow:hidden}.rich-video-loop>div{width:300%;display:flex;position:absolute;inset:0}.rich-video-loop>div i{background:linear-gradient(135deg,#172b35,#4c315c);flex:1}.rich-video-loop>div i:nth-child(2){background:linear-gradient(135deg,#493126,#142f38)}.rich-video-loop>div i:nth-child(3){background:linear-gradient(135deg,#18284e,#41213a)}.rich-video-loop span,.rich-video-loop b{z-index:2;font:10px monospace;position:absolute;bottom:8px}.rich-video-loop span{left:10px}.rich-video-loop b{right:10px}.is-active .rich-video-loop>div{animation:richVideoLoop var(--demo-duration) steps(3) infinite}@keyframes richVideoLoop{to{transform:translate(-66.666%)}}.rich-bounce{border-bottom:2px solid #ffffff35;width:82%;height:75%;position:relative}.rich-bounce i{background:var(--rich-gold);border-radius:50%;width:58px;height:58px;position:absolute;bottom:0;left:40%}.rich-bounce span,.rich-bounce b{font:9px monospace;position:absolute;right:0}.rich-bounce span{top:20%}.rich-bounce b{bottom:0}.is-active .rich-bounce i{animation:richBounce var(--demo-duration) cubic-bezier(.2,.9,.3,1) both}@keyframes richBounce{0%{transform:translateY(-110px)scaleY(1)}35%{transform:translateY(0)scale(1.18,.72)}52%{transform:translateY(-50px)scale(.92,1.08)}70%{transform:translateY(0)scale(1.08,.88)}to{transform:none}}.rich-throw{width:86%;height:76%;position:relative}.rich-throw i{background:var(--rich-blue);border-radius:12px;place-items:center;width:64px;height:64px;font-size:10px;font-style:normal;display:grid;position:absolute}.rich-throw__trail{border-top:1px dashed #ffffff38;width:85%;position:absolute;top:32px;left:0}.is-active .rich-throw i{animation:richThrow var(--demo-duration) cubic-bezier(.05,.7,.18,1) both}@keyframes richThrow{0%,20%{transform:translateY(70px)rotate(0)}45%{transform:translate(70px,20px)rotate(30deg)}to{transform:translate(205px,52px)rotate(145deg)}}.rich-rubber{border:1px solid #ffffff28;width:82%;height:76%;position:relative;overflow:hidden}.rich-rubber>div{text-align:center;background:#58e6d511;padding-top:25%;position:absolute;inset:0}.rich-rubber>div i{background:var(--rich-cyan);width:40px;height:4px;margin:8px auto;display:block}.rich-rubber>span{font:9px monospace;position:absolute;bottom:8px;right:8px}.is-active .rich-rubber>div{animation:richRubber var(--demo-duration) ease-out both}@keyframes richRubber{0%,18%{transform:translateY(0)}45%{border-radius:0 0 45% 45%;transform:translateY(72px)scaleY(1.12)}62%{transform:translateY(-18px)scaleY(.94)}78%{transform:translateY(7px)}to{transform:none}}.rich-gravity{border-bottom:3px solid #fff5;width:82%;height:76%;position:relative}.rich-gravity i{background:var(--rich-pink);place-items:center;width:42px;height:42px;font-style:normal;display:grid;position:absolute;top:0}.rich-gravity i:first-child{border-radius:50%;left:12%}.rich-gravity i:nth-child(2){left:43%;transform:rotate(20deg)}.rich-gravity i:nth-child(3){border-radius:10px;right:10%}.rich-gravity b{font:9px monospace;position:absolute;bottom:4px;right:0}.is-active .rich-gravity i:first-child{animation:richGravity1 var(--demo-duration) cubic-bezier(.6,0,.9,.4) both}.is-active .rich-gravity i:nth-child(2){animation:richGravity2 var(--demo-duration) cubic-bezier(.6,0,.9,.4) both}.is-active .rich-gravity i:nth-child(3){animation:richGravity3 var(--demo-duration) cubic-bezier(.6,0,.9,.4) both}@keyframes richGravity1{20%{transform:translateY(0)}70%,to{transform:translateY(100px)}}@keyframes richGravity2{35%{transform:rotate(20deg)}80%,to{transform:translateY(100px)rotate(125deg)}}@keyframes richGravity3{50%{transform:none}90%,to{transform:translateY(100px)rotate(-35deg)}}.rich-spring-magnet{width:82%;height:60%;position:relative}.rich-spring-magnet i,.rich-spring-magnet b{border-radius:50%;place-items:center;width:50px;height:50px;font-style:normal;display:grid;position:absolute}.rich-spring-magnet i{background:#ffffff13;border:1px solid #fff4;left:8%}.rich-spring-magnet b{background:var(--rich-cyan);color:#081211;right:7%}.rich-spring-magnet span{border-top:2px dashed #ffffff38;position:absolute;top:25px;left:25%;right:25%}.is-active .rich-spring-magnet b{animation:richMagnetSpring var(--demo-duration) cubic-bezier(.2,1.5,.3,1) both}@keyframes richMagnetSpring{0%,18%{transform:none}48%{transform:translate(-142px)}65%{transform:translate(-100px)}78%{transform:translate(-124px)}to{transform:translate(-116px)}}.rich-inertia{width:90%;overflow:hidden}.rich-inertia>div{gap:10px;width:max-content;display:flex}.rich-inertia i{background:#ffffff0e;border:1px solid #ffffff24;place-items:center;width:92px;height:90px;font-size:22px;font-style:normal;display:grid}.rich-inertia span{text-align:right;margin-top:8px;font:9px monospace;display:block}.is-active .rich-inertia>div{animation:richInertia var(--demo-duration) cubic-bezier(.05,.75,.15,1) both}@keyframes richInertia{0%,15%{transform:translate(30px)}45%{transform:translate(-180px)}to{transform:translate(-110px)}}.rich-spring-transition{align-items:center;gap:28px;display:flex}.rich-spring-transition i,.rich-spring-transition b{background:#ffffff12;border-radius:15px;place-items:center;width:68px;height:68px;font-style:normal;display:grid}.rich-spring-transition b{background:var(--rich-blue);opacity:0;transform:scale(.25)}.is-active .rich-spring-transition i{animation:richSpringOld var(--demo-duration) both}.is-active .rich-spring-transition b{animation:richSpringNew var(--demo-duration) cubic-bezier(.2,1.6,.3,1) both}@keyframes richSpringOld{0%,30%{opacity:1}70%,to{opacity:0;transform:scale(.4)rotate(-20deg)}}@keyframes richSpringNew{0%,35%{opacity:0;transform:scale(.25)}70%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:none}}.rich-gpu-particles{width:88%;height:76%;position:relative}.rich-gpu-particles .rich-dots i{width:5px;height:5px;left:calc(5% + (var(--i) % 7) * 14%);top:calc(8% + (var(--i) % 5) * 19%);background:hsl(calc(170deg + var(--i) * 6deg) 80% 68%)}.rich-gpu-particles span{font:9px monospace;position:absolute;bottom:0;right:0}.is-active .rich-gpu-particles .rich-dots i{animation:richGpu calc(var(--demo-duration) * .55) linear calc(var(--i) * -.02 * var(--demo-duration)) infinite}@keyframes richGpu{50%{transform:translate(calc((var(--i)%4 - 2)*18px),-35px) scale(1.8)}to{transform:translate(calc((var(--i)%5 - 2)*25px),10px)}}.rich-distortion{background:linear-gradient(135deg,#244a54,#412a52);width:86%;height:74%;position:relative;overflow:hidden}.rich-distortion i{background:repeating-linear-gradient(90deg,#0000 0 10px,#fff1 10px 12px);position:absolute;inset:-20%}.rich-distortion b{place-items:center;font-size:38px;display:grid;position:absolute;inset:0}.rich-distortion span{font:9px monospace;position:absolute;bottom:8px;right:8px}.is-active .rich-distortion i{animation:richDistort var(--demo-duration) ease-in-out infinite}.is-active .rich-distortion b{animation:richDistortText var(--demo-duration) ease-in-out infinite}@keyframes richDistort{40%{transform:skew(18deg)translate(14px)scaleX(1.15)}55%{transform:skew(-10deg)translate(-8px)}}@keyframes richDistortText{40%{filter:blur(2px);transform:scaleX(1.1)}55%{filter:none;transform:scaleX(.96)}}.rich-world{perspective:600px;width:80%;height:76%;position:relative}.rich-world b{background:var(--rich-blue);place-items:center;width:70px;height:70px;display:grid;position:absolute;top:30%;left:40%;transform:rotateX(55deg)rotate(45deg)}.rich-world__orbit{border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:15%;transform:rotateX(65deg)}.rich-world span{font:9px monospace;position:absolute;bottom:0;right:0}.is-active .rich-world b{animation:richWorldCube var(--demo-duration) linear infinite}.is-active .rich-world__orbit{animation:richWorldOrbit var(--demo-duration) linear infinite}@keyframes richWorldCube{to{transform:rotateX(415deg)rotate(405deg)}}@keyframes richWorldOrbit{to{transform:rotateX(65deg)rotate(1turn)}}.rich-embed{place-items:center;gap:10px;display:grid}.rich-embed__cube{width:90px;height:90px;transform-style:preserve-3d;position:relative;transform:rotateX(-20deg)rotateY(30deg)}.rich-embed__cube i{background:#70a6ff1a;border:1px solid #70a6ffaa;position:absolute;inset:0}.rich-embed__cube i:first-child{transform:translateZ(45px)}.rich-embed__cube i:nth-child(2){transform:rotateY(90deg)translateZ(45px)}.rich-embed__cube i:nth-child(3){transform:rotateX(90deg)translateZ(45px)}.rich-embed span{font:9px monospace}.is-active .rich-embed__cube{animation:richEmbed var(--demo-duration) ease-in-out infinite alternate}@keyframes richEmbed{to{transform:rotateX(25deg)rotateY(210deg)scale(.85)}}.rich-r3f{border:1px solid #ffffff28;width:82%;height:74%;position:relative}.rich-r3f code{color:var(--rich-cyan);position:absolute;top:10px;left:10px}.rich-r3f i{background:linear-gradient(135deg,var(--rich-pink),var(--rich-blue));border-radius:50%;width:66px;height:66px;position:absolute;top:calc(50% - 20px);left:calc(50% - 33px)}.rich-r3f span{font:9px monospace;position:absolute;bottom:8px;right:8px}.is-active .rich-r3f i{animation:richR3f var(--demo-duration) ease-in-out infinite}@keyframes richR3f{50%{border-radius:18%;transform:translateY(-22px)rotate(180deg)}}.rich-camera{width:86%;height:75%;position:relative}.rich-camera__rail{border-top:2px dashed #ffffff30;position:absolute;top:56%;left:8%;right:8%}.rich-camera>b{background:var(--rich-gold);color:#161107;place-items:center;width:56px;height:42px;display:grid;position:absolute;top:calc(56% - 20px);left:7%}.rich-camera>div{position:absolute;inset:0}.rich-camera>div span{position:absolute;bottom:4px}.rich-camera>div span:nth-child(2){left:45%}.rich-camera>div span:nth-child(3){right:4%}.is-active .rich-camera>b{animation:richCameraRail var(--demo-duration) cubic-bezier(.2,.7,.2,1) both}@keyframes richCameraRail{0%,15%{left:7%;transform:rotate(-6deg)}50%{left:45%;transform:rotate(5deg)scale(1.2)}to{left:76%;transform:rotate(0)scale(.85)}}.rich-shader{background:#09131f;position:absolute;inset:0;overflow:hidden}.rich-shader i{filter:blur(22px);background:conic-gradient(#185a66,#2b1f61,#9b285d,#185a66);width:130%;height:130%;position:absolute;top:-15%;left:-15%}.rich-shader i:nth-child(2){filter:none;background:radial-gradient(circle at 30% 40%,#fff4,#0000 35%)}.rich-shader span{font:9px monospace;position:absolute;bottom:8px;left:8px}.is-active .rich-shader i:first-child{animation:richShader var(--demo-duration) linear infinite}.is-active .rich-shader i:nth-child(2){animation:richShaderLight calc(var(--demo-duration) * .7) ease-in-out infinite alternate}@keyframes richShader{to{transform:rotate(1turn)scale(1.2)}}@keyframes richShaderLight{to{transform:translate(28%,-12%)}}.rich-bars{justify-content:center;align-items:end;gap:4px;height:70px;display:flex}.rich-bars i{width:5px;height:calc(16% + (var(--i) % 5) * 16%);background:var(--rich-cyan);transform-origin:bottom}.rich-audio-toggle{gap:14px;display:grid}.rich-audio-toggle button{background:#ffffff0c;border:1px solid #ffffff3a;padding:10px 18px}.rich-audio-toggle button i{background:#59615f;border-radius:50%;width:10px;height:10px;margin-left:10px;display:inline-block}.is-active .rich-audio-toggle button i{animation:richSoundOn var(--demo-duration) both}.is-active .rich-audio-toggle .rich-bars i{animation:richAudioBars calc(var(--demo-duration) * .25) ease-in-out calc(var(--i) * -.02 * var(--demo-duration)) infinite alternate}@keyframes richSoundOn{0%,20%{box-shadow:none;background:#59615f}45%,to{background:var(--rich-cyan);box-shadow:0 0 12px var(--rich-cyan)}}@keyframes richAudioBars{to{transform:scaleY(.25)}}.rich-frequency{width:88%}.rich-frequency .rich-bars{height:95px}.rich-frequency .rich-bars i{width:3%;height:calc(12% + (var(--i) % 8) * 11%);background:linear-gradient(var(--rich-pink),var(--rich-cyan))}.rich-frequency span{text-align:justify;font:8px monospace;display:block}.is-active .rich-frequency i{animation:richFreq calc(var(--demo-duration) * .18) ease-in-out calc(var(--i) * -.013 * var(--demo-duration)) infinite alternate}@keyframes richFreq{to{transform:scaleY(calc(.35 + (var(--i) % 5) * .13))}}.rich-gyro{place-items:center;gap:8px;display:grid}.rich-gyro>div{perspective:400px;border:1px solid #ffffff36;width:150px;height:92px;position:relative}.rich-gyro i{background:linear-gradient(135deg,var(--rich-blue),var(--rich-pink));position:absolute;inset:18px;transform:rotateX(15deg)rotateY(-20deg)}.rich-gyro b{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.rich-gyro span{font:9px monospace}.is-active .rich-gyro i{animation:richGyro var(--demo-duration) ease-in-out infinite alternate}@keyframes richGyro{to{transform:rotateX(-18deg)rotateY(24deg)translate(8px,-5px)}}.rich-mic{grid-template-columns:auto 1fr;align-items:center;gap:14px;width:84%;display:grid}.rich-mic>i{width:50px;height:50px;color:var(--rich-pink);border:1px solid #ffffff35;border-radius:50%;place-items:center;font-style:normal;display:grid}.rich-mic .rich-bars{height:75px}.rich-mic>span{text-align:center;grid-column:1/-1;font:9px monospace}.is-active .rich-mic>i{animation:richMicPulse calc(var(--demo-duration) * .3) ease-out infinite}.is-active .rich-mic .rich-bars i{animation:richMicBars calc(var(--demo-duration) * .22) ease-in-out calc(var(--i) * -.018 * var(--demo-duration)) infinite alternate}@keyframes richMicPulse{50%{box-shadow:0 0 0 12px #ff8db611}}@keyframes richMicBars{to{transform:scaleY(.18)}}.rich-synth{width:88%}.rich-synth svg path{fill:none;stroke:var(--rich-gold);stroke-width:3px;stroke-dasharray:280;stroke-dashoffset:0}.rich-synth>div{justify-content:space-between;display:flex}.rich-synth>div i{border:1px solid #ffffff26;padding:5px 8px;font:9px monospace}.is-active .rich-synth path{animation:richSynth var(--demo-duration) linear infinite}@keyframes richSynth{to{stroke-dashoffset:-280px}}.rich-scroll-audio{border-left:2px solid #ffffff24;width:86%;height:72%;position:relative}.rich-scroll-audio__progress{background:var(--rich-cyan);width:2px;height:0;position:absolute;top:0;left:-2px}.rich-scroll-audio .rich-bars{height:80%;margin-left:20px}.rich-scroll-audio span{font:9px monospace;position:absolute;bottom:0;right:0}.is-active .rich-scroll-audio__progress{animation:richAudioProgress var(--demo-duration) linear both}.is-active .rich-scroll-audio .rich-bars i{animation:richScrollAudio calc(var(--demo-duration) * .2) ease-in-out calc(var(--i) * -.02 * var(--demo-duration)) infinite alternate}@keyframes richAudioProgress{to{height:100%}}@keyframes richScrollAudio{to{transform:scaleY(.25)}}.rich-ui-sound{position:relative}.rich-ui-sound button{border:1px solid var(--rich-cyan);background:#58e6d511;padding:14px 28px}.rich-ui-sound>i{opacity:0;font-style:normal;position:absolute;top:-20px;right:-28px}.rich-ui-sound span{text-align:center;margin-top:8px;font:9px monospace;display:block}.is-active .rich-ui-sound button{animation:richUiPress var(--demo-duration) both}.is-active .rich-ui-sound>i{animation:richUiNote var(--demo-duration) both}@keyframes richUiPress{0%,20%{transform:none}32%{transform:scale(.92)}45%,to{transform:none}}@keyframes richUiNote{0%,30%{opacity:0;transform:translateY(10px)}42%{opacity:1}80%,to{opacity:0;transform:translate(16px,-30px)}}.rich-haptic{place-items:center;width:170px;height:110px;display:grid;position:relative}.rich-haptic>div{border:2px solid #ffffff50;border-radius:12px;place-items:center;width:55px;height:82px;display:grid}.rich-haptic>i,.rich-haptic>b{border:2px solid var(--rich-cyan);border-inline-color:#0000;border-radius:50%;width:22px;height:44px;position:absolute}.rich-haptic>i{left:36px}.rich-haptic>b{right:36px}.rich-haptic span{font:9px monospace;position:absolute;bottom:-5px}.is-active .rich-haptic>div{animation:richHaptic var(--demo-duration) steps(2) both}.is-active .rich-haptic>i{animation:richHapticLeft var(--demo-duration) both}.is-active .rich-haptic>b{animation:richHapticRight var(--demo-duration) both}@keyframes richHaptic{0%,25%,40%,55%,to{transform:none}30%,45%,50%{transform:translate(3px)}}@keyframes richHapticLeft{0%,20%{opacity:0;transform:scale(.5)}45%,60%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1.8)}}@keyframes richHapticRight{0%,25%{opacity:0;transform:scale(.5)}50%,65%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1.8)}}.generated-fv-scene{isolation:isolate;background:#071016;position:absolute;inset:0;overflow:hidden}.generated-fv-scene:before{content:"";z-index:6;pointer-events:none;opacity:.7;background:linear-gradient(90deg,#0000 49.8%,#62e9d31f 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#62e9d31a 50%,#0000 50.2%);position:absolute;inset:0}.generated-fv-scene__mode{z-index:8;color:#a9bbb9;letter-spacing:.08em;white-space:nowrap;background:#071016b8;border:1px solid #ffffff25;padding:4px 7px;font:7px/1.1 monospace;position:absolute;top:10px;left:50%;transform:translate(-50%)}.fv-image-scrub__frames{position:absolute;inset:34px 0 42px}.fv-image-scrub__frames img{-o-object-fit:contain;object-fit:contain;opacity:0;filter:brightness(.72);will-change:opacity,transform,filter;width:auto;max-width:72%;height:168%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96)}.fv-image-scrub__frames img:first-child{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1)}.fv-image-scrub__counter{z-index:7;text-align:right;gap:3px;display:grid;position:absolute;top:48%;right:12px;transform:translateY(-50%)}.fv-image-scrub__counter span{color:var(--rich-cyan);font:7px monospace}.fv-image-scrub__counter b{color:#a6bbb9;letter-spacing:.13em;writing-mode:vertical-rl;font:8px monospace}.fv-image-scrub__timeline{z-index:7;color:#8aa09e;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font:7px monospace;display:grid;position:absolute;bottom:28px;left:16px;right:16px}.fv-image-scrub__timeline>i{background:#ffffff30;height:2px;position:relative}.fv-image-scrub__timeline>i>b{background:var(--rich-cyan);border:1px solid #dffffa;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 13px #58e6d5aa}.is-active .fv-image-scrub__frames img:first-child{animation:fvScrubFrame1 var(--demo-duration) linear both}.is-active .fv-image-scrub__frames img:nth-child(2){animation:fvScrubFrame2 var(--demo-duration) linear both}.is-active .fv-image-scrub__frames img:nth-child(3){animation:fvScrubFrame3 var(--demo-duration) linear both}.is-active .fv-image-scrub__frames img:nth-child(4){animation:fvScrubFrame4 var(--demo-duration) linear both}.is-active .fv-image-scrub__timeline>i>b{animation:fvScrubPlayhead var(--demo-duration) linear both}@keyframes fvScrubFrame1{0%,22%{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1)}25%,to{opacity:0;filter:brightness(.72);transform:translate(-51%,-50%)scale(.97)}}@keyframes fvScrubFrame2{0%,22%{opacity:0;filter:brightness(.72);transform:translate(-49%,-50%)scale(.97)}25%,47%{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1.02)}50%,to{opacity:0;filter:brightness(.72);transform:translate(-51%,-50%)scale(.98)}}@keyframes fvScrubFrame3{0%,47%{opacity:0;filter:brightness(.72);transform:translate(-49%,-50%)scale(.98)}50%,72%{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1.04)}75%,to{opacity:0;filter:brightness(.72);transform:translate(-51%,-50%)scale(1)}}@keyframes fvScrubFrame4{0%,72%{opacity:0;filter:brightness(.72);transform:translate(-49%,-50%)scale(1)}75%,to{opacity:1;filter:none;transform:translate(-50%,-50%)scale(1.06)}}@keyframes fvScrubPlayhead{to{left:calc(100% - 9px)}}.motion-demo.is-complete [data-motion-id=fv-video-scrub-mouse] .fv-image-scrub__frames img{opacity:0;filter:brightness(.72);transform:translate(-50%,-50%)scale(.97)}.motion-demo.is-complete [data-motion-id=fv-video-scrub-mouse] .fv-image-scrub__frames img:nth-child(4){opacity:1;filter:none;transform:translate(-50%,-50%)scale(1.06)}.motion-demo.is-complete [data-motion-id=fv-video-scrub-mouse] .fv-image-scrub__timeline>i>b{left:calc(100% - 9px)}.rich-fv-fade{text-align:center;gap:9px;display:grid}.rich-fv-fade span{letter-spacing:.25em;font:9px monospace}.rich-fv-fade strong{opacity:0;font-size:clamp(20px,4vw,38px);transform:translateY(45px)}.rich-fv-fade i{background:linear-gradient(var(--rich-cyan),transparent);transform-origin:top;width:1px;height:50px;margin:auto;transform:scaleY(0)}.is-active .rich-fv-fade strong{animation:richFvFade var(--demo-duration) both}.is-active .rich-fv-fade i{animation:richFvLine var(--demo-duration) both}@keyframes richFvFade{25%{opacity:0;transform:translateY(45px)}70%,to{opacity:1;transform:none}}@keyframes richFvLine{45%{transform:scaleY(0)}85%,to{transform:scaleY(1)}}.rich-fv-stagger{gap:8px;display:flex}.rich-fv-stagger i{opacity:0;background:#ffffff0e;border:1px solid #ffffff25;place-items:end start;width:76px;height:108px;padding:8px;font-style:normal;display:grid;transform:translateY(50px)rotate(6deg)}.is-active .rich-fv-stagger i{animation:richFvStagger calc(var(--demo-duration) * .56) cubic-bezier(.2,.9,.25,1) calc(var(--i) * .09 * var(--demo-duration)) both}@keyframes richFvStagger{to{opacity:1;transform:none}}.rich-fv-parallax{width:90%;height:78%;position:relative;overflow:hidden}.rich-fv-parallax>i{border-radius:50%;position:absolute}.rich-fv-parallax .far{background:#4d5a9d55;width:220px;height:220px;top:-70px;left:-40px}.rich-fv-parallax .mid{background:#58e6d544;width:140px;height:140px;top:10px;right:0}.rich-fv-parallax .near{background:#ff8db655;width:80px;height:80px;bottom:-22px;left:42%}.rich-fv-parallax strong{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.is-active .rich-fv-parallax .far{animation:richFvFar var(--demo-duration) ease-in-out both}.is-active .rich-fv-parallax .mid{animation:richFvMid var(--demo-duration) ease-in-out both}.is-active .rich-fv-parallax .near{animation:richFvNear var(--demo-duration) ease-in-out both}@keyframes richFvFar{to{transform:translateY(20px)}}@keyframes richFvMid{to{transform:translateY(48px)translate(-18px)}}@keyframes richFvNear{to{transform:translateY(-75px)translate(28px)}}.rich-fv-magnetic{border:1px dashed #ffffff24;border-radius:50%;place-items:center;width:84%;height:72%;display:grid;position:relative}.rich-fv-magnetic button{border:1px solid var(--rich-cyan);background:#58e6d512;padding:14px 28px}.rich-fv-magnetic__cursor{border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:20%;left:10%}.rich-fv-magnetic span{font:8px monospace;position:absolute;bottom:5px}.is-active .rich-fv-magnetic__cursor{animation:richMagCursor var(--demo-duration) ease-in-out both}.is-active .rich-fv-magnetic button{animation:richMagButton var(--demo-duration) ease-in-out both}@keyframes richMagCursor{0%{transform:none}55%,to{transform:translate(150px,45px)}}@keyframes richMagButton{0%,25%{transform:none}65%{transform:translate(-10px,-5px)}to{transform:translate(6px,3px)}}.rich-fv-counter{text-align:center;position:relative}.rich-fv-counter strong{font:800 70px/1 monospace}.rich-fv-counter i{background:var(--rich-cyan);width:0;height:2px;margin:10px auto;display:block}.rich-fv-counter span{letter-spacing:.2em;font:9px monospace}.is-active .rich-fv-counter strong{animation:richCounter var(--demo-duration) steps(9) both}.is-active .rich-fv-counter i{animation:richCounterBar var(--demo-duration) both}@keyframes richCounter{0%{opacity:.15;transform:translateY(16px)}15%{filter:blur(2px)}85%,to{opacity:1;filter:none;transform:none}}@keyframes richCounterBar{to{width:100%}}.rich-fv-snap{width:90%;height:75%;display:flex;overflow:hidden}.rich-fv-snap i{background:#ffffff0a;border:1px solid #ffffff18;flex:0 0 100%;place-items:center;font-size:40px;font-style:normal;display:grid}.rich-fv-snap i:nth-child(2){background:#58e6d517}.rich-fv-snap i:nth-child(3){background:#ff8db614}.rich-fv-snap span{font:9px monospace;position:absolute;bottom:12px}.is-active .rich-fv-snap i{animation:richSnap var(--demo-duration) steps(2,end) both}@keyframes richSnap{to{transform:translate(-200%)}}.generated-fv-scene--character{background:radial-gradient(circle at 50% 45%,#0d343a,#071016 72%)}.fv-image-character__strip{-o-object-fit:cover;object-fit:cover;-o-object-position:center 52%;object-position:center 52%;opacity:.58;will-change:transform,filter;width:100%;height:100%;position:absolute;inset:0}.fv-image-character__shade{z-index:1;background:linear-gradient(90deg,#02050799 0 2%,#0000 9% 91%,#02050799 98% 100%),linear-gradient(#07101644,#07101600 55%,#07101688);position:absolute;inset:0}.fv-image-character__focus{z-index:4;will-change:transform;background:linear-gradient(#58e6d514,#ffffff08);border:1px solid #58e6d5aa;width:25%;position:absolute;top:6%;bottom:11%;left:0;box-shadow:inset 0 0 28px #58e6d52d,0 0 18px #58e6d51f}.fv-image-character__focus:before,.fv-image-character__focus:after{content:"";border-style:solid;border-color:#dffffa;width:11px;height:11px;position:absolute}.fv-image-character__focus:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.fv-image-character__focus:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.fv-image-character__focus i{border:1px solid #dffffa;border-radius:50%;width:18px;height:18px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.fv-image-character__pointer{z-index:5;border:1px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:34%;left:10%;box-shadow:0 0 14px #58e6d5}.fv-image-character__pointer i{background:var(--rich-cyan);border-radius:50%;position:absolute;inset:4px}.fv-image-character__labels{z-index:7;color:#a9bbb9;justify-content:space-between;font:8px monospace;display:flex;position:absolute;bottom:24px;left:12%;right:12%}.is-active .fv-image-character__focus{animation:fvCharacterFocus var(--demo-duration) steps(3,end) infinite}.is-active .fv-image-character__pointer{animation:fvCharacterPointer var(--demo-duration) cubic-bezier(.25,.7,.2,1) infinite}.is-active .fv-image-character__strip{animation:fvCharacterBreath var(--demo-duration) ease-in-out infinite alternate}@keyframes fvCharacterFocus{to{transform:translate(300%)}}@keyframes fvCharacterPointer{0%,14%{top:34%;left:10%}32%{top:30%;left:35%}58%{top:42%;left:60%}82%,to{top:22%;left:86%}}@keyframes fvCharacterBreath{to{filter:brightness(1.08);transform:scale(1.025)}}.rich-fv-tilt{perspective:700px;width:230px;height:140px;position:relative}.rich-fv-tilt>i{background:radial-gradient(circle,#70a6ff44,#0000 65%);border-radius:50%;position:absolute;inset:-15px}.rich-fv-tilt>div{transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff18,#ffffff05);border:1px solid #ffffff48;padding:18px;position:absolute;inset:0}.rich-fv-tilt span{font:10px monospace}.rich-fv-tilt strong{margin-top:16px;display:block}.rich-fv-tilt b{position:absolute;bottom:12px;right:15px}.is-active .rich-fv-tilt>div{animation:richHeroTilt var(--demo-duration) ease-in-out infinite alternate}.is-active .rich-fv-tilt>i{animation:richHeroLight var(--demo-duration) ease-in-out infinite alternate}@keyframes richHeroTilt{to{transform:rotateX(12deg)rotateY(-17deg)translateZ(12px)}}@keyframes richHeroLight{to{transform:translate(18px,-12px)scale(1.15)}}.generated-fv-scene--blob{background:radial-gradient(circle at 50% 48%,#15343e,#071016 70%)}.fv-image-blob__ghost{z-index:1;aspect-ratio:1;border:1px dashed #9fb5b36b;border-radius:46% 54% 65% 35%/42% 37% 63% 58%;width:min(58%,250px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.fv-image-blob__specimen{z-index:2;aspect-ratio:1;will-change:transform,border-radius;border:1px solid #8ff9eb4d;border-radius:46% 54% 65% 35%/42% 37% 63% 58%;width:min(58%,250px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 35px #41e9d82b}.fv-image-blob__specimen img{-o-object-fit:cover;object-fit:cover;will-change:transform,filter;width:100%;height:100%}.fv-image-blob__axis{z-index:6;color:#94aaa8;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font:7px monospace;display:grid;position:absolute;bottom:25px;left:12%;right:12%}.fv-image-blob__axis i{background:linear-gradient(90deg,#fff2,var(--rich-cyan),#fff2);height:1px}.is-active .fv-image-blob__specimen{animation:fvBlobShape var(--demo-duration) cubic-bezier(.45,.05,.25,1) infinite alternate}.is-active .fv-image-blob__specimen img{animation:fvBlobTexture var(--demo-duration) ease-in-out infinite alternate}@keyframes fvBlobShape{0%{border-radius:46% 54% 65% 35%/42% 37% 63% 58%;transform:translate(-50%,-50%)rotate(-8deg)scale(.88)}50%{border-radius:66% 34% 38% 62%/31% 62% 38% 69%;transform:translate(-46%,-53%)rotate(28deg)scale(1.07,.9)}to{border-radius:31% 69% 58% 42%/67% 36% 64% 33%;transform:translate(-53%,-48%)rotate(-31deg)scale(.94,1.12)}}@keyframes fvBlobTexture{0%{filter:saturate(.88);transform:scale(1.14)rotate(5deg)}50%{filter:saturate(1.2)brightness(1.06);transform:scale(1.33)rotate(-16deg)}to{filter:saturate(1.05);transform:scale(1.22)rotate(24deg)}}.generated-fv-scene--mural{background:#071016}.fv-image-mural__base,.fv-image-mural__reveal{position:absolute;inset:0}.fv-image-mural__base img,.fv-image-mural__reveal img{-o-object-fit:cover;object-fit:cover;-o-object-position:58% 52%;object-position:58% 52%;will-change:transform,filter;width:100%;height:100%}.fv-image-mural__base{opacity:.52;filter:grayscale(.85)brightness(.46);transform:scale(1.08)}.fv-image-mural__reveal{opacity:0;clip-path:inset(100% 0 0)}.fv-image-mural__wash{z-index:2;background:linear-gradient(90deg,#071016e8 0,#071016a8 32%,#07101620 66%,#07101633),linear-gradient(0deg,#071016d9 0,#0000 35%);position:absolute;inset:0}.fv-image-mural__copy{z-index:4;opacity:0;justify-items:start;gap:7px;width:min(46%,310px);display:grid;position:absolute;top:42%;left:7%;transform:translate(-24px)}.fv-image-mural__copy span{color:var(--rich-cyan);letter-spacing:.16em;font:7px monospace}.fv-image-mural__copy strong{overflow-wrap:anywhere;text-shadow:0 2px #071016,0 9px 24px #000;max-width:100%;font-size:clamp(16px,2.3vw,31px);line-height:1.02}.fv-image-mural__copy button{color:#e4f5f1;text-overflow:ellipsis;white-space:nowrap;opacity:0;background:#07101699;border:1px solid #d8f9f3;max-width:100%;min-height:28px;padding:5px 11px;font-size:8px;overflow:hidden;transform:translateY(12px)}.fv-image-mural__depth{z-index:5;color:#a0b2af;align-items:center;gap:6px;font:7px monospace;display:flex;position:absolute;bottom:24px;right:4%}.fv-image-mural__depth i{background:var(--rich-cyan);width:14px;height:1px}.is-active .fv-image-mural__base{animation:fvMuralBase var(--demo-duration) ease-out both}.is-active .fv-image-mural__reveal{animation:fvMuralReveal var(--demo-duration) cubic-bezier(.2,.65,.2,1) both}.is-active .fv-image-mural__reveal img{animation:fvMuralDrift var(--demo-duration) ease-out both}.is-active .fv-image-mural__copy{animation:fvMuralCopy var(--demo-duration) ease-out both}.is-active .fv-image-mural__copy button{animation:fvMuralCta var(--demo-duration) ease-out both}@keyframes fvMuralBase{0%,16%{opacity:.28;filter:grayscale()brightness(.32);transform:scale(1.13)}42%,to{opacity:.52;filter:grayscale(.82)brightness(.5);transform:scale(1.04)}}@keyframes fvMuralReveal{0%,20%{opacity:0;clip-path:inset(100% 0 0)}34%{opacity:1}72%,to{opacity:1;clip-path:inset(0)}}@keyframes fvMuralDrift{0%{transform:scale(1.12)translateY(2%)}to{transform:scale(1.025)translateY(-1.5%)}}@keyframes fvMuralCopy{0%,52%{opacity:0;transform:translate(-24px)}80%,to{opacity:1;transform:none}}@keyframes fvMuralCta{0%,72%{opacity:0;transform:translateY(12px)}94%,to{opacity:1;transform:none}}.motion-demo.is-complete [data-motion-id=fv-mural-hero] .fv-image-mural__reveal{opacity:1;clip-path:inset(0)}.motion-demo.is-complete [data-motion-id=fv-mural-hero] .fv-image-mural__reveal img{transform:scale(1.025)translateY(-1.5%)}.motion-demo.is-complete [data-motion-id=fv-mural-hero] .fv-image-mural__copy,.motion-demo.is-complete [data-motion-id=fv-mural-hero] .fv-image-mural__copy button{opacity:1;transform:none}@media (width<=520px){.rich-motion-scene{inset:14px}.rich-fv-stagger i{width:62px}.rich-fv-tilt{width:205px;height:126px}.rich-split{font-size:31px}.generated-fv-scene__mode{font-size:6px;top:8px}.fv-image-character__strip{-o-object-fit:contain;object-fit:contain;background:#071016}.fv-image-character__focus{top:11%;bottom:17%}.fv-image-character__labels,.fv-image-blob__axis{bottom:31px}.fv-image-mural__copy{width:58%;top:44%}.fv-image-mural__depth{display:none}}@media (prefers-reduced-motion:reduce){.rich-motion-scene.is-active *{animation-duration:calc(var(--demo-duration) * 1.1)!important;animation-iteration-count:1!important}}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:JetBrains Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.sticky{position:sticky}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#080b10;--void-2:#0b1017;--panel:#101722;--raised:#172231;--ink:#e8f0f5;--muted:#9aadb9;--signal:#49e5d2;--signal-rgb:73, 229, 210;--amber:#f1b968;--danger:#ff7a84;--line:#263645;--line-bright:#3b5364;--font-body:"Inter Tight", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", monospace;--section-width:1240px}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--void)}body{background:var(--void);min-width:320px;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-break:strict;word-break:normal;margin:0;font-size:16px;overflow-x:hidden}#root{overflow-x:clip}body.drawer-open{overflow:hidden}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;line-height:1.16}:where(p,li,dd,dt,blockquote,figcaption){text-wrap:pretty;line-height:1.75}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}::selection{background:rgba(var(--signal-rgb), .35);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#070a0e}::-webkit-scrollbar-thumb{background:#2e4553;border:2px solid #070a0e}:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:9999;background:var(--signal);color:#06100f;padding:11px 16px;font-weight:800;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.digit,.mono,.eyebrow{font-family:var(--font-mono)}.eyebrow{color:var(--signal);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 20px;font-size:11px;font-weight:600;display:flex}.rec-dot{background:var(--signal);width:7px;height:7px;box-shadow:0 0 16px rgba(var(--signal-rgb), .68);border-radius:50%;animation:1.8s ease-in-out infinite recPulse}.frame-corners{position:relative}.frame-corners:before,.frame-corners:after{content:"";z-index:5;pointer-events:none;border-color:var(--signal);opacity:.76;width:18px;height:18px;position:absolute}.frame-corners:before{border-top:1px solid;border-left:1px solid;top:-1px;left:-1px}.frame-corners:after{border-bottom:1px solid;border-right:1px solid;bottom:-1px;right:-1px}.app-shell{isolation:isolate;min-height:100svh;position:relative}.atmosphere{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atmosphere__grid{background-image:linear-gradient(#93b3c40b 1px,#0000 1px),linear-gradient(90deg,#93b3c40b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#00000073 65%,#0000 96%);mask-image:linear-gradient(#000,#00000073 65%,#0000 96%)}.atmosphere__signal{opacity:.13;width:min(58vw,900px);position:absolute}.atmosphere__signal path{stroke:var(--signal);stroke-width:1px;stroke-dasharray:7 10;animation:14s linear infinite signalDash}.atmosphere__signal circle{fill:var(--signal)}.atmosphere__signal--one{top:10vh;right:-10vw}.atmosphere__signal--two{top:58vh;left:-16vw;transform:rotate(8deg)}.atmosphere__glow{filter:blur(100px);opacity:.1;border-radius:50%;position:absolute}.atmosphere__glow--one{background:var(--signal);width:540px;height:540px;animation:18s ease-in-out infinite ambientDrift;top:6%;right:-180px}.atmosphere__glow--two{background:#48779b;width:380px;height:380px;animation:24s ease-in-out -8s infinite reverse ambientDrift;bottom:12%;left:-180px}.noise{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");animation:1s steps(2,end) infinite grain;position:absolute;inset:-40%}.site-nav{z-index:80;border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 clamp(20px,4vw,68px);transition:height .35s,background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:grid;position:fixed;top:0;left:0;right:0}.site-nav.is-scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b10d1;border-color:#57788a47;height:66px}.site-nav__brand{align-items:center;gap:12px;width:max-content;text-decoration:none;display:inline-flex}.site-nav__brand>span:last-child{gap:2px;display:grid}.site-nav__brand strong{letter-spacing:.03em;font-size:14px}.site-nav__brand small{color:var(--muted);font:8px/1.2 var(--font-mono);letter-spacing:.16em}.site-nav__links{background:#101722b8;border:1px solid #4c697a59;justify-self:center;align-items:center;gap:2px;padding:4px;display:flex}.site-nav__links a{color:#b8c6ce;padding:9px 16px;font-size:12px;text-decoration:none;transition:color .2s,background .2s}.site-nav__links a:hover{color:var(--ink);background:var(--raised)}.site-nav__saved{border:1px solid rgba(var(--signal-rgb), .35);min-height:44px;color:var(--signal);justify-self:end;align-items:center;gap:9px;padding:0 5px 0 14px;font-size:12px;text-decoration:none;display:inline-flex}.site-nav__saved svg{width:15px}.site-nav__saved strong{background:var(--signal);color:#07110f;place-items:center;min-width:34px;height:34px;font-size:11px;display:grid}.site-nav__menu{border:1px solid var(--line);background:var(--panel);justify-self:end;place-items:center;width:44px;height:44px;display:none}.site-nav__menu svg{width:20px}.mobile-menu{display:none}.section{width:min(var(--section-width), calc(100% - 48px));margin:0 auto;padding:120px 0;scroll-margin-top:70px}.section__head{margin-bottom:54px}.section__head--split{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:50px;display:grid}.section__head h2{letter-spacing:-.052em;max-width:820px;margin:0;font-size:clamp(38px,5vw,72px)}.section__head>p,.section__head>div+p{max-width:540px;color:var(--muted);margin:0;font-size:16px}.button{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg{width:17px}.button--signal{background:var(--signal);color:#06110f}.button--ghost{border-color:var(--line);color:var(--ink);background:#101722b8}.button--ghost:hover{border-color:var(--signal);color:var(--signal)}.hero{border-bottom:1px solid #4a687947;align-items:center;min-height:100svh;padding:130px clamp(24px,6vw,100px) 76px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 72% 34%, rgba(var(--signal-rgb), .09), transparent 34%), linear-gradient(180deg, #080b1024, var(--void));z-index:-1;position:absolute;inset:0}.hero__content{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(54px,7vw,112px);width:min(1440px,100%);margin:0 auto;display:grid}.hero__copy{min-width:0}.hero h1.sr-only{font-size:1px;line-height:1}.hero-title{letter-spacing:-.07em;margin:0;font-size:clamp(58px,7.2vw,118px);font-weight:700;line-height:1.16;display:grid}.hero-title>span{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards heroLine;display:block;transform:translateY(22px)}.hero-title>span:nth-child(2){color:var(--signal);animation-delay:.24s}.hero__lead{color:#aabac4;max-width:630px;margin:34px 0 0;font-size:clamp(16px,1.4vw,20px)}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.hero__stats{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:52px;display:grid}.hero__stats>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:17px 14px}.hero__stats strong{color:var(--ink);font-size:22px;display:block}.hero__stats span{color:#7f929e;font:8px/1.3 var(--font-mono);letter-spacing:.1em;margin-top:5px;display:block}.hero__rail{color:#526571;font:9px var(--font-mono);writing-mode:vertical-rl;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:100px;bottom:70px}.hero__rail--left{border-right:1px solid #4c697a47;padding-right:9px;left:22px}.hero__ticker{border-top:1px solid var(--line);color:#687d89;height:34px;font:9px/34px var(--font-mono);letter-spacing:.18em;white-space:nowrap;gap:50px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero__ticker span{min-width:max-content;animation:20s linear infinite ticker}.signal-console{border:1px solid var(--line);background:#0c121ae0;box-shadow:0 34px 100px #00000047}.signal-console__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.signal-console__head p{color:#b9c8d0;font:10px var(--font-mono);letter-spacing:.1em;align-items:center;gap:9px;margin:0;display:flex}.signal-console__head>span{color:var(--signal);font-size:9px}.signal-console__stage{background:radial-gradient(circle at 50% 46%, rgba(var(--signal-rgb), .06), transparent 40%), #0b1118;height:clamp(280px,34vw,450px);position:relative;overflow:hidden}.signal-console__stage svg{width:90%;height:83%;position:absolute;inset:9% 5% 8%;overflow:visible}.signal-console__path{fill:none;stroke-linecap:round}.signal-console__path--ghost{stroke:#293c49;stroke-width:1.3px}.signal-console__path--live{stroke:var(--signal);stroke-width:calc(2px * var(--console-intensity));stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 9px rgba(var(--signal-rgb), .5))}.signal-console__stage.phase-1 .signal-console__path--live,.signal-console__stage.phase-2 .signal-console__path--live,.signal-console__stage.phase-3 .signal-console__path--live,.signal-console__stage.phase-4 .signal-console__path--live{animation:signalDraw var(--console-speed) cubic-bezier(.16,1,.3,1) forwards}.signal-console__nodes circle{fill:#0b1118;stroke:var(--signal);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.signal-console__stage.phase-2 .signal-console__nodes circle,.signal-console__stage.phase-3 .signal-console__nodes circle,.signal-console__stage.phase-4 .signal-console__nodes circle{animation:.82s cubic-bezier(.2,1.35,.4,1) forwards nodePop}.signal-console__nodes circle:nth-child(2){animation-delay:.28s!important}.signal-console__nodes circle:nth-child(3){animation-delay:.56s!important}.signal-console__ruler{justify-content:space-between;display:flex;position:absolute;inset:10px 12px auto}.signal-console__ruler i{background:#314651;width:1px;height:6px}.signal-console__ruler i:nth-child(5n+1){background:#53707d;height:12px}.signal-console__specimen{opacity:0;background:#101722eb;border:1px solid #344955;width:170px;padding:13px;position:absolute;bottom:11%;right:8%;transform:translateY(22px)}.signal-console__stage.phase-3 .signal-console__specimen,.signal-console__stage.phase-4 .signal-console__specimen{animation:1.05s cubic-bezier(.16,1,.3,1) forwards specimenIn}.signal-console__specimen span{color:var(--signal);font:8px var(--font-mono)}.signal-console__specimen strong{letter-spacing:.08em;margin-top:7px;font-size:12px;display:block}.signal-console__specimen i{background:var(--signal);width:0;height:1px;margin-top:10px;animation:1s .4s forwards underline;display:block}.signal-console__playhead{background:linear-gradient(transparent, var(--signal), transparent);opacity:0;width:1px;position:absolute;top:0;bottom:0;left:7%}.signal-console__stage.phase-1 .signal-console__playhead,.signal-console__stage.phase-2 .signal-console__playhead,.signal-console__stage.phase-3 .signal-console__playhead,.signal-console__stage.phase-4 .signal-console__playhead{animation:playhead var(--console-speed) linear forwards}.signal-console__stage.preset-magnetic .signal-console__specimen{transform:scale(.85)}.signal-console__stage.preset-magnetic.phase-3 .signal-console__specimen,.signal-console__stage.preset-magnetic.phase-4 .signal-console__specimen{animation-name:magneticIn}.signal-console__stage.preset-signal .signal-console__path--live{stroke-dasharray:18 10}.signal-console__stage.is-paused *{animation-play-state:paused!important}.signal-console__phase{z-index:4;border-left:2px solid var(--signal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070c11c2;max-width:250px;padding:9px 11px;position:absolute;bottom:14px;left:16px}.signal-console__phase span{color:var(--signal);font:8px var(--font-mono);display:block}.signal-console__phase strong{color:#b6c8d0;margin-top:4px;font-size:10px;font-weight:600;display:block}.signal-console__steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.signal-console__steps span{border-right:1px solid var(--line);color:#607681;align-items:center;gap:9px;min-height:50px;padding:0 14px;display:flex}.signal-console__steps span:last-child{border-right:0}.signal-console__steps b{width:21px;height:21px;font:8px var(--font-mono);border:1px solid #334b58;border-radius:50%;flex:0 0 21px;place-items:center;display:grid}.signal-console__steps em{font-size:10px;font-style:normal}.signal-console__steps .is-current{background:rgba(var(--signal-rgb), .07);color:#d2e2e8}.signal-console__steps .is-current b,.signal-console__steps .is-done b{border-color:var(--signal);color:var(--signal)}.signal-console__steps .is-done{color:#8aa0ab}.signal-console__presets{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.signal-console__presets button{border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-content:center;gap:4px;min-height:64px;padding:10px 14px;display:grid}.signal-console__presets button:last-child{border-right:0}.signal-console__presets button[aria-pressed=true]{background:rgba(var(--signal-rgb), .1);box-shadow:inset 0 -2px var(--signal)}.signal-console__presets strong{font:10px var(--font-mono);color:#ccdae1}.signal-console__presets span{color:#728692;font-size:10px}.signal-console__controls{grid-template-columns:repeat(2,1fr);gap:20px;padding:16px;display:grid}.range-control{gap:8px;display:grid}.range-control>span{color:#8498a4;font:9px var(--font-mono);justify-content:space-between;display:flex}.range-control__track{cursor:pointer;touch-action:none;height:16px;position:relative}.range-control__track:before{content:"";background:#44545d;height:2px;position:absolute;top:7px;left:0;right:0}.range-control__track i{background:var(--signal);height:2px;position:absolute;top:7px;left:0}.range-control__track b{background:var(--signal);width:12px;height:12px;box-shadow:0 0 10px rgba(var(--signal-rgb), .35);border-radius:50%;position:absolute;top:2px;transform:translate(-50%)}.signal-console__footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:14px 16px;display:grid}.console-play{border:1px solid var(--signal);background:var(--signal);color:#07110f;cursor:pointer;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.console-play svg{width:15px}.signal-console__footer p{border-left:1px solid var(--line);margin:0;padding-left:18px}.signal-console__footer p span{color:#68808c;font:8px var(--font-mono);display:block}.signal-console__footer p strong{margin-top:4px;font-size:11px;display:block}.quick-route{padding-top:100px}.quick-route__line{border-top:1px solid var(--line);justify-content:space-between;width:66.66%;height:36px;margin:0 auto -1px;display:flex;position:relative}.quick-route__line:before,.quick-route__line:after{content:"";background:var(--line);width:1px;height:36px}.quick-route__line i{background:var(--signal);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.quick-route__line i:first-child{left:0}.quick-route__line i:nth-child(2){left:50%}.quick-route__line i:nth-child(3){right:0}.quick-route__grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.route-card{border:1px solid var(--line);background:#101722ad;min-height:250px;padding:28px;text-decoration:none;transition:transform .3s,border-color .3s,background .3s;display:block}.route-card:hover{border-color:rgba(var(--signal-rgb), .65);background:var(--panel);transform:translateY(-6px)}.route-card>span{color:var(--signal);font-size:12px}.route-card svg{color:#607480;width:20px;transition:transform .3s,color .3s;position:absolute;top:24px;right:24px}.route-card:hover svg{color:var(--signal);transform:translate(3px,3px)}.route-card h3{margin:70px 0 12px;font-size:24px}.route-card p{color:var(--muted);margin:0;font-size:14px}.catalog{width:min(1360px,100% - 48px)}.catalog__console{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1017eb;padding:16px;position:sticky;top:76px;box-shadow:0 22px 54px #00000038}.catalog-search{border-bottom:1px solid var(--line);align-items:center;min-height:58px;display:flex}.catalog-search>svg{width:20px;color:var(--signal);margin:0 16px 0 6px}.catalog-search__editable{min-width:0;min-height:56px;color:var(--ink);white-space:nowrap;outline:none;flex:1;align-items:center;font-size:clamp(16px,2vw,23px);display:flex;overflow:hidden}.editable-text:empty:before{content:attr(data-placeholder);color:#617681;pointer-events:none}.catalog-search button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.catalog-search button svg{width:18px}.catalog__quick{scrollbar-width:none;gap:7px;padding:12px 0 2px;display:flex;overflow-x:auto}.catalog__quick::-webkit-scrollbar{display:none}.catalog__quick button{color:#afc0c9;cursor:pointer;background:#0d151d;border:1px solid #2c414d;flex:none;min-height:36px;padding:0 12px;font-size:11px}.catalog__quick button:hover{border-color:var(--signal);color:var(--signal)}.filter-toggle{display:none}.catalog__filters{grid-template-columns:repeat(7,minmax(110px,1fr)) 150px;gap:8px;margin-top:14px;display:grid}.filter-menu{min-width:0;position:relative}.filter-menu summary{border:1px solid var(--line);background:var(--panel);cursor:pointer;align-content:center;gap:4px;min-height:42px;padding:5px 24px 5px 10px;list-style:none;display:grid}.filter-menu summary::-webkit-details-marker{display:none}.filter-menu summary:after{content:"+";color:#718792;font:10px var(--font-mono);position:absolute;bottom:12px;right:9px}.filter-menu[open] summary{border-color:var(--signal)}.filter-menu[open] summary:after{content:"−";color:var(--signal)}.filter-menu summary span{color:#718793;font:7px var(--font-mono);letter-spacing:.08em}.filter-menu summary strong{color:#c8d5dc;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.filter-menu>div{z-index:40;background:#0b1219;border:1px solid #3a5360;min-width:max(100%,190px);max-height:280px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 20px 46px #00000073}.filter-menu>div button{color:#9db0ba;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 9px;font-size:10px;display:flex}.filter-menu>div button:hover,.filter-menu>div button[aria-selected=true]{background:rgba(var(--signal-rgb), .09);color:var(--signal)}.filter-menu>div button span{color:#697e89;font-size:8px}.saved-only{border:1px solid var(--line);background:var(--panel);cursor:pointer;align-self:end;align-items:center;gap:8px;min-height:42px;padding:0 5px 0 10px;display:flex}.saved-only svg{width:15px}.saved-only span{font-size:11px}.saved-only strong{background:#22323d;place-items:center;width:31px;height:31px;margin-left:auto;font-size:9px;display:grid}.saved-only.is-active{border-color:var(--signal);color:var(--signal)}.catalog__resultbar{justify-content:space-between;align-items:center;padding:24px 2px 18px;display:flex}.catalog__resultbar p{color:var(--muted);margin:0;font-size:13px}.catalog__resultbar p strong{color:var(--ink);margin-right:5px;font-size:22px}.catalog__resultbar button{color:var(--signal);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:11px;text-decoration:underline}.motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.motion-card{--tilt-x:0deg;--tilt-y:0deg;border:1px solid var(--line);min-width:0;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));background:#101722c2;transition:transform .18s,border-color .25s,box-shadow .25s;overflow:hidden}.motion-card::marker{display:none}.motion-card:hover{border-color:#46616f;box-shadow:0 24px 50px #00000042}.motion-card:after{background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), rgba(var(--signal-rgb), .13), transparent 36%);opacity:0;border:0;width:auto;height:auto;transition:opacity .25s;inset:0}.motion-card:hover:after{opacity:1}.motion-card__topline{z-index:6;border-bottom:1px solid var(--line);color:#748894;min-height:38px;font:8px var(--font-mono);letter-spacing:.05em;align-items:center;gap:10px;padding:0 12px;display:flex;position:relative}.motion-card__topline .digit{color:var(--signal)}.motion-card__variant{color:var(--amber);margin-left:auto}.motion-card__source{border:1px solid rgba(var(--signal-rgb), .42);background:rgba(var(--signal-rgb), .08);color:var(--signal);padding:3px 5px}.motion-card__preview{z-index:6;margin:9px;position:relative}.replay-button,.save-button{z-index:10;cursor:pointer;background:#080c11d1;border:1px solid #334a57;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:9px}.replay-button{left:9px}.save-button{right:9px}.replay-button svg,.save-button svg{width:15px}.save-button.is-saved{border-color:var(--signal);background:var(--signal);color:#07110f}.save-button.is-saved svg{fill:currentColor}.motion-card__body{z-index:6;padding:15px 18px 17px;position:relative}.motion-card__en{color:var(--signal);font:8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px}.motion-card h3{word-break:normal;overflow-wrap:anywhere;margin:0;font-size:21px}.motion-card__summary{color:#9cadb7;min-height:72px;margin:10px 0 14px;font-size:13px}.motion-card__chips{flex-wrap:wrap;gap:5px;min-height:26px;display:flex}.motion-card__chips span{color:#8fa2ad;font:8px var(--font-mono);border:1px solid #2d414d;padding:5px 7px}.motion-card__meta{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin:16px 0 0;display:grid}.motion-card__meta div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:9px;display:flex}.motion-card__meta dt{color:#647986;font:8px var(--font-mono)}.motion-card__meta dd{color:#c1d0d7;margin:0;font-size:10px}.motion-card__meta dd[data-load=heavy]{color:var(--amber)}.motion-card__detail{z-index:8;border:0;border-top:1px solid var(--line);color:#b7c7cf;cursor:pointer;background:#080d1399;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 18px;font-size:11px;display:flex;position:relative}.motion-card__detail:hover{color:var(--signal);background:rgba(var(--signal-rgb), .06)}.motion-card__detail svg{width:15px}.catalog__more{place-items:center;min-height:92px;margin-top:26px;display:grid}.catalog__more .button{min-width:240px}.catalog__more .button span{color:var(--signal);margin-left:12px}.catalog__more p{color:#78909c;font:10px var(--font-mono);align-items:center;gap:10px;display:flex}.catalog-empty{text-align:center;border:1px solid var(--line);align-content:center;place-items:center;min-height:330px;display:grid}.catalog-empty>svg{width:30px;color:var(--signal)}.catalog-empty h3{margin:18px 0 5px}.catalog-empty p{color:var(--muted);margin:0}.catalog-empty button{color:var(--signal);cursor:pointer;background:0 0;border:0;margin-top:20px;text-decoration:underline}.reveal{opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1) var(--reveal-delay), transform 1.1s cubic-bezier(.16,1,.3,1) var(--reveal-delay);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.fv-atlas{width:min(1360px,100% - 48px);padding-top:112px}.fv-atlas__summary{border:1px solid var(--line);background:#0d131bc7;grid-template-columns:repeat(3,minmax(115px,.55fr)) minmax(280px,1.4fr) minmax(180px,.7fr);display:grid}.fv-atlas__summary>div{border-right:1px solid var(--line);align-content:center;min-height:112px;padding:18px;display:grid}.fv-atlas__summary>div strong{color:var(--signal);font-size:28px}.fv-atlas__summary>div span{color:#718692;font:8px var(--font-mono);margin-top:4px}.fv-atlas__summary>p{border-right:1px solid var(--line);align-content:center;gap:7px;margin:0;padding:18px;display:grid}.fv-atlas__summary>p span{color:var(--signal);font:8px var(--font-mono)}.fv-atlas__summary>p strong{color:#b4c5cd;font-size:11px;line-height:1.55}.fv-atlas__summary>a{color:#c4d3da;justify-content:space-between;align-items:center;gap:10px;min-height:112px;padding:18px;font-size:11px;text-decoration:none;display:flex}.fv-atlas__summary>a:hover{color:var(--signal);background:rgba(var(--signal-rgb), .05)}.fv-atlas__summary>a svg{width:16px}.fv-atlas__legend{color:#718691;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px 16px;font-size:10px;display:flex}.fv-atlas__legend p{margin:0}.fv-atlas__legend p:first-child{align-items:center;gap:9px;display:flex}.fv-atlas__legend b{color:var(--signal)}.fv-atlas__legend i{color:var(--amber);font-style:normal}.fv-atlas__grid{counter-reset:fv-card;grid-template-columns:repeat(2,minmax(0,1fr))}.fv-atlas__grid .motion-demo.is-compact .motion-demo__scene{min-height:300px}.fv-atlas__related{border:1px solid var(--line);background:#0d131bc2;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);margin-top:18px;display:grid}.fv-atlas__related-head{border-right:1px solid var(--line);padding:26px}.fv-atlas__related-head h3{margin:10px 0 8px;font-size:23px}.fv-atlas__related-head>p:last-child{color:#879aa5;margin:0;font-size:12px}.fv-atlas__related-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fv-atlas__related-list button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#91a4ae;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:5px 8px;min-width:0;min-height:92px;padding:14px;display:grid}.fv-atlas__related-list button:nth-child(3n){border-right:0}.fv-atlas__related-list button:nth-last-child(-n+3){border-bottom:0}.fv-atlas__related-list button:hover{background:rgba(var(--signal-rgb), .055)}.fv-atlas__related-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.fv-atlas__related-list i{color:var(--signal);grid-area:1/2/3;align-self:center;font-style:normal}.fv-atlas__related-list strong{color:#d1dde2;grid-column:1;font-size:11px}@keyframes recPulse{50%{opacity:.35;box-shadow:0 0 5px rgba(var(--signal-rgb), .25)}}@keyframes signalDash{to{stroke-dashoffset:-240px}}@keyframes ambientDrift{50%{transform:translate(90px,60px)scale(1.2)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}@keyframes heroLine{to{opacity:1;transform:translateY(0)}}@keyframes ticker{to{transform:translate(calc(-100% - 50px))}}@keyframes signalDraw{to{stroke-dashoffset:0}}@keyframes nodePop{to{opacity:1;transform:scale(1)}0%{opacity:0;transform:scale(.2)}}@keyframes specimenIn{to{opacity:1;transform:translateY(0)}}@keyframes magneticIn{0%{opacity:0;transform:scale(.8)translate(35px)}65%{opacity:1;transform:scale(1.08)translate(-5px)}to{opacity:1;transform:scale(1)}}@keyframes underline{to{width:100%}}@keyframes playhead{0%{opacity:0;left:4%}10%{opacity:.8}90%{opacity:.8}to{opacity:0;left:96%}}.motion-demo{background:#090f15;border:1px solid #263a46;min-width:0;position:relative;overflow:hidden}.motion-demo__scene{isolation:isolate;background:radial-gradient(circle at 50% 45%, rgba(var(--signal-rgb), .055), transparent 48%), linear-gradient(145deg, #0d151d, #080c11);min-height:330px;position:relative;overflow:hidden}.motion-demo.is-compact .motion-demo__scene{min-height:218px}.motion-demo__grid{z-index:-2;background-image:linear-gradient(#63859514 1px,#0000 1px),linear-gradient(90deg,#63859514 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.motion-demo__ruler{z-index:5;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:7px;left:9px;right:9px}.motion-demo__ruler i{background:#354b57;width:1px;height:5px}.motion-demo__ruler i:nth-child(4n+1){background:#607984;height:10px}.motion-demo__cue{z-index:9;border-left:2px solid var(--signal);color:#9bb0bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#070c11d1;gap:3px;max-width:calc(100% - 24px);padding:7px 9px;font-size:8px;line-height:1.45;display:grid;position:absolute;top:23px;left:12px}.motion-demo__cue b{color:var(--signal);font:7px var(--font-mono);letter-spacing:.08em}.motion-demo__cue span{display:block}.motion-demo.is-compact .motion-demo__cue{color:#8499a4;max-width:none;font-size:7px;top:57px;right:12px}.motion-demo.is-compact .motion-demo__cue span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.motion-demo__steps{z-index:9;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;position:absolute;bottom:10px;left:10px;right:104px}.motion-demo__steps span{color:#586d78;min-width:0;font:7px var(--font-mono);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;transition:color .35s;display:flex;overflow:hidden}.motion-demo__steps b{color:#607681;border:1px solid #304651;border-radius:50%;flex:0 0 15px;place-items:center;width:15px;height:15px;font-size:7px;transition:background .35s,border-color .35s,color .35s;display:grid}.motion-demo__steps span.is-current{color:#d2e1e7}.motion-demo__steps span.is-current b{border-color:var(--signal);background:rgba(var(--signal-rgb), .13);color:var(--signal)}.motion-demo__steps span.is-done{color:#8499a4}.motion-demo__steps span.is-done b{border-color:rgba(var(--signal-rgb), .45);color:var(--signal)}.motion-demo__progress{z-index:10;background:#182832;height:2px;position:absolute;bottom:0;left:0;right:0}.motion-demo__progress i{background:var(--signal);width:0;height:100%;box-shadow:0 0 10px rgba(var(--signal-rgb), .55);display:block}.motion-demo.is-playing .motion-demo__progress i{animation:demoProgress var(--demo-duration) linear forwards}.motion-demo.is-complete .motion-demo__progress i,.motion-demo.is-looping .motion-demo__progress i{width:100%}.motion-demo__status{z-index:11;color:#8196a1;font:7px var(--font-mono);align-items:center;gap:6px;display:flex;position:absolute;bottom:9px;right:10px}.motion-demo__status i{background:var(--signal);width:5px;height:5px;box-shadow:0 0 8px var(--signal);border-radius:50%}.motion-demo.is-waiting .motion-demo__status i{background:#d5a85b;box-shadow:0 0 8px #d5a85b}.motion-demo.is-complete .motion-demo__status i{box-shadow:none;background:#7e9099}.demo-copy,.demo-panel,.demo-stack,.demo-button,.demo-input,.demo-cursor,.demo-ripple,.demo-check,.demo-line,.demo-particles,.demo-wave,.demo-orb,.demo-video,.demo-character,.demo-blob,.demo-mural{display:none}.demo-copy{z-index:2;width:76%;position:absolute;top:25%;left:9%}.demo-copy span{color:var(--signal);font:7px var(--font-mono);letter-spacing:.14em}.demo-copy strong{letter-spacing:-.045em;margin-top:8px;font-size:clamp(16px,2.2vw,30px);display:block}.demo-copy p{color:#7e939e;margin:6px 0 0;font-size:9px}.demo-panel{z-index:2;aspect-ratio:1.55;background:linear-gradient(145deg,#172631,#101820);border:1px solid #3a505d;width:44%;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 45px #00000047}.demo-panel i{background:var(--signal);width:12px;height:12px;box-shadow:0 0 18px rgba(var(--signal-rgb),.45);border-radius:50%;display:block}.demo-panel strong{font:30px var(--font-mono);margin-top:18px;display:block}.demo-panel span{color:#748993;font:8px var(--font-mono)}.demo-stack{position:absolute;inset:22% 17%}.demo-stack i{background:#14202a;border:1px solid #38505d;width:52%;height:42%;position:absolute}.demo-stack i:first-child{top:0;left:0}.demo-stack i:nth-child(2){background:#192a34;top:27%;right:0}.demo-stack i:nth-child(3){background:rgba(var(--signal-rgb),.11);border-color:rgba(var(--signal-rgb),.42);width:67%;height:28%;bottom:-3%;left:14%}.demo-button{z-index:3;border:1px solid var(--signal);background:rgba(var(--signal-rgb), .08);min-width:120px;height:48px;color:var(--signal);font:9px var(--font-mono);justify-content:space-between;align-items:center;gap:16px;padding:0 14px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.demo-button i{background:currentColor;border-radius:50%;width:7px;height:7px}.demo-input{background:#0e171f;border:1px solid #364c58;height:62px;padding:14px;position:absolute;top:43%;left:13%;right:13%}.demo-input span{color:#8ca1ac;font:8px var(--font-mono);display:block}.demo-input i{background:var(--signal);width:0;height:2px;margin-top:14px;display:block}.demo-cursor{z-index:6;border:1px solid var(--signal);width:16px;height:16px;box-shadow:0 0 22px rgba(var(--signal-rgb),.5);border-radius:50%;position:absolute}.demo-cursor:after{content:"";background:var(--signal);border-radius:50%;position:absolute;inset:5px}.demo-ripple{z-index:5;border:1px solid var(--signal);border-radius:50%;width:16px;height:16px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.demo-check{border:1px solid var(--signal);border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-check i{border-left:2px solid var(--signal);border-bottom:2px solid var(--signal);width:23px;height:11px;position:absolute;top:25px;left:18px;transform:rotate(-45deg)}.demo-line{width:92%;height:84%;position:absolute;inset:8% 4%}.demo-line path{stroke:var(--signal);stroke-width:2px;stroke-linecap:round}.demo-line circle{fill:#0a1016;stroke:var(--signal);stroke-width:2px}.demo-particles{position:absolute;inset:0}.demo-particles i{--a:calc(var(--particle-index) * 30deg);left:calc(50% + (var(--particle-index) - 6) * 6%);top:calc(24% + (var(--particle-index) % 5) * 12%);width:calc(3px + (var(--particle-index) % 3) * 2px);height:calc(3px + (var(--particle-index) % 3) * 2px);background:var(--signal);box-shadow:0 0 14px rgba(var(--signal-rgb),.66);border-radius:50%;position:absolute}.demo-wave{justify-content:space-between;align-items:end;height:62px;position:absolute;bottom:26%;left:13%;right:13%}.demo-wave i{width:3px;height:calc(10px + (var(--bar-index) % 6) * 8px);background:linear-gradient(var(--signal), rgba(var(--signal-rgb),.15));transform-origin:bottom}.demo-orb{filter:blur(2px);border-radius:50%;position:absolute}.demo-orb--one{background:radial-gradient(circle at 40% 35%, #74ffeed9, rgba(var(--signal-rgb),.1) 52%, transparent 72%);width:150px;height:150px;top:15%;left:16%}.demo-orb--two{background:radial-gradient(circle at 45% 38%,#4578a7a6,#29445e0d 65%,#0000 72%);width:190px;height:190px;bottom:-20%;right:8%}.demo-video{background:#0d1821;border:1px solid #3b5260;align-items:end;gap:10px;padding:14px;position:absolute;inset:24% 10% 25%;overflow:hidden}.demo-video>span,.demo-video>b{z-index:2;color:var(--signal);font:8px var(--font-mono);position:relative}.demo-video>b{margin-left:auto}.demo-video>div{grid-template-columns:repeat(4,1fr);width:240%;display:grid;position:absolute;inset:0;transform:translate(-4%)}.demo-video>div i{background:linear-gradient(145deg, rgba(var(--signal-rgb), .06), transparent 55%), radial-gradient(circle at 62% 38%, rgba(var(--signal-rgb), .34), transparent 16%), linear-gradient(160deg, #1b3140, #0b1118 72%);border-right:1px solid #304651}.demo-video>div i:nth-child(2){filter:hue-rotate(25deg)}.demo-video>div i:nth-child(3){filter:hue-rotate(55deg)}.demo-video>div i:nth-child(4){filter:hue-rotate(90deg)}.demo-character{width:min(58%,230px);position:absolute;top:47%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.demo-character__body>ellipse,.demo-character__body>circle{fill:#172a35;stroke:var(--signal);stroke-width:2px}.demo-character__eyes circle{fill:var(--signal)}.demo-character__smile,.demo-character__arm{fill:none;stroke:#a8c0ca;stroke-width:4px;stroke-linecap:round}.demo-character__arm{transform-box:fill-box;transform-origin:50%}.demo-blob{position:absolute;inset:15% 19% 22%}.demo-blob i,.demo-blob b{background:linear-gradient(145deg, rgba(var(--signal-rgb), .52), #32527e2e);filter:blur(1px);border-radius:43% 57% 61% 39%/44% 38% 62% 56%;position:absolute;inset:0}.demo-blob b{filter:none;background:#0b1118;inset:19%}.demo-mural{background:linear-gradient(#315d72 0%,#7599a3 43%,#d2ad77 44%,#5f774e 72%,#16252d 100%);position:absolute;inset:0;overflow:hidden}.demo-mural:after{content:"";background:linear-gradient(#0000,#090f15 92%);position:absolute;inset:42% 0 0}.demo-mural__sun{background:#f1cf86;border-radius:50%;width:46px;height:46px;position:absolute;top:18%;left:14%;box-shadow:0 0 42px #f1cf8677}.demo-mural__hill{background:linear-gradient(145deg,#42664d,#183b38);border-radius:50% 50% 0 0/70% 70% 0 0;height:54%;position:absolute;bottom:21%;left:-8%;right:-8%;transform:translateY(28%)}.demo-mural__prop{z-index:2;border:2px solid #f2d69a;border-radius:7px 7px 16px 16px;width:40px;height:52px;position:absolute;bottom:27%;right:16%;transform:rotate(8deg)}.demo-mural strong,.demo-mural span{z-index:3;position:absolute;left:9%}.demo-mural strong{color:#fbf2d5;text-shadow:0 3px #17364a,0 9px 26px #07111a99;font-size:clamp(17px,2.4vw,31px);bottom:34%}.demo-mural span{color:#17313e;font:7px var(--font-mono);background:#f3e2b8bb;padding:4px 7px;bottom:27%}[data-demo=reveal] .demo-copy{opacity:0;transform:translateY(calc(24px * var(--demo-intensity)));display:block}[data-demo=reveal] .is-active .demo-copy{animation:demoReveal var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=wipe] .demo-panel{clip-path:inset(0 100% 0 0);display:block}[data-demo=wipe] .is-active .demo-panel{animation:demoWipe var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=stagger] .demo-stack{display:block}[data-demo=stagger] .is-active .demo-stack i{opacity:0;animation:demoStagger calc(var(--demo-duration) * .55) cubic-bezier(.16,1,.3,1) forwards}[data-demo=stagger] .is-active .demo-stack i:nth-child(2){animation-delay:calc(var(--demo-duration) * .18)}[data-demo=stagger] .is-active .demo-stack i:nth-child(3){animation-delay:calc(var(--demo-duration) * .36)}[data-demo=scroll] .demo-copy{display:block;top:62%}[data-demo=scroll] .is-active .demo-copy{animation:demoScroll var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=sticky] .demo-panel{width:62%;height:32%;display:block;top:34%}[data-demo=sticky] .is-active .demo-panel{animation:demoSticky var(--demo-duration) ease-in-out forwards}[data-demo=hover-lift] .demo-panel{display:block}[data-demo=hover-lift] .is-active .demo-panel{animation:demoHover var(--demo-duration) ease-in-out forwards}[data-demo=tilt] .demo-panel{transform-style:preserve-3d;display:block}[data-demo=tilt] .is-active .demo-panel{animation:demoTilt var(--demo-duration) ease-in-out forwards}[data-demo=cursor] .demo-button,[data-demo=cursor] .demo-cursor{display:flex}[data-demo=cursor] .is-active .demo-cursor{animation:demoCursor var(--demo-duration) ease-in-out forwards}[data-demo=cursor] .is-active .demo-button{animation:demoMagnet var(--demo-duration) ease-in-out forwards}[data-demo=tap] .demo-button{display:flex}[data-demo=tap] .is-active .demo-button{animation:demoTap var(--demo-duration) ease-in-out forwards}[data-demo=tap] .is-active .demo-ripple{animation:demoRipple var(--demo-duration) ease-out forwards;display:block}[data-demo=drag] .demo-stack{display:block}[data-demo=drag] .is-active .demo-stack i:nth-child(2){animation:demoDrag var(--demo-duration) cubic-bezier(.2,.8,.2,1) forwards}[data-demo=input] .demo-input{display:block}[data-demo=input] .is-active .demo-input i{animation:inputLine var(--demo-duration) ease-in-out forwards}[data-demo=feedback] .demo-check{opacity:0;display:block}[data-demo=feedback] .is-active .demo-check{animation:demoFeedback var(--demo-duration) cubic-bezier(.2,1.5,.4,1) forwards}[data-demo=layout] .demo-stack{display:block}[data-demo=layout] .is-active .demo-stack i{animation:demoLayout var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=text] .demo-copy{display:block;overflow:hidden}[data-demo=text] .is-active .demo-copy strong{animation:demoText var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=svg] .demo-line{display:block}[data-demo=svg] .is-active .demo-line path{stroke-dasharray:900;stroke-dashoffset:900px;animation:demoSvg var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=particles] .demo-particles{display:block}[data-demo=particles] .is-active .demo-particles i{animation:demoParticle var(--demo-duration) ease-in-out infinite;animation-delay:calc(var(--particle-index) * 50ms)}[data-demo=ambient] .demo-orb{display:block}[data-demo=ambient] .is-active .demo-orb--one{animation:demoAmbient var(--demo-duration) ease-in-out infinite}[data-demo=ambient] .is-active .demo-orb--two{animation:demoAmbient calc(var(--demo-duration) * 1.22) ease-in-out -1s infinite reverse}[data-demo=spring] .demo-button{display:flex}[data-demo=spring] .is-active .demo-button{animation:demoSpring var(--demo-duration) cubic-bezier(.2,1.65,.35,1) forwards}[data-demo=webgl] .demo-orb,[data-demo=webgl] .demo-line{display:block}[data-demo=webgl] .is-active .motion-demo__grid{transform-origin:50%;animation:demoWebgl var(--demo-duration) ease-in-out infinite}[data-demo=webgl] .is-active .demo-orb{animation:demoAmbient calc(var(--demo-duration) * .75) ease-in-out infinite}[data-demo=sensor] .demo-wave{display:flex}[data-demo=sensor] .is-active .demo-wave i{animation:demoSensor var(--demo-duration) ease-in-out infinite alternate;animation-delay:calc(var(--bar-index) * -.05s)}[data-demo=video-scrub] .demo-video{display:flex}[data-demo=video-scrub] .is-active .demo-video>div{animation:demoVideoScrub var(--demo-duration) cubic-bezier(.45,0,.2,1) forwards}[data-demo=svg-character] .demo-character{display:block}[data-demo=svg-character] .is-active .demo-character__body{transform-origin:110px 126px;animation:demoCharacterBody var(--demo-duration) ease-in-out infinite}[data-demo=svg-character] .is-active .demo-character__eyes{animation:demoCharacterEyes var(--demo-duration) ease-in-out infinite}[data-demo=svg-character] .is-active .demo-character__arm--right{animation:demoCharacterArm var(--demo-duration) ease-in-out infinite}[data-demo=morph-blob] .demo-blob{display:block}[data-demo=morph-blob] .is-active .demo-blob i{animation:demoBlob var(--demo-duration) ease-in-out infinite}[data-demo=morph-blob] .is-active .demo-blob b{animation:demoBlobInner calc(var(--demo-duration) * .82) ease-in-out infinite reverse}[data-demo=mural] .demo-mural{display:block}[data-demo=mural] .is-active .demo-mural__hill{animation:demoMuralHill var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}[data-demo=mural] .is-active .demo-mural__prop{animation:demoMuralProp var(--demo-duration) ease-in-out forwards}[data-demo=mural] .is-active strong,[data-demo=mural] .is-active span{animation:demoMuralType var(--demo-duration) cubic-bezier(.16,1,.3,1) forwards}@keyframes demoReveal{to{opacity:1;transform:translateY(0)}}@keyframes demoWipe{0%,12%{clip-path:inset(0 100% 0 0)}72%,to{clip-path:inset(0)}}@keyframes demoStagger{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes demoScroll{0%{opacity:0;transform:translateY(60px)}48%,to{opacity:1;transform:translateY(-28px)}}@keyframes demoSticky{to{transform:translate(-50%,55%);box-shadow:0 26px 40px #00000059}}@keyframes demoHover{0%,22%{transform:translate(-50%,-50%)}58%,to{transform:translate(-50%,calc(-50% - 10px));box-shadow:0 28px 50px #0000006b}}@keyframes demoTilt{0%,18%{transform:translate(-50%,-50%)perspective(700px)rotateX(-4deg)rotateY(-9deg)}52%{transform:translate(-50%,-50%)perspective(700px)rotateX(7deg)rotateY(11deg)}82%,to{transform:translate(-50%,-50%)perspective(700px)rotateX(0)rotateY(0)}}@keyframes demoCursor{0%,20%{top:72%;left:22%}62%,to{top:48%;left:56%}}@keyframes demoMagnet{0%,34%{transform:translate(-50%,-50%)}68%,to{transform:translate(-42%,-58%)}}@keyframes demoTap{0%,45%,to{transform:translate(-50%,-50%)scale(1)}55%{transform:translate(-50%,-50%)scale(.9)}68%{transform:translate(-50%,-50%)scale(1.04)}}@keyframes demoRipple{0%,45%{opacity:0;transform:translate(-50%,-50%)scale(.2)}50%{opacity:.8}90%,to{opacity:0;transform:translate(-50%,-50%)scale(8)}}@keyframes demoDrag{0%,20%{transform:translate(0)rotate(0)}58%,to{transform:translate(-54%,38%)rotate(-4deg)}}@keyframes inputLine{0%,12%{width:0}58%,to{width:100%}}@keyframes demoFeedback{0%,20%{opacity:0;transform:translate(-50%,-50%)scale(.2)}52%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes demoLayout{0%,25%{transform:translate(0)}58%,to{transform:translate(22%,-15%)}}@keyframes demoText{0%,15%{clip-path:inset(0 100% 0 0);transform:translateY(12px)}62%,to{clip-path:inset(0);transform:translateY(0)}}@keyframes demoSvg{0%,14%{stroke-dashoffset:900px}68%,to{stroke-dashoffset:0}}@keyframes demoParticle{0%,to{opacity:.25;transform:translate(0)scale(.6)}50%{transform:translate(calc((var(--particle-index) - 6) * 3px), -28px) scale(1.3);opacity:1}}@keyframes demoAmbient{0%,to{transform:translate(-8px,-4px)scale(.92)}50%{transform:translate(20px,14px)scale(1.12)}}@keyframes demoSpring{0%,22%,to{transform:translate(-50%,-50%)scale(1)}42%{transform:translate(-50%,-50%)scale(.75)}62%{transform:translate(-50%,-50%)scale(1.16)}76%{transform:translate(-50%,-50%)scale(.96)}}@keyframes demoWebgl{0%,to{transform:perspective(500px)rotateX(62deg)rotate(-6deg)scale(1.2)}50%{transform:perspective(500px)rotateX(50deg)rotate(8deg)scale(1.35)}}@keyframes demoSensor{0%{opacity:.4;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@keyframes demoVideoScrub{0%,16%{transform:translate(-4%)}48%{transform:translate(-29%)}78%,to{transform:translate(-57%)}}@keyframes demoCharacterBody{0%,18%,to{transform:rotate(-2deg)}52%{transform:rotate(4deg)}78%{transform:rotate(0)}}@keyframes demoCharacterEyes{0%,18%,to{transform:translate(-3px,1px)}52%{transform:translate(4px,-2px)}78%{transform:translate(0)}}@keyframes demoCharacterArm{0%,24%,to{transform:rotate(0)}48%{transform:rotate(-17deg)}68%{transform:rotate(9deg)}}@keyframes demoBlob{0%,to{border-radius:43% 57% 61% 39%/44% 38% 62% 56%;transform:rotate(-4deg)scale(.94)}45%{border-radius:61% 39% 42% 58%/52% 64% 36% 48%;transform:rotate(5deg)scale(1.05)}72%{border-radius:37% 63% 54% 46%/62% 39% 61% 38%;transform:rotate(1deg)scale(.98)}}@keyframes demoBlobInner{0%,to{transform:translate(-4%,2%)scale(.9)}50%{transform:translate(6%,-4%)scale(1.02)}}@keyframes demoMuralHill{0%,18%{transform:translateY(28%)scale(1.08)}72%,to{transform:translateY(12%)scale(1.02)}}@keyframes demoMuralProp{0%,28%{opacity:0;transform:translateY(22px)rotate(8deg)}65%,to{opacity:1;transform:translateY(0)rotate(-2deg)}}@keyframes demoMuralType{0%,34%{opacity:0;transform:translateY(20px)}72%,to{opacity:1;transform:translateY(0)}}@keyframes demoProgress{0%{width:0}to{width:100%}}.saved-desk{border-top:1px solid #4b697a47}.saved-desk__stats{border:1px solid var(--line);background:#0d131bc2;grid-template-columns:repeat(4,minmax(100px,1fr)) minmax(320px,1.5fr);display:grid}.saved-desk__stats>div:not(.saved-desk__backup){border-right:1px solid var(--line);align-content:center;min-height:130px;padding:20px;display:grid}.saved-desk__stats strong{font-size:34px}.saved-desk__stats span{color:#718692;font:8px var(--font-mono);letter-spacing:.08em}.saved-desk__backup{grid-template-columns:1fr 1fr;align-content:center;gap:8px;padding:20px;display:grid}.saved-desk__backup button{color:#b8c8d0;cursor:pointer;background:#111b24;border:1px solid #344b58;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:11px;display:flex}.saved-desk__backup button:hover{border-color:var(--signal);color:var(--signal)}.saved-desk__backup svg{width:16px}.saved-desk__message{min-height:28px;color:var(--signal);text-align:right;margin:10px 0;font-size:12px}.saved-list{border-top:1px solid var(--line)}.saved-list article{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr) 120px 48px;align-items:center;gap:18px;min-height:90px;transition:background .2s;display:grid}.saved-list article:hover{background:rgba(var(--signal-rgb), .035)}.saved-list article>.digit{color:var(--signal);padding-left:8px;font-size:10px}.saved-list article p{color:#6e838f;font:8px var(--font-mono);text-transform:uppercase;margin:0}.saved-list article h3{margin:4px 0;font-size:18px}.saved-list article>div>span{color:#758a95;font-size:11px}.saved-list__state{color:#9db0ba;align-items:center;gap:8px;display:flex}.saved-list__state svg{width:16px;color:var(--signal)}.saved-list article>button{border:1px solid var(--line);background:var(--panel);cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.saved-list article>button:hover{border-color:var(--signal);color:var(--signal)}.saved-list article>button svg{width:16px}.saved-list__more{border:0;border-bottom:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;display:flex}.saved-list__more:hover{color:var(--signal);background:rgba(var(--signal-rgb), .035)}.saved-empty{border:1px solid var(--line);text-align:center;align-content:center;place-items:center;gap:16px;min-height:260px;display:grid}.saved-empty svg{width:34px;color:var(--signal)}.saved-empty p{max-width:560px;color:var(--muted);margin:0}.saved-empty a{color:var(--signal);text-underline-offset:4px}.field-guide{border-top:1px solid #4b697a47}.field-guide__grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.guide-card{border:1px solid var(--line);background:#101722ad;min-height:270px;padding:24px}.guide-card>span{color:var(--signal);font-size:8px}.guide-card h3{margin:42px 0 10px;font-size:24px}.guide-card p{min-height:54px;color:var(--muted);margin:0;font-size:14px}.guide-card code{border-left:1px solid var(--signal);color:#94a9b4;background:#0b1219;margin:18px 0;padding:9px;font-size:9px;display:block}.guide-card button{border:0;border-top:1px solid var(--line);color:#b4c4cc;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:0;font-size:11px;display:flex}.guide-card button:hover{color:var(--signal)}.guide-card button svg{width:15px}.site-footer{border-top:1px solid var(--line);width:min(1440px,100% - 48px);margin:0 auto;padding:70px 0 48px;position:relative;overflow:hidden}.site-footer__signal{align-items:center;gap:8px;height:30px;display:flex}.site-footer__signal:before,.site-footer__signal:after{content:"";background:var(--line);flex:1;height:1px}.site-footer__signal i{background:#405864;border-radius:50%;width:5px;height:5px}.site-footer__signal i:nth-child(3){background:var(--signal);box-shadow:0 0 14px var(--signal)}.site-footer__brand{letter-spacing:-.075em;color:#0000;-webkit-text-stroke:1px #2c404b;white-space:nowrap;margin:22px 0 40px;font-size:clamp(28px,11vw,164px);font-weight:800;line-height:1.04}.site-footer>div:not(.site-footer__signal){color:#718691;justify-content:space-between;gap:20px;font-size:9px;display:flex}.site-footer>p:last-child{color:#687d88;max-width:650px;margin:20px 0 0;font-size:11px}.floating-saved{z-index:50;border:1px solid rgba(var(--signal-rgb),.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:48px;color:var(--signal);background:#0a1016eb;align-items:center;gap:8px;padding:0 5px 0 14px;font-size:11px;text-decoration:none;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 34px #00000047}.floating-saved svg{width:15px}.floating-saved strong{background:var(--signal);color:#07110f;place-items:center;width:36px;height:36px;font-size:9px;display:grid}.drawer-layer{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030609b3;justify-content:flex-end;animation:.24s both drawerFade;display:flex;position:fixed;inset:0}.detail-drawer{overscroll-behavior:contain;background:#0b1118;border-left:1px solid #38505d;width:min(760px,92vw);height:100%;animation:.45s cubic-bezier(.16,1,.3,1) both drawerIn;overflow-y:auto;box-shadow:-30px 0 90px #00000073}.detail-drawer__bar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1118eb;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex;position:sticky;top:0}.detail-drawer__bar p{color:#9fb1ba;font:9px var(--font-mono);letter-spacing:.12em;align-items:center;gap:9px;margin:0;display:flex}.detail-drawer__bar button{border:1px solid var(--line);cursor:pointer;background:#111a23;place-items:center;width:44px;height:44px;display:grid}.detail-drawer__bar button svg{width:18px}.detail-lab{padding:16px 16px 0;transition:padding .3s;position:relative}.detail-lab .motion-demo{transition:max-width .35s}.detail-lab .motion-demo__cue{max-width:none;right:152px}.detail-lab.viewport-mobile .motion-demo{max-width:360px;margin:0 auto}.detail-lab__replay{z-index:12;cursor:pointer;background:#080d12e6;border:1px solid #3b5360;align-items:center;gap:7px;min-height:40px;padding:0 11px;font-size:9px;display:flex;position:absolute;top:28px;right:28px}.detail-lab__replay svg{width:14px}.detail-tuners{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto;gap:16px;padding:18px 20px;display:grid}.detail-tuners fieldset{border:0;align-items:end;gap:4px;min-width:120px;margin:0;padding:0;display:flex}.detail-tuners legend{color:#718792;font:8px var(--font-mono);position:absolute;transform:translateY(-25px)}.detail-tuners fieldset button{border:1px solid var(--line);background:var(--panel);cursor:pointer;min-width:54px;height:34px;font-size:9px}.detail-tuners fieldset button[aria-pressed=true]{border-color:var(--signal);color:var(--signal)}.detail-sample-inputs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px;display:grid}.sample-field{gap:5px;display:grid}.sample-field>span{color:#728792;font:8px var(--font-mono)}.sample-field .editable-text{border:1px solid var(--line);background:var(--panel);min-width:0;min-height:42px;color:var(--ink);outline:none;align-items:center;padding:0 10px;display:flex}.detail-drawer__title{padding:30px 26px 22px}.detail-drawer__title>p:first-child{color:var(--signal);font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:0}.detail-drawer__title h2{letter-spacing:-.05em;margin:8px 0 12px;font-size:clamp(34px,5vw,56px)}.detail-drawer__title>p:nth-of-type(2){color:#9bafb9;margin:0}.detail-drawer__actions{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.detail-drawer__actions button{border:1px solid var(--line);background:var(--panel);color:#b6c6ce;cursor:pointer;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:10px;display:flex}.detail-drawer__actions button:hover,.detail-drawer__actions button.is-saved{border-color:var(--signal);color:var(--signal)}.detail-drawer__actions button.is-saved svg{fill:currentColor}.detail-drawer__actions svg{width:15px}.detail-aliases{gap:7px;margin-top:14px;display:grid}.detail-aliases>span{color:#718792;font:8px var(--font-mono)}.detail-aliases>div{flex-wrap:wrap;gap:5px;display:flex}.detail-aliases i{color:#a6b7bf;border:1px solid #304651;padding:5px 7px;font-size:9px;font-style:normal}.status-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:12px 26px;display:flex}.status-row>span{color:#718792;font:8px var(--font-mono);margin-right:auto}.status-row button{border:1px solid var(--line);color:#8fa2ac;cursor:pointer;background:0 0;align-items:center;gap:5px;min-height:36px;padding:0 10px;font-size:9px;display:flex}.status-row button[aria-pressed=true]{border-color:var(--signal);background:rgba(var(--signal-rgb),.08);color:var(--signal)}.status-row svg{width:13px}.detail-tabs{z-index:16;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#0b1118f0;padding:0 18px;display:flex;position:sticky;top:58px;overflow-x:auto}.detail-tabs::-webkit-scrollbar{display:none}.detail-tabs button{color:#81959f;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;min-height:50px;padding:0 14px;font-size:10px}.detail-tabs button[aria-selected=true]{border-color:var(--signal);color:var(--signal)}.detail-panel{min-height:390px;padding:26px}.detail-copy-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-copy-grid section,.implementation-panel section{border:1px solid var(--line);background:#0e161e;padding:18px}.detail-copy-grid section:first-child,.detail-copy-grid section:last-child{grid-column:1/-1}.detail-panel h3{color:#78909b;font:8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.detail-panel p,.detail-panel li{color:#a8bac3;font-size:13px}.detail-panel ul{margin:0;padding-left:18px}.detail-panel li+li{margin-top:5px}.implementation-panel{gap:10px;display:grid}.tech-list{flex-wrap:wrap;gap:6px;display:flex}.tech-list span{color:#a7bac4;font:9px var(--font-mono);border:1px solid #344b57;padding:7px 9px}.implementation-panel section>p{margin:0}.implementation-panel dl{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.implementation-panel dl div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px}.implementation-panel dt{color:#718792;font:8px var(--font-mono)}.implementation-panel dd{color:#c0cfd6;margin:5px 0 0;font-size:11px}.copy-panel{border:1px solid var(--line);background:#080d12}.copy-panel>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:46px;padding:0 9px 0 14px;display:flex}.copy-panel>div>span{color:var(--signal);font:8px var(--font-mono)}.copy-panel button{cursor:pointer;background:#111c25;border:1px solid #38515d;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:9px;display:flex}.copy-panel button svg{width:14px}.copy-panel pre{color:#b7ccd5;max-height:420px;font:11px/1.8 var(--font-mono);white-space:pre-wrap;margin:0;padding:18px;overflow:auto}.memo-field{gap:8px;display:grid}.memo-field>span,.rating-row>span{color:#718792;font:8px var(--font-mono)}.memo-editor{border:1px solid var(--line);width:100%;min-height:170px;color:var(--ink);white-space:pre-wrap;background:#0e161e;outline:none;padding:14px}.rating-row{align-items:center;gap:6px;margin-top:14px;display:flex}.rating-row>span{margin-right:auto}.rating-row button{border:1px solid var(--line);background:var(--panel);color:#81959f;cursor:pointer;width:38px;height:38px}.rating-row button[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:#07110f}.memo-panel>p{color:#718792;font-size:10px}.detail-related{padding:0 26px 28px}.detail-related h3{color:#718792;font:8px var(--font-mono);margin:0 0 10px}.detail-related>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.detail-related button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#0e161e;grid-template-columns:1fr auto;align-content:center;gap:3px 10px;min-height:64px;padding:10px 12px;display:grid}.detail-related button span{color:#718792;font-size:8px}.detail-related button strong{font-size:12px}.detail-related button svg{width:14px;color:var(--signal);grid-area:1/2/span 2;align-self:center}.detail-source{border-top:1px solid var(--line);color:#647985;font:8px var(--font-mono);grid-template-columns:auto 1fr auto 1fr;gap:10px;padding:18px 26px 32px;display:grid}.detail-source strong{color:#93a6b0;overflow-wrap:anywhere}@keyframes drawerFade{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}@keyframes drawerIn{0%{transform:translate(100%)}}@media (width<=1180px){.site-nav{grid-template-columns:1fr auto}.site-nav__links{display:none}.site-nav__saved{margin-right:56px}.site-nav__menu{display:grid;position:absolute;right:clamp(20px,4vw,68px)}.mobile-menu{z-index:75;background:#080b10;border-bottom:1px solid #0000;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),border-color .35s;display:grid;position:fixed;top:66px;left:0;right:0;box-shadow:0 22px 50px #00000061}.mobile-menu>nav{min-height:0;padding:0 clamp(20px,4vw,68px);display:grid;overflow:hidden}.mobile-menu.is-open{border-color:var(--line);grid-template-rows:1fr}.mobile-menu.is-open>nav{padding-top:12px;padding-bottom:18px}.mobile-menu a{border-bottom:1px solid var(--line);color:#bdcad1;align-items:center;min-height:48px;text-decoration:none;display:flex}.hero{padding-left:50px;padding-right:50px}.hero__content{grid-template-columns:1fr;max-width:900px;padding-top:70px}.signal-console{width:100%;max-width:760px;margin-left:auto}.catalog__filters{grid-template-columns:repeat(4,1fr)}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fv-atlas__summary{grid-template-columns:repeat(3,1fr)}.fv-atlas__summary>p{border-top:1px solid var(--line);grid-column:1/3}.fv-atlas__summary>a{border-top:1px solid var(--line)}.fv-atlas__related{grid-template-columns:1fr}.fv-atlas__related-head{border-right:0;border-bottom:1px solid var(--line)}.saved-desk__stats{grid-template-columns:repeat(4,1fr)}.saved-desk__backup{border-top:1px solid var(--line);grid-column:1/-1}}@media (width<=820px){.section,.catalog{width:min(100% - 32px,700px);padding:92px 0}.section__head--split{grid-template-columns:1fr;gap:20px}.section__head{margin-bottom:38px}.section__head h2{font-size:clamp(38px,9vw,60px)}.hero{min-height:auto;padding:130px 28px 70px}.hero__content{gap:54px;padding:0}.hero-title{font-size:clamp(54px,12vw,86px)}.hero__rail,.quick-route__line{display:none}.quick-route__grid{grid-template-columns:1fr}.route-card{min-height:210px}.route-card h3{margin-top:50px}.fv-atlas__summary{grid-template-columns:repeat(2,1fr)}.fv-atlas__summary>div:nth-child(2){border-right:0}.fv-atlas__summary>div:nth-child(3){border-top:1px solid var(--line);grid-column:1/-1}.fv-atlas__summary>p,.fv-atlas__summary>a{border-top:1px solid var(--line);border-right:0;grid-column:1/-1;min-height:86px}.fv-atlas__legend{display:grid}.catalog__console{position:relative;top:auto}.catalog__quick{scroll-snap-type:x proximity;padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 30px),#0000);mask-image:linear-gradient(90deg,#000 0 calc(100% - 30px),#0000)}.catalog__quick button{scroll-snap-align:start}.filter-toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:12px;font-size:11px;display:flex}.filter-toggle svg{width:15px}.catalog__filters{grid-template-columns:repeat(2,minmax(0,1fr));display:none}.catalog__filters.is-open{display:grid}.filter-menu>div{min-width:0;box-shadow:none;position:static}.field-guide__grid{grid-template-columns:repeat(2,1fr)}.saved-list article{grid-template-columns:42px minmax(0,1fr) 44px}.saved-list__state{display:none}}@media (width<=620px){.site-nav{height:66px;padding:0 16px}.site-nav__brand small{display:none}.site-nav__saved{margin-right:50px;padding-left:10px}.site-nav__saved>span{display:none}.site-nav__menu{right:16px}.mobile-menu>nav{padding-left:16px;padding-right:16px}.hero{padding:108px 16px 64px}.hero-title{font-size:clamp(50px,15vw,72px)}.hero__lead{margin-top:24px;font-size:16px}.hero__actions{display:grid}.hero__stats{grid-template-columns:repeat(2,1fr);margin-top:36px}.signal-console__stage{height:270px}.signal-console__presets{grid-template-columns:1fr}.signal-console__presets button{border-right:0;border-bottom:1px solid var(--line);min-height:52px}.signal-console__presets button:last-child{border-bottom:0}.signal-console__controls,.signal-console__footer{grid-template-columns:1fr}.signal-console__footer p{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.signal-console__specimen{width:140px;right:6%}.section,.catalog{width:calc(100% - 28px);padding:76px 0}.section__head h2{font-size:clamp(36px,11vw,50px)}.catalog__console{padding:10px;top:0}.catalog-search{min-height:50px}.catalog-search>svg{margin-left:2px;margin-right:10px}.catalog-search__editable{min-height:48px;font-size:15px}.catalog__filters{grid-template-columns:1fr}.saved-only{min-height:46px}.catalog__resultbar{padding-top:18px}.motion-grid,.fv-atlas__grid{grid-template-columns:1fr}.motion-card h3{word-break:break-all;line-break:anywhere}.motion-card__summary{min-height:auto}.fv-atlas__related-list{grid-template-columns:1fr}.fv-atlas__related-list button,.fv-atlas__related-list button:nth-child(3n),.fv-atlas__related-list button:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--line);min-height:76px}.fv-atlas__related-list button:last-child{border-bottom:0}.motion-demo.is-compact .motion-demo__steps{grid-template-columns:1fr}.motion-demo.is-compact .motion-demo__steps span{white-space:normal;display:none;overflow:visible}.motion-demo.is-compact .motion-demo__steps span.is-current{display:flex}.motion-demo.is-compact .motion-demo__scene{min-height:220px}.fv-atlas__grid .motion-demo.is-compact .motion-demo__scene{min-height:268px}.saved-desk__stats{grid-template-columns:repeat(2,1fr)}.saved-desk__stats>div:nth-child(2){border-right:0}.saved-desk__stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.saved-desk__backup{grid-template-columns:1fr}.saved-desk__message{text-align:left}.saved-list article{gap:10px}.saved-list article p{display:none}.saved-list article h3{font-size:15px}.field-guide__grid{grid-template-columns:1fr}.guide-card{min-height:240px}.site-footer{width:calc(100% - 28px);padding-top:54px}.site-footer__brand{margin-bottom:28px}.site-footer>div:not(.site-footer__signal){display:grid}.floating-saved{bottom:12px;right:12px}.floating-saved>span{display:none}.drawer-layer{align-items:end}.detail-drawer{border-top:1px solid #38505d;border-left:0;width:100vw;max-width:none;height:94svh;animation-name:drawerUp}.detail-drawer__bar{height:54px}.detail-lab{padding:10px 10px 0}.detail-lab .motion-demo__scene{min-height:270px}.detail-lab .motion-demo__cue{right:132px}.detail-lab__replay{top:22px;left:auto;right:20px}.detail-tuners{grid-template-columns:1fr;gap:14px}.detail-tuners fieldset{padding-top:16px}.detail-sample-inputs{grid-template-columns:1fr}.detail-drawer__title{padding:24px 18px 18px}.detail-drawer__title h2{font-size:38px}.status-row{padding:10px 18px;overflow-x:auto}.status-row>span{min-width:max-content}.detail-tabs{padding:0 8px;top:54px}.detail-tabs button{min-height:46px;padding:0 11px}.detail-panel{padding:18px}.detail-copy-grid{grid-template-columns:1fr}.detail-copy-grid section:first-child,.detail-copy-grid section:last-child{grid-column:auto}.implementation-panel dl{grid-template-columns:1fr}.detail-related{padding:0 18px 24px}.detail-related>div{grid-template-columns:1fr}.detail-source{grid-template-columns:auto 1fr;padding:16px 18px 28px}}@media (width<=390px){.hero-title{font-size:48px}.hero__stats strong{font-size:18px}.signal-console__stage{height:240px}.signal-console__specimen{display:none}.catalog__quick button{font-size:10px}.motion-card h3{font-size:19px}.motion-card__summary{font-size:12px}}@media (width<=340px){.motion-demo.is-compact .motion-demo__steps{grid-template-columns:1fr}.motion-demo.is-compact .motion-demo__steps span{display:none}.motion-demo.is-compact .motion-demo__steps span.is-current{display:flex}}@media (hover:none){.motion-card{transform:none!important}.motion-card:after{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-demo{--demo-intensity:.45!important}.motion-demo__scene *{animation-duration:calc(var(--demo-duration) * 1.1)!important;animation-iteration-count:1!important}.signal-console__stage *{animation-duration:var(--console-speed)!important;animation-iteration-count:1!important}.atmosphere__signal path,.atmosphere__glow,.hero__ticker span,.rec-dot{animation-duration:24s!important;animation-iteration-count:1!important}.noise{animation:none!important}.motion-card{transform:none!important}}@keyframes drawerUp{0%{transform:translateY(100%)}}