

:root{--ink:#0D0D0F;--surface:#1A1A1C;--gold:#D4A854;--gold-light:#E8C878;--gold-dark:#B8923E;--ivory:#F5F0E8;--muted:#B9B4AA;--line:rgba(212,168,84,.25);--glass:rgba(13,13,15,.88);--shade:rgba(13,13,15,.7);--clear:transparent;--shadow:rgba(0,0,0,.7);--rim:#636363;--shell:#09090B;--reflection:rgba(245,240,232,.5);--red:#FF4444;--orange:#FF8C00;--yellow:#FFD700;--green:#44BB44;--blue:#4488FF;--indigo:#6A5ACD;--violet:#9B59B6;--font:'Pretendard',sans-serif;--display:'Bebas Neue',sans-serif;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--ease-out:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:var(--ivory);font:15px/1.65 var(--font);word-break:keep-all}button,a{-webkit-tap-highlight-color:var(--clear)}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--gold-light)}:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-style:normal;text-wrap:balance;min-width:0;overflow-wrap:anywhere}h1{font-size:35px;line-height:1.18;letter-spacing:-.055em;font-weight:800}h2{font-size:28px;line-height:1.25;letter-spacing:-.045em}h3{font-size:19px;line-height:1.35;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:calc(100% - 40px);max-width:1184px;margin-inline:auto}.section{padding-block:44px}.section-head{margin-bottom:24px}.section-head h2{margin:8px 0 12px}.eyebrow{font:13px/1.3 var(--display);letter-spacing:.12em;color:var(--gold-light)}.section>.section-head>.eyebrow,.screen-copy>.eyebrow{display:none}.brand{font:32px/1 var(--display);letter-spacing:.07em;color:var(--gold);display:inline-flex;align-items:center}.nav{height:56px;display:flex;align-items:center;gap:14px;position:relative;z-index:3}.tagline{font:16px/1 var(--display);color:var(--gold-light);letter-spacing:.09em;margin-left:auto}.nav nav{display:none}.skip{position:absolute;top:-80px;z-index:100;background:var(--gold);color:var(--ink);padding:10px}.skip:focus{top:0}
.hero{position:relative;isolation:isolate;min-height:810px;background:var(--ink)}.hero-photo{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 25%}.hero:after{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(0deg,var(--ink),var(--clear) 40%,var(--shade) 100%)}.hero-inner{display:flex;flex-direction:column;align-items:center;padding:18px 0 24px;gap:14px;position:relative}.hero-copy{text-align:center;z-index:1}.hero-copy .eyebrow{display:none}.hero-copy h1{margin:0}.hero-action{text-align:center;width:100%;z-index:1}.hero-action>p{font-size:13px;line-height:1.55;color:var(--ivory)}.store-buttons{display:flex;gap:10px;margin-top:16px;justify-content:center}.store{display:flex;gap:10px;align-items:center;justify-content:center;min-height:56px;padding:10px 12px;border:1px solid var(--gold);background:var(--gold);color:var(--ink);border-radius:8px;line-height:1.1;flex:1;max-width:176px;white-space:nowrap}.store:hover{background:var(--gold-light);color:var(--ink)}.store:active{transform:translateY(1px)}.store.google{background:var(--glass);color:var(--ivory);border-color:var(--reflection)}.store.google:hover{background:var(--surface)}.store-icon{font-size:25px;line-height:1}.store small{display:block;font-size:9px;margin-bottom:5px}.store strong{font-size:15px}.hero-action .install-note{font-size:11px;color:var(--muted);margin-top:9px}.hero-stage{width:100%;position:relative;display:flex;justify-content:center;align-items:center;height:458px}.phone-shell{position:relative;width:204px;padding:6px;background:var(--shell);border:1px solid var(--rim);border-radius:30px;box-shadow:0 26px 50px var(--shadow),inset 0 0 0 1px var(--reflection);z-index:1}.phone-shell:before,.phone-shell:after{content:'';position:absolute;width:3px;background:var(--rim);border-radius:2px;left:-4px;top:82px;height:27px}.phone-shell:after{top:124px;height:44px}.screen-stack{position:relative;aspect-ratio:1320/2868;overflow:hidden;border-radius:23px;background:var(--ink)}.app-frame,.app-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.app-frame.is-current{opacity:1}.app-video.is-playing{opacity:1}.phone-shell img{border:0;border-radius:0}.motion-toggle{display:block;background:var(--glass);color:var(--gold-light);border:1px solid var(--line);border-radius:30px;min-height:44px;padding:8px 16px;font-size:11px;margin:8px auto 0;white-space:nowrap}.motion-toggle:hover{border-color:var(--gold)}.phone-caption{display:none}.spectral-light{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.glint{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:var(--light);opacity:var(--alpha);transform:rotate(var(--angle));border-radius:40%;box-shadow:0 0 20px 4px var(--light);filter:blur(3px);mix-blend-mode:screen}.glint:nth-child(3n){filter:blur(7px)}.stage-word{display:none}.rehearsal-window{display:none}
.a .phone-shell{transform:rotate(-5deg)}.a .hero-stage{padding-right:12px}.a .hero-photo{object-position:73% 32%}.b .hero{min-height:810px}.b .hero-photo{object-position:50% 0;opacity:.8}.b .hero-copy{text-align:left;width:100%;padding-left:12px;border-left:3px solid var(--gold)}.b .hero-stage{height:456px}.b .stage-word{display:block;position:absolute;left:-4px;top:32px;writing-mode:vertical-rl;font:72px/1 var(--display);letter-spacing:-.03em;color:var(--gold);opacity:.45}.b .stage-word:last-of-type{left:auto;right:-4px;top:auto;bottom:32px;transform:rotate(180deg)}.b .store{border-radius:0}.b .hero-action{text-align:left}.c .hero-copy{text-align:left;width:100%}.c .hero-photo{opacity:.24;object-position:60% center}.c .hero-stage{justify-content:flex-start;padding-left:20px}.c .phone-shell{transform:rotate(-3deg);width:200px}.c .rehearsal-window{display:block;position:absolute;right:-20px;top:14px;width:178px;height:378px;overflow:hidden;border-radius:80px 0 0 80px;z-index:0}.c .rehearsal-window img{width:100%;height:100%;object-fit:cover;object-position:83% center}.c .hero-action{text-align:left}.c .phone-caption{display:block;position:absolute;right:0;bottom:10px;font:20px/.95 var(--display);color:var(--gold-light);max-width:90px;text-align:right}.c .hero-stage:after{content:'';position:absolute;right:-12px;top:19px;width:125px;height:384px;border-right:1px solid var(--gold);border-radius:0 0 25px 0;pointer-events:none}
.genre-bar{border-block:1px solid var(--line);padding:16px 0}.genre-bar .wrap{display:flex;justify-content:space-between;gap:16px;align-items:center}.genre-bar span{font:17px/1 var(--display);letter-spacing:.08em;color:var(--gold)}.genre-bar small{color:var(--muted);font-size:10px;max-width:145px;text-align:right}.feature-list article{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.feature-list b{font:28px/1.2 var(--display);color:var(--gold-dark)}.feature-list h3{margin-bottom:8px}.feature-list p{font-size:14px;max-width:410px}.screens{border-top:1px solid var(--line)}.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.screen{min-width:0;display:flex;flex-direction:column}.screen-copy{order:2;margin-top:14px}.screen-copy h3{font-size:13px;line-height:1.45;margin-bottom:7px;text-wrap:initial}.screen-copy p{display:none}.phone{padding:3px;background:var(--shell);border:1px solid var(--rim);border-radius:14px;max-width:278px;width:100%;margin-inline:auto;overflow:hidden}.phone img{width:100%;height:auto;border-radius:10px}.free-band{background:var(--gold);color:var(--ink);padding:20px;border-radius:8px}.free-band>strong{font-size:24px}.free-band ul{padding:0;margin:14px 0 0;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:12px}.free-band li b{display:block;font-size:17px}.free-band a{display:none}.plans{margin-top:16px;border-top:1px solid var(--line)}.plan{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.plan>span{font-size:11px;color:var(--muted)}.plan h3{grid-column:1;margin-top:4px}.plan p{grid-column:2;grid-row:1/3;margin:0;text-align:right;align-self:center;color:var(--ivory);font-size:12px}.plan b{font:35px/1 var(--display);color:var(--gold-light)}.plan p span{color:var(--muted);font-size:11px;display:block;margin-top:4px}.price-note{font-size:11px;margin-top:16px}.gift{border-block:1px solid var(--line)}.gift-mark{display:none}.gift h2{margin:10px 0 14px}.gift p{font-size:14px}.gift-steps{list-style:none;margin:20px 0;padding:0}.gift-steps li{display:flex;gap:16px;padding:7px 0;font-size:13px}.gift-steps b{font:22px/1.3 var(--display);color:var(--gold)}.text-link{border-bottom:1px solid var(--gold);color:var(--gold-light);padding:12px 0;display:inline-block;font-size:14px;white-space:nowrap}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:20px 25px 20px 0;font-size:14px;font-weight:600;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:var(--gold);font-size:23px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;padding:0 20px 20px 0}.download{padding:44px 20px;text-align:center;background:var(--surface);border-block:1px solid var(--line)}.download h2{margin:8px 0 14px}.download p{font-size:14px}.download .store-buttons{max-width:362px;margin-inline:auto}.footer{padding-block:35px}.footer p{font-size:12px;margin-top:12px}.legal{max-width:520px;font-size:12px;margin-top:24px}.legal a{margin-right:18px;display:inline-block;white-space:nowrap;min-height:44px;line-height:44px}.legal small{display:block;color:var(--muted);margin-top:12px}.legal p{font-size:11px}.b .genre-bar{background:var(--gold)}.b .genre-bar span,.b .genre-bar small{color:var(--ink)}.b .free-band{border-radius:0}
@media(min-width:700px){.wrap{width:calc(100% - 64px)}.nav{height:80px}.brand{font-size:39px}.tagline{margin-left:0}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:13px}.hero{min-height:980px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:24px 32px;padding:80px 0 120px;min-height:900px}.hero-copy{grid-column:1;grid-row:1;align-self:end;text-align:left!important;z-index:2}.hero-copy .eyebrow{display:block;margin-bottom:22px}h1{font-size:clamp(48px,5vw,72px)}.hero-stage{grid-column:2;grid-row:1/3;height:680px!important}.phone-shell{width:292px!important;border-radius:43px;padding:8px}.screen-stack{border-radius:34px}.hero-action{grid-column:1;grid-row:2;align-self:start;text-align:left!important;z-index:2}.hero-action>p{font-size:17px;max-width:450px}.hero-action .store-buttons{justify-content:flex-start;margin-top:28px}.store{min-width:155px;flex:initial}.hero-action .install-note{font-size:12px}.motion-toggle{margin:14px 0 0}.hero-photo{object-position:center}.a .hero-stage{padding-right:25px}.b .hero{min-height:980px}.b .hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.b h1{font-size:clamp(48px,5.2vw,76px)}.b .hero-copy{padding-left:22px}.b .stage-word{writing-mode:initial;font-size:118px;left:-22px;top:35px;opacity:.7;z-index:-1}.b .stage-word:last-of-type{right:-22px;left:auto;bottom:36px;transform:none}.c .hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.c .hero-stage{padding-left:0;justify-content:flex-start}.c .hero-photo{opacity:.5;object-position:80% center}.c .rehearsal-window{right:-65px;top:55px;width:290px;height:570px;border-radius:140px 0 0 140px}.c .hero-stage:after{width:150px;height:574px;top:57px;right:-55px}.c .phone-caption{font-size:28px;bottom:0;right:-35px;max-width:140px}.section{padding-block:80px}h2{font-size:43px}.section-head{margin-bottom:36px}.a .features{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.b .feature-list,.c .feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.b .feature-list article,.c .feature-list article{border-bottom:0;border-top:1px solid var(--line)}.screen-gallery{gap:50px}.screen-copy{order:0;margin:0 0 24px}.screen-copy h3{font-size:22px}.screen-copy p{display:block;font-size:14px}.phone{border-radius:32px;padding:5px}.phone img{border-radius:27px}.a .screen:nth-child(2){padding-top:48px}.free-band{display:flex;align-items:center;gap:40px;padding:28px}.free-band ul{margin:0;gap:36px;font-size:14px}.free-band li b{display:inline;font-size:16px}.free-band a{display:block;margin-left:auto;white-space:nowrap;font-size:13px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0}.plan{display:block;border:1px solid var(--line);background:var(--surface);padding:26px}.plan p{text-align:left;margin-top:24px}.plan p span{display:inline}.plan b{font-size:43px}.b .plans{display:block}.b .plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr) minmax(0,1fr);align-items:center;background:var(--clear);padding:28px 0;border:0;border-bottom:1px solid var(--line)}.b .plan h3{grid-column:auto;margin:0}.b .plan p{grid-column:auto;grid-row:auto;text-align:right;margin:0}.gift{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}.gift-mark{display:block;font:120px/.85 var(--display);color:var(--gold)}.c .gift{padding-inline:48px;background:var(--surface)}.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:60px}.download{padding-block:72px}.footer{display:flex;justify-content:space-between;gap:36px;padding-block:44px}.legal{margin-top:0}.c .screen-gallery{gap:38px}.c .screen:nth-child(2){padding-top:48px}}
@media(min-width:700px) and (max-width:1050px){.hero-inner{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.hero-copy h1{font-size:43px}.phone-shell{width:240px!important}.hero-action .store-buttons{flex-wrap:wrap}.hero-stage{height:620px!important}.c .rehearsal-window{width:200px;right:-22px}.c .phone-caption{right:0}.plans{gap:14px}.plan{padding:18px}.free-band{gap:20px}.free-band ul{gap:16px}.free-band a{display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:30px}.store{gap:7px;padding-inline:8px}.store strong{font-size:13px}.store-icon{font-size:20px}.c .hero-stage{padding-left:7px}.c .rehearsal-window{width:145px}.c .phone-caption{font-size:18px;max-width:75px}.b .stage-word{font-size:60px}.screen-copy h3{font-size:12px}.free-band{padding:17px}.free-band ul{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
