@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap";:root{--color-bg-blue: #63D0FF;--color-bg-yellow: #FFF59D;--color-bg-yellow-pattern: #FFF176;--color-primary: #FF527B;--color-secondary: #29B6F6;--color-accent: #FFD54F;--color-text-main: #5D4037;--color-text-white: #FFFFFF;--font-main: "M PLUS Rounded 1c", sans-serif;--spacing-section: 4rem;--radius-xl: 30px;--radius-lg: 20px;--shadow-float: 0 10px 25px rgba(0, 0, 0, .15);--border-white: 4px solid white}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-blue);color:var(--color-text-main);line-height:1.6;overflow-x:hidden;width:100%;background-image:url(/images/title_background.png);background-repeat:repeat;background-size:358px auto;background-position:top left}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.container{max-width:1000px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:800;border-radius:50px;transition:transform .1s,box-shadow .1s;cursor:pointer;border:4px solid white;box-shadow:0 6px #0000001a;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(0,0,0,.1)}.btn:active{transform:translateY(4px);box-shadow:none}.btn-primary{background:linear-gradient(to bottom,#ff80ab,#ff4081);color:#fff;font-size:1.4rem;padding:1rem 3rem;width:100%;max-width:400px}.btn-secondary{background:#fff;color:var(--color-text-main);border-color:var(--color-bg-blue);font-size:1rem}.site-header{display:none}section{position:relative;z-index:10}.hero{min-height:calc(80vh + 100px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:65px 1rem 164px;background-image:url(/images/title_background.png);background-repeat:repeat;background-size:358px auto;position:relative;overflow:hidden}.hero:before{display:none}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1200px;width:100%;grid-template-columns:1fr;position:relative;z-index:5}.hero-logo-container{position:relative;display:inline-block;margin-bottom:2rem;z-index:10}.hero-logo{max-width:720px;width:90vw;height:auto;filter:drop-shadow(0 10px 0 rgba(0,0,0,.1));animation:pop-in-bounce .8s cubic-bezier(.34,1.56,.64,1) 2s backwards,float-logo 3s ease-in-out 2.8s infinite;position:relative;z-index:10}@keyframes pop-in-bounce{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-instrument{position:absolute;width:240px;height:auto;z-index:5;opacity:0;transform:scale(0);animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes inst-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes inst-float{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1) translateY(-10px)}}@keyframes inst-appear-rotated{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(-20deg)}}@keyframes inst-float-rotated{0%,to{transform:scale(1) translateY(0) rotate(-20deg)}50%{transform:scale(1) translateY(-10px) rotate(-20deg)}}@keyframes inst-appear-flipped{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scaleX(-1)}}@keyframes inst-float-flipped{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-10px)}}.inst-1{top:-60px;left:-100px;animation:inst-appear .5s cubic-bezier(.175,.885,.32,1.275) 0s forwards,inst-float 3s ease-in-out .5s infinite}.inst-2{top:-80px;left:30%;animation:inst-appear .5s cubic-bezier(.175,.885,.32,1.275) .3s forwards,inst-float 3s ease-in-out .8s infinite}.inst-3{top:-60px;right:-100px;animation:inst-appear .5s cubic-bezier(.175,.885,.32,1.275) .6s forwards,inst-float 3s ease-in-out 1.1s infinite}.inst-4{bottom:-50px;right:-90px;animation:inst-appear-flipped .5s cubic-bezier(.175,.885,.32,1.275) .9s forwards,inst-float-flipped 3s ease-in-out 1.4s infinite}.inst-5{bottom:-90px;left:40%;animation:inst-appear .5s cubic-bezier(.175,.885,.32,1.275) 1.2s forwards,inst-float 3s ease-in-out 1.7s infinite}.inst-6{bottom:-50px;left:-90px;animation:inst-appear-rotated .5s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards,inst-float-rotated 3s ease-in-out 2s infinite}@media(max-width:768px){.hero{min-height:calc(50vh + 150px);justify-content:flex-start;padding:65px 1rem 160px}.hero-logo{max-width:100%;width:85vw;margin-top:30px}.hero-instrument{width:135px}.inst-1{top:-40px;left:-30px}.inst-2{top:-90px;left:30%}.inst-3{top:-40px;right:-30px}.inst-4{bottom:-60px;right:-30px}.inst-5{bottom:-110px;left:35%}.inst-6{bottom:-60px;left:-30px}.hero-logo-container{transform:translateY(20px)}.hero .store-badges{margin-top:10rem;flex-direction:row;gap:1rem;transform:translateY(220px)}}.store-badges{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;position:relative;z-index:20}.store-badge-img{width:auto;height:60px;object-fit:contain;transition:transform .2s;display:block}.store-badge-img:hover{transform:scale(1.05)}.section-features{background-color:var(--color-bg-yellow);background-image:url(/images/featuressection_back.png?v=4);background-repeat:repeat;background-size:147px auto;padding-top:0;padding-bottom:6rem}.section-features-alt{background-color:var(--color-bg-yellow);background-image:url(/images/featuressection_back.png?v=4);background-repeat:repeat;background-size:147px auto;padding:0 0 6rem;text-align:center}#features-3{padding-bottom:0;-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.section-title{width:100%;background-color:var(--color-primary);color:#fff;font-size:3rem;font-weight:800;text-align:center;padding:1.6rem 1rem;margin:0 0 4rem;box-shadow:0 6px #0000001a;position:relative;z-index:10;text-shadow:3px 3px 0 rgba(0,0,0,.1);left:0;right:0;width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);box-sizing:border-box;overflow:hidden}.section-title span{position:relative;z-index:2}.section-title:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,#fff0 30%,#ffffff73,#fff0 70%);transform:skew(-25deg);z-index:1}.section-title.active:after{animation:title-sparkle 1.2s ease-in-out forwards}@keyframes title-sparkle{0%{left:-150%}to{left:150%}}@media(max-width:600px){.section-title{font-size:2rem;padding:1.5rem 1rem}}.section-title-gold{background:linear-gradient(to bottom,#ffecb3,#ffca28,#ff6f00);box-shadow:0 6px #0000001a,inset 0 2px #ffffff80;color:#fff;text-shadow:2px 2px 4px rgba(139,69,19,.5);border-bottom:2px solid #E65100}.features-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px;position:relative;z-index:2}.features-grid .feature-card:nth-child(2){margin-top:50px;margin-bottom:-50px}.feature-separator{height:50px;width:66%;width:10px;background-color:#ffffff80;margin:0 auto;border-radius:25px}.feature-card{background:transparent;box-shadow:none;padding:3rem 0;min-height:250px;width:100%;border:none;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.feature-bg-video{position:absolute;top:50%;left:50%;width:100vw;margin-left:-50vw;height:120%;transform:translateY(-50%);object-fit:cover;z-index:-1;pointer-events:none;opacity:.4;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}@media(max-width:768px){.feature-bg-video{width:100vw;height:100%;top:0;left:50%;margin-left:-50vw;transform:none;border-radius:0}}.feature-card:hover{transform:translateY(-5px)}.feature-icon-circle{width:120px;height:120px;background:#29b6f6;border:4px solid white;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;box-shadow:0 6px #0000001a}.feature-left,.feature-right{margin-bottom:1rem}.feature-left{transform:rotate(-2deg)}.feature-right{transform:rotate(2deg)}.feature-right .feature-text-block{display:flex;flex-direction:column;align-items:flex-end}.text-fit-container{width:fit-content;display:flex;flex-direction:column}.feature-right .feature-content-wrapper{align-items:center}.white-card{background:#ffffffb3;padding:2.5rem;border-radius:30px;box-shadow:0 10px 25px #0000001a;display:inline-block}.feature-content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1000px;margin:0 auto;gap:1rem}@media(max-width:768px){.feature-content-wrapper{flex-direction:column;text-align:center}}.feature-text-block{flex:1;text-align:left;min-width:0}.phone-container{position:relative;perspective:1500px;z-index:5}.phone-mockup{border:8px solid #333;border-radius:30px;box-shadow:-20px 20px 50px #0000004d;overflow:hidden;width:260px;margin:0;background:#000;position:relative;transition:transform .3s ease}.phone-mockup:before{content:"";display:block;position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:18px;background:#333;border-radius:0 0 12px 12px;z-index:5}.phone-screen{background:#fff;width:100%;display:block}.phone-screen img,.phone-screen video{width:100%;height:auto;display:block}.finger-icon{position:absolute;bottom:-30px;left:-60px;width:180px;height:auto;z-index:10;pointer-events:none;filter:drop-shadow(5px 5px 0px rgba(0,0,0,.1));transform:rotate(-10deg);animation:finger-tap 2s infinite}@keyframes finger-tap{0%,to{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-10deg) scale(.95)}}.feature-card h3{font-size:3rem;color:#ff80ab;font-weight:800;line-height:1.3;max-width:100%;text-shadow:3px 3px 0 #FFFFFF,-3px -3px 0 #FFFFFF,-3px 3px 0 #FFFFFF,3px -3px 0 #FFFFFF,3px 0 0 #FFFFFF,-3px 0 0 #FFFFFF,0 3px 0 #FFFFFF,0 -3px 0 #FFFFFF,4px 4px 6px rgba(0,0,0,.1);background:transparent;border:none;box-shadow:none;padding:0;margin-bottom:0;position:relative;z-index:50}.feature-desc{font-size:1.5rem;color:#795548;font-weight:700;margin-top:1rem;line-height:1.6}.mobile-break{display:inline}.instrument-main-img{max-width:450px;height:auto;width:100%}.and-more-text{font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-size:1.8rem;color:#29b6f6;font-weight:900;text-align:center;transform:none;margin-top:20px;text-shadow:2px 2px 0 #fff,4px 4px 0 rgba(0,0,0,.1);opacity:0;transform:scale(.5)}.feature-content-wrapper .and-more-text.active{opacity:0;transform:scale(.5);transition:none!important;animation:pop-in-stay .5s cubic-bezier(.175,.885,.32,1.275) .9s forwards}.instrument-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem;row-gap:36px;width:100%;max-width:480px;margin:0 auto;position:relative}.inst-grid-item{width:100%;height:auto;object-fit:contain;opacity:0;transform:scale(.5)}.instrument-grid.active .inst-grid-item{animation-name:pop-in-stay;animation-duration:.5s;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:forwards}.delay-0{animation-delay:.1s}.delay-1{animation-delay:.25s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.55s}.delay-4{animation-delay:.7s}.delay-5{animation-delay:.85s}@keyframes pop-in-stay{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.speech-bubble{position:absolute;bottom:-30px;right:-20px;top:auto;background:#fff;border:4px solid var(--color-primary);border-radius:50%;padding:1.5rem;width:140px;height:140px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:800;color:var(--color-text-dark);font-size:1rem;line-height:1.4;z-index:20;box-shadow:0 4px #0000001a;transform:rotate(10deg) scale(0);animation:pop-in-bubble .6s cubic-bezier(.175,.885,.32,1.275) 1.6s forwards}@keyframes pop-in-bubble{0%{transform:rotate(10deg) scale(0)}to{transform:rotate(10deg) scale(1)}}.speech-bubble:after{content:"";position:absolute;top:-10px;left:20%;bottom:auto;border-width:0 15px 15px;border-style:solid;border-color:transparent transparent var(--color-primary);display:block;width:0;transform:rotate(-30deg)}@keyframes float-inst-grid{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mini-instruments{display:flex;justify-content:space-between;margin-top:2rem;width:100%}.mini-inst-img{width:22%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s}.mini-inst-img:hover{transform:scale(1.1)!important}.mini-inst-img:nth-child(odd){transform:translateY(-15px)}.mini-inst-img:nth-child(2n){transform:translateY(15px)}@media(max-width:768px){.feature-card h3{font-size:1.8rem;text-align:center}.feature-text-block{text-align:center;margin-bottom:2rem}.feature-right .feature-text-block{align-items:center}.feature-right .feature-content-wrapper{align-items:center;flex-direction:column-reverse}.mini-instruments{justify-content:center;gap:1rem;flex-wrap:wrap;padding-right:0}.mini-inst-img{width:80px}.instrument-main-img{max-width:90%;margin:0 auto}.mobile-break{display:inline}.feature-card h3{font-size:2rem;word-break:keep-all}.feature-desc{font-size:1.2rem}.phone-mockup{transform:rotateY(0) rotateX(0) skewY(0);margin:0 auto}.feature-left,.feature-right{transform:none!important;margin-left:0;margin-right:0;width:100%}}.feature-decoration-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.features-grid .feature-card:first-child:before{content:"";position:absolute;top:-100px;bottom:-100px;left:50%;width:100vw;margin-left:-50vw;background-color:var(--color-bg-blue);z-index:-2;pointer-events:none}.feat-deco{position:absolute;width:100px;opacity:.6;animation:float-deco 5s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.feat-deco-1{top:12%;left:2%;transform:rotate(-15deg)}.feat-deco-2{top:15%;right:2%;transform:rotate(10deg)}.feat-deco-3{top:27%;left:5%;transform:rotate(5deg)}.feat-deco-4{top:38%;right:3%;transform:rotate(-10deg)}.feat-deco-5{top:49%;left:3%;transform:rotate(20deg)}.feat-deco-6{top:60%;right:5%;transform:rotate(-12deg)}.feat-deco-7{top:72%;left:4%;transform:rotate(15deg)}.feat-deco-8{top:83%;right:3%;transform:rotate(-8deg)}.feat-deco-9{top:94%;left:6%;transform:rotate(18deg)}@media(max-width:768px){.feat-deco{width:80px;opacity:.8}.feat-deco-1{top:5%;left:-20px}.feat-deco-2{top:15%;right:-20px}.feat-deco-3{top:27%;left:-10px}.feat-deco-4{top:38%;right:-10px}.feat-deco-5{top:49%;left:-20px}.feat-deco-6{top:60%;right:-20px}.feat-deco-7{top:72%;left:-10px}.feat-deco-8{top:83%;right:-10px}.feat-deco-9{top:94%;left:-10px}}.feature-icon-circle.star-bg{background:#ffca28}.section-bottom{background:transparent;text-align:center;padding-top:0;position:relative;z-index:10;margin-bottom:50px}.bottom-logo-container{position:relative;z-index:20;margin-top:-80px;margin-bottom:2rem;pointer-events:none}.bottom-logo{width:300px;max-width:80%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.section-cta{display:none}.section-howto{background:linear-gradient(135deg,#e0f7fa,#e0f2f1)}.steps-container{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.step-item{display:flex;align-items:center;background:#fff;padding:1.5rem;border-radius:var(--radius-md);box-shadow:0 4px 10px #0000000d;gap:1.5rem}.step-number{background:var(--color-accent);color:var(--color-dark);font-size:2rem;font-weight:800;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.step-content h3{color:var(--color-secondary);margin-bottom:.5rem;font-size:1.3rem}.section-cta{background:var(--color-primary);color:#fff;padding:6rem 0}.section-cta h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.section-cta p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-large{padding:16px 48px;font-size:1.4rem;display:flex;align-items:center;gap:.5rem}.btn-large .icon{font-size:1.8rem}@media(max-width:768px){.step-item{flex-direction:column;text-align:center}.cta-buttons{flex-direction:column}.btn-large{width:100%;justify-content:center}}.decoration-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.deco-item{position:absolute;width:200px;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));animation:float-deco 6s ease-in-out infinite}.deco-1{top:15%;left:17%;transform:translate(-50%,-50%) rotate(-15deg);width:160px;margin-left:0}.deco-8{top:50%;left:12%;transform:translate(-50%,-50%) rotate(-10deg);width:170px}.deco-7{top:85%;left:17%;transform:translate(-50%,-50%) rotate(-5deg);width:160px}.deco-2{top:15%;left:83%;transform:translate(-50%,-50%) rotate(15deg);width:170px}.deco-3{top:50%;left:88%;transform:translate(-50%,-50%) rotate(10deg);width:150px}.deco-5{top:85%;left:83%;transform:translate(-50%,-50%) rotate(-5deg);width:180px}@media(max-width:768px){.deco-item{width:115px!important}}@keyframes float-deco{0%,to{transform:translateY(0) rotate(var(--r, 0deg)) scaleX(var(--sx, 1))}50%{transform:translateY(-15px) rotate(var(--r, 0deg)) scaleX(var(--sx, 1))}}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.scroll-reveal.pop-anim{transform:scale(0);opacity:0;transition:none}.scroll-reveal.pop-anim.active{animation:label-pop .6s cubic-bezier(.175,.885,.32,1.275) forwards}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 6px rgba(0,0,0,.2);text-align:center;line-height:1.4;position:relative;z-index:10}@media(max-width:768px){.hero-title{font-size:1.8rem;padding:0 1rem}}.section-spacer{height:60px;width:100%}.song-marquee-container{width:100%;overflow:hidden;padding:2rem 0;display:flex;flex-direction:column;gap:1.5rem;position:relative}.marquee-row{width:100%;overflow:hidden;position:relative;white-space:nowrap}.marquee-track{display:inline-flex;gap:15px;animation:scroll 40s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-track.reverse{animation-direction:reverse}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.song-tag{display:inline-block;padding:12px 24px;border-radius:30px;color:#fff!important;font-weight:800;font-size:1.1rem;box-shadow:0 4px 6px #0000001a;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default}.song-tag.nursery{background-color:#64b5f6}.song-tag.anime{background-color:#81c784}.song-tag.jpop{background-color:#ff527b}.song-tag.other{background-color:#ba68c8}.feature3-container{display:flex;justify-content:flex-end;padding:2rem 5% 2rem 0;perspective:1500px}.tilted-phone{transform-style:preserve-3d;transform:rotateY(-15deg) rotateX(5deg) skewY(2deg);transition:transform .3s ease;box-shadow:20px 20px 40px #0003}@media(max-width:768px){.feature3-container{justify-content:center;padding:2rem 0}.tilted-phone{transform:rotateY(-15deg) rotateX(5deg)}}.label-group{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin-right:2rem;position:relative;z-index:6}.label-frame{width:280px;height:auto;margin-bottom:0;margin-top:1rem;transition:transform .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));position:relative}.progression-arrow{width:60px;height:auto;margin:.5rem 0;transform:rotate(30deg);z-index:0;position:relative}#features-3{padding-bottom:12rem}.feature-decoration-container-2{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.feat2-deco-1{top:5%;left:5%;width:100px;--r: -10deg}.feat2-deco-2{top:10%;right:10%;width:90px;--r: 15deg}.feat2-deco-3{top:45%;left:2%;width:80px;--r: -5deg}.feat2-deco-4{top:50%;right:3%;width:110px;--r: 20deg}.feat2-deco-5{bottom:15%;left:10%;width:90px;--r: 10deg}.feat2-deco-6{bottom:10%;right:15%;width:100px;--r: -15deg}.feat2-deco-7{top:20%;left:20%;width:70px;--r: 5deg}.feat2-deco-8{bottom:25%;right:25%;width:80px;--r: -20deg}.feature-decoration-container-3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.feat3-deco-1{top:5%;left:10%;width:100px;--r: -10deg}.feat3-deco-2{top:5%;right:5%;width:90px;--r: 15deg}.feat3-deco-3{top:40%;left:5%;width:80px;--r: -5deg}.feat3-deco-4{top:25%;right:1%;width:90px;--r: 20deg;margin-right:0}.feat3-deco-5{bottom:10%;left:15%;width:110px;--r: 10deg}.feat3-deco-6{bottom:5%;right:10%;width:90px;--r: -15deg}.feat3-deco-7{top:15%;left:40%;width:60px;--r: 5deg}.feat3-deco-8{bottom:20%;right:40%;width:70px;--r: -10deg}@media(max-width:768px){.feat2-deco-1,.feat2-deco-2,.feat2-deco-3,.feat2-deco-4,.feat2-deco-5,.feat2-deco-6,.feat2-deco-7,.feat2-deco-8,.feat3-deco-1,.feat3-deco-2,.feat3-deco-3,.feat3-deco-4,.feat3-deco-5,.feat3-deco-6,.feat3-deco-7,.feat3-deco-8{width:60px!important}}@keyframes label-pop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes arrow-appear{0%{opacity:0}to{opacity:1}}.label-group .label-frame,.label-group .progression-arrow{opacity:0}.label-group.active .label-frame{animation:label-pop .6s ease-out forwards}.label-group.active .progression-arrow{animation:arrow-appear .4s ease-out forwards}.label-group.active .label-frame:nth-child(1){animation-delay:.2s}.label-group.active .progression-arrow:nth-child(2){animation-delay:.4s}.label-group.active .label-frame:nth-child(3){animation-delay:.6s}.label-group.active .progression-arrow:nth-child(4){animation-delay:.8s}.label-group.active .label-frame:nth-child(5){animation-delay:1s}.label-frame:nth-child(5){left:10px;z-index:5}.progression-arrow:nth-child(4){transform:rotate(30deg);left:-45px;z-index:0}.label-frame:nth-child(3){left:-150px;z-index:3}.progression-arrow:nth-child(2){transform:rotate(30deg);left:-175px;z-index:0}.label-frame:nth-child(1){left:-300px;z-index:1}@media(max-width:768px){.feature3-container{flex-direction:column;align-items:center}.label-group{flex-direction:column-reverse;align-items:center;justify-content:center;margin-right:0;margin-bottom:2rem;gap:.5rem}.label-frame{width:80%;max-width:280px;margin:0;transform:none!important;position:relative;z-index:10}.progression-arrow{width:30px;transform:rotate(0)!important;margin:0;display:block;position:relative;z-index:5}.label-group .label-frame:nth-child(1){transform:none;left:-40px}.label-group .progression-arrow:nth-child(2){transform:rotate(0)!important;left:-20px}.label-group .label-frame:nth-child(3){transform:none;left:0}.label-group .progression-arrow:nth-child(4){transform:rotate(0)!important;left:20px}.label-group .label-frame:nth-child(5){transform:none;left:40px}.feature3-container .phone-mockup{position:relative;top:0;margin-top:2rem}}.sp-only{display:none!important}.pc-only{display:inline-block}@media(max-width:768px){.sp-only{display:inline-block!important}.pc-only{display:none!important}}.footer-wrapper{background-color:#fff;background-image:url(/images/title_background.png);background-repeat:repeat;background-size:358px auto;position:relative;z-index:10;margin-top:-100px;padding-top:100px}.app-footer{background:transparent;color:#1a3c6b;padding:0 1rem 4rem;font-size:.85rem;position:relative;z-index:10}.footer-logos{margin-top:0}.footer-logos img{filter:none}.footer-content{display:flex;justify-content:space-between;gap:4rem;margin-bottom:3rem;align-items:flex-start;max-width:1000px;margin:0 auto 3rem}.footer-left{flex:1;max-width:50%}.footer-right{flex:1;max-width:50%;display:flex;flex-direction:column;align-items:flex-start}.trademark-text{color:#666;line-height:1.8;font-size:.75rem;margin-top:1rem;text-align:left}.app-info-list{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.5rem;margin-bottom:2rem;width:100%}.info-row{display:contents}.app-info-list dt{color:#666;font-weight:400;white-space:nowrap}.app-info-list dd{color:#1a3c6b;margin:0}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;color:#1a3c6b;border:none;padding:0;text-decoration:underline;text-underline-offset:4px;transition:opacity .2s;font-weight:700;box-shadow:none;display:inline-block;width:fit-content;margin-top:0;margin-bottom:0}.contact-btn:hover{background-color:transparent;opacity:.7;transform:none;box-shadow:none}.contact-btn .icon{font-size:1.2rem}.footer-bottom{text-align:center;border-top:1px solid rgba(0,0,0,.1);padding-top:2rem;margin-top:2rem;color:#666;font-size:.75rem;font-weight:400}@media(max-width:768px){.footer-content{flex-direction:column;align-items:center;gap:2rem}.footer-left,.footer-right{max-width:100%;width:100%;display:contents}.footer-logos{order:1;width:100%;text-align:center;margin-bottom:1rem}.app-info-list{order:2;width:100%;grid-template-columns:120px 1fr;margin-bottom:2rem}.contact-btn{order:3;width:100%;text-align:center;margin-bottom:2rem;margin-top:-10px}.trademark-text{order:4;margin-top:1rem;text-align:center}}@media(max-width:768px){.hero{min-height:calc(50vh + 200px);padding-bottom:calc(6rem + 100px)}.store-badges{flex-direction:row;gap:1rem;justify-content:center}.store-badge-img{width:auto;max-width:none;height:50px}.section-title{padding:2.4rem 1rem;line-height:1.2}}.section-title{border-top:4px solid rgba(255,255,255,.3);border-bottom:4px solid rgba(255,255,255,.3);box-shadow:0 8px 15px #00000026;text-shadow:2px 2px 0 rgba(0,0,0,.1)}@media(max-width:768px){.hero-logo-container{transform:translateY(20px)}.hero .store-badges{position:absolute;bottom:15px;left:0;transform:none;margin-top:0;width:100%;flex-direction:row;gap:1rem;justify-content:center}.inst-4{bottom:-60px;right:-30px}.inst-5{bottom:-110px;left:35%}.inst-6{bottom:-60px;left:-30px}}