/* Muntro design system — neon layer, scroll-driven motion and components
   (ported from the Muntro Home design) */
body{margin:0;background:#050A18;color:#E9EEFB;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:#8FB4FF;text-decoration:none}a:hover{color:#C9DAFF}
*{box-sizing:border-box}
@keyframes mtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes mtKb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
@keyframes mtRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes mtPulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes mtMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mtSpin{to{transform:rotate(360deg)}}
@keyframes mtGlow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes mtBar{from{width:0}to{width:100%}}
.mt-float{animation:mtFloat 7s ease-in-out infinite}
.mt-float2{animation:mtFloat 8s ease-in-out -3s infinite}
.mt-float3{animation:mtFloat 9s ease-in-out -5s infinite}
.mt-kb{animation:mtKb 14s ease-out infinite alternate;transform-origin:60% 50%}
.mt-rise{animation:mtRise .9s cubic-bezier(.2,.7,.2,1) both}
.mt-d1{animation-delay:.12s}.mt-d2{animation-delay:.24s}.mt-d3{animation-delay:.36s}
.mt-pulse{animation:mtPulse 2.6s ease-out infinite;transform-origin:center}
.mt-pulse2{animation:mtPulse 2.6s ease-out 1.3s infinite;transform-origin:center}
.mt-marq{animation:mtMarq 38s linear infinite}
.mt-spin{animation:mtSpin 24s linear infinite;transform-origin:center;transform-box:fill-box}
.mt-glow{animation:mtGlow 3.2s ease-in-out infinite}
.mt-bar{animation:mtBar 6s linear both}
.mt-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .45s,background .3s}
.mt-card:hover{transform:translateY(-8px);border-color:rgba(110,160,255,.55)!important;box-shadow:0 30px 60px -20px rgba(30,90,255,.45),0 0 0 1px rgba(110,160,255,.25) inset}
.mt-card:hover .mt-art{transform:scale(1.06) rotate(-2deg)}
.mt-art{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mt-btn{transition:transform .25s,box-shadow .3s,background .3s}
.mt-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px rgba(61,123,255,.8)}
.mt-ghost{transition:background .3s,border-color .3s}
.mt-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)!important}
.mt-nav a{color:#C3CDE6;transition:color .2s}.mt-nav a:hover{color:#FFFFFF}
.mt-tile{transition:background .3s,border-color .3s,transform .2s}
.mt-tile:active{transform:scale(.96)}
.mt-std{transition:transform .4s,border-color .3s,background .3s}
.mt-std:hover{transform:translateY(-6px);border-color:rgba(94,225,255,.5)!important;background:rgba(20,40,90,.6)!important}
.mt-faq{transition:background .3s,border-color .3s}
.mt-faq:hover{border-color:rgba(110,160,255,.45)!important}
/* ---- neon layer ---- */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes mtAng{to{--ang:360deg}}
@keyframes mtBeam{from{transform:translateX(-30%)}to{transform:translateX(130%)}}
@keyframes mtFlick{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.7}97%{opacity:1}}
@keyframes mtGrid{from{background-position:0 0}to{background-position:0 64px}}
@keyframes mtOrb{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-40px)}}
.mt-neon{color:#79CFEA;text-shadow:0 0 4px rgba(94,225,255,.45),0 0 14px rgba(61,123,255,.35);animation:mtFlick 7s linear infinite}
.mt-neon-v{color:#E4D8FF;text-shadow:0 0 6px rgba(160,120,255,.9),0 0 24px rgba(139,92,255,.6)}
.mt-kick{display:inline-flex;align-items:center;gap:10px;text-shadow:0 0 14px rgba(94,225,255,.7)}
.mt-kick::before{content:"";width:28px;height:2px;background:#5EE1FF;box-shadow:0 0 10px #5EE1FF,0 0 20px #3D7BFF}
.mt-btn{box-shadow:0 0 0 1px rgba(150,220,255,.45) inset,0 0 22px rgba(61,123,255,.55),0 0 60px -10px rgba(94,225,255,.45)}
.mt-btn:hover{box-shadow:0 0 0 1px rgba(200,245,255,.8) inset,0 0 30px rgba(94,225,255,.8),0 0 80px rgba(61,123,255,.6)}
.mt-glass{box-shadow:0 0 0 1px rgba(94,225,255,.35) inset,0 0 26px rgba(94,225,255,.18),0 30px 60px -20px rgba(0,0,0,.6)!important}
.mt-card:hover,.mt-std:hover,.mt-tilex:hover{border-color:transparent!important;background:linear-gradient(#0B1532,#0B1532) padding-box,conic-gradient(from var(--ang),rgba(94,225,255,0) 0deg,#5EE1FF 70deg,#8B5CFF 140deg,rgba(94,225,255,0) 200deg,rgba(94,225,255,0) 360deg) border-box!important;animation:mtAng 3.5s linear infinite;box-shadow:0 0 40px -6px rgba(94,225,255,.45),0 30px 60px -20px rgba(30,90,255,.5)}
.mt-beam{position:relative;height:1px;background:linear-gradient(90deg,rgba(94,225,255,0),rgba(94,225,255,.35),rgba(94,225,255,0));overflow:hidden}
.mt-beam::after{content:"";position:absolute;top:-1px;left:0;width:30%;height:3px;background:linear-gradient(90deg,transparent,#5EE1FF,#8B5CFF,transparent);filter:drop-shadow(0 0 8px #5EE1FF);animation:mtBeam 4s ease-in-out infinite}
.mt-gridbg{background-image:linear-gradient(rgba(94,225,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,225,255,.06) 1px,transparent 1px);background-size:64px 64px;animation:mtGrid 6s linear infinite}
.mt-orb{animation:mtOrb 18s ease-in-out infinite}
.mt-tilex{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.mt-tilex .mt-ph{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.mt-tilex:hover .mt-ph{transform:scale(1.08)}
.mt-nav a{position:relative}
.mt-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#5EE1FF;box-shadow:0 0 10px #5EE1FF;transform:scaleX(0);transition:transform .3s}
.mt-nav a:hover::after{transform:scaleX(1)}
/* ---- scroll-driven motion ---- */
@keyframes mtRv{from{opacity:0;transform:translateY(70px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes mtRvL{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes mtRvR{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:none}}
@keyframes mtRvS{from{opacity:0;transform:scale(.85) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes mtPar{from{transform:translateY(80px)}to{transform:translateY(-80px)}}
@keyframes mtHeroOut{to{transform:translateY(-140px);opacity:0;filter:blur(8px)}}
@keyframes mtHeroZoom{to{transform:scale(1.18)}}
@keyframes mtProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mtNavBg{to{background:rgba(5,10,24,.82);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(94,225,255,.25),0 10px 40px -10px rgba(61,123,255,.35)}}
@keyframes mtWide{from{clip-path:inset(0 12% round 40px)}to{clip-path:inset(0 0 round 0px)}}
@supports (animation-timeline: view()){
.mt-rv{animation:mtRv linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
.mt-rv2{animation:mtRv linear both;animation-timeline:view();animation-range:entry 12% cover 34%}
.mt-rv3{animation:mtRv linear both;animation-timeline:view();animation-range:entry 24% cover 42%}
.mt-rvl{animation:mtRvL linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.mt-rvr{animation:mtRvR linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.mt-rvs{animation:mtRvS linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
.mt-par{animation:mtPar linear both;animation-timeline:view()}
.mt-wide{animation:mtWide linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
.mt-heroout{animation:mtHeroOut linear both;animation-timeline:scroll(root);animation-range:0 760px}
.mt-herozoom{animation:mtHeroZoom linear both;animation-timeline:scroll(root);animation-range:0 860px}
.mt-prog{animation:mtProg linear both;animation-timeline:scroll(root);transform-origin:0 50%}
.mt-navbg{animation:mtNavBg linear both;animation-timeline:scroll(root);animation-range:0 220px}
}
/* ---- side-to-side: in from one side, out the other ---- */
@keyframes mtIoL{0%{opacity:0;transform:translateX(-160px) rotate(-2deg)}24%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateX(160px) rotate(2deg)}}
@keyframes mtIoR{0%{opacity:0;transform:translateX(160px) rotate(2deg)}24%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-160px) rotate(-2deg)}}
@keyframes mtIoU{0%{opacity:0;transform:translateY(120px) scale(.94)}24%,72%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-60px) scale(.96)}}
/* fallback for browsers without scroll timelines: bands drift on their own */
.mt-bandl{animation:mtBandL var(--sp,90s) linear infinite}
.mt-bandr{animation:mtBandR var(--sp,90s) linear infinite}
@keyframes mtPastel{from{background-position:0% 50%}to{background-position:100% 50%}}
.mt-pastel{animation:mtPastel 6s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(255,255,255,.55) inset,0 0 26px rgba(199,184,255,.55),0 0 60px -10px rgba(168,240,255,.55)!important}
.mt-pastel:hover{box-shadow:0 0 0 1px rgba(255,255,255,.8) inset,0 0 34px rgba(255,198,232,.6),0 0 80px rgba(168,240,255,.55)!important}
/* ---- buttons: filled = pastel blue gradient, transparent = half-neon; livelier hover / press ---- */
@keyframes mtBurst{from{opacity:.75;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.mt-btn,.mt-ghost{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .35s,background-color .3s,border-color .3s,color .3s,filter .3s!important}
.mt-btn::after,.mt-ghost::after{content:"";position:absolute;left:50%;top:50%;width:240%;aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;z-index:-1;transform:translate(-50%,-50%) scale(0)}
.mt-btn:active::after,.mt-ghost:active::after{animation:mtBurst .55s ease-out}
.mt-btn:not(.mt-pastel){background:linear-gradient(120deg,#BFD7FF 0%,#A9E6FF 35%,#C5CCFF 65%,#BFD7FF 100%)!important;background-size:250% 100%!important;color:#0B1636!important;font-weight:800!important;animation:mtPastel 6s ease-in-out infinite alternate;box-shadow:0 0 0 1px rgba(255,255,255,.6) inset,0 0 10px rgba(150,200,255,.4)!important}
.mt-btn::after{background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0))}
.mt-btn:hover{transform:translateY(-3px) scale(1.03);filter:saturate(1.15) brightness(1.04)}
.mt-btn:not(.mt-pastel):hover{box-shadow:0 0 0 1px rgba(255,255,255,.85) inset,0 0 14px rgba(169,230,255,.6),0 6px 18px -6px rgba(120,170,255,.6)!important}
.mt-btn:active,.mt-ghost:active{transform:translateY(0) scale(.95);transition-duration:.08s!important}
.mt-ghost{border-color:rgba(94,225,255,.5)!important;color:#DDF8FF!important;background-color:rgba(94,225,255,.05)!important;box-shadow:0 0 6px rgba(94,225,255,.22),0 0 8px rgba(94,225,255,.12) inset;text-shadow:0 0 8px rgba(94,225,255,.45)}
.mt-ghost::after{background:radial-gradient(closest-side,rgba(94,225,255,.75),rgba(94,225,255,0))}
.mt-ghost:hover{transform:translateY(-3px);border-color:#7DEBFF!important;color:#FFFFFF!important;background-color:rgba(94,225,255,.14)!important;box-shadow:0 0 0 1px rgba(125,235,255,.35) inset,0 0 12px rgba(94,225,255,.5);text-shadow:0 0 12px rgba(125,235,255,.9)}
@media (prefers-reduced-motion: reduce){.mt-btn,.mt-pastel{animation:none!important}.mt-btn:active::after,.mt-ghost:active::after{animation:none}}
.mt-logo{transition:transform .35s cubic-bezier(.3,1.4,.5,1),border-color .3s,box-shadow .3s,color .3s}
.mt-logo:hover{transform:translateY(-4px);border-color:rgba(94,225,255,.6)!important;color:#BFF6FF!important;box-shadow:0 0 0 1px rgba(94,225,255,.25) inset,0 0 28px rgba(94,225,255,.35)}
.mt-logo:hover svg{filter:drop-shadow(0 0 6px #5EE1FF)}
@media (max-width: 760px){.mt-logos{gap:10px!important}.mt-logo{width:calc(50% - 5px)!important;height:72px!important}.mt-logo span{font-size:16px!important}}
@keyframes mtBandL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mtBandR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@supports (animation-timeline: view()){
.mt-iol{animation:mtIoL linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mt-ior{animation:mtIoR linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mt-iou{animation:mtIoU linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mt-pgrid>article:nth-child(3n+2),.mt-sgrid>:nth-child(odd),.mt-hgrid>:nth-child(-n+2),.mt-ggrid>:nth-child(1),.mt-ggrid>:nth-child(4),.mt-fgrid>:nth-child(odd){animation:mtIoL linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mt-pgrid>article:nth-child(3n+4),.mt-sgrid>:nth-child(even),.mt-hgrid>:nth-child(n+3),.mt-ggrid>:nth-child(2),.mt-ggrid>:nth-child(3),.mt-ggrid>:nth-child(5),.mt-fgrid>:nth-child(even){animation:mtIoR linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
.mt-pgrid>article:nth-child(3n+3){animation:mtIoU linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
}
/* ---- hero slider: directional slide-ins (a/b names restart the animation) ---- */
@keyframes mtSinRa{from{opacity:0;transform:translateX(120px)}to{opacity:1;transform:none}}
@keyframes mtSinRb{from{opacity:0;transform:translateX(120px)}to{opacity:1;transform:none}}
@keyframes mtSinLa{from{opacity:0;transform:translateX(-120px)}to{opacity:1;transform:none}}
@keyframes mtSinLb{from{opacity:0;transform:translateX(-120px)}to{opacity:1;transform:none}}
.mt-sinRa{animation:mtSinRa .8s cubic-bezier(.2,.8,.2,1) both}.mt-sinRb{animation:mtSinRb .8s cubic-bezier(.2,.8,.2,1) both}
.mt-sinLa{animation:mtSinLa .8s cubic-bezier(.2,.8,.2,1) both}.mt-sinLb{animation:mtSinLb .8s cubic-bezier(.2,.8,.2,1) both}
/* ---- phone layout ---- */
.mt-burger{display:none}
@media (max-width: 760px){
.mt-burger{display:inline-flex!important}
.mt-navlinks,.mt-signin{display:none!important}
header nav{padding:12px 16px!important;gap:12px!important}
.mt-navcta{gap:8px!important}
.mt-navcta .mt-btn{height:44px!important;padding:0 16px!important;font-size:13px!important}
[style*="padding: 0 40px"]{padding-left:16px!important;padding-right:16px!important}
[style*="padding: 130px 0 120px"]{padding:84px 0 72px!important}
[style*="padding: 130px 0"]{padding-top:84px!important;padding-bottom:84px!important}
[style*="padding: 120px 0"]{padding-top:72px!important;padding-bottom:72px!important}
[style*="padding: 110px 0 130px"]{padding:72px 0 84px!important}
[style*="padding: 40px 0 130px"]{padding:24px 0 84px!important}
#top{min-height:0!important}
.mt-heroin{padding:112px 16px 64px!important;gap:28px!important;min-height:0!important}
.mt-heroin h1{font-size:40px!important;letter-spacing:-0.03em!important}
.mt-heroin p{font-size:16px!important}
.mt-heroin .mt-btn,.mt-heroin .mt-ghost{height:52px!important;padding:0 22px!important;font-size:15px!important}
.mt-sctl{gap:12px!important;margin-top:4px!important}
.mt-hcards{flex:1 1 100%!important;align-items:stretch!important;gap:10px!important}
.mt-hcards .mt-glass{width:auto!important;margin-right:0!important}
.mt-hcards>div:nth-child(3){display:none!important}
.mt-hubcard{padding:28px 20px!important;gap:20px!important;border-radius:24px!important}
.mt-hubcard h3{font-size:30px!important}
.mt-hubcard>div:last-child{min-height:220px!important}
.mt-pgrid{gap:16px!important}
.mt-pgrid>article:not(.mt-hubcard){padding:22px!important;gap:18px!important}
.mt-pgrid>article:not(.mt-hubcard)>div:first-child{height:180px!important}
.mt-ggrid{grid-auto-rows:240px!important;gap:14px!important}
.mt-bandl>div>span{font-size:44px!important}
.mt-bandr>div>span{height:50px!important;font-size:15px!important;padding:0 18px!important}
.mt-aboutin{padding:36px 22px!important}
.mt-ctabox{padding:52px 20px!important;border-radius:28px!important}
footer>div{padding:48px 16px 32px!important;gap:36px!important}
form[role="search"] button{padding:0 18px!important}
.mt-ocstage{padding:76px 0 12px!important;gap:4px!important}
.mt-ocstage h2{font-size:28px!important}
.mt-ocstage p{font-size:14px!important}
}
/* ---- ONE CENTER: pinned stage, equalizer around the hub, devices revealed by scroll ---- */
.mt-oc{position:relative}
.mt-ocstage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:96px 0 40px;overflow:hidden}
.mt-bloom{position:relative;width:100%;max-width:1040px;height:640px;margin:0 auto;--k:1;--wk:1;--hk:1;--ps:1}
.mt-bloom .mt-hubwrap{transform:scale(var(--hk))}
.mt-eq{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1;pointer-events:none}
.mt-wave{position:absolute;left:0;top:0;width:0;height:0}
.mt-wspin{position:absolute;left:0;top:0;width:0;height:0;animation:mtSpin var(--spin) linear infinite}
.mt-eqr{position:absolute;left:-3.5px;top:0;width:7px;height:0;transform:rotate(var(--a)) translateY(calc(var(--R)*var(--wk)*-1))}
.mt-eqg{position:absolute;left:0;bottom:0;width:7px;height:calc(var(--h)*var(--wk));transform-origin:50% 100%;transform:scaleY(.72);opacity:.82;transition:transform .9s cubic-bezier(.3,1.25,.5,1) var(--d),opacity .6s,filter .6s}
.mt-eqb{display:block;width:100%;height:100%;border-radius:4px;background:linear-gradient(0deg,var(--c1),var(--c2));box-shadow:0 0 10px var(--c2);transform-origin:50% 100%;animation:mtEq var(--du) ease-in-out var(--de) infinite alternate}
@keyframes mtEq{0%{transform:scaleY(.25)}35%{transform:scaleY(.8)}65%{transform:scaleY(.42)}100%{transform:scaleY(1)}}
/* hover: only a little more energy */
.mt-bloom:hover .mt-eqg,.mt-bloom.is-open .mt-eqg{transform:scaleY(1);opacity:1;filter:brightness(1.15)}
.mt-hub{transition:transform .6s cubic-bezier(.3,1.4,.5,1),box-shadow .6s}
.mt-hubring{opacity:.45;transition:opacity .5s,transform .8s}
.mt-bloom:hover .mt-hub,.mt-bloom.is-open .mt-hub{transform:scale(1.04);box-shadow:0 0 0 2px rgba(150,240,255,.7),0 0 50px rgba(94,225,255,.6),0 0 110px rgba(61,123,255,.5)}
.mt-bloom:hover .mt-hubring,.mt-bloom.is-open .mt-hubring{opacity:.9;transform:scale(1.06)}
.mt-rip{position:absolute;inset:0;border-radius:50%;border:2px solid #5EE1FF;box-shadow:0 0 24px #5EE1FF,0 0 24px #5EE1FF inset;opacity:0;pointer-events:none;display:block}
@keyframes mtRipA{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}
@keyframes mtRipB{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}
.mt-ripA{animation:mtRipA 1.3s cubic-bezier(.2,.7,.2,1)}.mt-ripB{animation:mtRipB 1.3s cubic-bezier(.2,.7,.2,1)}
/* device cards and branches: final positions (shown as-is where scroll timelines are unsupported) */
.mt-petal{position:absolute;left:50%;top:50%;width:170px;margin:-36px 0 0 -85px;z-index:3;--tx:calc(var(--x)*var(--k));--ty:calc(var(--y)*var(--k));transform:translate(var(--tx),var(--ty)) scale(var(--ps))}
.mt-bline{transform:rotate(var(--rot)) scaleX(1)}
.mt-petal .mt-pcard{transition:transform .3s,box-shadow .3s}
.mt-nicon{animation:mtFlick 9s linear infinite}
.mt-petal:hover .mt-nicon{filter:brightness(1.35)}
.mt-petal:hover .mt-pcard{transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 1px rgba(150,240,255,.8) inset,0 0 34px rgba(94,225,255,.55)}
@keyframes mtPetalIn{from{opacity:0;transform:translate(0,0) scale(.2) rotate(-25deg)}to{opacity:1;transform:translate(var(--tx),var(--ty)) scale(var(--ps)) rotate(0deg)}}
@keyframes mtLineIn{from{opacity:0;transform:rotate(var(--rot)) scaleX(0)}to{opacity:1;transform:rotate(var(--rot)) scaleX(1)}}
@keyframes mtRingIn{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@supports (animation-timeline: view()){
.mt-oc{height:2600px;view-timeline-name:--oc;view-timeline-axis:block}
.mt-ocstage{position:sticky;top:0;height:min(100vh,1000px)}
.mt-wave{animation:mtRingIn linear both;animation-timeline:--oc;animation-range:var(--rr)}
.mt-petal{animation:mtPetalIn linear both;animation-timeline:--oc;animation-range:var(--pr)}
.mt-bline{animation:mtLineIn linear both;animation-timeline:--oc;animation-range:var(--pr)}
}
@media (max-width: 760px){
.mt-bloom{--k:.5;--wk:.58;--hk:.56;--ps:.72;height:480px}
.mt-petal{--tx:var(--mx);--ty:var(--my)}
.mt-pmore,.mt-blines{display:none!important}
}
@supports (animation-timeline: view()){@media (max-width: 760px){.mt-oc{height:2000px}}}
@media (prefers-reduced-motion: reduce){.mt-hub,.mt-eqg{transition-duration:.01s!important}.mt-eqb,.mt-wspin{animation:none!important}}
@media (max-width: 760px){.mt-span2{grid-column:auto!important;grid-row:auto!important}}
@media (prefers-reduced-motion: reduce){.mt-iol,.mt-ior,.mt-iou,.mt-bandl,.mt-bandr,.mt-pgrid>*,.mt-sgrid>*,.mt-hgrid>*,.mt-ggrid>*,.mt-fgrid>*,.mt-sinRa,.mt-sinRb,.mt-sinLa,.mt-sinLb{animation:none!important}}
@media (prefers-reduced-motion: reduce){.mt-rv,.mt-rv2,.mt-rv3,.mt-rvl,.mt-rvr,.mt-rvs,.mt-par,.mt-wide,.mt-heroout,.mt-herozoom,.mt-neon,.mt-beam::after,.mt-gridbg,.mt-orb{animation:none!important}}
@media (prefers-reduced-motion: reduce){.mt-float,.mt-float2,.mt-float3,.mt-kb,.mt-marq,.mt-spin,.mt-pulse,.mt-pulse2,.mt-glow,.mt-bar{animation:none!important}}