@media(max-width:760px){body .header{height:76px;padding:0 24px}body .header nav{gap:20px;font-size:11px}body .brand{font-size:23px}body .header .button{padding:9px 14px;font-size:10px;gap:12px}body .hero{padding-top:48px}body .hero-subtitle{font-size:18px;margin-top:25px}body .hero h1{font-size:clamp(96px,19vw,145px)}body .hero-actions{flex-direction:column;gap:13px;margin-top:20px}body .phone-stage{height:555px;margin-top:47px}body .phone{width:310px;height:620px}body .phone-screen{padding:0 15px}body .side-note{display:none}body .hero-bottom{padding:23px 24px;font-size:10px}body .hero-bottom a{font-size:8px;letter-spacing:0}body .hero-bottom a span{padding-left:8px}body .section{padding:75px 24px}body .section-heading{display:block}body .section-heading>.body-copy{margin-top:20px}body h2{letter-spacing:-1.5px}body .demo{padding:22px 20px 15px}body .sentence-tabs{gap:6px;margin-top:25px}body .sentence-tabs button{padding:8px 12px;font-size:11px}body .demo h3{letter-spacing:-1px;margin-top:27px}body .demo-chart{padding:15px 0}body .demo-bottom{flex-direction:column;align-items:stretch;gap:20px}body .demo-bottom p{text-align:center;font-size:11px}body .steps{grid-template-columns:1fr;gap:33px}body .step-art{height:180px;margin-bottom:22px}body .steps article{max-width:460px;width:100%;margin:auto}body .steps h3{font-size:23px}body .steps article>p:last-child{font-size:14px}body .launch{padding-top:80px;padding-bottom:85px}body footer{padding:28px 24px;gap:18px;flex-wrap:wrap}body footer>span{font-size:10px}body footer small{width:100%;margin:0}body dialog{padding:40px 27px}body dialog h2{font-size:25px}}@media(max-width:420px){body .header nav a:last-child{display:none}body .header nav{font-size:10px}body .hero-subtitle{font-size:15px;letter-spacing:-.6px}body .hero .eyebrow{font-size:9px}body .phone{width:290px;height:610px}body .lesson-card h3{font-size:18px}body .hero-bottom>span{max-width:120px;line-height:1.8}body .demo h3{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1!important;transform:none!important}}@font-face{font-family:GeekbleMalang2;src:url(/fonts/GeekbleMalang2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:Noto Sans KR,sans-serif;color:#f7f5f6;background:#090909;font-synthesis:none;--pink:#ff57dd;--muted:#959195;--panel:#171717}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;background-color:#090909;color-scheme:dark}body{margin:0;background-color:#090909;color:#f7f5f6;color-scheme:dark}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}::selection{background:var(--pink);color:#090909}.header{height:94px;max-width:1320px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{font-family:GeekbleMalang2,Jua,sans-serif;font-size:27px;letter-spacing:-1.5px}.brand-dot{font:10px sans-serif;vertical-align:top;padding-left:3px}.header nav{display:flex;gap:34px;font-size:13px;color:#bbb7bb}.header nav a:hover{color:var(--pink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;border:1px solid #454145;border-radius:100px;background:transparent;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#282328}.button-small{padding:11px 20px;font-size:12px}.button-pink{background:var(--pink);color:#171017;border-color:var(--pink)}.button-pink:hover{background:#ff8be7}.hero{overflow:hidden;position:relative;padding-top:65px}.hero-copy{text-align:center;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:9px}.hero .eyebrow,.launch .eyebrow{justify-content:center}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px #ff57dd50}.hero-subtitle{font-size:clamp(17px,2.2vw,29px);letter-spacing:-1.3px;margin:24px 0 4px}.hero h1{font-family:GeekbleMalang2,Jua,sans-serif;font-weight:400;font-size:clamp(100px,17vw,225px);line-height:1.15;letter-spacing:-.07em;margin:0;padding-right:.07em;background:linear-gradient(180deg,#ffe8f8 5%,#ffadee 30%,#ff57dd 78%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #893375)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.coming{font-size:11px;color:var(--muted)}.phone-stage{position:relative;height:625px;max-width:1120px;margin:60px auto 0;perspective:1500px}.phone{position:absolute;left:50%;top:12px;width:340px;height:660px;padding:10px;border-radius:53px;background:linear-gradient(115deg,#b7b6b9,#363638 15%,#d2d0d1,#474749 75%,#c0bec0);box-shadow:-13px 9px #38383b,-17px 10px #858487,0 30px 80px #000;transform:translate(-50%) rotate(-9deg) rotateY(-15deg);transition:transform .5s}.phone:hover{transform:translate(-50%) rotate(-4deg) rotateY(-5deg)}.phone:before{content:"";position:absolute;left:-17px;top:160px;width:5px;height:55px;background:#929194;border-radius:3px}.phone-screen{background:#faf7fa;color:#252126;height:100%;border:5px solid #111;border-radius:43px;overflow:hidden;padding:0 20px}.phone-status{display:flex;align-items:center;justify-content:space-between;font-size:11px;height:45px;position:relative}.island{background:#101010;width:96px;height:24px;position:absolute;left:50%;top:7px;transform:translate(-50%);border-radius:30px}.app-top{display:flex;align-items:center;justify-content:space-between;margin:22px 0 26px}.app-brand{font:24px GeekbleMalang2,Jua,sans-serif}.app-top>span:last-child{font-size:12px}.app-top i{font-style:normal;color:#e848be;margin-left:9px}.app-greeting small{font-size:10px;color:#8a828c}.app-greeting h2{font-size:21px;margin:6px 0 15px;display:flex;justify-content:space-between}.app-greeting h2 span{font-size:17px;color:#aaa}.lesson-card{background:#ffe8f8;border:1px solid #f7dcef;border-radius:23px;padding:19px 16px}.lesson-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px}.lesson-meta b{background:#ffd0ef;color:#b74c9c;border-radius:20px;padding:5px 8px;margin-left:5px;font-weight:500}.progress-ring{width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #e7c9df;border-radius:50%;font-size:14px}.progress-ring small{font-size:8px;color:#ad8ca4}.lesson-card h3{font-size:20px;letter-spacing:-1px;margin:17px 0 7px;white-space:nowrap}.lesson-card>p{font-size:10px;color:#9b7b92}.pitch-chart{width:100%;margin-top:12px;overflow:visible}.chart-grid{fill:none;stroke:currentColor;opacity:.08;stroke-dasharray:3 6}.pitch-path,.pitch-shadow{fill:none;stroke:#c441a4;stroke-width:3;stroke-linecap:round}.pitch-shadow{stroke:#c441a429;stroke-width:12}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#92768a}.app-listen{width:100%;border:0;border-radius:12px;padding:13px 5px;background:#272027;color:#fff;font-size:10px;margin-top:21px}.app-listen:hover{background:#703462}.app-tip{display:flex;gap:10px;align-items:center;margin:24px 0}.app-tip>span{color:#de4eb8;background:#ffe8f8;border-radius:12px;padding:10px}.app-tip b{font-size:10px}.app-tip p{font-size:9px;color:#a49aa1;margin:4px 0}.app-nav{border-top:1px solid #ede5ed;display:flex;justify-content:space-around;padding-top:12px;color:#b0a5ae;text-align:center;font-size:21px}.app-nav small{display:block;font-size:8px;margin-top:3px}.app-nav .active{color:#d94fb7}.side-note{position:absolute;top:180px;color:#a9a3a8;font-size:13px;line-height:1.9}.note-left{left:12%}.note-left strong{color:#e6dfe4;font-weight:500}.mini-wave{font-size:55px;color:var(--pink);line-height:1}.note-line{display:block;width:60px;height:1px;background:#61505e;transform:rotate(20deg);margin:28px 0 0 70px}.note-right{right:12%;top:180px}.five{font-size:64px;font-weight:800;letter-spacing:-4px;color:var(--pink);line-height:1}.five span{font-size:16px;letter-spacing:-1px;margin-left:6px}.hand-arrow{font-size:65px;color:#696068;display:block;transform:rotate(25deg);line-height:1}.hero-bottom{position:relative;background:#090909;border-top:1px solid #282328;display:flex;align-items:center;justify-content:space-between;padding:28px max(6%,calc((100vw - 1140px)/2));font-size:11px;color:#a19a9f}.hero-bottom a{font-family:monospace;font-size:9px;letter-spacing:1px}.hero-bottom a span{font-size:17px;padding-left:24px}.section{max-width:1140px;margin:auto;padding:110px 30px}.pink{color:var(--pink)}h2{font-size:clamp(32px,4vw,52px);line-height:1.4;letter-spacing:-2.5px;font-weight:700;margin:18px 0 22px}.intro{text-align:center;padding-top:130px;padding-bottom:130px}.intro .eyebrow{justify-content:center}.intro h2 span{color:var(--pink)}.body-copy{font-size:14px;line-height:2;color:var(--muted);letter-spacing:-.3px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>.body-copy{margin-bottom:6px}.experience{padding-top:50px}.demo{padding:30px 40px 23px;border:1px solid #393039;border-radius:24px;background:#141214}.demo-top{display:flex;justify-content:space-between;font-size:10px;color:#a29ba1;letter-spacing:1px}.demo-top .status-dot{margin-right:7px}.sentence-tabs{display:flex;justify-content:center;gap:8px;margin-top:34px}.sentence-tabs button{border:1px solid #3d343b;background:transparent;color:#aaa1a8;padding:9px 16px;font-size:12px;border-radius:30px}.sentence-tabs button.selected{background:#ffe8f8;border-color:#ffe8f8;color:#6a2d57}.demo h3{text-align:center;font-size:clamp(22px,3.4vw,40px);letter-spacing:-1.8px;margin:30px 0 5px}.demo-chart{padding:20px 30px}.demo-chart svg{width:100%;height:120px;overflow:visible}.demo-chart #demo-curve{fill:none;stroke:var(--pink);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 7px #ff57dd40)}#syllables{display:flex;justify-content:space-between;color:#b6a3b0;font-size:12px;margin-top:12px}.demo-bottom{border-top:1px solid #302730;margin-top:20px;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-bottom p{font-size:12px;color:#a49ba1;line-height:1.8;margin:0}.demo-bottom small{display:block;font-size:10px;color:#736a71}.audio-status{font-size:11px;color:#ffb5ec;margin:12px 0 0;min-height:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-art{height:165px;background:#171417;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;overflow:hidden}.art-listen{gap:7px}.art-listen span{width:7px;height:26px;background:#ff57dd;border-radius:8px}.art-listen span:nth-child(3n){height:60px}.art-listen span:nth-child(2n){height:90px}.art-listen span:nth-child(4n){height:42px}.art-speak{font-size:21px;font-weight:600;line-height:1.6;color:#ffe8f8;gap:14px}.art-speak span{font:65px GeekbleMalang2,Jua,sans-serif;color:var(--pink)}.art-speak span:first-child{align-self:flex-start;margin-top:32px}.art-speak span:last-child{align-self:flex-end;margin-bottom:24px}.art-days{gap:10px}.art-days>span{font-size:9px;color:#9d8f99;text-align:center}.art-days b{display:flex;align-items:center;justify-content:center;width:32px;height:36px;border-radius:10px;background:#4b263f;color:var(--pink);font-size:18px;margin-top:12px}.art-days>span:nth-child(4) b{background:var(--pink);color:#2f1429}.art-days>span:last-child b{background:#292229;color:#756970}.step-number{font-family:monospace;font-size:11px;color:var(--pink)}.steps h3{font-size:20px;letter-spacing:-.7px;margin:13px 0}.steps article>p:last-child{font-size:13px;color:var(--muted);line-height:1.9}.launch{text-align:center;padding-top:110px;padding-bottom:100px;position:relative;overflow:hidden;border-top:1px solid #2b252b;margin-top:40px;max-width:none}.launch h2{font-size:clamp(55px,7vw,88px);line-height:1.2;margin:28px 0}.launch h2 span{color:var(--pink)}.launch>p{color:var(--muted);font-size:14px;line-height:1.9}.launch .button{margin-top:23px}.platforms{display:block;margin-top:17px;color:#7c7179;font-size:11px}.launch-word{font-family:GeekbleMalang2,Jua,sans-serif;font-size:clamp(100px,24vw,330px);letter-spacing:-.07em;color:#ffffff03;position:absolute;bottom:-90px;left:50%;transform:translate(-50%);z-index:-1;white-space:nowrap}footer{border-top:1px solid #282328;max-width:1320px;margin:auto;padding:34px 56px;display:flex;align-items:center;gap:30px}footer .brand{font-size:22px}footer>span{font-size:11px;color:#80777e}footer small{margin-left:auto;color:#80777e;font-size:10px}dialog{background:#191419;color:#f7f5f6;border:1px solid #58404f;border-radius:24px;padding:48px;max-width:460px;width:calc(100% - 32px)}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:27px;letter-spacing:-1px}dialog p{font-size:14px;color:#aaa0a7;line-height:1.9}.dialog-close{position:absolute;right:17px;top:12px;border:0;background:transparent;color:#aaa;font-size:28px}.dialog-confirm{width:100%;margin-top:15px}.skip-link{position:fixed;top:12px;left:20px;z-index:100;background:var(--pink);padding:10px 18px;border-radius:30px;color:#090909;font-weight:700;font-size:13px;transform:translateY(-180%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}.playing #demo-curve{stroke-dasharray:1100;animation:trace 2.4s linear infinite}.playing .pitch-path{stroke-dasharray:400;animation:trace 2.4s linear infinite}@keyframes trace{0%{stroke-dashoffset:1100}to{stroke-dashoffset:0}}@media(min-width:761px){.hero-copy{animation:appear .85s ease-out}.phone{animation:phone-appear 1.1s ease-out}}@keyframes appear{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes phone-appear{0%{opacity:0;margin-top:40px}to{opacity:1;margin-top:0}}