.mk-hero-title{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(2.6rem,6.4vw,4.75rem);line-height:.98}.mk-word{display:inline-block}.mk-stage{aspect-ratio:560/580;width:100%;position:relative}.mk-standee{aspect-ratio:400/601;color:#06322d;text-align:center;background:linear-gradient(170deg,#fff,#f6f4ee);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7%;width:44%;padding:8%;display:flex;position:absolute;bottom:4%;left:0;rotate:-7deg;box-shadow:0 30px 60px -24px #0009}.mk-standee .tapyo-logo{width:58%}.mk-standee strong{letter-spacing:-.02em;font-size:clamp(.8rem,1.6vw,1.05rem);font-weight:900;line-height:1.15}.mk-standee-target{aspect-ratio:1;color:#0e7a6e;background:#edf6f2;border:2px dashed #0e7a6e;border-radius:22%;place-items:center;width:62%;display:grid}.mk-standee small{color:#57534e;align-items:center;gap:5px;font-size:clamp(.62rem,1.1vw,.75rem);font-weight:700;display:inline-flex}.mk-ripple{aspect-ratio:1;opacity:0;pointer-events:none;border:2px solid #f5a623;border-radius:50%;width:22%;position:absolute;top:36%;left:40%;translate:-50% -50%}.mk-phone{aspect-ratio:9/19;background:linear-gradient(160deg,#24302d,#0b0f0e);border-radius:15%/7%;width:46%;padding:3.2%;position:absolute;top:2%;right:6%;box-shadow:0 50px 90px -30px #000000bf,inset 0 0 0 1.5px #ffffff24}.mk-phone:before{z-index:2;content:"";background:#0b0f0e;border-radius:999px;width:30%;height:3.2%;position:absolute;top:4.2%;left:50%;translate:-50%}.mk-screen{background:#f6f4ee;border-radius:12%/5.6%;height:100%;position:relative;overflow:hidden;container-type:size}.mk-screen img{width:100%;height:auto;display:block}.mk-chip{z-index:3;color:#06322d;white-space:nowrap;background:#fffffff2;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 18px 40px -18px #0009}.mk-chip svg{color:#0e7a6e}.mk-chip-0{top:4%;left:2%}.mk-chip-1{top:48%;right:-2%}.mk-chip-2{bottom:1%;left:30%}.mk-video-dialog{background:#000;border:0;border-radius:20px;width:min(92vw,960px);max-width:none;margin:auto;padding:0;overflow:hidden}.mk-video-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#021412c7}.mk-video-close{z-index:1;color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}.mk-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.mk-marquee-track{width:max-content;display:flex}.mk-marquee-track ul{gap:44px;margin:0;padding:0 44px 0 0;list-style:none;display:flex}.mk-marquee-track li{color:#06322d;letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:44px;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:800;display:flex}.mk-marquee-track li:after{content:"";background:#f5a623;border-radius:50%;width:8px;height:8px}.mk-steps-line{display:none}@media (min-width:768px){.mk-steps-line{z-index:0;transform-origin:0;background:#06322d;border-radius:3px;height:3px;display:block;position:absolute;top:48px;left:48px;right:calc(33.3333% - .666667rem - 48px)}.mk-step{z-index:1}}@keyframes mk-word-in{0%{opacity:0;filter:blur(10px);translate:0 .45em}}@keyframes mk-rise{0%{opacity:0;translate:0 48px}}@keyframes mk-phone-in{0%{opacity:0;translate:0 70px;rotate:6deg}}@keyframes mk-float{to{translate:0 -10px}}@keyframes mk-ripple{0%{opacity:.9;scale:.3}to{opacity:0;scale:2.6}}@keyframes mk-scroll{0%,12%{translate:0}88%,to{translate:0 calc(100cqh - 100%)}}@keyframes mk-pop{0%{opacity:0;scale:.6}}@keyframes mk-marquee{to{translate:-50%}}@keyframes mk-reveal{0%{opacity:0;translate:0 40px}}@keyframes mk-tilt{0%{opacity:.2;transform:perspective(1200px)rotateX(16deg)translateY(60px)scale(.94)}}@keyframes mk-line{0%{scale:0 1}}@media (prefers-reduced-motion:no-preference){.mk-word{animation:mk-word-in .9s calc(.12s + var(--i) * 80ms) cubic-bezier(.22, 1, .36, 1) both}.mk-standee{animation:1s cubic-bezier(.22,1,.36,1) .25s both mk-rise}.mk-phone{animation:1.1s cubic-bezier(.22,1,.36,1) .15s both mk-phone-in,4s ease-in-out 1.4s infinite alternate mk-float}.mk-ripple{animation:2.4s cubic-bezier(0,0,.2,1) 1.2s infinite mk-ripple}.mk-ripple:nth-of-type(2){animation-delay:2s}.mk-ripple:nth-of-type(3){animation-delay:2.8s}.mk-screen img{animation:16s ease-in-out 1.8s infinite alternate mk-scroll}.mk-chip{animation:mk-pop .7s calc(.9s + var(--i) * .18s) cubic-bezier(.34, 1.56, .64, 1) both, mk-float 5s calc(1.8s + var(--i) * .6s) ease-in-out infinite alternate}.mk-marquee-track{animation:45s linear infinite mk-marquee}.mk-marquee:hover .mk-marquee-track{animation-play-state:paused}@supports (animation-timeline:view()){.mk-reveal,.mk-step{animation:linear both mk-reveal;animation-timeline:view();animation-range:entry cover 25%}.mk-step:nth-of-type(2){animation-range:entry 10% cover 32%}.mk-step:nth-of-type(3){animation-range:entry 20% cover 40%}.mk-tilt{transform-origin:50% 100%;animation:linear both mk-tilt;animation-timeline:view();animation-range:entry cover 35%}.mk-steps-line{animation:linear both mk-line;animation-timeline:view();animation-range:entry 40% cover 55%}}}
