:root{--black:#050505;--graphite:#0d0d0d;--line:rgba(255,255,255,.14);--muted:#898989;--white:#f4f4f0;--accent:#9e7bff;--hot:#d448ff;--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);overflow-x:hidden}body.overdrive{--accent:#ff356e;--hot:#ff155f;--line:rgba(255,60,100,.24)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.noise{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:noise .18s steps(2) infinite}.page-shell{position:relative}.preloader{position:fixed;inset:0;background:var(--black);z-index:100;display:grid;place-content:center;padding:32px;transition:opacity .7s ease,visibility .7s}.preloader.is-hidden{opacity:0;visibility:hidden}.preloader__brand{font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:-.09em}.accent{color:var(--accent)}.preloader__meter{width:min(380px,70vw);height:1px;margin:35px auto 14px;background:#252525;overflow:hidden}.preloader__meter span{display:block;width:0;height:100%;background:var(--white)}.preloader__readout{font:11px var(--mono);letter-spacing:.12em;color:var(--muted);text-align:center}.site-header{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:30px 4vw}.wordmark{font-size:22px;font-weight:700;letter-spacing:-.08em}.nav{display:flex;gap:32px;font:11px var(--mono);color:var(--muted);text-transform:uppercase}.language-switcher{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:28px;font:10px var(--mono);letter-spacing:.1em}.language-switcher button{padding:4px 3px;color:#555;transition:color .25s,text-shadow .25s}.language-switcher button.is-active{color:var(--white);text-shadow:0 0 12px var(--accent)}.language-switcher button.is-active:before{content:"";display:inline-block;width:4px;height:4px;margin:0 5px 2px 0;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.language-switcher span{color:#444}.nav a,.header-cta,.site-footer a{transition:color .3s}.nav a:hover,.site-footer a:hover{color:var(--accent)}.header-cta{font:11px var(--mono);letter-spacing:.04em}.header-cta span{color:var(--accent);font-size:17px;margin-left:8px}.section{padding:140px 8vw}.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;padding:130px 8vw 80px}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero__grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent calc(50% - 1px),rgba(255,255,255,.07) 50%,transparent calc(50% + 1px)),linear-gradient(0deg,transparent 0,transparent calc(75% - 1px),rgba(255,255,255,.05) 75%,transparent calc(75% + 1px));opacity:.45}.hero__content{position:relative;z-index:2}.eyebrow,.section-index,.section-heading__aside,.mono-label,.hero__meta,.hero__side-note{font:10px var(--mono);letter-spacing:.15em;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow__line{display:inline-block;width:40px;height:1px;background:var(--accent)}.hero__title{font-size:clamp(6rem,19vw,20rem);line-height:.72;letter-spacing:-.12em;margin:65px 0 52px;font-weight:700}.hero__title-line{display:block}.hero__title-line span{display:inline-block}.hero__title-line--offset{margin-left:22vw}.hero__copy{font-size:clamp(16px,1.5vw,23px);line-height:1.3;color:#c2c2be;margin:0 0 36px}.hero__copy strong{color:var(--white);font-weight:500}.button{display:flex;align-items:center;justify-content:space-between;width:260px;padding:17px 18px;border:1px solid var(--line);font:11px var(--mono);text-transform:uppercase;transition:background .4s,border .4s,transform .4s}.button i{font-style:normal;color:var(--accent);font-size:20px}.button--primary:hover{background:var(--accent);border-color:var(--accent);color:var(--black)}.button--primary:hover i{color:var(--black)}.hero__meta{position:absolute;z-index:2;bottom:30px;left:8vw;right:8vw;display:flex;justify-content:space-between}.hero__scroll{display:flex;gap:9px;align-items:center}.hero__scroll i{width:5px;height:5px;background:var(--accent);border-radius:50%;display:block;animation:pulse 1.5s infinite}.hero__side-note{position:absolute;right:3vw;top:50%;transform:rotate(90deg);transform-origin:right;color:#555}.section--tight{padding-top:170px;padding-bottom:170px}.manifesto{display:grid;grid-template-columns:25% 1fr;border-top:1px solid var(--line)}.manifesto__body{max-width:920px}.display-text{font-size:clamp(3rem,7.2vw,8.7rem);letter-spacing:-.08em;line-height:.94;margin:0}.display-text em,.section-title em,h3 em{font-style:normal;color:var(--accent)}.manifesto__detail{display:grid;grid-template-columns:1fr 270px;gap:30px;margin-top:90px;font-size:14px;color:var(--muted);line-height:1.65}.detail-line{height:1px;background:var(--accent);margin-top:10px}.section-heading{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.section-heading__aside{color:var(--white)}.pulse-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:12px;box-shadow:0 0 16px var(--accent)}.sound-card{margin:75px auto 0;max-width:1180px;background:linear-gradient(135deg,#121214,#09090a);border:1px solid var(--line);padding:clamp(20px,4vw,50px);box-shadow:0 30px 100px rgba(0,0,0,.5)}.sound-card__top{display:flex;justify-content:space-between;align-items:flex-start}.mono-label{display:block;color:var(--muted);font-size:10px}.sound-card h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.09em;line-height:.9;margin:28px 0 0}.sound-card h2 em{font-style:normal;color:var(--accent)}.sound-card__status{font:10px var(--mono);color:var(--muted)}.visualizer{height:280px;margin:60px 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.visualizer canvas{width:100%;height:100%}.visualizer__center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:18px}.visualizer__play{width:55px;height:55px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-content:center;padding-left:3px;margin:auto;font-size:13px}.visualizer__time{font:10px var(--mono);color:var(--muted)}.visualizer__axis{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:space-between;font:9px var(--mono);color:#555}.sound-card__controls{display:flex;justify-content:space-between;gap:30px}.toggle-wrap{display:flex;flex-direction:column;gap:10px;min-width:220px}.mix-toggle{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font:11px var(--mono);color:#555;text-align:left}.mix-toggle strong{font-weight:400}.mix-toggle.is-active{color:var(--white)}.mix-toggle.is-active strong{color:var(--accent)}.sound-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;flex:1;max-width:570px}.sound-stats>div>span{font:9px var(--mono);color:var(--muted);display:block}.sound-stats strong{font:32px var(--sans);letter-spacing:-.06em;display:block;margin:10px 0}.sound-stats small{font:10px var(--mono);color:var(--muted);letter-spacing:0}.stat-bar{height:2px;background:#252525;display:block}.stat-bar b{display:block;width:94%;height:100%;background:var(--accent);transition:width .5s}.sound-card__footer{display:flex;align-items:center;gap:15px;margin-top:50px;font:10px var(--mono);color:var(--muted)}.sound-card__footer b{color:var(--white);font-weight:400}.sound-card__divider{height:1px;width:35px;background:var(--line)}.sound-card__footer .is-highlight{color:var(--accent)}.sound-card__footer .mono-label{margin-left:auto}.services__intro{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:end;margin:75px 0 55px}.section-title{font-size:clamp(4rem,9vw,10rem);letter-spacing:-.1em;line-height:.85;margin:0}.services__intro p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:520px;background:#0b0b0c;border:1px solid var(--line);padding:27px;position:relative;overflow:hidden;transition:border .4s,transform .2s}.service-card:hover{border-color:var(--accent)}.card-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--accent);filter:blur(70px);opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s}.service-card:hover .card-glow{opacity:.15}.service-card--featured{background:linear-gradient(135deg,#161223,#0d0b10);border-color:rgba(158,123,255,.5)}.service-card__number{font:12px var(--mono);color:var(--accent)}.service-card__tag{font:10px var(--mono);color:var(--muted);text-align:right;margin-top:-12px}.service-card h3{font-size:clamp(2.5rem,4vw,4.3rem);letter-spacing:-.1em;line-height:.86;margin:100px 0 22px}.service-card>p{font-size:13px;color:var(--muted);line-height:1.5;max-width:280px}.service-card ul{list-style:none;padding:0;margin:35px 0;font:10px var(--mono);color:#b2b2b0;line-height:2}.service-card li:before{content:"+";color:var(--accent);margin-right:10px}.service-card__bottom{position:absolute;left:27px;right:27px;bottom:27px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px}.service-card__bottom strong{font-size:13px;font-weight:500}.service-card__bottom a{font:10px var(--mono);color:var(--accent)}.service-card__bottom a span{font-size:16px;margin-left:7px}.process{border-top:1px solid var(--line)}.process__heading{display:flex;justify-content:space-between;align-items:flex-end;margin:75px 0 100px}.process__stamp{text-align:center;border:1px solid var(--line);width:110px;height:110px;border-radius:50%;padding-top:15px;font:9px var(--mono);line-height:1.5;color:var(--muted);transform:rotate(12deg)}.process__stamp:first-line{font-size:22px;color:var(--accent)}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:100px 1fr 80px;align-items:center;border-bottom:1px solid var(--line);padding:35px 0;transition:padding .4s}.step:hover{padding-left:20px;padding-right:20px;background:rgba(255,255,255,.02)}.step__num{font:12px var(--mono);color:var(--accent)}.step h3{font-size:clamp(2rem,4vw,4.5rem);line-height:.9;letter-spacing:-.08em;margin:18px 0}.step p{color:var(--muted);font-size:13px;margin:0}.step p a{color:var(--accent)}.step__arrow{text-align:right;font-size:25px;color:var(--accent)}.cta-section{min-height:75vh;position:relative;display:grid;place-content:center;text-align:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-section__halo{position:absolute;width:55vw;height:55vw;max-width:900px;max-height:900px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(158,123,255,.17),transparent 64%);pointer-events:none}.cta-section__label{font:11px var(--mono);letter-spacing:.2em;color:var(--muted);position:relative}.cta-section__link{font-size:clamp(4rem,12vw,14rem);font-weight:700;letter-spacing:-.12em;line-height:.9;position:relative;margin:40px 0}.cta-section__link i{font-style:normal;font-size:.35em;color:var(--accent);vertical-align:top;margin-left:15px;transition:color .4s}.cta-section__link:hover{color:var(--accent)}.cta-section__link:hover i{color:var(--white)}.cta-section__footer{display:flex;justify-content:space-between;position:absolute;left:8vw;right:8vw;bottom:30px;font:10px var(--mono);color:var(--muted)}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:35px 8vw;font:10px var(--mono);color:var(--muted)}.site-footer .wordmark{color:var(--white);font:700 20px var(--sans);letter-spacing:-.08em}.dm-badge{position:fixed;right:25px;bottom:25px;z-index:25;background:var(--white);color:var(--black);padding:13px 17px 13px 14px;border-radius:100px;font:10px var(--mono);box-shadow:0 5px 30px rgba(0,0,0,.4);display:flex;align-items:center;gap:9px}.dm-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.dm-badge b{font-size:17px;font-weight:400}.overdrive-knob{position:fixed;right:27px;bottom:90px;width:32px;height:32px;border:1px solid #333;border-radius:50%;z-index:24;display:grid;place-content:center;cursor:crosshair}.overdrive-knob span{width:4px;height:4px;border-radius:50%;background:#444}.overdrive-knob i{position:absolute;right:40px;font:8px var(--mono);font-style:normal;color:#444;opacity:0;transition:opacity .3s}.overdrive-knob:hover i{opacity:1}.overdrive-toast{position:fixed;right:25px;top:95px;z-index:50;max-width:260px;padding:22px;background:#160b11;border:1px solid var(--hot);transform:translateX(120%);transition:transform .5s var(--ease)}.overdrive-toast.is-visible{transform:translateX(0)}.overdrive-toast span,.overdrive-toast p,.overdrive-toast button{font:9px var(--mono);color:#aaa}.overdrive-toast strong{display:block;color:var(--hot);font-size:30px;letter-spacing:-.06em;margin:10px 0}.overdrive-toast p{line-height:1.5}.overdrive-toast button{margin-top:15px;color:var(--white)}.cursor{position:fixed;pointer-events:none;z-index:110;transform:translate(-50%,-50%);display:none}.cursor--dot{width:5px;height:5px;background:var(--white);border-radius:50%}.cursor--ring{width:35px;height:35px;border:1px solid rgba(255,255,255,.7);border-radius:50%;mix-blend-mode:difference;transition:width .35s,height .35s,background .35s,border .35s}.cursor--ring.is-hover{width:70px;height:70px;background:var(--white);border-color:var(--white);mix-blend-mode:difference}@keyframes noise{0%{transform:translate(0,0)}25%{transform:translate(2%,1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,-2%)}100%{transform:translate(-2%,-1%)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}@media (pointer:fine){.cursor{display:block}}@media (max-width:800px){.nav{display:none}.site-header{padding:22px 5vw}.header-cta{font-size:9px}.section{padding:100px 5vw}.hero{padding:120px 5vw 70px;min-height:670px}.hero__title{font-size:27vw;margin:75px 0 45px}.hero__title-line--offset{margin-left:17vw}.hero__meta{left:5vw;right:5vw;font-size:8px}.hero__meta span:last-child{display:none}.hero__side-note{display:none}.manifesto{display:block}.manifesto .section-index{margin-bottom:55px}.manifesto__detail{grid-template-columns:30px 1fr;margin-top:60px}.sound-card{margin-top:50px;padding:20px}.sound-card__top{display:block}.sound-card__status{margin-top:25px}.visualizer{height:200px;margin:40px 0 30px}.sound-card__controls{display:block}.sound-stats{margin-top:40px;gap:15px}.sound-stats strong{font-size:24px}.sound-card__footer{flex-wrap:wrap;margin-top:35px}.sound-card__footer .mono-label{width:100%;margin:0}.services__intro{display:block;margin:55px 0 40px}.services__intro p{margin-top:30px}.services-grid{grid-template-columns:1fr}.service-card{min-height:470px}.service-card h3{margin-top:80px}.process__heading{margin:55px 0 70px}.process__stamp{width:80px;height:80px;font-size:7px}.step{grid-template-columns:45px 1fr 25px;padding:28px 0}.step h3{font-size:2.1rem}.step p{font-size:12px;line-height:1.5}.cta-section{min-height:65vh}.cta-section__link{font-size:17vw;margin:35px 0}.cta-section__footer{left:5vw;right:5vw;font-size:8px}.site-footer{padding:28px 5vw;font-size:8px}.site-footer span{display:none}.dm-badge{right:15px;bottom:15px}.overdrive-knob{right:15px;bottom:75px}}
 .aura-glow{position:fixed;left:0;top:0;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(158,123,255,.12),transparent 68%);filter:blur(12px);pointer-events:none;z-index:1;mix-blend-mode:screen;transition:background .5s}.aura-glow.aura-flash{background:radial-gradient(circle,rgba(255,255,255,.45),rgba(158,123,255,.2) 28%,transparent 70%)}body.key-shake{animation:key-shake .18s ease-out}@keyframes key-shake{0%{transform:translate(0)}25%{transform:translate(4px,-2px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,1px)}100%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.piano-dock{pointer-events:none;transform:translateX(-50%) translateY(calc(100% - 41px));transition:transform .65s cubic-bezier(.2,.8,.2,1),border-color .35s}.piano-dock.is-open{transform:translateX(-50%) translateY(0)}.piano-dock__trigger{pointer-events:auto;position:absolute;left:50%;top:0;transform:translate(-50%,-100%);display:flex;align-items:center;gap:9px;height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-bottom:0;border-radius:12px 12px 0 0;background:rgba(12,12,14,.84);backdrop-filter:blur(22px);color:#aaa;white-space:nowrap}.piano-dock.is-open .piano-dock__trigger{border-color:rgba(158,123,255,.55);color:var(--white)}.piano-dock__trigger-icon{font-size:14px;color:var(--accent)}.piano-dock__trigger i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 1.5s infinite}.piano-dock__trigger b{font:9px var(--mono);font-weight:400;letter-spacing:.08em}.piano-dock__trigger strong{font:15px var(--mono);font-weight:400;color:var(--accent);transition:transform .3s}.piano-dock.is-open .piano-dock__trigger strong{transform:rotate(180deg)}.piano-dock__panel{pointer-events:none}.piano-dock.is-open .piano-dock__panel{pointer-events:auto}@media(max-width:800px){.piano-dock__trigger{height:31px;padding:0 12px}.piano-dock__trigger b{font-size:8px}}
.piano-dock{position:fixed;left:50%;bottom:24px;z-index:24;width:min(760px,calc(100vw - 40px));padding:14px 16px 11px;border:1px solid rgba(255,255,255,.18);background:rgba(12,12,14,.78);backdrop-filter:blur(22px);box-shadow:0 18px 80px rgba(0,0,0,.48);transform:translateX(-50%);transition:opacity .35s,transform .35s,border-color .35s}.piano-dock:hover{border-color:rgba(158,123,255,.55)}.piano-dock__head,.piano-dock__foot{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.12em;color:#888}.piano-dock__signal{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);margin-right:8px}.piano-mute{display:flex;align-items:center;gap:8px;color:var(--accent);font:9px var(--mono);padding:4px}.piano-mute span{font-size:15px}.piano-mute.is-muted{color:#666}.piano{height:112px;position:relative;margin:11px 0 8px}.piano__white-row{display:flex;height:100%;gap:3px}.piano-key{font-family:var(--mono);transition:background .1s,box-shadow .1s,transform .1s,color .1s}.piano-key--white{position:relative;flex:1;border:1px solid rgba(255,255,255,.24);border-radius:0 0 4px 4px;background:linear-gradient(180deg,#e6e5e2 0%,#aaa9aa 100%);color:#1b1a20;padding:0 0 9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.piano-key--white strong{font-size:11px;font-weight:500}.piano-key--white small{font-size:8px;color:#555}.piano-key--white.is-pressed,.piano-key--white:active{background:linear-gradient(180deg,var(--accent),#514174);color:white;box-shadow:0 0 25px rgba(158,123,255,.7);transform:translateY(3px)}.piano-key--white.is-pressed small,.piano-key--white:active small{color:#ded5ff}.piano__black-row{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none}.piano-key--black{pointer-events:auto;position:relative;top:0;height:68px;width:62%;justify-self:center;border:1px solid #38343f;border-radius:0 0 4px 4px;background:linear-gradient(135deg,#2b2930,#060607 75%);color:#e7e1ff;padding:0 0 7px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;box-shadow:0 7px 10px rgba(0,0,0,.45);transform:translateX(-50%)}.piano-key--black strong{font-size:9px;font-weight:500}.piano-key--black small{font-size:7px;color:#9a8fb9}.piano-key--black:nth-child(1){grid-column:2}.piano-key--black:nth-child(2){grid-column:3}.piano-key--black:nth-child(3){grid-column:5}.piano-key--black:nth-child(4){grid-column:6}.piano-key--black:nth-child(5){grid-column:7}.piano-key--black:nth-child(6){grid-column:9}.piano-key--black:nth-child(7){grid-column:10}.piano-key--black.is-pressed,.piano-key--black:active{background:linear-gradient(135deg,var(--accent),#211332);box-shadow:0 0 25px rgba(158,123,255,.9);transform:translateX(-50%) translateY(3px)}.piano-dock__foot{font-size:8px;color:#555}.piano-dock__foot b{color:var(--accent);font-size:10px;margin-left:5px}.note-hud{position:fixed;right:25px;top:132px;z-index:25;padding:9px 12px;border:1px solid rgba(158,123,255,.35);background:rgba(8,8,10,.75);backdrop-filter:blur(14px);font:10px var(--mono);color:var(--accent);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s,transform .25s}.note-hud.is-visible{opacity:1;transform:translateY(0)}@media(max-width:800px){.piano-dock{bottom:76px;width:calc(100vw - 20px);padding:10px 9px 8px}.piano{height:88px;margin:8px 0 6px}.piano-key--black{height:52px}.piano-key--white strong{font-size:9px}.piano-key--white small{font-size:6px}.piano-key--black strong{font-size:8px}.piano-key--black small{font-size:6px}.piano-dock__head,.piano-dock__foot{font-size:7px}.note-hud{right:12px;top:78px;font-size:8px}.dm-badge{bottom:15px}}
.piano-dock{pointer-events:none;transform:translateX(-50%) translateY(calc(100% + 24px));transition:transform .65s cubic-bezier(.2,.8,.2,1),border-color .35s}.piano-dock.is-open{transform:translateX(-50%) translateY(0)}.piano-dock__trigger{pointer-events:auto}.piano-dock__panel{pointer-events:none}.piano-dock.is-open .piano-dock__panel{pointer-events:auto}
.sound-card--hardware{position:relative;isolation:isolate;overflow:hidden;padding:clamp(27px,4vw,58px);background:linear-gradient(135deg,rgba(26,25,32,.86),rgba(8,8,12,.93) 55%,rgba(25,15,39,.8));backdrop-filter:blur(20px);border:1px solid transparent;border-radius:4px;box-shadow:0 35px 120px rgba(0,0,0,.62),inset 0 0 80px rgba(158,123,255,.035)}.sound-card--hardware:before{content:"";position:absolute;inset:0;z-index:-1;padding:1px;border-radius:4px;background:linear-gradient(135deg,rgba(230,220,255,.6),rgba(158,123,255,.34) 35%,rgba(255,255,255,.08) 70%,rgba(215,160,255,.42));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sound-card--hardware:after{content:"";position:absolute;inset:9px;z-index:-1;border:1px solid rgba(255,255,255,.035);pointer-events:none}.hardware-corner{position:absolute;font:7px var(--mono);letter-spacing:.12em;color:#54515e;z-index:2}.hardware-corner--tl{top:14px;left:18px}.hardware-corner--tr{top:14px;right:18px}.hardware-corner--bl{bottom:13px;left:18px}.hardware-corner--br{bottom:13px;right:18px}.hardware-phase{position:absolute;top:-2px;left:-58px;width:51px;height:62px;border:1px solid rgba(158,123,255,.4);background:rgba(12,10,19,.8);display:flex;align-items:center;justify-content:center;gap:2px;transform:translateX(-100%);overflow:hidden}.hardware-phase i{display:block;width:2px;background:var(--accent);box-shadow:0 0 7px var(--accent);animation:phase-bars 1.4s ease-in-out infinite}.hardware-phase i:nth-child(1){height:12px}.hardware-phase i:nth-child(2){height:25px;animation-delay:.1s}.hardware-phase i:nth-child(3){height:38px;animation-delay:.2s}.hardware-phase i:nth-child(4){height:22px;animation-delay:.3s}.hardware-phase i:nth-child(5){height:14px;animation-delay:.4s}.hardware-phase span{position:absolute;bottom:3px;left:4px;font:5px var(--mono);color:#756a89}.sound-card--hardware .sound-card__top{position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:30px}.sound-card--hardware .sound-card__status{color:#bbb}.sound-card--hardware .status-dot{animation:pulse 1.2s infinite}.visualizer--particle{height:305px;margin:0;padding-top:0;border:0;position:relative;background:radial-gradient(ellipse at 50% 55%,rgba(129,74,199,.08),transparent 55%)}.visualizer--particle:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 37px,9% 100%;mask-image:linear-gradient(transparent,black 25%,black 75%,transparent);opacity:.32}.visualizer--particle canvas{position:relative;z-index:1}.visualizer__center{z-index:3}.visualizer__play{width:82px;height:82px;padding:0;border:1px solid rgba(237,224,255,.55);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.25),rgba(151,117,213,.1) 42%,rgba(20,16,28,.78) 70%);box-shadow:0 0 0 8px rgba(158,123,255,.035),0 0 35px rgba(158,123,255,.34),inset 0 0 25px rgba(255,255,255,.11);backdrop-filter:blur(12px);transition:transform .35s,box-shadow .35s}.visualizer__play:hover{transform:scale(1.1);box-shadow:0 0 0 12px rgba(158,123,255,.07),0 0 58px rgba(211,77,255,.72),inset 0 0 25px rgba(255,255,255,.18)}.visualizer__play span{font-size:17px;margin-left:4px;color:#fff;text-shadow:0 0 15px var(--accent)}.visualizer__play small{position:absolute;transform:translateY(55px);font:8px var(--mono);color:#aaa;white-space:nowrap}.visualizer__axis{bottom:14px;left:0;right:0;color:#615a6a}.visualizer__readout{position:absolute;z-index:2;bottom:43px;font:7px var(--mono);line-height:1.6;letter-spacing:.1em;color:#6d637c}.visualizer__readout b{font-weight:400;color:#494451}.visualizer__readout--left{left:0}.visualizer__readout--right{right:0;text-align:right}.sound-card--hardware .sound-card__controls{position:relative;border-top:1px solid rgba(255,255,255,.12);padding-top:25px}.toggle-wrap{min-width:245px;gap:8px}.toggle-wrap__label{font:8px var(--mono);letter-spacing:.17em;color:#70677e;margin-bottom:3px}.mix-toggle{height:31px;position:relative;padding:0 10px;border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.17);border-radius:2px;color:#595560;transition:all .25s}.mix-toggle span{font-size:10px}.mix-toggle strong{display:flex;align-items:center;gap:8px;font-size:8px;color:#555;font-weight:400}.mix-toggle strong i{display:block;width:21px;height:11px;border:1px solid #444;border-radius:20px;position:relative}.mix-toggle strong i:after{content:"";position:absolute;left:2px;top:2px;width:5px;height:5px;border-radius:50%;background:#555;transition:transform .25s,background .25s}.mix-toggle.is-active{color:#fff;border-color:rgba(181,133,255,.65);background:linear-gradient(90deg,rgba(135,78,200,.18),rgba(228,46,193,.09));box-shadow:0 0 20px rgba(158,123,255,.16),inset 0 0 16px rgba(158,123,255,.08)}.mix-toggle.is-active strong{color:var(--accent)}.mix-toggle.is-active strong i{border-color:var(--accent);box-shadow:0 0 9px rgba(158,123,255,.7)}.mix-toggle.is-active strong i:after{transform:translateX(10px);background:#fff;box-shadow:0 0 7px var(--accent)}.sound-stats{gap:32px;max-width:none}.telemetry{position:relative;min-width:145px}.telemetry>span{font:8px var(--mono)!important;letter-spacing:.16em}.telemetry strong{font-size:27px;margin:11px 0 0;color:#777;font-weight:500;letter-spacing:-.08em;white-space:nowrap}.telemetry strong small{font-size:8px;letter-spacing:0}.telemetry em{display:block;color:var(--accent);font:22px var(--sans);font-style:normal;letter-spacing:-.07em;white-space:nowrap;position:absolute;left:70px;top:24px;text-shadow:0 0 13px rgba(211,77,255,.6)}.telemetry em small{font:8px var(--mono);color:#a99db8;letter-spacing:0}.telemetry em b{font-weight:500;color:#f1e9ff}.telemetry--loudness .stat-bar{margin-top:15px}.telemetry--loudness .stat-bar b{background:linear-gradient(90deg,#7654b9,var(--hot));box-shadow:0 0 10px var(--hot)}.telemetry--clarity .clarity,.telemetry--width .width{font-size:27px}.telemetry-leds{display:flex;gap:3px;margin-top:16px}.telemetry-leds b{display:block;width:7px;height:3px;background:#423a4b}.telemetry-leds b:nth-child(-n+4){background:var(--accent);box-shadow:0 0 6px var(--accent)}.width-arc{position:absolute;right:0;top:0;width:40px;height:40px;border:1px solid rgba(255,255,255,.11);border-left-color:var(--accent);border-bottom-color:var(--accent);border-radius:50%;transform:rotate(25deg);box-shadow:0 0 12px rgba(158,123,255,.32);animation:arc-float 2s ease-in-out infinite}.width-arc:after{content:"";position:absolute;inset:5px;border:1px solid var(--hot);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}.width-arc b{position:absolute;right:-2px;top:2px;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px var(--hot)}.sound-card--hardware .sound-card__footer{margin-top:24px}.sound-card--hardware .sound-card__footer .mono-label{letter-spacing:.15em}@keyframes phase-bars{0%,100%{opacity:.5;transform:scaleY(.75)}50%{opacity:1;transform:scaleY(1.1)}}@keyframes arc-float{0%,100%{transform:rotate(25deg) translateY(0)}50%{transform:rotate(32deg) translateY(-2px)}}@media(max-width:800px){.sound-card--hardware{padding:28px 20px 25px}.hardware-corner--tl{top:10px;left:10px}.hardware-corner--tr{top:10px;right:10px}.hardware-corner--bl,.hardware-corner--br{display:none}.hardware-phase{display:none}.sound-card--hardware .sound-card__top{padding-bottom:24px}.visualizer--particle{height:250px}.visualizer__readout{font-size:6px;bottom:37px}.visualizer__play{width:66px;height:66px}.visualizer__play small{transform:translateY(47px)}.sound-card--hardware .sound-card__controls{display:block}.toggle-wrap{margin-bottom:28px}.sound-stats{gap:18px}.telemetry{min-width:0}.telemetry strong{font-size:21px}.telemetry em{font-size:17px;left:44px;top:23px}.width-arc{width:30px;height:30px}.sound-card--hardware .sound-card__footer{flex-wrap:wrap}.sound-card--hardware .sound-card__footer .mono-label{width:100%;margin:0}}
.i18n-transition [data-i18n],.i18n-transition [data-i18n-html]{opacity:.15;filter:blur(4px);transition:opacity .125s ease,filter .125s ease}.language-switcher button{cursor:pointer}
@media(max-width:800px){.piano-dock{transform:translateX(-50%) translateY(calc(100% + 76px))}.piano-dock.is-open{transform:translateX(-50%) translateY(0)}}
.sound-card--hardware .sound-card__controls{gap:44px;padding-top:22px}.sound-card--hardware .toggle-wrap{min-width:220px;max-width:240px}.sound-card--hardware .toggle-wrap__label{font-size:8px;margin-bottom:1px}.sound-card--hardware .mix-toggle{height:28px;padding:0 8px;background:transparent;box-shadow:none}.sound-card--hardware .mix-toggle span{font-size:9px}.sound-card--hardware .mix-toggle strong{font-size:7px;letter-spacing:.05em}.sound-card--hardware .mix-toggle.is-active{background:rgba(158,123,255,.07);box-shadow:inset 2px 0 var(--accent)}.sound-card--hardware .sound-stats{gap:26px}.sound-card--hardware .telemetry{min-width:0}.sound-card--hardware .telemetry>span{font-size:7px!important;color:#777}.sound-card--hardware .telemetry strong{font-size:24px;margin:8px 0 0;color:#aaa}.sound-card--hardware .telemetry em{position:static;margin-top:1px;font-size:14px;line-height:1;color:#8065a8;text-shadow:none}.sound-card--hardware .telemetry em b{color:#d6baff;font-weight:400}.sound-card--hardware .telemetry .stat-bar{height:1px;margin-top:12px;background:rgba(255,255,255,.12)}.sound-card--hardware .telemetry .stat-bar b{box-shadow:none}.sound-card--hardware .telemetry-leds{gap:2px;margin-top:12px}.sound-card--hardware .telemetry-leds b{width:5px;height:2px}.sound-card--hardware .width-arc{width:30px;height:30px;top:-2px;right:0;box-shadow:none}.sound-card--hardware .width-arc:after{inset:4px}.sound-card--hardware .visualizer__readout{opacity:.7}.sound-card--hardware .sound-card__footer{font-size:8px;color:#777}.sound-card--hardware .sound-card__footer .is-highlight{color:#a585d4}@media(max-width:800px){.sound-card--hardware .sound-card__controls{gap:0}.sound-card--hardware .sound-stats{gap:14px}.sound-card--hardware .telemetry strong{font-size:19px}.sound-card--hardware .telemetry em{font-size:12px}.sound-card--hardware .telemetry-leds b{width:4px}.sound-card--hardware .width-arc{width:24px;height:24px}}
.sound-card--hardware.minimal-telemetry .sound-card__controls{gap:44px;padding-top:22px}.sound-card--hardware.minimal-telemetry .toggle-wrap{min-width:220px;max-width:240px}.sound-card--hardware.minimal-telemetry .mix-toggle{height:28px;padding:0 8px;background:transparent;box-shadow:none}.sound-card--hardware.minimal-telemetry .mix-toggle.is-active{background:rgba(158,123,255,.07);box-shadow:inset 2px 0 var(--accent)}.sound-card--hardware.minimal-telemetry .sound-stats{gap:26px}.sound-card--hardware.minimal-telemetry .telemetry{min-width:0}.sound-card--hardware.minimal-telemetry .telemetry strong{font-size:24px;margin:8px 0 0;color:#aaa}.sound-card--hardware.minimal-telemetry .telemetry em{position:static;margin-top:1px;font-size:14px;line-height:1;color:#8065a8;text-shadow:none}.sound-card--hardware.minimal-telemetry .telemetry .stat-bar{height:1px;margin-top:12px;background:rgba(255,255,255,.12)}.sound-card--hardware.minimal-telemetry .telemetry-leds{gap:2px;margin-top:12px}.sound-card--hardware.minimal-telemetry .telemetry-leds b{width:5px;height:2px}.sound-card--hardware.minimal-telemetry .width-arc{width:30px;height:30px;top:-2px;right:0;box-shadow:none}@media(max-width:800px){.sound-card--hardware.minimal-telemetry .sound-card__controls{gap:0}.sound-card--hardware.minimal-telemetry .sound-stats{gap:14px}.sound-card--hardware.minimal-telemetry .telemetry strong{font-size:19px}.sound-card--hardware.minimal-telemetry .telemetry em{font-size:12px}.sound-card--hardware.minimal-telemetry .telemetry-leds b{width:4px}.sound-card--hardware.minimal-telemetry .width-arc{width:24px;height:24px}}
.sound-card--hardware.minimal-telemetry .telemetry-leds b{background:#423a4b;box-shadow:none;transition:background .3s,box-shadow .3s,opacity .3s}.sound-card--hardware.minimal-telemetry .telemetry-leds b.is-lit{background:var(--accent);box-shadow:0 0 6px var(--accent)}
.visualizer--particle .visualizer__center .visualizer__time{position:absolute;left:50%;top:calc(50% + 55px);transform:translateX(-50%);display:block;margin:0;font:8px var(--mono);line-height:1;color:#aaa;white-space:nowrap;pointer-events:none}.visualizer--particle .visualizer__play small.visualizer__time{transform:translateX(-50%);width:max-content}
@media(max-width:800px){.visualizer--particle .visualizer__center .visualizer__time{top:calc(50% + 45px);font-size:7px}}