:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#e8e8e6;background:#070707;--muted:#a8a8a6;--line:#30302f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:6px}button,a,select{touch-action:manipulation}button,select{cursor:pointer}button{color:inherit;background:transparent;border:0}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #e8e8e6}::selection{background:#dededb;color:#070707}.page-width{width:min(100% - 104px,1312px);margin-inline:auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:33px;font-weight:600;letter-spacing:-.9px}.site-header nav{display:flex;align-items:center;gap:54px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 34px;border-radius:100px;font-size:18px;line-height:1.4;font-weight:500;white-space:nowrap;transition:background-color .16s ease,transform .16s ease}.primary{background:#e8e8e6;color:#111}.primary:hover{background:#fff;transform:translateY(-2px)}.primary:active{transform:translateY(0)}.nav-download{min-height:46px;font-size:16px;padding:10px 25px}.hero{position:relative;min-height:700px;display:flex;align-items:center;border-bottom:1px solid var(--line);isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:1;padding-block:65px 44px}h1{font-size:clamp(68px,6.95vw,100px);font-weight:600;letter-spacing:-.065em;line-height:1.25;margin:0}h1 span,.feature-copy h2 span,.hero-description span{display:block}.hero-description{color:var(--muted);font-size:25px;line-height:1.65;margin:25px 0 36px;letter-spacing:.01em}.hero-actions{display:flex;align-items:center;gap:38px}.hero-actions .button{min-height:64px;min-width:226px;font-size:21px}.learn-link{display:inline-flex;align-items:center;gap:15px;font-size:18px;padding-block:15px}.learn-link:hover,.text-button:hover,.footer-links button:hover,.nav-feature:hover{color:#fff}.hero-art{position:absolute;width:840px;max-width:76%;height:630px;right:-50px;top:16px;object-fit:cover;object-position:66% center;filter:grayscale(1) contrast(1.08);mix-blend-mode:screen;z-index:-1;pointer-events:none}.occasions{list-style:none;display:flex;align-items:center;gap:27px;padding:0;margin:46px 0 0;color:var(--muted);font-size:14px;letter-spacing:.15em}.occasions li+li:before{content:"/";margin-inline-end:27px;color:#737370}.features{scroll-margin-top:24px}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;border-bottom:1px solid var(--line)}.mixer-section{min-height:386px;padding-block:50px}.feature-copy .eyebrow,.eyebrow{margin:0 0 18px;color:var(--muted);font-size:17px;font-weight:400}.feature-copy h2{margin:0;font-size:43px;line-height:1.42;letter-spacing:-.04em;font-weight:600;text-wrap:balance}.description{color:var(--muted);font-size:19px;line-height:1.75;margin:18px 0 0}.mixer-demo{padding-top:12px;min-width:0}.sound-track{display:grid;grid-template-columns:45px 62px minmax(70px,1fr) 36px;align-items:center;gap:20px;min-height:95px}.sound-name{font-size:19px}.sound-track output{color:var(--muted);font-size:18px;text-align:end;font-variant-numeric:tabular-nums}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:35px;cursor:ew-resize;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#e8e8e6 var(--level),#313130 var(--level))}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-top:-7px;width:18px;height:18px;border:2px solid #e8e8e6;border-radius:50%;background:#50504d}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#313130}input[type=range]::-moz-range-progress{background:#e8e8e6;height:4px}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid #e8e8e6;border-radius:50%;background:#50504d}.audio-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:8px}.audio-controls>span{font-size:12px;color:#959591}.text-button{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);min-height:36px;padding:0}.spatial-section{min-height:485px;padding-block:38px}.spatial-demo{display:flex;align-items:center;flex-direction:column;width:100%}.direction{color:#8f8f8d;font-size:13px}.spatial-pad{position:relative;width:355px;max-width:84%;aspect-ratio:1;border:1px solid #62625e;border-radius:50%;margin-block:12px}.spatial-inner{position:absolute;top:16%;right:16%;bottom:16%;left:16%;border:1px dashed #454542;border-radius:50%;pointer-events:none}.listener{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#bcbcb8;display:flex;flex-direction:column;align-items:center;gap:8px}.listener-direction{transform:rotate(-45deg)}.source-ghost,.sound-source{position:absolute;display:grid;place-items:center;width:64px;height:64px;border:1px solid #a6a6a0;border-radius:50%;transform:translate(-50%,-50%)}.source-ghost{left:26%;top:16%;color:#71716c;border-color:#4b4b47;border-style:dashed;pointer-events:none}.sound-source{background:#353533;touch-action:none;cursor:grab;color:#e8e8e6}.sound-source:hover{border-color:#fff;background:#484845}.sound-source:active,.is-dragging .sound-source{cursor:grabbing}.drag-hint{display:flex;align-items:center;gap:6px;color:#a8a8a6;font-size:12px;margin:14px 0 0}.small-features{display:grid;grid-template-columns:1fr 1fr;padding-block:47px 40px;gap:55px;border-bottom:1px solid var(--line)}.small-features .feature-copy h2{font-size:34px;letter-spacing:-.055em}.small-features .description{font-size:18px;margin-top:14px}.saved-section{padding-inline-start:55px;border-inline-start:1px solid var(--line);min-width:0}.timer-controls{display:flex;gap:16px;margin-top:26px}.select-control select{min-height:42px;padding:7px 14px;border:1px solid #73736d;background:#0b0b0b;color:#e8e8e6;border-radius:24px;font-size:16px}.fade-chart{height:96px;width:100%;margin-top:22px;border-bottom:1px solid #4b4b47}.chart-labels{display:flex;justify-content:space-between;margin-top:9px;color:#9a9a96;font-size:12px}.saved-mix{display:flex;align-items:center;gap:20px;border-block:1px solid var(--line);padding-block:25px;margin-top:38px}.saved-icons{display:flex;align-items:center;gap:10px}.saved-name{flex:1;min-width:0;border-inline-start:1px solid #55554f;padding-inline-start:20px}.saved-name h3{font-size:18px;font-weight:500;margin:0 0 8px}.saved-name p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap}.play-button{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border:1px solid #e8e8e6;border-radius:50%}.play-button:hover{background:#e8e8e6;color:#070707}.save-button{margin-top:12px}.status-message{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0 0;min-height:20px}.closing{position:relative;min-height:294px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;isolation:isolate;border-bottom:1px solid var(--line)}.closing h2{margin:0;font-size:49px;font-weight:600;letter-spacing:-.05em}.closing .button{min-width:245px}.site-footer{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .wordmark{font-size:28px}.footer-links{display:flex;align-items:center;gap:25px;font-size:12px;color:var(--muted)}.footer-links button{padding:12px 0;font-size:inherit;color:inherit}.information-dialog{color:#e8e8e6;background:#111;border:1px solid #444;border-radius:20px;padding:0;width:min(100% - 40px,510px)}.information-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-content{padding:42px;position:relative}.dialog-content h2{font-size:27px;line-height:1.4;margin:0}.dialog-content .button{margin-top:28px;font-size:16px}.dialog-content .description{font-size:16px}.icon-button{display:grid;place-items:center;width:44px;height:44px}.dialog-close{position:absolute;right:12px;top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#e8e8e6;color:#070707;padding:12px 20px}.skip-link:focus{top:10px}@media(max-width:1100px){.page-width{width:calc(100% - 72px)}.hero{min-height:650px}h1{font-size:82px}.hero-art{right:-36px;max-width:75%;opacity:.9}.hero-description{font-size:21px}.hero-actions{gap:24px}.hero-actions .button{min-width:195px;font-size:18px}.feature-row{gap:40px}.feature-copy h2{font-size:36px}.sound-track{grid-template-columns:36px 44px minmax(50px,1fr) 28px;gap:12px}.sound-track>svg{width:34px}.small-features{gap:30px}.saved-section{padding-inline-start:30px}.small-features .feature-copy h2{white-space:normal;font-size:29px}.saved-icons{gap:3px}.saved-icons svg{width:22px}.saved-mix{gap:10px}.saved-name{padding-inline-start:12px}.saved-name h3{font-size:16px}.audio-controls{align-items:start;flex-direction:column;gap:0}}@media(max-width:700px){.page-width{width:calc(100% - 44px)}.site-header{height:78px}.wordmark{font-size:28px}.site-header nav{gap:20px}.nav-feature{display:none}.nav-download{min-height:40px;padding:8px 19px;font-size:13px}.hero{min-height:720px;align-items:start}.hero-copy{padding-top:54px;padding-bottom:265px}h1{font-size:clamp(45px,12.4vw,76px);letter-spacing:-.055em;line-height:1.3}.hero-description{margin:22px 0 29px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:23px}.hero-actions .button{min-width:177px;min-height:52px;font-size:16px;padding:13px 22px}.learn-link{font-size:14px;gap:8px}.hero-art{width:600px;max-width:none;height:390px;top:auto;bottom:-7px;right:-70px;opacity:.7}.occasions{margin-top:29px;font-size:11px;gap:19px}.occasions li+li:before{margin-inline-end:19px}.feature-row{grid-template-columns:1fr;gap:30px;padding-block:50px}.feature-copy .eyebrow{font-size:13px;margin-bottom:14px}.feature-copy h2{font-size:33px;line-height:1.4}.description{font-size:15px;margin-top:17px}.mixer-demo{padding-top:0}.sound-track{min-height:78px;grid-template-columns:36px 42px minmax(70px,1fr) 30px;gap:13px}.sound-name,.sound-track output{font-size:16px}.audio-controls{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.audio-controls>span{font-size:11px}.spatial-section .feature-copy{grid-row:1}.spatial-demo{padding-top:10px}.spatial-pad{width:295px}.source-ghost,.sound-source{width:53px;height:53px}.sound-source svg{width:29px}.small-features{grid-template-columns:1fr;gap:0;padding-block:0}.small-features .feature-copy h2{font-size:28px;letter-spacing:-.045em}.small-features .description{font-size:15px}.timer-section{padding-block:45px}.timer-controls{margin-top:23px}.select-control select{font-size:14px}.fade-chart{height:100px}.saved-section{border-inline-start:0;border-top:1px solid var(--line);padding:45px 0 30px}.saved-mix{gap:15px;margin-top:28px;padding-block:23px}.saved-icons{gap:5px}.saved-icons svg{width:24px}.saved-name{padding-inline-start:15px}.saved-name h3{font-size:16px}.saved-name p{font-size:11px}.play-button{width:45px;height:45px}.closing{min-height:278px;gap:27px}.closing h2{font-size:30px;text-align:center;line-height:1.5}.closing .button{min-width:190px;font-size:16px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;min-height:164px;gap:22px;padding-block:25px}.footer-links{flex-wrap:wrap;gap:18px;font-size:11px}.footer-links button{padding:0;min-height:24px}.dialog-content{padding:35px 26px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:360px){.saved-icons{display:none}.saved-name{padding-inline-start:0;border-inline-start:0}.hero-actions{gap:14px}.hero-actions .button{min-width:160px}.closing h2{font-size:26px}}@media(min-width:1101px){.wordmark{font-size:40px}.site-header nav{font-size:18px}.nav-download{min-height:51px;font-size:18px}.hero-copy{padding-block:0}h1{font-size:112px;line-height:1.19;letter-spacing:-.055em}.hero-description{font-size:30px;line-height:1.55;margin:22px 0 32px}.hero-actions .button{min-height:70px;min-width:270px;font-size:24px}.learn-link{font-size:21px}.occasions{font-size:16px;margin-top:42px}.feature-copy h2{font-size:56px;line-height:1.35}.feature-copy .eyebrow{font-size:21px}.description{font-size:24px;line-height:1.65}.mixer-section{padding-block:32px}.sound-track{min-height:86px;grid-template-columns:48px 62px minmax(70px,1fr) 36px}.sound-track>svg{width:48px;height:48px}.sound-name{font-size:23px}.sound-track output{font-size:21px}.spatial-section{padding-block:20px}.spatial-pad{width:430px;margin-block:0}.direction{display:none}.drag-hint{margin-top:12px}.sound-source,.source-ghost{width:72px;height:72px}.listener>svg:last-child{width:55px;height:55px}.small-features .feature-copy h2{font-size:44px;letter-spacing:-.055em}.small-features .description{font-size:23px}.select-control select{font-size:20px;min-height:49px;padding-inline:17px}.saved-name h3{font-size:23px}.saved-name p{font-size:16px}.saved-icons svg{width:34px;height:34px}.play-button{width:66px;height:66px}.closing h2{font-size:62px}.closing .button{min-width:290px;min-height:64px;font-size:23px}.site-footer .wordmark{font-size:33px}.footer-links{font-size:15px}}.hero,.closing{background:#070707}.hero-art,.closing-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1;opacity:.8;filter:grayscale(1) contrast(1.08);mix-blend-mode:lighten}