.site-header{width:100%;background:var(--white);box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:1000}.header-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;height:56px;padding:0 24px}.site-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.site-logo img{width:40px;height:40px;border-radius:8px;background:#fff;box-shadow:0 1px 4px #00000012}.site-logo span{font-size:1.5rem;font-weight:700;color:#4a4a4a;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.08)}:root{--primary-color: #ff9fcc;--primary-dark: #ff7eb6;--secondary-color: #ffd700;--accent-color: #b19cd9;--text-color: #4a4a4a;--bg-color: #fff5f8;--white: #ffffff;--font-main: "Zen Maru Gothic", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:50px;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff7eb666}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none}.btn-sm{padding:8px 20px;font-size:.9rem}.btn-lg{padding:15px 40px;font-size:1.2rem}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.hero-section{position:relative;padding-top:120px;padding-bottom:80px;min-height:80vh;display:flex;align-items:center;overflow:hidden}.hero-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/top/background.jpg);background-size:cover;background-position:center;z-index:-1}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:30px;position:relative;z-index:10}.hero-header{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:10}.hero-logo-img{max-width:80%;height:auto;filter:drop-shadow(0 5px 15px rgba(255,126,182,.4))}.hero-tagline{font-size:1.5rem;font-weight:700;color:var(--primary-dark);text-shadow:2px 2px 0 #fff,0 0 10px rgba(255,255,255,.8);margin:0}.hero-sub-tagline{font-size:1rem;font-weight:700;color:#555;margin-top:5px;text-shadow:0 0 5px rgba(255,255,255,.8)}.hero-visual{position:relative;display:flex;justify-content:center;margin:30px 0}.hero-visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180%;height:200%;background:radial-gradient(ellipse at center,#fff,#fffffff2 30%,#ffffffb3,#fff0 70%);z-index:-1;pointer-events:none;filter:blur(20px)}.store-badges{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:10px}.store-link img{height:50px;width:auto;transition:transform .2s}.store-link:hover img{transform:scale(1.05)}.phone-mockup{width:560px;height:280px;overflow:hidden;position:relative;z-index:10}.phone-screen{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.app-screen-img{width:100%;height:100%;object-fit:cover}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.music-decoration{position:absolute;font-size:3rem;animation:float 4s ease-in-out infinite;z-index:1}.note-float-1{top:15%;left:8%;color:#ff9fcc;font-size:2.5rem;animation-delay:0s}.note-float-2{top:25%;left:15%;color:#b19cd9;font-size:3.5rem;animation-delay:1s}.note-float-3{top:20%;right:12%;color:gold;font-size:2rem;animation-delay:.5s}.note-float-4{top:35%;right:8%;color:#ff9fcc;font-size:3rem;animation-delay:1.5s}.note-float-5{bottom:25%;left:10%;color:#87ceeb;font-size:2.8rem;animation-delay:2s}.note-float-6{bottom:30%;right:15%;color:gold;font-size:4rem;animation-delay:2.5s}.treble-clef-1{top:10%;left:20%;color:#87ceeb;font-size:4rem;animation-delay:.8s}.treble-clef-2{bottom:20%;right:18%;color:#b19cd9;font-size:3.5rem;animation-delay:1.8s}.star-decoration{position:absolute;font-size:2.5rem;animation:float 5s ease-in-out infinite,sparkle 2s ease-in-out infinite;z-index:1}.star-pink-1{top:18%;left:25%;color:#ff9fcc;animation-delay:.3s}.star-pink-2{bottom:28%;right:22%;color:#ff7eb6;font-size:2rem;animation-delay:1.3s}.star-blue-1{top:30%;right:20%;color:#87ceeb;font-size:1.8rem;animation-delay:.7s}.star-blue-2{bottom:35%;left:18%;color:#b19cd9;font-size:2.2rem;animation-delay:1.7s}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.features-section{padding:100px 0;background-image:url(/images/top/musicselect_back.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-color:#ffffffe6;background-blend-mode:overlay}.section-title{text-align:center;font-size:2.5rem;color:var(--primary-dark);margin-bottom:80px;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--secondary-color);border-radius:2px}.feature-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:120px;gap:60px}.feature-block:last-child{margin-bottom:0}.feature-block.reverse{flex-direction:row-reverse}.feature-text{flex:1}.feature-title{font-size:2rem;color:var(--text-color);margin-bottom:20px;line-height:1.4}.feature-desc{font-size:1.1rem;color:#666;line-height:1.8}.feature-visual{flex:1;display:flex;justify-content:center}.feature-phone{width:520px;height:260px;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;overflow:hidden;border:6px solid #f0f0f0;transition:transform .3s ease}.feature-phone:hover{transform:translateY(-10px)}.feature-img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.hero-section{min-height:60vh;padding-top:100px;padding-bottom:60px}.hero-bg-overlay{background-size:auto 100%;background-position:center center}.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{text-align:center;margin-bottom:40px}.hero-title{font-size:2.5rem}.hero-visual{margin-top:20px}.phone-mockup{width:100%;max-width:480px;height:auto;aspect-ratio:16/9}.features-section{padding:60px 0}.section-title{font-size:2rem;margin-bottom:50px}.feature-block{flex-direction:column;text-align:center;gap:40px;margin-bottom:80px}.feature-block.reverse{flex-direction:column}.feature-title{font-size:1.8rem}.feature-phone{width:100%;max-width:480px;height:auto;aspect-ratio:16/9}}.site-footer{background-color:var(--white);padding:40px 0;margin-top:auto;border-top:1px solid #eee}.footer-container{display:flex;flex-direction:column;align-items:center;gap:10px;color:#888;font-size:.9rem}.developer a{color:var(--primary-dark);text-decoration:none;font-weight:700;transition:opacity .2s}.developer a:hover{opacity:.8}