@font-face{font-family:Manrope;src:url(/fonts/manrope-regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-semibold.ttf) format("truetype");font-weight:500 800;font-display:swap}:root{font-family:Manrope,Arial,sans-serif;color:var(--brand-charcoal);background:#fff;font-synthesis:none;--brand-charcoal: #191c1e;--accent: var(--brand-charcoal);--muted: #888b8d;--line: #e2e4e5;--header-height: 64px;--ease: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 12px)}body{margin:0;overflow-x:clip}main{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #555b61;outline-offset:6px}svg{display:block}::selection{background:#e4e5e7}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;flex:none}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:#fff;padding:15px}.skip-link:focus{top:15px}.header{height:var(--header-height);padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .3s}.header.scrolled{box-shadow:0 1px #e6e7e9}.brand{display:inline-flex;gap:12px;align-items:center;font-size:30px;font-weight:600;letter-spacing:-1.5px}.brand-mark{width:30px;height:auto;aspect-ratio:1;color:var(--brand-charcoal)}nav{display:flex;gap:37px;align-items:center}.features-link{font-size:14px;color:#5f6468;transition:color .2s}.features-link:hover{color:var(--accent)}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:0 24px;border-radius:14px;font-size:14px;font-weight:500;letter-spacing:-.3px;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #15171b15}.button:active{transform:translateY(0)}.header-cta,.primary{background:var(--brand-charcoal);color:#fff;box-shadow:inset 0 1px 1px #ffffff20,0 3px 5px #00000008}.header-cta{border-radius:30px;min-height:44px;padding:0 21px;gap:13px}.header-cta:hover,.primary:hover{background:#34383b}.secondary{border-color:#d1d5d8;background:#fffd;color:var(--brand-charcoal);box-shadow:0 2px 2px #00000003}.secondary:hover{background:#f6f7f8}.hero{padding:0}.hero-stage{position:relative;isolation:isolate;min-height:620px;height:calc(100svh - var(--header-height) - 18px);max-height:1080px;background-color:#fff;background-image:radial-gradient(#d8dcdf .65px,transparent .8px);background-size:18px 18px}.hero-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#ffffffcc 0%,#ffffff55 50%,transparent 80%);z-index:-1}.hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center;z-index:3;pointer-events:none;will-change:transform,opacity}.hero-copy>*{pointer-events:auto}.app-icon{width:106px;height:106px;display:flex;align-items:center;justify-content:center;border-radius:29px;border:1px solid #2f3336;background:var(--brand-charcoal);box-shadow:inset 0 1px 1px #ffffff18,0 12px 24px -12px #191c1e55;margin-bottom:34px}.app-icon svg{width:65px;height:auto;aspect-ratio:1;color:#fff}h1,h2,p{margin:0}h1{font-size:clamp(58px,5.4vw,90px);font-weight:600;letter-spacing:-.045em;line-height:1.07}h1 span,h2 span{color:var(--muted)}.hero-copy p{font-size:16px;color:#656a70;letter-spacing:-.35px;margin:30px 0}.downloads{display:flex;gap:13px;scroll-margin-top:260px}.downloads:focus{outline:none}.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;color:#74797e;font-size:12px;z-index:5}.scroll-cue svg{transform:rotate(90deg);width:23px;height:23px;transition:translate .25s}.scroll-cue:hover svg{translate:0 4px}.float-module{position:absolute;padding:12px;border-radius:5px;border:1px solid #9da3a7;background:#b4b8bb;box-shadow:0 8px 22px -8px #26343d35;color:#273137;-webkit-user-select:none;user-select:none;will-change:transform}.module-heading{display:flex;align-items:center;font-size:16px;letter-spacing:-.6px;font-weight:600;gap:17px;margin-bottom:11px}.preset{margin-left:auto;font-size:10px;font-weight:400;letter-spacing:0;border:1px solid #8c9398;border-radius:5px;min-width:63px;display:flex;justify-content:space-between;gap:19px;padding:7px 10px}.dots{font-size:23px;font-weight:600;color:#454e55;line-height:1;margin-left:auto}.preset+.dots{margin-left:0}.eq-module{width:335px;top:42px;left:-10px;rotate:10deg}.device-on{width:9px;height:9px;border:1px solid #747a7d;border-radius:50%;background:#f4cd4e;flex:none}.module-heading small{font-size:10px;font-weight:400;white-space:nowrap;margin-left:-9px}.eq-screen{padding:9px 10px 6px;background:#22282a;border:1px solid #798084}.eq-grid{position:relative;height:115px;background-image:linear-gradient(#3d454745 1px,transparent 1px),linear-gradient(90deg,#3d454745 1px,transparent 1px);background-size:24px 23px}.eq-grid svg{width:100%;height:100%}.eq-bands{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around}.eq-bands i{display:grid;place-items:center;width:23px;height:23px;border:1.5px solid #f5c72e;border-radius:50%;color:#f5c72e;background:#22282a;font:600 11px Manrope,sans-serif}.eq-bands i:first-child{background:#f5cf4c;color:#22282a}.frequency-labels{display:flex;justify-content:space-between;color:#b6c0c7;font:10px monospace;margin-top:7px}.eq-values{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.eq-values>div{flex:1;font-size:10px}.eq-values b{display:block;padding:5px 7px;background:#242b2e;border:1px solid #798289;border-radius:3px;color:#28cbdc;font:12px monospace;margin-top:5px}.eq-values small{color:#b8c1c7;font-size:10px;float:right}.band-switches{display:flex;justify-content:space-between;font-size:10px;color:#1e7b84;padding-top:13px}.delay-module{width:296px;right:8px;top:53px;rotate:9deg}.delay-wave{height:75px;border:1px solid #505357;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 20px,#51555966 20px 21px),#22282a;overflow:hidden}.delay-wave svg{width:100%;height:100%}.delay-controls{display:flex;justify-content:space-between;margin-top:20px;gap:15px;align-items:end}.delay-controls>div{display:flex;flex-direction:column;align-items:center;gap:12px}.delay-controls span{font-size:10px;color:#41494f}.knob{position:relative;border-radius:50%;background:conic-gradient(from 15deg,#eff0f1,#b4b8ba 35deg,#f2f3f3 75deg,#a9afb2 130deg,#f8f8f8,#b6bbbe,#e3e5e5 310deg,#eff0f1);border:1px solid #959ca1;box-shadow:inset 0 0 0 3px #e8e9ea,inset 0 0 0 5px #bac0c4,3px 7px 5px #0003}.knob:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff44;border-radius:50%}.knob.small{width:61px;height:61px}.knob i{position:absolute;width:2px;height:15px;top:4px;left:50%;background:#373b3f;z-index:1;transform:rotate(-8deg);transform-origin:50% 26px;border-radius:2px}.knob.second i{transform:rotate(-42deg)}.mix-control{padding-bottom:1px}.toggle{height:19px;width:32px;background:#32bac6;border-radius:20px;box-shadow:inset 0 1px 2px #0006}.toggle i{width:14px;height:14px;border-radius:50%;display:block;background:#fff;box-shadow:0 2px 2px #0002;float:right;margin:2px}.tracks-module{position:absolute;width:365px;bottom:-2px;left:5px;rotate:12deg;will-change:transform}.track{display:flex;align-items:center;height:69px;background:linear-gradient(120deg,#b8bcbf,#a7abad);border:1px solid #979da2;border-radius:5px;box-shadow:0 7px 16px -7px #30394035;padding:7px 12px;margin-bottom:7px;gap:15px}.track:nth-child(2){margin-left:13px;margin-right:-13px}.track:nth-child(3){margin-left:25px;margin-right:-25px}.track:nth-child(4){margin-left:10px;margin-right:-10px}.track>span{font-size:10px;min-width:43px;background:#b1a4d1;padding:6px;border-radius:3px;color:#252b2e}.track b{font-size:16px;font-weight:400;color:#414a51}.waveform{height:100%;flex:1;display:flex;align-items:center;gap:1px;background:color-mix(in srgb,var(--track-color) 9%,transparent);border-radius:5px;padding:0 4px;overflow:hidden}.waveform i{flex:1;min-width:1px;background:var(--track-color);height:var(--bar);border-radius:2px;opacity:.85}.muted{opacity:.6}.loop-module{bottom:43px;right:32px;width:255px;rotate:-10deg;padding:21px}.loop-module{padding:0;overflow:hidden}.channel-title{display:flex;justify-content:space-between;background:#aa9bd0;padding:11px 15px;color:#25272d;font-weight:600;font-size:14px}.channel-info{display:flex;justify-content:space-between;padding:12px 15px;font-size:11px;color:#3c4449;border-bottom:1px solid #8f979b}.channel-body{display:flex;justify-content:center;gap:29px;padding:20px 25px;height:170px}.channel-meter{background:#22292b;width:59px;padding:4px;display:flex;align-items:end;gap:3px}.channel-meter i{flex:1;height:58%;background:repeating-linear-gradient(to top,#63895e 0 3px,#29312c 3px 4px)}.channel-meter i+i{height:48%}.channel-fader{width:3px;background:#7d858a;position:relative;margin:6px 0}.channel-fader i{position:absolute;top:37%;left:-9px;width:21px;height:10px;border:1px solid #555f66;background:#c1c9ce;box-shadow:0 2px 3px #0002}.channel-input{display:flex;justify-content:space-between;padding:0 14px 8px;font-size:11px}.channel-source{display:flex;justify-content:space-between;padding:6px 9px;margin:0 13px 13px;border:1px solid #777f85;font-size:10px;color:#323a40;background:#bdc1c4}.pedal-section{padding:140px 36px 95px;max-width:1440px;margin:auto;text-align:center;scroll-margin-top:0}.section-heading h2{font-size:clamp(44px,5.25vw,76px);font-weight:600;line-height:1.13;letter-spacing:-.045em}.section-heading p{font-size:20px;letter-spacing:-.5px;color:#656a70;margin-top:29px}.pedal-art{max-width:1200px;margin:24px auto 0;aspect-ratio:2.65;-webkit-mask-image:radial-gradient(ellipse 70% 85% at center,#000 50%,transparent 83%);mask-image:radial-gradient(ellipse 70% 85% at center,#000 50%,transparent 83%)}.pedal-art img{width:100%;height:100%;object-fit:cover;display:block}.steps{padding:0;margin:3px auto 0;list-style:none;display:flex;justify-content:space-around;max-width:1030px;gap:25px}.steps li{display:flex;flex-direction:column;align-items:center;font-size:17px;letter-spacing:-.35px;color:#656a70;gap:13px}.steps span{color:var(--accent);font-size:12px;letter-spacing:0}.steps i{width:8px;height:8px;display:block;background:#d3d5d8;border-radius:50%;margin:0 0 1px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(38px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.pedal-art.reveal{transition-delay:.08s}.steps.reveal{transition-delay:.12s}footer{border-top:1px solid var(--line);margin:0 4.5%;padding:28px 0;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:23px;letter-spacing:-1px}footer .brand-mark{width:25px;color:var(--brand-charcoal)}footer>span{font-size:13px;color:#757a80}.download-dialog{width:min(440px,calc(100% - 40px));padding:45px 34px 34px;border:1px solid var(--line);border-radius:27px;text-align:center;color:var(--brand-charcoal);background:#fff;box-shadow:0 30px 100px #0002}.download-dialog::backdrop{background:#11182345;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.download-dialog .app-icon{width:76px;height:76px;border-radius:22px;margin:0 auto 28px}.download-dialog .app-icon svg{width:45px}.download-dialog h2{font-size:28px;letter-spacing:-1.1px;font-weight:600}.download-dialog p{font-size:14px;line-height:1.8;color:#676d73;margin:17px 0 27px}.download-dialog .button{width:100%}.close-dialog{position:absolute;right:13px;top:13px;border:0;background:transparent;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#737a81}.close-dialog:hover{background:#eef0f2}.close-dialog svg{width:20px;height:20px}@keyframes equalize{0%,to{scale:1 1}50%{scale:1 .73}}@media(min-width:1600px){.eq-module{left:25px;width:360px;top:65px}.delay-module{right:30px;width:325px;top:70px}.tracks-module{left:30px;width:405px;bottom:5px}.loop-module{right:40px;width:290px;bottom:55px}.hero-copy p{font-size:18px}.button.download-button{font-size:15px;min-height:58px}}@media(max-width:1299px){.eq-module{width:280px;left:-35px;top:30px;scale:.88;transform-origin:top left}.delay-module{right:-28px;scale:.85;transform-origin:top right}.tracks-module{width:310px;left:-35px;bottom:12px;scale:.87;transform-origin:bottom left}.loop-module{right:-3px;bottom:25px;scale:.83;transform-origin:bottom right}.hero-copy p{max-width:380px;line-height:1.7;margin:24px 0}.hero-stage{min-height:620px}.app-icon{width:90px;height:90px;border-radius:25px}.app-icon svg{width:58px}}@media(max-width:850px){:root{--header-height: 58px}.header{height:var(--header-height);padding:0 22px}.brand{font-size:26px;gap:8px}.brand-mark{width:25px}nav{gap:20px}.features-link{font-size:12px}.header-cta{font-size:12px;padding:0 15px;min-height:39px;gap:8px}.header-cta .icon{width:17px}.hero-stage{min-height:800px;height:calc(100svh - var(--header-height) - 12px);max-height:940px;background-size:15px 15px}.hero-copy{justify-content:flex-start;padding:175px 15px 0}.app-icon{width:74px;height:74px;border-radius:21px;margin-bottom:26px}.app-icon svg{width:47px;height:auto}h1{font-size:clamp(44px,8.8vw,66px);letter-spacing:-.045em}.hero-copy p{font-size:14px;max-width:300px;margin:22px 0 25px;line-height:1.7}.downloads{gap:10px;flex-direction:column;width:230px;scroll-margin-top:100px}.download-button{min-height:48px;border-radius:12px;padding:0 16px;font-size:12px;gap:9px}.download-button .icon{width:18px;height:18px}.eq-module{scale:.56;left:-17px;top:31px;rotate:-12deg}.delay-module{scale:.51;top:38px;right:-19px;rotate:12deg}.tracks-module{scale:.57;width:310px;left:-24px;bottom:8px;rotate:12deg}.loop-module{scale:.52;right:2px;bottom:15px;rotate:-12deg}.scroll-cue{bottom:29px;font-size:10px;gap:8px}.scroll-cue svg{height:18px}.pedal-section{padding:95px 20px 65px;scroll-margin-top:0}.section-heading h2{font-size:clamp(35px,6.6vw,52px);letter-spacing:-.04em;line-height:1.2}.section-heading p{font-size:14px;max-width:250px;margin:22px auto 0;line-height:1.8}.pedal-art{margin:24px -12px 15px}.steps{gap:15px;margin-top:25px}.steps li{font-size:12px;max-width:110px;line-height:1.6;gap:9px}.steps span{font-size:10px}.steps i{width:6px;height:6px}footer{padding:23px 0;margin:0 24px}footer .brand{font-size:20px}footer>span{font-size:10px}}@media(max-width:390px){.header{padding:0 17px}.features-link{display:inline;font-size:11px}.header .brand{font-size:20px;gap:6px}.header .brand-mark{width:20px}.header nav{gap:13px}.header-cta{font-size:11px;padding:0 11px}.hero-stage{min-height:790px}.hero-copy{padding-top:180px}h1{font-size:43px}.eq-module{scale:.49}.delay-module{scale:.46}.tracks-module{scale:.49;left:-45px}.loop-module{scale:.45}.section-heading h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-copy{transform:none!important;opacity:1!important}.float-module,.tracks-module{transform:none!important}}@media(min-width:1300px){.eq-module{width:390px;left:-4px}.delay-module{width:330px;right:18px}.tracks-module{width:430px;bottom:2px}.loop-module{width:290px;right:38px}.hero-copy p{font-size:18px}.app-icon{width:120px;height:120px}.download-button{font-size:15px;min-height:56px}}@media(min-width:851px)and (max-width:1299px){.tracks-module{scale:.72;bottom:0}.loop-module{scale:.7;bottom:15px}}@media(min-width:851px)and (max-height:820px){.eq-module{scale:.82;transform-origin:top left;top:26px}.delay-module{scale:.82;transform-origin:top right;top:30px}.tracks-module{scale:.8;transform-origin:bottom left;bottom:-8px}.loop-module{scale:.76;transform-origin:bottom right;bottom:18px}.hero-copy .app-icon{width:88px;height:88px;border-radius:24px;margin-bottom:26px}.hero-copy .app-icon svg{width:54px}.hero-copy p{margin:24px 0}.scroll-cue{bottom:21px}}
