@font-face{font-family:Arial;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:#fbf9ef;color:#20201d;font-family:Arial,Helvetica,sans-serif;font-weight:400}body.menu-open,body.dialog-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #79796d;outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400}::selection{background:#ff7a32;color:#20201d}:root{--paper:#fbf9ef;--ink:#20201d;--accent:#ff7a32;--pad:22px}.site-header{position:fixed;inset:0 0 auto;z-index:30;padding:18px var(--pad);display:grid;grid-template-columns:1fr 1fr;row-gap:7px;color:var(--paper);mix-blend-mode:difference;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-size:21px;letter-spacing:-1.6px;line-height:1}.logo-o{display:inline-block;transform:rotate(-25deg);font-weight:700}.menu-toggle{text-align:right;padding:0;font-size:21px;line-height:1}.how-link,.sound-toggle{font-size:10px;line-height:1.2}.sound-toggle{text-align:right;padding:0}.sound-toggle span{opacity:.7}.sound-toggle b{font-weight:400;opacity:1}.how-link{opacity:0;transition:opacity .3s}.scrolled .how-link{opacity:1}.menu{position:fixed;inset:0;background:var(--accent);z-index:25;clip-path:inset(0 0 100%);transition:clip-path .7s cubic-bezier(.76,0,.24,1);padding:100px var(--pad) 25px;display:flex;flex-direction:column;justify-content:space-between}.menu-open .menu{clip-path:inset(0)}.menu-links{display:flex;flex-direction:column;align-items:flex-start}.menu-links a{font-size:clamp(36px,7.5vw,110px);line-height:1.05;letter-spacing:-.06em;transition:transform .3s}.menu-links a:hover{transform:translateX(20px)}.menu-links sup{font-size:14px;letter-spacing:0;vertical-align:top;display:inline-block;padding-top:16px}.menu-bottom{display:flex;justify-content:space-between;font-size:12px}.intro{height:100svh;min-height:580px;display:grid;place-items:center;overflow:hidden}.intro-center{margin-top:3vh;text-align:center}.intro h1{font-size:clamp(48px,5.9vw,105px);line-height:.88;letter-spacing:-.065em}.intro h1 span{display:block;animation:intro-in 1.4s cubic-bezier(.16,1,.3,1) both}.intro h1 span:nth-child(2){animation-delay:.07s}.intro h1 span:nth-child(3){animation-delay:.14s}.intro h1 span:nth-child(4){animation-delay:.21s}@keyframes intro-in{from{opacity:0;letter-spacing:.2em;transform:translateY(25px)}to{opacity:1;letter-spacing:-.065em;transform:translateY(0)}}.scroll-blob{width:160px;height:148px;position:relative;display:block;margin:36px auto 0;isolation:isolate;transition:transform .3s}.scroll-blob:before,.scroll-blob:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:var(--accent);z-index:-1}.scroll-blob:before{left:10px;top:0;animation:blob-a 5s ease-in-out infinite}.scroll-blob:after{right:10px;bottom:0;animation:blob-b 5s ease-in-out infinite}.scroll-blob span{font-size:12px;line-height:1;position:absolute;left:43px;top:35px}.scroll-blob .blob-arrow{font-size:32px;left:103px;top:96px}.scroll-blob:hover{transform:rotate(-10deg)}@keyframes blob-a{50%{transform:translate(8px,12px) scale(1.08,.94)}}@keyframes blob-b{50%{transform:translate(-8px,-10px) scale(.95,1.07)}}.welcome{min-height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8vh var(--pad) 9vh}.welcome h2{text-align:center;font-size:clamp(58px,10.8vw,175px);line-height:.86;letter-spacing:-.072em}.actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.pill{min-height:58px;padding:0 23px;border:1px solid #929287;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.pill:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.pill.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pill.dark:hover{background:var(--accent);color:var(--ink)}.hero-scroll{height:205vh;padding:0 var(--pad)}.hero-pin{height:100vh;position:sticky;top:0;padding-top:78px;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;height:30px;align-items:flex-start}.track-count{font-weight:400;letter-spacing:3px}.hero-art{position:relative;height:calc(100vh - 120px);width:100%;margin:auto;overflow:hidden;background:#19110c;transform-origin:center top;will-change:width,height}.liquid{position:absolute;width:115%;height:115%;left:-7.5%;top:-7.5%;object-fit:cover;animation:liquid-flow 20s ease-in-out infinite alternate;filter:saturate(1.16)}@keyframes liquid-flow{from{transform:scale(1) rotate(-3deg)}to{transform:scale(1.17) rotate(4deg) translate(2%,-2%)}}.orbits{position:absolute;inset:0;display:grid;place-items:center}.orbits i{position:absolute;width:32%;aspect-ratio:1;border:1px solid #fbf9ef50;border-radius:50%}.orbits i:nth-child(2){width:55%}.orbits i:nth-child(3){width:80%}.orbits i:nth-child(4){width:108%}.music-molecule{position:absolute;width:370px;height:440px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(18deg);animation:orbit-molecule 14s ease-in-out infinite alternate}.molecule-top,.molecule-bottom{position:absolute;width:245px;height:245px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}.molecule-top{top:0;right:0;font-size:16px;border-bottom-left-radius:35%}.molecule-bottom{bottom:0;left:0;border-top-right-radius:35%;font-size:15px}.molecule-label{text-align:center;line-height:1}.satellite{position:absolute;text-align:center;line-height:1}.tone{left:15px;top:40px;transform:rotate(-55deg)}.quality{right:37px;top:18px;transform:rotate(26deg)}.rhyme{left:44px;bottom:20px;transform:rotate(20deg)}.synonym{right:8px;bottom:66px;transform:rotate(-57deg)}@keyframes orbit-molecule{from{rotate:-18deg}to{rotate:20deg}}.hero-description{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:40px;position:absolute;bottom:5vh;left:0;right:0;transform:translateY(40px);opacity:0}.hero-description h3{font-size:clamp(22px,2.7vw,42px);line-height:1.02;letter-spacing:-.045em}.hero-description p{font-size:12px;line-height:1.4;max-width:390px}.hero-description p:nth-child(2){opacity:.45}.magic-scroll{height:175vh}.magic-pin{height:100vh;position:sticky;top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.magic-pin h2{font-size:min(19.3vw,30vh);line-height:.77;letter-spacing:-.075em;text-align:center;position:relative;z-index:2;will-change:transform}.magic-o{display:inline-block;background:var(--ink);color:var(--paper);width:.78em;border-radius:50%;font-size:.85em;line-height:.78;transform:rotate(-35deg);margin:0 .025em}.spark{position:absolute;color:var(--accent);font-size:30vw;line-height:1;font-weight:700;z-index:1}.spark-one{right:3%;top:10%;transform:rotate(12deg)}.spark-two{left:0;bottom:8%;transform:rotate(-12deg)}.walkthrough{height:550vh;background:#070807;color:var(--paper)}.walkthrough-pin{height:100vh;position:sticky;top:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:90px 0 44px}.laptop{width:75%;max-width:1280px;height:calc(100vh - 136px);border:2px solid #777871;border-radius:30px 30px 0 0;background:#1d1e1b;box-shadow:0 0 0 7px #0d0e0d,0 20px 70px #000;padding:7px 10px 0;overflow:hidden;transform-origin:center bottom}.computer-bar,.browser-bar{height:18px;font-size:7px;display:flex;justify-content:space-between;align-items:center;color:#c2c2bc;padding:0 4px}.browser-bar{height:24px;background:#333431;border-radius:8px 8px 0 0}.browser-bar>div{width:50%;background:#272825;text-align:center;font-size:8px;border-radius:4px;padding:3px}.app-shell{display:flex;height:calc(100% - 43px);padding:8px 10px 10px 0;gap:12px}.app-sidebar{width:56px;display:flex;align-items:center;gap:24px;flex-direction:column;padding-top:10px;color:#c8c9c1;flex-shrink:0;font-size:20px;position:relative}.app-sidebar .app-logo{font-size:36px;line-height:1;color:#fbf9ef}.app-sidebar .selected{color:var(--accent);background:#ff7a3218;padding:1px 6px;border-radius:5px}.sidebar-bottom{position:absolute;bottom:5px;line-height:2}.app-screen{flex:1;border-radius:15px;background:var(--paper);color:var(--ink);position:relative;overflow:hidden}.setup-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:8%;transition:opacity .35s}.setup-screen h3{font-size:clamp(14px,2vw,30px);font-weight:600;letter-spacing:-.025em}.setup-screen>p{font-size:12px;margin-top:15px;opacity:.25}.app-options{margin-top:35px;width:37%;display:flex;flex-direction:column;gap:18px}.app-options button{display:flex;align-items:center;gap:20px;padding:0;text-align:left;font-size:12px;white-space:nowrap}.app-options i{font-style:normal;width:34px;height:34px;background:#e9f5a9;color:#b2d925;display:grid;place-items:center;border-radius:8px;font-size:25px}.app-options button:nth-child(2) i{background:#f5edb8;color:#c6b64b}.app-options button:nth-child(n+3) i{background:#d0bdec;color:#8562b4}.app-options b{margin-left:auto;font-size:12px}.app-callout{position:absolute;width:clamp(100px,14vw,210px);aspect-ratio:1;border-radius:50%;background:#20201d;color:var(--paper);top:20%;right:9%;display:grid;place-items:center;text-align:center;z-index:5;transition:top .6s,right .6s,background .3s,color .3s,transform .6s}.app-callout span{font-size:clamp(10px,1vw,15px);line-height:1.3}.app-callout em{color:var(--accent);font-style:normal}.editor-screen{opacity:0;position:absolute;inset:0;padding:18px;transition:opacity .35s}.editor-title{height:35px;font-size:14px;font-weight:600}.editor-title>span{color:#b9de26}.editor-columns{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;height:calc(100% - 35px)}.editor-main,.editor-result{background:#eeede7;border-radius:10px;position:relative;overflow:hidden;padding:12px}.editor-tools{display:flex;gap:4px;position:relative;z-index:2}.editor-tools span{font-size:7px;border:1px solid #b8b8ae;padding:5px 4px;border-radius:4px;white-space:nowrap}.editor-tools .active{color:var(--paper);background:#31322c}.genre-menu{position:absolute;top:43px;left:12px;background:#262721;color:#7e8173;border-radius:5px;font-size:9px;display:flex;flex-direction:column;gap:14px;padding:18px;width:135px;opacity:0;transition:opacity .3s}.genre-menu b{color:#b4d24a;font-weight:400}.prompt-box{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:9px;border:1px solid #d3d4c9;border-radius:7px;padding:12px;align-items:flex-start;background:#f7f6f0}.prompt-box p{font-size:9px;line-height:1.45}.prompt-box>span{font-size:14px}.prompt-box button{font-size:8px;background:#82c58b;color:white;padding:6px;border-radius:4px}.result-tabs{display:flex;gap:5px;font-size:8px;white-space:nowrap}.result-tabs span{padding:6px;background:#f0dda1;border-radius:4px}.result-tabs span+span{background:#b8a0ff}.result-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;color:#abaca3}.result-empty p{font-size:9px;text-align:center;margin-top:10px}.lyric-text,.result-lyrics{opacity:0;font-size:11px;line-height:1.7;padding:30px 5px;transition:opacity .4s}.lyric-text small,.result-lyrics small{font-size:8px;color:#838577}.lyric-text p{margin:10px 0 20px}.lyric-text mark{background:#e8e4a4}.result-lyrics p{margin:14px 0}.generating{position:absolute;inset:30% 0 auto;display:none;text-align:center;font-size:11px;color:#8d8e82}.generating span{display:block;width:30px;height:30px;border:3px solid #ff7a3240;border-top-color:#c65317;border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.corrections{display:none;margin-top:10px}.corrections article{background:var(--paper);border:1px solid #d7d8ce;padding:12px;margin-bottom:10px;border-radius:4px}.corrections b{font-size:10px;font-weight:400;display:block}.corrections em{float:right;font-style:normal;color:#b8dd00}.corrections p{font-size:9px;color:#85877c;line-height:1.4;margin-top:10px}.share-screen{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);background:var(--paper);padding:25px;width:240px;text-align:center;border-radius:9px;opacity:0;transition:opacity .4s,transform .4s;pointer-events:none}.share-icon{display:inline-grid;background:#20201d;color:var(--accent);width:38px;height:38px;border-radius:50%;place-items:center;font-size:30px;margin-bottom:15px}.share-screen h4{font-size:15px;font-weight:600}.share-screen p{font-size:10px;margin:10px 0 20px}.share-screen button{background:var(--ink);color:var(--paper);border-radius:99px;width:100%;font-size:10px;padding:10px}.step-nav{position:absolute;bottom:0;left:0;right:0;background:var(--accent);height:44px;display:flex;justify-content:space-between;padding:0 var(--pad);align-items:center}.step-nav button{color:#20201d66;font-size:clamp(12px,1.6vw,25px);padding:0;text-align:left;transition:color .3s}.step-nav button.passed,.step-nav button[aria-selected=true]{color:var(--ink)}.step-nav button[aria-selected=true]{font-weight:500}.walkthrough[data-stage]:not([data-stage="0"]) .setup-screen{opacity:0;pointer-events:none}.walkthrough[data-stage]:not([data-stage="0"]) .editor-screen{opacity:1}.walkthrough[data-stage="1"] .genre-menu{opacity:1}.walkthrough[data-stage="1"] .app-callout{top:36%;right:45%}.walkthrough[data-stage="2"] .app-callout{top:12%;right:29%}.walkthrough[data-stage="2"] .generating{display:block}.walkthrough[data-stage="2"] .result-empty{display:none}.walkthrough[data-stage="2"] .result-lyrics{opacity:1}.walkthrough[data-stage="3"] .app-callout{top:33%;right:25%}.walkthrough[data-stage="3"] .lyric-text{opacity:1}.walkthrough[data-stage="3"] .corrections{display:block}.walkthrough[data-stage="3"] .result-empty{display:none}.walkthrough[data-stage="4"] .editor-screen{filter:brightness(.3)}.walkthrough[data-stage="4"] .share-screen{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.walkthrough[data-stage="4"] .app-callout{top:12%;right:70%;transform:scale(.85);background:var(--accent);color:var(--ink)}.walkthrough[data-stage="4"] .app-callout em{color:var(--ink)}.modules-banner{height:90vh;display:grid;place-items:center;position:relative;overflow:hidden;background:#19110c}.modules-banner>img{width:115%;height:130%;position:absolute;object-fit:cover;filter:blur(12px);transform:scale(1.05) rotate(-18deg)}.modules-banner h2{font-size:clamp(35px,5vw,80px);line-height:1.02;letter-spacing:-.055em;color:var(--paper);position:relative;text-align:center}.modules-banner h2>span{display:inline-block;color:var(--accent);font-weight:bold;font-size:1.1em;line-height:.5}.module-list{padding:30px var(--pad) 80px}.module-row{display:grid;grid-template-columns:.3fr .85fr 1.55fr auto;gap:35px;align-items:start;padding:35px 0 55px}.module-row>span,.module-row h3{font-size:12px}.module-row p{font-size:13px;line-height:1.45;max-width:610px}.module-row .pill{min-height:56px}.section-pad{padding:90px var(--pad)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}.section-heading h2,.testimonial-heading h2{font-size:clamp(23px,2.5vw,39px);line-height:1.05;letter-spacing:-.045em}.section-heading>span{font-size:11px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{padding:0;text-align:left;transition:transform .5s}.news-card:nth-child(2){transition-delay:.12s}.news-card:nth-child(3){transition-delay:.24s}.news-card>img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:filter .4s}.news-card:hover>img{filter:hue-rotate(15deg)}.news-meta{font-size:11px;display:flex;gap:40px;margin:17px 0}.news-meta>span:last-child{margin-left:auto}.news-card h3{font-size:clamp(20px,2vw,32px);letter-spacing:-.04em;line-height:1.05}.testimonial-heading{display:grid;grid-template-columns:1fr .45fr 1fr auto;align-items:start;gap:25px;margin-bottom:65px}.testimonial-heading>span,.testimonial-heading>p{font-size:12px;line-height:1.4}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quote-card{border:1px solid #929287;padding:28px 25px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.quote-card:first-child{background:var(--accent);border-color:var(--accent)}.quote-card:nth-child(2){transition-delay:.13s}.quote-card:nth-child(3){transition-delay:.26s}.quote-card blockquote{margin:0;font-size:clamp(20px,2vw,32px);line-height:1.4;letter-spacing:-.035em}.quote-author{display:flex;gap:20px;align-items:center;margin-top:45px;font-size:12px}.quote-author small{display:block;font-size:9px;color:#8a8b7e;margin-top:5px}.avatar{display:grid;place-items:center;flex-shrink:0;width:53px;height:53px;background:#24241e;color:var(--paper);font-size:36px;border-radius:50%;letter-spacing:-5px;padding-right:3px}.plans{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:20px;margin:80px 0 55px}.plans>div{font-size:12px}.plans article{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.plans h3{font-size:18px}.plans strong{font-weight:400;font-size:clamp(35px,5vw,80px);letter-spacing:-.06em}.plans article>span{font-size:11px;color:#9a9b90}.plans .pill{margin-top:20px;min-height:45px;font-size:10px}.feature-table-head{font-size:12px;padding-bottom:18px;border-bottom:1px solid #96988c;margin-bottom:20px}.feature-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:20px;align-items:center;min-height:53px;font-size:12px}.feature-row .check{width:17px;height:17px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;display:grid;place-items:center}.feature-row .check.no{background:#e5e5da;color:#deded2}.outro{background:var(--accent);overflow:clip}.contact-row{padding:50px var(--pad) 20px;display:grid;grid-template-columns:1fr 1.65fr auto;gap:30px}.contact-row h2{font-size:clamp(22px,2.4vw,38px);letter-spacing:-.045em;line-height:1.1}.contact-row p{font-size:11px;line-height:1.4}.contact-row .pill{align-self:start}.contact-wave{margin-top:22px;width:120px;height:45px;overflow:hidden;letter-spacing:2px;line-height:45px;text-align:center;background:#20201d;color:var(--accent);font-size:35px}.outro-scroll{height:160vh}.outro-pin{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;overflow:hidden}.outro-pin h2{font-size:19vw;line-height:.84;letter-spacing:-.07em;text-align:center;transform-origin:center center;will-change:transform}.outro-pin>.pill{z-index:2}.outro footer{display:grid;grid-template-columns:1.6fr .75fr .75fr auto;gap:40px;padding:0 var(--pad) 24px}.newsletter h3{font-size:28px;letter-spacing:-.045em;line-height:1.1}.newsletter form{display:flex;gap:12px;margin-top:28px}.newsletter input{border:1px solid #91ad2a;border-radius:99px;background:transparent;padding:20px 17px;font-size:11px;min-width:0;width:230px;color:var(--ink)}.newsletter input::placeholder{color:#465319}.newsletter .pill{min-height:54px;font-size:10px}.form-status{font-size:12px;margin-top:12px;max-width:400px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:23px}.footer-links>span{font-size:11px;color:#713311;margin-bottom:22px}.footer-links a:hover{text-decoration:underline}.back-top{width:65px;height:65px;border:1px solid #a24c20;border-radius:50%;font-size:46px;font-weight:400;line-height:1}.back-top:hover{background:var(--ink);color:var(--accent)}.footer-bottom{grid-column:1/-1;border-top:1px solid #b85725;display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;font-size:10px}.footer-bottom button{padding:0;font-size:10px}.reveal{opacity:.14;transform:translateY(45px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.return-wipe{position:fixed;inset:0;background:var(--paper);z-index:100;transform:scaleX(0);pointer-events:none}.return-wipe.active{animation:return-wipe 1.15s cubic-bezier(.76,0,.24,1)}@keyframes return-wipe{0%{transform:scaleX(0)}45%,65%{transform:scaleX(1)}100%{transform:scaleX(0)}}dialog{border:0;background:var(--paper);color:var(--ink);padding:55px;max-width:650px;width:calc(100% - 40px);max-height:85vh;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:35px}.dialog-content h2{font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.05em;margin-bottom:25px}.dialog-content>p{font-size:16px;line-height:1.6;margin:20px 0}.dialog-content img{width:100%;max-height:300px;object-fit:cover;margin-bottom:25px}.dialog-content label{display:block;font-size:12px;margin:25px 0 10px}.dialog-content textarea{width:100%;min-height:110px;border:1px solid #bbbdb1;background:transparent;padding:15px;font:inherit;resize:vertical}.dialog-content .pill{margin-top:20px}.demo-output{white-space:pre-line;font-size:16px;line-height:1.6;padding:20px;background:#e9edda;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){:root{--pad:32px}.hero-description p{font-size:15px}.hero-meta,.how-link,.sound-toggle{font-size:12px}}@media(max-width:800px){:root{--pad:16px}.site-header{padding-top:16px}.wordmark,.menu-toggle{font-size:18px}.intro h1{font-size:10vw}.intro{min-height:500px}.scroll-blob{transform:scale(.85);margin-top:24px}.welcome{min-height:62vh}.welcome h2{font-size:11.2vw}.pill{min-height:48px;padding:0 18px;font-size:10px}.actions{gap:12px;margin-top:28px}.hero-meta{font-size:8px}.hero-meta>span:last-child{display:none}.hero-pin{padding-top:72px}.hero-art{height:calc(100vh - 120px)}.music-molecule{scale:.8}.hero-description{gap:25px;grid-template-columns:1fr 1fr}.hero-description p{font-size:10px}.hero-description p:nth-child(2){display:none}.hero-description h3{font-size:26px}.magic-pin h2{font-size:20vw;line-height:.86}.spark{font-size:40vw}.spark-one{top:18%}.spark-two{bottom:18%}.walkthrough-pin{padding-top:100px;align-items:center}.laptop{width:94%;height:63vh;border-radius:20px 20px 0 0;padding:5px}.app-sidebar{width:30px;gap:20px;font-size:15px}.app-sidebar .app-logo{font-size:28px}.app-shell{gap:5px;padding:5px 5px 5px 0}.app-screen{border-radius:8px}.setup-screen{padding-top:13%}.setup-screen>p{font-size:8px}.app-options{width:47%;gap:18px;margin-top:30px}.app-options button{font-size:9px;gap:8px}.app-options i{width:25px;height:25px;font-size:18px}.app-callout{width:100px;right:3%;top:30%}.app-callout span{font-size:9px}.editor-screen{padding:9px}.editor-title{font-size:11px;height:25px}.editor-columns{height:calc(100% - 25px);gap:6px}.editor-main,.editor-result{padding:6px}.editor-tools{flex-wrap:wrap}.editor-tools span{font-size:5px;padding:3px}.genre-menu{font-size:7px;width:100px;gap:12px;top:55px}.prompt-box{padding:6px;bottom:6px;left:6px;right:6px;gap:4px}.prompt-box p{font-size:6px}.prompt-box button{font-size:6px}.result-tabs{font-size:5px;gap:2px}.result-tabs span{padding:3px}.lyric-text,.result-lyrics{font-size:7px;padding:15px 2px}.corrections article{padding:6px}.corrections b,.corrections p{font-size:7px}.step-nav{padding:0 12px}.step-nav button{font-size:11px}.share-screen{width:170px;padding:18px}.share-screen h4{font-size:12px}.share-screen p{font-size:8px}.modules-banner{height:70vh}.modules-banner h2{font-size:5.8vw}.module-row{grid-template-columns:25px 1fr 1.7fr;gap:20px;padding:30px 0}.module-row .pill{grid-column:3;justify-self:start}.module-row p{font-size:10px}.module-row h3{font-size:11px}.section-pad{padding:60px var(--pad)}.section-heading{margin-bottom:35px}.news-grid{gap:15px}.news-meta{font-size:8px;gap:15px;margin:12px 0}.news-card h3{font-size:18px}.testimonial-heading{grid-template-columns:1fr 1fr auto;gap:15px;margin-bottom:40px}.testimonial-heading>span{display:none}.testimonial-heading>p{font-size:9px}.testimonial-grid{gap:14px}.quote-card{padding:20px 16px;min-height:320px}.quote-card blockquote{font-size:18px}.quote-author{font-size:9px;gap:10px;margin-top:25px}.avatar{width:35px;height:35px;font-size:25px}.quote-author small{font-size:7px}.plans{gap:10px;margin:40px 0}.plans .pill{font-size:8px;padding:0 10px;min-height:38px}.plans h3{font-size:13px}.plans>div{font-size:9px}.feature-row{font-size:10px;gap:10px;min-height:45px}.contact-row{grid-template-columns:1fr 1fr auto;gap:15px;padding-top:35px}.contact-row p{font-size:8px}.contact-row h2{font-size:21px}.contact-wave{width:85px;height:32px;line-height:32px;font-size:25px}.outro footer{grid-template-columns:1.4fr .8fr .8fr auto;gap:20px}.newsletter h3{font-size:21px}.newsletter form{flex-direction:column;align-items:flex-start;gap:8px}.newsletter input{width:100%;padding:15px}.newsletter .pill{min-height:40px}.footer-links{font-size:17px}.footer-links>span{font-size:9px}.back-top{width:45px;height:45px;font-size:34px}.footer-bottom{font-size:8px;gap:20px}.footer-bottom button{font-size:8px}}@media(max-width:520px){.intro h1{font-size:12vw}.hero-description{bottom:6vh;gap:20px}.hero-description h3{font-size:20px}.hero-description p{font-size:9px}.hero-meta{font-size:7px;gap:6px}.hero-meta>span:nth-child(3){display:none}.music-molecule{scale:.61}.magic-pin h2{font-size:21vw}.walkthrough{height:430vh}.laptop{height:56vh;width:96%}.computer-bar{font-size:4px}.browser-bar{height:18px;font-size:6px}.browser-bar>div{font-size:5px}.app-shell{height:calc(100% - 36px)}.app-sidebar{width:23px;font-size:12px}.app-sidebar .app-logo{font-size:24px}.setup-screen h3{font-size:13px}.setup-screen>p{font-size:6px}.app-options{width:55%;margin-top:25px}.app-callout{width:75px;right:2%;top:36%}.app-callout span{font-size:7px}.step-nav{height:42px;padding:0 8px}.step-nav button{font-size:8px}.editor-columns{grid-template-columns:1.3fr 1fr}.editor-title{font-size:8px}.prompt-box p{font-size:5px}.genre-menu{width:80px;font-size:6px;padding:10px}.lyric-text,.result-lyrics{font-size:6px}.lyric-text small,.result-lyrics small{font-size:5px}.corrections article{padding:5px}.corrections b,.corrections p{font-size:6px}.modules-banner{height:65vh}.modules-banner h2{font-size:6.3vw}.module-row{grid-template-columns:20px 1fr;gap:15px}.module-row p,.module-row .pill{grid-column:2}.module-row h3{font-size:13px}.module-row p{font-size:11px}.module-list{padding-bottom:35px}.news-grid{grid-template-columns:1fr;gap:40px}.news-card h3{font-size:26px}.news-meta{font-size:10px}.news-card>img{aspect-ratio:1.15}.testimonial-heading{grid-template-columns:1fr auto}.testimonial-heading>p{grid-column:1/-1;grid-row:2}.testimonial-grid{grid-template-columns:1fr}.quote-card{min-height:310px;padding:25px}.quote-card blockquote{font-size:25px}.quote-author{font-size:11px}.avatar{width:44px;height:44px}.section-heading>span{display:none}.plans{grid-template-columns:1fr repeat(3,1fr);gap:8px}.plans>div{font-size:8px}.plans h3{font-size:10px}.plans strong{font-size:25px}.plans article>span{font-size:8px}.plans .pill{font-size:7px;padding:0 5px;width:100%;white-space:normal;text-align:center}.feature-row{grid-template-columns:1fr repeat(3,1fr);font-size:8px;gap:8px;min-height:50px}.feature-row .check{width:13px;height:13px;font-size:9px}.contact-row{grid-template-columns:1fr auto;gap:25px}.contact-row>div{grid-column:1;grid-row:2}.contact-row .pill{grid-column:2;grid-row:1}.contact-row p{font-size:10px}.contact-row h2{font-size:23px}.outro-scroll{height:140vh}.outro-pin h2{font-size:20vw}.outro footer{grid-template-columns:1fr 1fr;gap:35px}.newsletter{grid-column:1/-1}.newsletter form{flex-direction:row}.newsletter h3{font-size:26px}.newsletter input{width:65%}.footer-links{font-size:20px}.back-top{position:absolute;right:16px;margin-top:10px}.footer-bottom{flex-wrap:wrap;line-height:1.5;gap:15px}.menu-links a{font-size:11vw}.menu-bottom{font-size:9px}dialog{padding:45px 25px}.dialog-content>p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Keep hidden demo panels out of pointer interaction and layout. */
.editor-screen{pointer-events:none}.walkthrough[data-stage]:not([data-stage="0"]) .editor-screen{pointer-events:auto}.walkthrough[data-stage="4"] .editor-screen{pointer-events:none}.result-lyrics{display:none}.walkthrough[data-stage="2"] .result-lyrics{display:block}.corrections{position:absolute;top:40px;left:10px;right:10px}.setup-screen .app-options{position:relative;z-index:1}
