.mt-hero{isolation:isolate;position:relative;overflow-x:clip}.mt-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 80% at 90% 8%, color-mix(in oklab, var(--m) 17%, transparent), transparent 72%), radial-gradient(40% 55% at 0% 0%, color-mix(in oklab, var(--m) 8%, transparent), transparent 70%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}@keyframes mt-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .mt-in{animation:.8s cubic-bezier(.2,.8,.2,1) both mt-rise;animation-delay:calc(80ms + var(--k,0) * 90ms)}}.mt-phone{--ph:34rem}.mt-phone[data-fixed=true] .mt-screen{height:var(--ph)}.mt-screen{flex-direction:column;display:flex}.mt-chat[data-fixed=true]{flex-direction:column;flex:auto;justify-content:flex-end;min-height:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 1.75rem);mask-image:linear-gradient(#0000 0,#000 1.75rem)}.mt-row{grid-template-rows:1fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1),opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);display:grid}.mt-row-in{min-height:0;overflow:hidden}.mt-row-in>*{padding-bottom:.5rem}html[data-motion=on] .mt-chat[data-fixed=true] .mt-row[data-on=false]{opacity:0;grid-template-rows:0fr;transform:translateY(14px)}html[data-motion=on] .mt-chat[data-fixed=false] .mt-row[data-on=false]{opacity:0;transform:translateY(14px)}.mt-wave i{width:3px;height:var(--h);background:color-mix(in oklab, var(--m) 75%, transparent);transform-origin:50%;border-radius:2px;display:block}@keyframes mt-wave{50%{transform:scaleY(.35)}}html[data-motion=on] .mt-wave i{animation:1.1s ease-in-out infinite mt-wave;animation-delay:calc(var(--d) * .11s)}.mt-fan>*{--q:clamp(0, var(--p,1), 1);transform-origin:50% 100%;transform:translate3d(calc((1 - var(--q)) * var(--fx,0rem)), calc((1 - var(--q)) * var(--fy,0rem)), 0) rotate(calc((1 - var(--q)) * var(--fr,0deg)))}.mt-fan>:first-child{--fr:-3deg;--fy:1.25rem}.mt-fan>:nth-child(2){--fr:2.5deg;--fy:2.25rem}.mt-fan>:nth-child(3){--fr:-2deg;--fy:3.25rem}@media (min-width:768px){.mt-fan>:first-child{--fr:-9deg;--fx:8rem;--fy:2rem}.mt-fan>:nth-child(2){--fr:0deg;--fx:0rem;--fy:.5rem}.mt-fan>:nth-child(3){--fr:9deg;--fx:-8rem;--fy:2rem}}.mt-badge{background:var(--m);border-radius:9999px;width:.75rem;height:.75rem}.mt-badge:after{content:"";border-radius:inherit;background:var(--m);opacity:0;position:absolute;inset:0}html[data-motion=on] .mt-badge:after{animation:2.4s ease-out infinite mt-ping}@keyframes mt-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.mt-out{transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}.mt-tick{transition:transform .45s cubic-bezier(.3,1.4,.5,1),background-color .3s,color .3s}html[data-motion=on] .mt-out[data-on=false]{opacity:.4;transform:translateY(6px)}html[data-motion=on] .mt-out[data-on=false] .mt-tick{color:#0000;background:0 0;transform:scale(.85)}.mt-story[data-live=on]{height:calc(100svh + var(--s) * 30svh)}.mt-stick{display:block}.mt-story[data-live=on] .mt-stick{align-items:center;height:calc(100svh - 4rem);display:flex;position:sticky;top:4rem;overflow:hidden}.mt-story[data-live=on] .mt-stick>*{width:100%}.mt-story[data-live=on] .mt-phone{--ph:min(46rem, calc(100svh - 7.5rem))}.mt-bento{--gap:1rem}.mt-bcard{isolation:isolate;background:var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m) 26%, var(--color-border));border-radius:1.5rem;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.mt-bcard:before{content:"";z-index:-1;background:radial-gradient(70% 70% at 0% 0%, color-mix(in oklab, var(--m) 14%, transparent), transparent 70%);position:absolute;inset:0}.mt-bcard:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m) 55%, var(--color-border))}.mt-bicon{z-index:-1;color:var(--m);opacity:.12;position:absolute;bottom:-1.5rem;right:-1.5rem}.mt-step{--n0:0;--s0:.5;--s1:1;--p:1}.mt-node{isolation:isolate}.mt-node:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in oklab, var(--m) 32%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--m) 18%, transparent);opacity:clamp(0, calc((var(--p) - var(--n0)) * 12), 1);position:absolute;inset:0}.mt-seg{background:var(--color-border);border-radius:2px;position:absolute}.mt-seg:after{content:"";border-radius:inherit;background:var(--m);transform-origin:0 0;--f:clamp(0, calc((var(--p) - var(--s0)) / (var(--s1) - var(--s0))), 1);transform:scaleY(var(--f));position:absolute;inset:0}.mt-seg{width:2px;top:3.25rem;bottom:.25rem;left:calc(1.5rem - 1px)}.mt-step:last-child .mt-seg{display:none}@media (min-width:768px){.mt-seg{width:auto;height:2px;inset:calc(1.5rem - 1px) .5rem auto 3.5rem}.mt-seg:after{transform:scaleX(var(--f))}.mt-step:first-child{--n0:.02;--s0:.05;--s1:.4}.mt-step:nth-child(2){--n0:.4;--s0:.45;--s1:.8}.mt-step:nth-child(3){--n0:.8}}@media (max-width:767.98px){.mt-step{--n0:.5;--s0:.5;--s1:1}}.mt-card{isolation:isolate;background:linear-gradient(160deg, color-mix(in oklab, var(--m) 12%, var(--color-card)), var(--color-card) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m) 30%, var(--color-border));border-radius:1.5rem;transition:box-shadow .25s,transform .25s;position:relative}.mt-card:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m) 65%, var(--color-border))}.mt-card:hover .mt-arrow{transform:translate(.2rem,-.2rem)}.mt-arrow{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.mt-pill{background:color-mix(in oklab, var(--m) 9%, var(--color-card));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m) 35%, var(--color-border));transition:box-shadow .2s,transform .2s}.mt-pill:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--m) 70%, var(--color-border));transform:translateY(-2px)}html[data-motion=off] :is(.mt-row,.mt-out,.mt-tick){transition:none!important}html[data-motion=off] :is(.mt-in,.mt-wave i){animation:none!important}@media (prefers-reduced-motion:reduce){:is(.mt-row,.mt-out,.mt-tick,.mt-bcard,.mt-card,.mt-pill,.mt-arrow){transition:none!important}:is(.mt-in,.mt-wave i){animation:none!important}}