:root{--bg-color:#03030f;--text-primary:#fff;--text-secondary:#a0a0c0;--accent-pink:#ff6eb4;--accent-violet:#9b51e0;--accent-cyan:#2d9cdb;--accent-star:gold;--excited-color:255, 182, 193;--happy-color:255, 215, 0;--calm-color:253, 245, 230;--annoyed-color:255, 140, 50;--depressed-color:54, 106, 202;--lonely-color:75, 0, 130;--anxious-color:139, 92, 246;--angry-color:220, 38, 38;--font-primary:"Outfit", "Noto Sans KR", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;position:relative}#preview-canvas{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.nebula-wrapper{pointer-events:none;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.nebula-glow{filter:blur(200px);opacity:.35;pointer-events:none;z-index:-1;transform-origin:50%;border-radius:50%;width:900px;height:900px;position:absolute}.nebula-1{background:radial-gradient(circle,#ff6eb4f2 0%,#ff6eb440 45%,#0000 70%);animation:25s ease-in-out infinite nebula-drift-1;top:-15%;right:-10%}.nebula-2{background:radial-gradient(circle,#2d9cdbf2 0%,#2d9cdb40 45%,#0000 70%);animation:30s ease-in-out infinite nebula-drift-2;bottom:5%;left:-15%}.nebula-3{background:radial-gradient(circle,#9b51e0f2 0%,#9b51e040 45%,#0000 70%);animation:28s ease-in-out infinite nebula-drift-3;top:30%;right:-10%}@keyframes nebula-drift-1{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-60px,80px)scale(1.15)rotate(180deg)}}@keyframes nebula-drift-2{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(80px,-50px)scale(1.08)rotate(-120deg)}}@keyframes nebula-drift-3{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-40px,-80px)scale(1.2)rotate(90deg)}}.landing-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:90px;display:flex}html[dir=rtl] header{direction:ltr}.header-right{align-items:center;gap:16px;display:flex}.logo,.inline-logo{vertical-align:middle;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;direction:ltr;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.logo{letter-spacing:1px;font-size:24px}.inline-logo{font-size:inherit;letter-spacing:.5px}.logo-star{color:#fff;fill:currentColor;vertical-align:middle;width:20px;height:20px;display:inline-block}.logo-white{color:#fff}.logo-lavender{color:#b0b5d9}.lang-selector-container{display:inline-block;position:relative}.lang-label{height:38px;color:var(--text-primary);font-family:var(--font-primary);pointer-events:none;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;padding:8px 32px 8px 16px;font-size:13px;transition:all .3s;display:flex}.lang-select{opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.lang-selector-container:hover .lang-label{background:#ffffff1f;border-color:#ffffff40}.lang-selector-container:after{content:"▼";color:var(--text-secondary);pointer-events:none;font-size:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.btn-launch-web{width:100%;max-width:220px;height:48px;color:var(--text-primary);white-space:nowrap;box-sizing:border-box;z-index:5;background-color:#03030f99;background-image:linear-gradient(#03030fb3,#03030fb3),linear-gradient(135deg,#ff6eb4,#2d9cdb);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:24px;justify-content:center;align-items:center;margin-top:0;margin-bottom:48px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-launch-web:hover{color:var(--bg-color);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ff6eb4,#2d9cdb);transform:translateY(-2px);box-shadow:0 10px 20px #ff6eb440,0 0 20px #2d9cdb40}.hero-section{text-align:center;flex-direction:column;align-items:center;padding:100px 0 60px;display:flex;position:relative}.slogan-badge{color:#fff;letter-spacing:.5px;text-shadow:0 0 10px #ff6eb466;background-color:#0000;background-image:linear-gradient(#03030fd9,#03030fd9),linear-gradient(135deg,#ff6eb4,#2d9cdb);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:20px;margin-bottom:24px;padding:6px 18px;font-size:13px;display:inline-block;box-shadow:0 0 15px #2d9cdb26}.hero-title{font-family:var(--font-primary);letter-spacing:-.5px;background:linear-gradient(135deg,#ff6eb4 0%,#a78bfa 50%,#2d9cdb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;margin-bottom:24px;font-size:46px;font-weight:600;line-height:1.35;animation:6s ease-in-out infinite text-float-glow;display:inline-block}@keyframes text-float-glow{0%,to{filter:drop-shadow(0 0 8px #ff6eb426)drop-shadow(0 0 15px #2d9cdb26);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 18px #ff6eb459)drop-shadow(0 0 25px #2d9cdb59);transform:translateY(-8px)scale(1.015)}}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin-bottom:40px;font-size:18px;font-weight:300}.store-buttons{z-index:10;justify-content:center;gap:16px;margin-bottom:24px;display:flex}.web-demo-container{z-index:10;justify-content:center;margin-bottom:24px;display:none!important}.btn-web-demo{box-sizing:border-box;color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.05em;background:#ffffff08;border:1px solid #ffffff40;border-radius:40px;justify-content:center;align-items:center;padding:12px 28px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.btn-web-demo{border:none}.btn-web-demo:before{content:"";pointer-events:none;-webkit-mask-composite:xor;will-change:background-position;background:linear-gradient(135deg,#ff75c3,#ffa647,#ffe83f,#9ef53b,#70e2ff,#a066ff,#ff75c3) 0 0/300% 300%;border-radius:40px;padding:1px;animation:12s linear infinite auroraBorderLight;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}@keyframes auroraBorderLight{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-web-demo:hover{color:#fff;background:#ffffff14;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff0d}.btn-store{border-radius:40px;align-items:center;gap:12px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-apple{color:#000;background:#fff;border:1px solid #fff}.btn-apple:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ffffff26}.btn-google{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26}.btn-google:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 15px 30px #ffffff0d}.btn-icon{font-size:20px}.smartphone-device-mockup{box-sizing:border-box;background:#000;border:4px solid #fff3;border-radius:52px;width:100%;max-width:375px;height:840px;margin:32px auto 120px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 35px 90px #000000d9,0 0 50px #8b5cf640,inset 0 0 2px #ffffff80}.smartphone-device-mockup:hover{border-color:#9b51e080;box-shadow:0 45px 100px #000000e6,0 0 70px #9b51e059,0 0 30px #2d9cdb33}.smartphone-app-iframe{object-fit:cover;background:#03030f;border:none;border-radius:46px;width:100%;height:100%;display:block}.btn-emotion:hover{transform:scale(1.05)}.btn-emotion.excited:hover{background:linear-gradient(135deg, rgba(var(--excited-color), .38), rgba(var(--excited-color), .15));border-color:rgba(var(--excited-color), .85);box-shadow:0 0 15px rgba(var(--excited-color), .4)}.btn-emotion.happy:hover{background:linear-gradient(135deg, rgba(var(--happy-color), .38), rgba(var(--happy-color), .15));border-color:rgba(var(--happy-color), .85);box-shadow:0 0 15px rgba(var(--happy-color), .4)}.btn-emotion.calm:hover{background:linear-gradient(135deg, rgba(var(--calm-color), .38), rgba(var(--calm-color), .15));border-color:rgba(var(--calm-color), .85);box-shadow:0 0 15px rgba(var(--calm-color), .4)}.btn-emotion.annoyed:hover{background:linear-gradient(135deg, rgba(var(--annoyed-color), .38), rgba(var(--annoyed-color), .15));border-color:rgba(var(--annoyed-color), .85);box-shadow:0 0 15px rgba(var(--annoyed-color), .4)}.btn-emotion.depressed:hover{background:linear-gradient(135deg, rgba(var(--depressed-color), .38), rgba(var(--depressed-color), .15));border-color:rgba(var(--depressed-color), .85);box-shadow:0 0 15px rgba(var(--depressed-color), .4)}.btn-emotion.lonely:hover{background:linear-gradient(135deg, rgba(var(--lonely-color), .38), rgba(var(--lonely-color), .15));border-color:rgba(var(--lonely-color), .85);box-shadow:0 0 15px rgba(var(--lonely-color), .4)}.btn-emotion.anxious:hover{background:linear-gradient(135deg, rgba(var(--anxious-color), .38), rgba(var(--anxious-color), .15));border-color:rgba(var(--anxious-color), .85);box-shadow:0 0 15px rgba(var(--anxious-color), .4)}.btn-emotion.angry:hover{background:linear-gradient(135deg, rgba(var(--angry-color), .38), rgba(var(--angry-color), .15));border-color:rgba(var(--angry-color), .85);box-shadow:0 0 15px rgba(var(--angry-color), .4)}.features-section{padding:40px 0 100px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-primary);margin-bottom:12px;font-size:30px;font-weight:600}.section-header p{color:var(--text-secondary);font-size:15px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{background:radial-gradient(135deg, #ffffff08 0%, #ffffff01 100%);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;border:1px solid #ffffff0d;border-radius:20px;padding:32px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.feature-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#ff6eb414,#2d9cdb14);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.feature-card:nth-child(2):before{background:linear-gradient(135deg,#2d9cdb14,#9b51e014)}.feature-card:nth-child(3):before{background:linear-gradient(135deg,#ffd7000f,#ff6eb40f)}.feature-card:hover{border-color:#ffffff29;transform:translateY(-8px);box-shadow:0 25px 50px #0006,0 0 30px #ff6eb41f}.feature-card:nth-child(2):hover{box-shadow:0 25px 50px #0006,0 0 30px #2d9cdb1f}.feature-card:nth-child(3):hover{box-shadow:0 25px 50px #0006,0 0 30px #ffd7001a}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;color:var(--accent-pink);background:#ffffff0a;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-size:20px;display:flex}.feature-card:nth-child(2) .feature-icon{color:var(--accent-cyan)}.feature-card:nth-child(3) .feature-icon{color:var(--accent-star)}.feature-showcase-card{text-align:center;background:radial-gradient(135deg, #ffffff0a 0%, #ffffff03 100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;border-radius:24px;max-width:600px;margin:0 auto 30px;padding:24px 20px;box-shadow:0 15px 35px #00000040}.feature-icon-nav{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;display:inline-flex}.nav-star-icon,.nav-rhythm-icon,.nav-cosmos-icon{width:16px;height:16px;color:var(--accent-pink)}.nav-rhythm-icon{color:var(--accent-cyan)}.nav-cosmos-icon{color:var(--accent-star)}.nav-title-text{letter-spacing:2px;color:#ffffffe6;font-size:12px;font-weight:700}.feature-showcase-card h3{color:#fff;margin-bottom:10px;font-size:22px;font-weight:600}.feature-showcase-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}footer{text-align:center;z-index:10;border-top:1px solid #ffffff0d;padding:60px 0 40px;position:relative}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:#ffffff4d;letter-spacing:.5px;font-size:12px}@media (max-width:820px){.hero-title{font-size:30px}.hero-subtitle{padding:0 10px;font-size:15px}.hero-section{padding:60px 0 40px}.interactive-container{height:380px;margin-bottom:80px}.emotion-buttons{flex-wrap:wrap;justify-content:center;padding:0 20px}.btn-emotion{padding:8px 14px;font-size:12px}.store-buttons{flex-flow:wrap;justify-content:center;gap:10px;width:100%;max-width:380px}.btn-web-demo{padding:10px 20px;font-size:12px}.btn-store{flex:1;justify-content:center;min-width:140px;max-width:180px}}@media (max-width:500px){header{height:70px;padding:0 8px}.logo{gap:4px;font-size:18px!important}.logo-star{width:16px;height:16px}.header-right{gap:8px}.lang-label{border-radius:16px;height:32px;padding:4px 24px 4px 10px;font-size:11px}#btn-launch-web{max-width:200px;height:44px;margin-top:0;margin-bottom:32px;font-size:13.5px}.interactive-container{height:340px;margin-bottom:60px}.interactive-top-instructions{top:14px}.interactive-top-instructions span{font-size:11px}.smartphone-device-mockup{border-radius:44px;max-width:320px;height:620px;margin-bottom:80px}.smartphone-app-iframe{border-radius:38px}.store-buttons{flex-wrap:nowrap;gap:8px;width:100%;max-width:320px;padding:0 8px;flex-direction:row!important}.btn-web-demo{padding:8px 10px;font-size:11px}.btn-store{flex:1;min-width:110px;max-width:150px;padding:8px 10px}.btn-store svg{width:18px;height:18px}.btn-store div div:first-child{font-size:8px!important}.btn-store div div:last-child{font-size:12px!important}}.web-demo-modal{z-index:10000;visibility:hidden;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.web-demo-modal.active{visibility:visible;opacity:1;pointer-events:auto}.web-demo-modal-overlay{-webkit-backdrop-filter:blur(15px);background:#05050ad9;width:100%;height:100%;position:absolute;top:0;left:0}.web-demo-modal-content{z-index:10001;flex-direction:column;justify-content:center;align-items:center;width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(.9)}.web-demo-modal.active .web-demo-modal-content{transform:scale(1)}.web-demo-modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:-45px;right:15px}.web-demo-modal-close:hover{background:#fff3;transform:scale(1.05)}.web-demo-modal .smartphone-device-mockup{border-radius:52px!important;width:calc(min(840px,82vh)/2.24215)!important;max-width:90vw!important;height:min(840px,82vh)!important;margin:0!important;box-shadow:0 25px 70px #000000e6,0 0 50px #8b5cf64d!important}@media (max-width:768px){.web-demo-modal .smartphone-device-mockup{border-radius:44px!important}}