@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/syne-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/syne-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sp-bg:#080b13;--sp-panel:#101620;--sp-line:#27313c;--sp-ink:#edf4ef;--sp-muted:#91a0ad;--sp-mint:#61f3c3}.spectrogram-page{min-height:100vh;background:var(--sp-bg);color:var(--sp-ink);font-family:Manrope,sans-serif}.spectrogram-page *{box-sizing:border-box}.spectrogram-nav{height:76px;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--sp-line);display:flex;align-items:center;justify-content:space-between;gap:28px}.spectrogram-brand{color:#fff;text-decoration:none;font:700 15px Syne,sans-serif;letter-spacing:.08em;display:flex;align-items:center;gap:11px}.spectrogram-brand>span:last-child>span{color:var(--sp-mint)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#07120f;background:var(--sp-mint);font-size:18px;clip-path:polygon(0 0,100% 0,100% 73%,73% 100%,0 100%)}.spectrogram-nav nav{display:flex;gap:32px}.spectrogram-nav nav a{color:#aeb9c2;text-decoration:none;font-size:12px;letter-spacing:.04em}.nav-cta{color:var(--sp-bg);background:var(--sp-mint);padding:11px 17px;text-decoration:none;font-size:12px;font-weight:700}.spectrogram-hero{min-height:650px;max-width:1440px;margin:auto;padding:84px clamp(22px,7vw,105px) 90px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:7vw;overflow:hidden}.eyebrow,.step{font:500 11px DM Mono,monospace;letter-spacing:.15em;color:var(--sp-mint)}.eyebrow i{display:inline-block;width:28px;border-top:1px solid var(--sp-mint);vertical-align:middle;margin-right:11px}.hero-copy h1{margin:22px 0;font:700 clamp(52px,6.5vw,94px)/.93 Syne,sans-serif;letter-spacing:-.055em}.hero-copy h1 em,.how-section h2 em{font-weight:600;color:var(--sp-mint)}.hero-copy p{color:#a5b0ba;max-width:540px;font-size:16px;line-height:1.75}.hero-button{margin-top:22px;border:0;background:var(--sp-mint);color:#07110e;font-weight:800;padding:16px 20px;cursor:pointer}.hero-button span{margin-left:30px;font-size:18px}.hero-copy small{display:block;margin-top:15px;color:#64727f;font:10px DM Mono,monospace}.hero-visual{min-width:0;border:1px solid #35414d;background:linear-gradient(145deg,#111923,#080b13);padding:22px;box-shadow:0 34px 80px #0008;transform:perspective(900px) rotateY(-4deg)}.wave-label,.wave-footer{display:flex;justify-content:space-between;color:#6e7c89;font:9px DM Mono,monospace;letter-spacing:.12em}.wave-label b{color:#9aabb8;font-weight:400}.demo-spectrum{height:330px;margin:18px 0;display:flex;align-items:center;gap:2px;border-block:1px solid #263540;background:repeating-linear-gradient(0deg,transparent 0 54px,#23313a66 55px),linear-gradient(90deg,#0b101a,#0a1820);overflow:hidden}.demo-spectrum i{flex:1;height:var(--h);background:linear-gradient(180deg,#ffd273 0,#61f3c3 24%,#0f8993 55%,#15253b);filter:saturate(1.2);opacity:.88;animation:pulse 1.8s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes pulse{to{transform:scaleY(.72);opacity:.55}}.wave-footer strong{color:var(--sp-mint);font-weight:400}.tool-section{padding:92px clamp(22px,7vw,105px) 110px;background:#edf2ed;color:#0b1116}.section-heading{max-width:1230px;margin:0 auto 44px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2{display:inline;margin-left:24px;font:700 clamp(29px,4vw,47px) Syne,sans-serif;letter-spacing:-.04em}.section-heading p{color:#65706e;font-size:13px;line-height:1.7}.drop-zone,.analyzer-shell{max-width:1230px;margin:auto;border:1px solid #adb9b3;background:#e5ebe5}.drop-zone{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px dashed #9aa9a1;outline-offset:-14px;transition:.2s}.drop-zone.dragging{background:#d4e9df;outline-color:#16876a}.drop-zone input{display:none}.upload-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid #7b8b83;font-size:32px;color:#14856b;margin-bottom:16px}.drop-zone h3{font:700 21px Syne,sans-serif;margin:5px}.drop-zone p{color:#69746f;font-size:13px}.drop-zone p button{border:0;background:none;color:#067a60;text-decoration:underline;font:inherit;cursor:pointer}.drop-zone>span{font:10px DM Mono;color:#8a9690;letter-spacing:.1em;margin-top:20px}.file-bar{padding:15px 18px;display:flex;gap:13px;align-items:center;background:#dbe2dc;border-bottom:1px solid #adb9b3}.file-icon{width:38px;height:38px;display:grid;place-items:center;background:#0d1719;color:var(--sp-mint)}.file-bar div:nth-child(2){display:flex;flex-direction:column;min-width:0}.file-bar strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-bar span{font:10px DM Mono;color:#63706a}.file-bar button{margin-left:auto;background:none;border:0;text-decoration:underline;cursor:pointer}.canvas-wrap{position:relative;background:#080b13;overflow:auto;padding:10px}.canvas-wrap canvas{display:block;width:100%;min-width:650px;height:auto}.processing{position:absolute;top:0;right:0;bottom:0;left:0;background:#080b13dc;color:#fff;display:grid;place-content:center;text-align:center;gap:14px}.processing span{width:42px;height:42px;border:2px solid #ffffff22;border-top-color:var(--sp-mint);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.processing b{font:12px DM Mono;font-weight:400}.analyzer-shell audio{display:block;width:calc(100% - 32px);margin:12px 16px}.controls{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;padding:16px;border-top:1px solid #adb9b3}.controls label{font:10px DM Mono;color:#59645f;display:flex;flex-direction:column;gap:6px}.controls select{padding:10px;border:1px solid #98a69f;background:#f3f5f2}.download{align-self:end;padding:12px 20px;border:0;background:#0b1716;color:var(--sp-mint);font-weight:700;cursor:pointer}.download:disabled{opacity:.5}.spectrogram-error{max-width:1230px;margin:14px auto;color:#a32727}.how-section{padding:105px clamp(22px,7vw,105px);max-width:1440px;margin:auto}.how-section h2{font:700 clamp(38px,5vw,68px)/1.05 Syne,sans-serif;letter-spacing:-.045em;margin:25px 0 65px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sp-line)}.feature-grid article{padding:34px 34px 20px 0;border-right:1px solid var(--sp-line)}.feature-grid article+article{padding-left:34px}.feature-grid article:last-child{border:0}.feature-grid b{font:10px DM Mono;color:var(--sp-mint);letter-spacing:.1em}.feature-grid h3{font:700 22px Syne;margin:24px 0 12px}.feature-grid p{color:#8896a2;line-height:1.7;font-size:13px}.spectrogram-footer{border-top:1px solid var(--sp-line);padding:30px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;color:#71808d;font-size:11px;gap:25px}@media (max-width:850px){.spectrogram-nav nav{display:none}.spectrogram-hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{transform:none}.section-heading{display:block}.section-heading p{margin-top:20px}.controls{grid-template-columns:1fr 1fr}.download{grid-column:1/-1}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--sp-line)}.spectrogram-footer{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.spectrogram-nav{height:66px}.nav-cta{display:none}.hero-copy h1{font-size:50px}.demo-spectrum{height:240px}.section-heading h2{display:block;margin:14px 0}.controls{grid-template-columns:1fr}.spectrogram-footer p{line-height:1.5}}@media (prefers-reduced-motion:reduce){.demo-spectrum i{animation:none}}