:root{--wm-deep:#171326;--wm-ink:#24202d;--wm-cream:#f4efe4;--wm-amber:#ffbc58;--wm-coral:#f4755d;--wm-mint:#b9e58c;--wm-line:#393246}.word-music-page{background:var(--wm-cream);color:var(--wm-ink)}.wm-hero{min-height:100svh;background:var(--wm-deep);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);align-items:center;padding:130px max(24px,calc((100vw - 1220px)/2)) 60px;overflow:hidden}.wm-hero-copy{position:relative;z-index:2;max-width:680px}.wm-hero .breadcrumbs{color:#aaa3b8;margin:0 0 58px;font-size:.75rem}.wm-hero .breadcrumbs a{color:inherit;text-decoration:none}.wm-hero .breadcrumbs span{margin:0 8px}.wm-kicker,.wm-studio-head>div>p,.wm-how>p{font-size:.66rem;font-weight:950;letter-spacing:.17em;color:var(--wm-amber);margin:0}.wm-kicker i{display:inline-block;width:30px;height:2px;background:var(--wm-amber);vertical-align:middle;margin-right:10px}.wm-hero h1{font-size:clamp(4.7rem,8.5vw,9.4rem);line-height:.78;letter-spacing:-.09em;margin:28px 0 38px}.wm-hero h1 em{display:inline-block;color:var(--wm-amber);font-style:normal}.wm-hero-copy>p:not(.wm-kicker){max-width:520px;color:#c9c3d2;font-size:1.05rem;line-height:1.65}.wm-hero-action{display:inline-flex;align-items:center;gap:46px;margin-top:30px;padding-bottom:10px;border-bottom:1px solid var(--wm-amber);color:#fff;text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wm-hero-action span{color:var(--wm-amber);font-size:1.2rem}.wm-orbit{position:relative;width:min(44vw,560px);aspect-ratio:1;justify-self:end}.wm-ring{position:absolute;border:1px solid #ffffff24;border-radius:50%;inset:8%;animation:wmSpin 18s linear infinite}.wm-ring:before,.wm-ring:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--wm-amber);top:14%;left:14%;box-shadow:0 0 24px var(--wm-amber)}.wm-ring:after{top:auto;left:auto;right:3%;bottom:32%;background:var(--wm-coral);box-shadow:0 0 24px var(--wm-coral)}.ring-two{inset:23%;animation-direction:reverse;animation-duration:11s}.ring-two:before{top:70%;left:-1%;background:var(--wm-mint)}.wm-pulse{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle,var(--wm-amber),#f58a53 45%,transparent 68%);filter:blur(2px);animation:wmBreathe 2.2s ease-in-out infinite;box-shadow:0 0 100px #ff9c4855}.orbit-word{position:absolute;font-weight:950;font-size:clamp(1.1rem,2vw,1.7rem);letter-spacing:-.04em}.word-one{left:2%;top:31%;color:var(--wm-mint)}.word-two{right:0;bottom:27%;color:var(--wm-coral)}.orbit-meter{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);height:54px;display:flex;align-items:center;gap:6px}.orbit-meter i{display:block;width:3px;height:25%;background:var(--wm-amber);animation:wmMeter .8s ease-in-out infinite alternate}.orbit-meter i:nth-child(2n){animation-delay:-.3s}.orbit-meter i:nth-child(3n){animation-delay:-.55s}.wm-studio{padding:105px max(24px,calc((100vw - 1220px)/2)) 120px}.wm-studio-head{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:end;border-bottom:1px solid #aaa399;padding-bottom:42px}.wm-studio-head h2{font-size:clamp(3rem,5vw,5.8rem);line-height:.9;letter-spacing:-.075em;margin:15px 0 0}.wm-studio-head>p{color:#6f6875;line-height:1.7;margin:0}.wm-workspace{display:grid;grid-template-columns:400px minmax(0,1fr);min-height:690px;border-bottom:1px solid #aaa399}.wm-controls{padding:42px 42px 42px 0;border-right:1px solid #aaa399}.wm-step{display:grid;grid-template-columns:38px 1fr;gap:12px}.step-number{font:800 .65rem ui-monospace,monospace;color:#9a909f;padding-top:5px}.wm-step h3{margin:0;font-size:1.05rem}.wm-step p{margin:6px 0 0;color:#766e79;font-size:.75rem;line-height:1.5}.source-step{margin-top:34px}.word-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 0 50px}.word-inputs label,.wm-settings label{font-size:.61rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#756e78}.word-inputs input{width:100%;border:0;border-bottom:2px solid var(--wm-ink);background:transparent;padding:11px 0 8px;font:900 1.25rem/1.2 inherit;color:var(--wm-ink);outline:none}.word-inputs input:focus{border-color:#d55e46}.source-tabs{display:flex;margin:19px 0 0 50px;border-bottom:1px solid #bdb5aa}.source-tab{flex:1;border:0;background:none;padding:11px 4px;font:850 .68rem inherit;color:#7b747d;cursor:pointer;border-bottom:3px solid transparent}.source-tab.active{color:var(--wm-ink);border-color:var(--wm-coral)}#sample-controls{margin:15px 0 0 50px}.sample-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;border-bottom:1px solid #d4ccc0;padding:10px 0}.sample-row strong{grid-column:1}.sample-row>span{grid-column:1;color:#847d86;font-size:.65rem}.sample-upload,.record-button{grid-row:1/3;border:1px solid #aaa1aa;background:transparent;padding:8px 9px;font:800 .62rem inherit;cursor:pointer}.sample-upload{grid-column:2}.record-button{grid-column:3}.sample-upload input{position:absolute;opacity:0;width:1px}.record-button.recording{background:var(--wm-coral);color:#fff;border-color:var(--wm-coral);animation:wmRecord 1s infinite}.sample-note{color:#817983;font-size:.66rem;line-height:1.45}.wm-settings{display:grid;gap:14px;margin:30px 0 0 50px}.wm-settings label{display:grid;grid-template-columns:74px 1fr auto;gap:10px;align-items:center}.wm-settings select{border:0;background:transparent;font:750 .78rem inherit;color:var(--wm-ink)}.wm-settings input{accent-color:var(--wm-coral)}.wm-settings output{font-size:.68rem;color:#756e78;text-transform:none;letter-spacing:0;min-width:55px;text-align:right}.wm-generate{width:calc(100% - 50px);margin:30px 0 0 50px;border:0;background:var(--wm-ink);color:#fff;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;font:900 .75rem inherit;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s}.wm-generate:hover{background:#d55e46;transform:translateY(-2px)}.wm-generate:disabled{opacity:.55;cursor:wait;transform:none}.wm-generate b{color:var(--wm-amber);font-size:1.1rem}.wm-status{margin:13px 0 0 50px;color:#716a75;font-size:.68rem;line-height:1.5;min-height:2em}.wm-status.error{color:#b64036}.wm-stage{position:relative;padding:42px 0 36px 48px;min-width:0}.stage-top{display:flex;justify-content:space-between;font:900 .66rem ui-monospace,monospace;letter-spacing:.12em;color:#6e6872}.stage-top span:first-child{color:#d55e46}.wm-stage canvas{display:block;width:100%;height:330px;margin-top:30px;border-bottom:1px solid #bdb5aa}.section-labels{display:grid;grid-template-columns:20% 30% 26% 24%;font:800 .56rem ui-monospace,monospace;letter-spacing:.12em;color:#8c858d;margin-top:10px}.section-labels span:last-child{color:#d55e46}.word-now{position:absolute;left:72px;top:144px}.word-now span{display:block;font:800 .57rem ui-monospace,monospace;letter-spacing:.15em;color:#8c858d}.word-now strong{display:block;margin-top:4px;font-size:clamp(2.4rem,5vw,5.4rem);letter-spacing:-.08em;color:var(--wm-ink);opacity:.11;transition:opacity .12s,color .12s,transform .12s}.word-now strong.sounding{opacity:1;color:#d55e46;transform:translateY(-3px)}.transport{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;margin-top:42px}.play-button{width:58px;height:58px;border-radius:50%;border:0;background:var(--wm-coral);color:#fff;font-size:1rem;cursor:pointer}.play-button:disabled,.download-button:disabled{opacity:.4;cursor:not-allowed}.transport-main input{width:100%;accent-color:var(--wm-coral)}.transport-main div{display:flex;justify-content:space-between;font:700 .62rem ui-monospace,monospace;color:#77717a;margin-top:5px}.download-button{border:1px solid #9c949e;background:transparent;padding:12px 14px;font:850 .67rem inherit;cursor:pointer}.arrangement-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c8c0b7;border-top:1px solid #c8c0b7;border-bottom:1px solid #c8c0b7;margin-top:42px}.arrangement-notes>div{background:var(--wm-cream);padding:16px 14px}.arrangement-notes span,.arrangement-notes strong{display:block}.arrangement-notes span{font:800 .56rem ui-monospace,monospace;color:#89818a;letter-spacing:.12em}.arrangement-notes strong{font-size:.68rem;margin-top:6px;line-height:1.4}.wm-how{background:#ded8ca;padding:90px max(24px,calc((100vw - 1220px)/2));display:grid;grid-template-columns:190px 1fr}.wm-how>div{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.wm-how h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.94;letter-spacing:-.07em;margin:0}.wm-how>div>p{margin:5px 0 0;color:#655e69;line-height:1.75}.word-music-page .footer{margin-top:0}@keyframes wmSpin{to{transform:rotate(360deg)}}@keyframes wmBreathe{50%{transform:scale(1.16);filter:blur(7px)}}@keyframes wmMeter{to{height:95%}}@keyframes wmRecord{50%{opacity:.6}}@media(max-width:950px){.wm-hero{grid-template-columns:1fr;min-height:auto}.wm-orbit{width:min(72vw,520px);justify-self:center;margin-top:-40px}.wm-studio-head{grid-template-columns:1fr}.wm-workspace{grid-template-columns:1fr}.wm-controls{border-right:0;border-bottom:1px solid #aaa399;padding-right:0}.wm-stage{padding-left:0}.wm-how,.wm-how>div{grid-template-columns:1fr;gap:28px}.wm-how>div{gap:32px}}@media(max-width:600px){.wm-hero{padding:125px 20px 45px}.wm-hero .breadcrumbs{margin-bottom:42px}.wm-hero h1{font-size:clamp(4.1rem,20vw,6rem)}.wm-orbit{width:88vw;margin-top:0}.wm-studio{padding:70px 20px}.word-inputs,.source-tabs,#sample-controls,.wm-settings,.wm-generate,.wm-status{margin-left:0}.wm-generate{width:100%}.wm-stage canvas{height:260px}.transport{grid-template-columns:52px 1fr}.download-button{grid-column:2}.arrangement-notes{grid-template-columns:1fr}.wm-how{padding:65px 20px}.wm-how h2{font-size:3.2rem}}@media(prefers-reduced-motion:reduce){.wm-ring,.wm-pulse,.orbit-meter i,.record-button.recording{animation:none}}