#momo-intro{position:relative;z-index:100;background:#f2f3ed;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;color:#354330;letter-spacing:-.04em}#momo-intro *{box-sizing:border-box}.mi-shell{position:relative;isolation:isolate;max-width:460px;margin:auto;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#f6d9c5a0,transparent 58%),radial-gradient(ellipse at 0% 60%,#dae3cba0,transparent 50%),#fffcf5;padding:env(safe-area-inset-top) 26px max(22px,env(safe-area-inset-bottom))}.mi-header{height:77px;display:flex;align-items:center;justify-content:space-between}.mi-logo{font-size:30px;font-weight:850;letter-spacing:-2px;color:#6b805b}.mi-logo>span{color:#df9f80}.mi-label{font-size:12px;color:#8c9480;letter-spacing:-.02em}.mi-story{text-align:center;padding-top:20px;animation:mi-reveal .75s both}.mi-eyebrow{font-size:10px;font-weight:650;letter-spacing:3px;color:#a0a78f;margin:0 0 16px}.mi-story h1{font-size:35px;line-height:1.35;font-weight:760;letter-spacing:-1.7px;margin:0;word-break:keep-all}.mi-story em{font-style:normal;color:#798d62}.mi-copy{font-size:16px;line-height:1.75;margin:17px 0 0;color:#8d9283}.mi-cinema{height:320px;min-height:270px;position:relative;margin:12px -8px 0;flex:1}.mi-orbit{width:285px;height:235px;border:1px solid #c3cba94d;border-radius:50%;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-20deg)}.mi-card{position:absolute;top:43%;width:164px;padding:10px 10px 16px;border-radius:22px;background:#fffef9;box-shadow:0 16px 35px #646f4120;text-align:left;transform-origin:center bottom}.mi-card-one{left:calc(50% - 166px);--angle:-12deg;--move:-45px;animation:mi-card-arrive .9s .18s both,mi-card-float 4s 1.1s ease-in-out 3}.mi-card-two{right:calc(50% - 166px);--angle:11deg;--move:45px;animation:mi-card-arrive .9s .32s both,mi-card-float 4s 1.5s ease-in-out 3}.mi-picture{height:164px;border-radius:15px;overflow:hidden;background:#f3f2e8}.mi-card-two .mi-picture{background:#fae8db}.mi-picture svg{width:100%;height:100%}.mi-card b{display:block;font-size:15px;margin:12px 3px 4px;font-weight:650}.mi-card>span{display:block;font-size:11px;color:#929783;margin:0 3px}.mi-match{position:absolute;top:42%;left:50%;margin:-20px 0 0 -24px;width:48px;height:48px;display:grid;place-items:center;background:#f2b59b;color:white;border:4px solid #fff9ef;border-radius:50%;font-size:32px;line-height:1;box-shadow:0 8px 22px #c9947430;animation:mi-heart 1.8s .8s 4 both}.mi-note{position:absolute;left:50%;bottom:6%;white-space:nowrap;font-size:12px;padding:10px 16px;border-radius:25px;background:#fffdf2;box-shadow:0 6px 20px #737d4410;animation:mi-note .8s 1s both;color:#8a927b}.mi-note span{color:#d69b7f;margin-left:6px}.mi-spark{position:absolute;font-style:normal;color:#c7b484;animation:mi-spark 2.8s .5s 3}.s1{left:7%;top:12%;font-size:25px}.s2{right:8%;top:13%;font-size:36px}.mi-steam{animation:mi-steam 2s 3}.mi-bottom{position:relative;padding-top:18px;animation:mi-reveal .8s .4s both}.mi-promise{display:flex;justify-content:center;gap:8px;color:#969b88;font-size:12px;margin-bottom:18px}.mi-promise i{font-style:normal}.mi-cta{width:100%;min-height:62px;padding:18px 22px;border:0;border-radius:20px;background:#647c51;color:#fffef5;font-family:inherit;font-size:18px;font-weight:650;letter-spacing:-.04em;display:flex;align-items:center;justify-content:center;gap:20px;box-shadow:0 8px 25px #647c5126;cursor:pointer;transition:transform .18s,box-shadow .18s}.mi-cta>span{font-size:25px;font-weight:400}.mi-cta:active{transform:scale(.96);box-shadow:none}.mi-cta:focus-visible{outline:3px solid #d4af82;outline-offset:5px}.mi-foot{text-align:center;font-size:11px;color:#aaa995;margin:13px 0 0}.q-logo{cursor:pointer}
@keyframes mi-reveal{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes mi-card-arrive{from{opacity:0;transform:translate(var(--move),-30%) rotate(0) scale(.75)}to{opacity:1;transform:translateY(-50%) rotate(var(--angle))}}@keyframes mi-card-float{0%,100%{transform:translateY(-50%) rotate(var(--angle))}50%{transform:translateY(calc(-50% - 10px)) rotate(calc(var(--angle) + 3deg))}}@keyframes mi-heart{0%,100%{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(.96)}60%{transform:scale(1.07)}}@keyframes mi-note{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes mi-spark{0%,100%{opacity:.5;transform:scale(.85) rotate(-10deg)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}@keyframes mi-steam{from{opacity:0;transform:translateY(5px)}50%{opacity:1}to{opacity:0;transform:translateY(-5px)}}
@media(min-width:600px){.mi-shell{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:30px;border:1px solid #e4e8dc}.mi-cinema{min-height:310px}}
@media(max-height:750px){.mi-header{height:60px}.mi-story{padding-top:10px}.mi-story h1{font-size:30px}.mi-eyebrow{margin-bottom:10px}.mi-copy{margin-top:12px;font-size:15px}.mi-cinema{min-height:250px;height:250px}.mi-card{width:146px}.mi-card-one{left:calc(50% - 146px)}.mi-card-two{right:calc(50% - 146px)}.mi-picture{height:137px}.mi-bottom{padding-top:10px}.mi-promise{margin-bottom:12px}}
.mi-logo{letter-spacing:1px;font-size:27px}.q-logo{letter-spacing:1px}
@media(prefers-reduced-motion:reduce){#momo-intro *,#momo-intro *:after{animation:none!important;transition:none!important}.mi-card{transform:translateY(-50%) rotate(var(--angle))}.mi-note{transform:translateX(-50%)}}