:root{--line:#ffffff18;--mono:'Courier New',monospace;--font:Arial,Helvetica,sans-serif;color-scheme:dark;--bg:#080a08;--surface:#151815;--accent:#b8ff3d;--electric:#b8ff3d;--muted:#9ba29b;--ink:#f3f2ec;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;background-image:none;}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--electric);outline-offset:6px}p{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1;letter-spacing:-.055em}h2{font-size:clamp(2rem,3.7vw,3.7rem);font-weight:700}h3{font-size:1.8rem;font-weight:700}::selection{background:var(--accent);color:#000000}a,button{transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.skip{position:fixed;top:-80px;left:20px;background:white;color:black;padding:15px;z-index:99}.skip:focus{top:10px}
.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:30px;border-bottom:1px solid var(--line);background:#080a08;box-shadow:none;}.brand{display:flex;gap:14px;align-items:center;font-weight:900;font-size:19px;line-height:1;letter-spacing:-.05em}.brand small{display:block;color:#979797;font:9px/1 var(--mono);letter-spacing:.12em;margin-top:8px}.brand-mark{display:flex;align-items:center;gap:4px;width:45px;height:40px;transform:skew(-15deg)}.brand-mark i{width:9px;height:27px;background:var(--accent)}.brand-mark i:nth-child(2){height:39px}.brand-mark i:nth-child(3){height:19px}.header nav{display:flex;gap:7px;border-radius:6px;background:none;border:0;box-shadow:none;padding:0;}.header nav a{padding:10px 24px;color:#b2b2b2;text-transform:uppercase;font:12px var(--mono);letter-spacing:.1em;border:1px solid transparent;border-radius:3px}.header nav a:hover,.header nav a[aria-current]{color:var(--electric);background:#ffffff05;border-color:#b8ff3d50;box-shadow:none;}.header-cta{font:11px var(--mono);letter-spacing:.08em;color:var(--electric);padding:13px 17px;border:1px solid #b8ff3d70;background:none;box-shadow:none;border-color:#b8ff3d60;}.header-cta:hover{background:var(--accent);color:#10160b;box-shadow:none;}.tiny-icon{margin-left:20px;font-size:17px}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.1em;display:block}
.hero{position:relative;padding:46px 4.5% 0;display:grid;grid-template-columns:1fr 1.18fr;gap:0 80px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 28%,#b8ff3d1c,transparent 58%),linear-gradient(#fff02 1px,transparent 1px),linear-gradient(90deg,#fff02 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(black,transparent);display:none;}.hero-copy{display:contents}.hero-kicker{grid-column:1/-1;color:var(--electric);display:flex;align-items:center;gap:12px;margin:0 0 15px}.hero-kicker:before{content:'';width:6px;height:6px;background:var(--accent);box-shadow:none;}.hero h1{grid-column:1/-1;font-size:clamp(4rem,12.8vw,12rem);font-weight:900;letter-spacing:-.075em;line-height:.94;display:flex;gap:.18em;margin:0 0 38px;background:linear-gradient(165deg,#ffffff 12%,#dcdcdc 45%,#989898 90%);background-clip:text;-webkit-text-fill-color:transparent}.hero h1 span{color:var(--accent);-webkit-text-fill-color:var(--accent);letter-spacing:-.075em}.hero-copy>p{grid-column:1;grid-row:3;font-size:17px;line-height:1.65;align-self:start;padding-top:7px}.hero-copy>p strong{color:var(--ink);font-size:29px;line-height:1.3;letter-spacing:-.04em;display:inline-block;margin-bottom:13px}.hero-actions{grid-column:1;grid-row:3;align-self:end;display:flex;gap:25px;align-items:center;margin-top:145px;padding-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:52px;padding:14px 23px;font-size:13px;font-weight:700;border:1px solid transparent;border-radius:3px}.button span{font-size:21px}.accent{background:#b8ff3d;color:#10160b;border-color:#b8ff3d;box-shadow:none;border-radius:2px;}.accent:hover{background:#ceff80;box-shadow:none;}.outline{border-color:#717171;background:#ffffff04}.outline:hover{background:#ffffff0c}.text-link{font:12px var(--mono);padding:8px 0;color:#c9c9c9;white-space:nowrap}.text-link:hover{color:var(--electric)}.text-link span{margin-left:15px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font:10px/1.5 var(--mono);letter-spacing:.09em;color:#858585;padding:22px 0;border-bottom:1px solid var(--line);margin-top:31px}.hero-bottom i{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px;box-shadow:0 0 8px var(--accent)}
.signal-panel{grid-column:2;grid-row:3;position:relative;min-width:0;padding:17px 20px 11px;border:1px solid #98989840;background:linear-gradient(135deg,#262b26,#151915 65%);box-shadow:inset 0 1px 0 #ffffff12,0 12px 25px #0005;border-color:#ffffff25;border-radius:4px;}.signal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.signal-top .eyebrow{color:#d8d8d8;font-size:10px}.signal-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);margin-right:6px}.signal-format{font:10px var(--mono);color:#8c8c8c}.signal-panel canvas{width:100%;height:100px;display:block;margin-top:15px;border:1px solid #000000;box-shadow:0 1px 0 #ffffff12,inset 0 0 20px #000000;border-radius:3px;background:#0b0f0b;}.signal-axis{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:#777777;margin:7px 0 15px}.signal-controls{display:flex;align-items:center;gap:25px}.signal-controls>div{flex:1;min-width:0}.signal-controls label{font:10px var(--mono);color:#a4a4a4;display:flex;justify-content:space-between;gap:5px}.signal-controls output{color:var(--electric);font:13px var(--mono)}input[type=range]{width:100%;accent-color:var(--electric);height:23px;cursor:pointer}.signal-play{border:1px solid #b8ff3d60;font:11px var(--mono);padding:10px 14px;border-radius:3px;box-shadow:inset 0 1px 0 #ffffff12,0 2px 4px #00000055;white-space:nowrap;background:#232923;color:#e1e5df;border-color:#ffffff25;}.signal-play span{color:var(--electric);margin-right:7px}.signal-play[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#10160b;box-shadow:none;}.signal-play[aria-pressed=true] span{color:#10160b;}.signal-status{font:10px/1.5 var(--mono);color:#949494;margin-top:6px}
.tools-section{padding:45px 4.5% 60px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.section-heading .eyebrow{color:var(--electric);margin-bottom:12px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{border:1px solid #bababa2a;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;min-width:0;background:linear-gradient(130deg,#202520,#101410);box-shadow:inset 0 1px 0 #ffffff0e,0 10px 24px #0003;border-color:#ffffff20;border-radius:4px;}.tool-card:hover{transform:translateY(-2px);border-color:#b8ff3d70;box-shadow:inset 0 1px 0 #ffffff15,0 12px 28px #0006;}.instrument-art{height:205px;overflow:hidden;padding:21px 23px;border-bottom:1px solid #9a9a9a22;pointer-events:none;position:relative;background:linear-gradient(135deg,#2b302b,#161b16 75%);}.instrument-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 1px 0 #ffffff11;pointer-events:none;background:linear-gradient(115deg,#ffffff08,transparent 40%)}.micro-line{display:flex;justify-content:space-between;gap:10px;font:10px/1.5 var(--mono);color:#989898;letter-spacing:.06em}.micro-line span:first-child{color:#cdcdcd}.eq-curve{width:100%;height:120px;display:block;margin-top:7px;color:var(--electric);background:#101010b0;border:1px solid #00000088;box-shadow:0 1px 0 #ffffff10;border-radius:3px}.eq-curve .grid{stroke:#d5d5d514;stroke-width:1;fill:none}.curve{fill:none;stroke:var(--electric);stroke-width:2;}.curve-fill{fill:#b8ff3d20}.eq-curve circle{fill:#d5d5d5}.mini-knobs{display:flex;gap:17px;align-items:center;margin-top:12px}.mini-knobs i{width:23px;height:23px;border-radius:50%;border:1px solid #838383;background:linear-gradient(145deg,#909090,#404040 45%,#181818);box-shadow:1px 3px 5px #00000099,inset 1px 1px 1px #ffffff45;position:relative;flex-shrink:0}.mini-knobs i:after{content:'';height:8px;width:2px;position:absolute;background:var(--electric);box-shadow:0 0 3px var(--accent);top:3px;left:9px;transform:rotate(-20deg)}.mini-knobs span{margin-left:auto;color:#929292;font:9px var(--mono)}.step-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:25px 0 24px}.step-grid i{aspect-ratio:1;max-height:43px;background:linear-gradient(135deg,#4a4a4a,#292929);border:1px solid #7c7c7c40;border-radius:3px;box-shadow:0 3px 3px #00000088,inset 0 1px 0 #ffffff15}.step-grid i.lit{background:linear-gradient(145deg,#cfff85,#b8ff3d);border-color:#d7ff99;box-shadow:inset 0 1px 0 #ffffff50,0 2px 3px #0005;}.wave-bars{display:flex;gap:3px;align-items:center;justify-content:space-between;height:84px}.wave-bars i{width:4px;min-width:0;flex-shrink:1;height:var(--h);background:var(--electric);opacity:.8;box-shadow:none;}.deck-art .wave-bars{height:66px;margin-top:10px;gap:2px;background:#0e0e0e;border:1px solid #00000088;padding:0 8px;border-radius:3px}.deck-art .wave-bars i:nth-child(n+25){opacity:.5}.deck-controls{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 0;gap:18px}.deck-controls>i{height:61px;width:61px;border-radius:50%;border:5px solid #545454;box-shadow:0 0 0 1px #8b8b8b80,inset 0 0 0 1px #909090,2px 3px 8px #00000088;background:repeating-radial-gradient(#2b2b2b 0 2px,#202020 3px 4px);position:relative}.deck-controls>i:before{content:'';position:absolute;inset:22px;border:2px solid var(--electric);border-radius:50%;box-shadow:0 0 6px var(--accent)}.deck-controls>div{flex:1;text-align:center;font:9px var(--mono);color:#a7a7a7}.deck-controls hr{border:0;background:linear-gradient(90deg,#4b4b4b,var(--accent),#4b4b4b);height:3px;margin-top:14px;box-shadow:0 2px 1px #000000}.generic-art .wave-bars{margin-top:22px;margin-bottom:24px;background:#121212;border:1px solid #00000088;padding:0 10px;border-radius:3px}.card-copy{padding:23px}.card-copy .eyebrow{color:#a6a6a6;font-size:10px;letter-spacing:.04em;margin-bottom:14px}.card-copy .eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent);margin-right:5px}.card-copy h3{margin-bottom:13px}.card-copy h3 a:after{content:'';position:absolute;inset:0}.card-copy p{font-size:14px;line-height:1.65;min-height:70px;color:#aaaaaa}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.card-bottom>span{font:10px var(--mono);letter-spacing:.1em;color:#797979}.card-bottom a{position:relative;z-index:1;font:11px var(--mono);color:#d2d2d2;white-space:nowrap}.card-bottom a span{color:var(--electric);font-size:20px;margin-left:18px}
.culture-section{padding:55px 4.5% 60px;border-top:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff05;background:#111511;}.culture-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}.culture-title h2{width:55%;font-size:clamp(2.8rem,4.5vw,4.4rem)}.culture-title .eyebrow{color:var(--electric)}.culture-row{display:flex;align-items:center;gap:28px;padding:26px 0;border-top:1px solid var(--line)}.culture-num{font:12px var(--mono);color:#848484;width:40px}.culture-row h3{font-size:34px;margin-bottom:8px}.culture-row p{font-size:15px}.culture-label{font:10px var(--mono);color:#909090;margin-left:auto}.plus{font-size:35px;margin-left:30px;color:var(--electric)}.culture-row:hover h3{color:var(--electric)}footer{padding:42px 4.5% 22px;background:#080808}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px}.footer-wordmark{font-size:clamp(2rem,4.1vw,4rem);letter-spacing:-.07em;font-weight:900;color:var(--ink);}.footer-top p{font-size:14px}.footer-bottom{display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;color:#868686;font:10px/1.6 var(--mono)}.footer-bottom a:hover{color:white}
.breadcrumbs{margin:28px 4.5% 0;display:flex;gap:12px;font:11px var(--mono);color:#898989}.breadcrumbs a:hover{color:var(--electric)}.page-intro{padding:50px 4.5% 48px;position:relative;background:none;}.page-intro .eyebrow{color:var(--electric);margin-bottom:20px}.page-intro h1{font-size:clamp(3rem,8.6vw,8.5rem);font-weight:900;line-height:.98;letter-spacing:-.07em}.page-intro h1 span{color:var(--accent);}.page-intro p{margin-top:25px;font-size:18px;line-height:1.6}.page-intro>.button{margin-top:30px}.catalog{padding:0 4.5% 70px}.catalog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-top:1px solid var(--line);padding-top:20px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#ffffff03;border:1px solid #ffffff20;color:var(--muted);padding:9px 16px;font:12px var(--mono);border-radius:3px}.filters button[aria-pressed=true]{background:var(--accent);color:#10160b;border-color:var(--accent);box-shadow:none;}.filters button:hover{color:white;border-color:var(--accent)}#tool-count{font:11px var(--mono);color:var(--muted);white-space:nowrap}.migration-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:25px;max-width:750px}.tool-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center;padding:65px 4.5%}.detail-copy>.eyebrow{color:var(--electric);margin-bottom:20px}.detail-copy h1{font-size:clamp(3rem,5.3vw,5.5rem);font-weight:900}.detail-lead{font-size:19px;line-height:1.6;margin-top:25px}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 35px}.feature-tags span{font:11px var(--mono);border:1px solid var(--line);padding:8px 12px;border-radius:3px;background:#ffffff05}.detail-art{border:1px solid #98989840;overflow:hidden;box-shadow:0 18px 35px #0005;border-radius:4px;}.detail-art .instrument-art{height:330px;padding:35px}.detail-art .eq-curve{height:210px}.detail-art .micro-line{font-size:12px}.detail-art .step-grid{gap:12px;margin-top:50px;margin-bottom:38px}.detail-art .step-grid i{max-height:65px}.detail-art .wave-bars{height:165px}.detail-art .deck-controls>i{height:80px;width:80px}.detail-info{margin:0 4.5%;padding:45px 0 55px;border-top:1px solid var(--line);max-width:1000px}.detail-info>.eyebrow{color:var(--electric);margin-bottom:20px}.detail-info h2{margin-bottom:22px}.detail-info p{max-width:760px;font-size:18px;line-height:1.8}.about p{margin-bottom:25px}.destination{margin:0 4.5% 70px;padding:40px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}.destination-number{font-size:clamp(5rem,13vw,12rem);font-weight:900;color:var(--accent);letter-spacing:-.08em;line-height:1}.destination .eyebrow{color:var(--electric);margin-bottom:18px}.destination h2{margin-bottom:20px}.destination p{font-size:18px;line-height:1.7;margin-bottom:25px}.radio-art{border:1px solid #98989840;border-radius:10px;background:linear-gradient(130deg,#383838,#161616);padding:40px;box-shadow:inset 0 1px 0 #ffffff20,0 20px 40px #00000099}.radio-art .wave-bars{height:170px}.radio-art>span{display:block;font:12px var(--mono);color:var(--electric);margin-top:20px}article[hidden]{display:none}
@media(min-width:1600px){.header,.hero,.tools-section,.culture-section,footer,.catalog,.page-intro,.tool-detail{padding-left:max(4.5%,calc((100% - 1600px)/2));padding-right:max(4.5%,calc((100% - 1600px)/2))}.hero h1{font-size:192px}}
@media(max-width:1000px){.header-cta{display:none}.hero{gap:0 35px}.hero h1{font-size:12.6vw}.hero-copy>p{font-size:15px}.hero-copy>p strong{font-size:25px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:145px}.signal-controls{gap:12px}.signal-play{padding:10px;font-size:10px}.tools-grid{gap:14px}.instrument-art{padding:18px 16px;height:185px}.step-grid{gap:6px}.mini-knobs{gap:10px}.mini-knobs span{font-size:8px}.card-copy{padding:21px 16px}.card-copy h3{font-size:25px}.card-copy p{min-height:95px}.culture-label{display:none}.tool-detail{gap:30px}.destination{gap:35px}}
@media(max-width:700px){.header{height:81px;padding:0 6%;gap:12px}.brand{font-size:14px;gap:9px}.brand small{font-size:7px;letter-spacing:.02em}.brand-mark{width:32px;gap:3px}.brand-mark i{width:7px;height:20px}.brand-mark i:nth-child(2){height:30px}.brand-mark i:nth-child(3){height:14px}.header nav{gap:0;padding:3px}.header nav a{font-size:10px;letter-spacing:0;padding:9px}.hero{padding:35px 6% 0;grid-template-columns:minmax(0,1fr);gap:0}.hero-kicker{font-size:9px;letter-spacing:.02em;margin-bottom:20px}.hero h1{display:block;font-size:21.8vw;line-height:.87;margin-bottom:28px;letter-spacing:-.075em}.hero h1 span{display:block}.hero-copy>p{grid-row:auto;grid-column:1;font-size:16px;padding:0}.hero-copy>p strong{font-size:27px;margin-bottom:10px}.hero-actions{grid-row:auto;grid-column:1;margin:23px 0 32px;gap:18px;align-self:auto;padding:0}.button{font-size:12px;padding:12px 18px;gap:25px}.text-link{font-size:10px}.signal-panel{grid-row:auto;grid-column:1;padding:16px}.signal-top .eyebrow,.signal-format{font-size:9px}.signal-panel canvas{height:115px}.signal-controls{gap:15px}.signal-controls label{font-size:9px}.signal-play{font-size:10px}.signal-status{font-size:9px}.hero-bottom{margin-top:25px;font-size:9px;letter-spacing:0;gap:10px;padding:18px 0}.hero-bottom span:last-child{display:none}.tools-section{padding:35px 6% 45px}.section-heading{align-items:flex-start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.section-heading h2{font-size:32px}.section-heading .eyebrow{font-size:10px}.tools-grid{grid-template-columns:minmax(0,1fr);gap:20px}.instrument-art{height:212px;padding:22px}.eq-curve{height:122px}.step-grid{margin-top:25px;gap:8px;margin-bottom:25px}.step-grid i{max-height:43px}.mini-knobs{gap:14px}.mini-knobs span{font-size:9px}.card-copy{padding:23px}.card-copy h3{font-size:30px}.card-copy p{min-height:0;font-size:15px}.culture-section{padding:40px 6%}.culture-title{display:block}.culture-title h2{width:100%;font-size:40px;margin-top:22px}.culture-row{gap:13px;padding:25px 0}.culture-num{width:25px}.culture-row h3{font-size:30px}.culture-row p{font-size:14px}.culture-row .plus{margin-left:auto}footer{padding:35px 6% 20px}.footer-top{display:block}.footer-wordmark{font-size:35px}.footer-top p{margin-top:20px}.footer-bottom{flex-wrap:wrap;gap:10px 20px}.footer-bottom>span:nth-child(2){display:none}.breadcrumbs{margin:23px 6% 0}.page-intro{padding:38px 6%}.page-intro h1{font-size:clamp(2.8rem,13vw,5rem)}.page-intro p{font-size:17px}.catalog{padding:0 6% 45px}.catalog-bar{align-items:flex-start;flex-direction:column;gap:15px}.filters{gap:7px}.filters button{padding:8px 13px}.tool-detail{padding:38px 6%;grid-template-columns:minmax(0,1fr);gap:35px}.detail-copy h1{font-size:clamp(2.7rem,11vw,4.2rem)}.detail-lead{font-size:18px}.detail-art .instrument-art{height:280px;padding:25px}.detail-art .eq-curve{height:170px}.detail-art .micro-line{font-size:10px}.detail-info{margin:0 6%;padding-top:35px}.detail-info h2{font-size:33px}.detail-info p{font-size:17px}.destination{margin:0 6% 40px;grid-template-columns:minmax(0,1fr);gap:30px;padding-top:30px}.destination-number{font-size:110px}.destination p{font-size:17px}.radio-art{padding:25px}.radio-art .wave-bars{height:100px}}
@media(max-width:360px){.header nav a{padding:8px 6px;font-size:9px}.brand{font-size:12px}.brand small{font-size:6px}.hero-actions{gap:14px}.signal-controls{flex-direction:column;align-items:stretch;gap:8px}.signal-play{align-self:flex-start}.micro-line{font-size:9px}.mini-knobs{gap:10px}.mini-knobs span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.tool-card:hover{transform:none}}
/* The five Lab systems share the same machined surface as the instruments. */
.home-systems,.family-nav{display:flex;gap:7px;flex-wrap:wrap}.home-systems{margin-bottom:25px}.home-systems a,.family-nav a{font:11px var(--mono);border:1px solid #ffffff20;padding:11px 18px;border-radius:3px;background:linear-gradient(#2f2f2f55,#151515);color:#bcbcbc}.home-systems a span{margin-left:24px;color:var(--electric)}.home-systems a:hover,.family-nav a:hover,.family-nav a[aria-current]{border-color:#b8ff3d80;color:var(--electric);box-shadow:inset 0 1px 0 #ffffff14,0 0 15px #b8ff3d15}.family-nav{margin:28px 4.5% 0}.systems-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid #b6b6b63b;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000077}.system-card{display:flex;flex-direction:column;min-width:0;min-height:330px;padding:25px 23px;border-right:1px solid #cacaca1a;background:radial-gradient(ellipse at 50% 0%,#b8ff3d28,transparent 70%),linear-gradient(125deg,#5e5e5e55,#212121e6);box-shadow:inset 0 1px 0 #ffffff25;transition:background .25s}.system-card:last-child{border:0}.system-card:hover{background:radial-gradient(ellipse at 50% 0%,#b8ff3d60,transparent 85%),linear-gradient(125deg,#5e5e5e77,#212121e6)}.system-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font:9px/1.5 var(--mono);color:#acacac;letter-spacing:.06em;min-height:54px}.system-top b{font-size:18px;color:#cccccc;font-weight:400}.system-card h2{font-size:30px;letter-spacing:-.06em;margin-bottom:15px}.system-card p{font-size:13px;line-height:1.7;flex:1;color:#b1b1b1}.system-tags{font:9px var(--mono);color:#a0a0a0;margin:22px 0}.system-foot{font:10px/1.5 var(--mono);border-top:1px solid #ffffff15;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c7c7c7}.system-foot b{font-size:20px;color:var(--electric)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card,.utility-panel{min-width:0;background:radial-gradient(ellipse at 100% 0%,#b8ff3d14,transparent 70%),linear-gradient(130deg,#3c3c3c,#181818);border:1px solid #9191913b;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff20,0 12px 25px #00000055;padding:25px}.module-card:hover{border-color:var(--accent)}.module-top{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);letter-spacing:.05em;color:#aaaaaa;margin-bottom:30px}.module-card h2{font-size:28px;line-height:1.1;margin-bottom:15px}.module-card p{font-size:14px;min-height:48px;line-height:1.6}.module-open{display:block;font:10px var(--mono);border-top:1px solid var(--line);margin-top:20px;padding-top:15px;color:#c3c3c3}.patch-flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:45px 30px;border:1px solid #a4a4a445;border-radius:9px;background:linear-gradient(130deg,#3a3a3a,#171717);box-shadow:inset 0 1px 0 #ffffff22,0 18px 35px #00000088}.patch-flow span{padding:22px 16px;background:#0d0d0d;border:1px solid #b8ff3d55;border-radius:4px;font:24px var(--mono);color:var(--electric)}.patch-flow i{color:#676767;font-style:normal}.patch-flow b{flex-basis:100%;margin-top:18px;text-align:center;font:10px var(--mono);letter-spacing:.1em;color:#adadad}.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.utility-panel h2{font-size:28px;line-height:1.1;margin-bottom:15px}.utility-panel p{font-size:14px;line-height:1.7;margin-bottom:22px}.utility-panel label{display:block;font:11px var(--mono);color:#b6b6b6;margin-bottom:8px}.utility-panel input{width:100%;background:#0b0b0b;border:1px solid #707070;color:#eaeaea;padding:12px;font:18px var(--mono);border-radius:3px;box-shadow:inset 0 2px 5px #00000099}.utility-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.utility-result{font:13px/1.8 var(--mono);color:var(--electric);margin:22px 0 0;min-height:48px}.tempo-table{width:100%;border-collapse:collapse;font:11px/1.6 var(--mono);margin-top:15px}.tempo-table caption{color:#a2a2a2;text-align:left;font-size:10px;margin-bottom:12px}.tempo-table th,.tempo-table td{padding:8px 3px;text-align:right;border-bottom:1px solid var(--line);font-weight:400}.tempo-table th{color:#949494}.tempo-table td:first-child,.tempo-table th:first-child{text-align:left}.tempo-table td{color:#d8d8d8}.detail-info>.button{margin-top:25px}.footer-directory{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:28px;color:#a6a6a6;font:11px var(--mono)}.footer-directory a:hover{color:var(--electric)}
.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.artist-card{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;background:#181818;border:1px solid #99999933;border-radius:7px}.artist-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s;filter:brightness(.8)}.artist-card:hover img{transform:scale(1.04);filter:brightness(1)}.artist-card>div{position:absolute;inset:0;display:flex;justify-content:flex-end;flex-direction:column;padding:22px;background:linear-gradient(transparent 25%,#0b0b0bd9 75%,#0b0b0b)}.artist-card .eyebrow{font-size:9px;color:#bcbcbc;margin-bottom:10px}.artist-card h3{font-size:28px;letter-spacing:-.035em}.artist-card p{font:10px/1.5 var(--mono);margin-top:12px;color:#c7c7c7;padding-right:12px}.artist-arrow{position:absolute;right:17px;bottom:20px;font-size:18px;color:var(--electric)}.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.release-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:23px;padding:20px;background:linear-gradient(130deg,#34343466,#161616);border:1px solid #9999992b;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff11,0 15px 30px #00000055}.release-card img{width:100%;height:auto;display:block;border-radius:3px}.release-card>div{align-self:center;min-width:0}.release-card .eyebrow{font-size:9px;color:#bcbcbc;margin-bottom:14px}.release-card h3{font-size:28px;line-height:1.05}.release-card p{font-size:13px;line-height:1.6;margin:15px 0}.release-card .text-link{white-space:normal;font-size:10px}.artist-detail{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:60px;padding:55px 4.5% 65px;align-items:center}.artist-detail-image{max-width:470px;box-shadow:0 22px 40px #00000088;border:1px solid #aaaaaa40;padding:8px;background:linear-gradient(125deg,#585858,#1a1a1a);border-radius:6px}.artist-detail-image img{width:100%;height:auto;display:block}.artist-detail h1{font-size:clamp(2.8rem,6vw,6rem);font-weight:900;line-height:.98;overflow-wrap:anywhere}.artist-detail .eyebrow{color:var(--electric);margin-bottom:22px}.artist-detail p{font-size:18px;line-height:1.7;margin:25px 0 30px}.artist-detail .text-link{display:block;margin-top:20px;white-space:normal}.artist-detail .button{white-space:normal;font-size:12px}.release-detail h1{font-size:clamp(2.8rem,5vw,5rem)}.release-artist{display:block;color:var(--electric);font:15px var(--mono);margin-top:22px}.radio-channel{margin:0 4.5% 35px;padding:24px;border:1px solid #acacac40;border-radius:10px;background:linear-gradient(135deg,#42424270,#171717);box-shadow:inset 0 1px 0 #ffffff22,0 18px 38px #00000088}.radio-channel-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.radio-channel-head .eyebrow{color:var(--electric);margin-bottom:15px}.radio-channel-head h2{font-size:30px}.channel-tag{font:10px var(--mono);padding:8px;border:1px solid var(--line);color:#b6b6b6;white-space:nowrap}.radio-player-shell{min-height:300px;background:radial-gradient(ellipse at center,#2a2a2a,#0c0c0c);border:1px solid #000000;border-radius:5px;overflow:hidden;box-shadow:0 1px 0 #ffffff11}.radio-player-prompt{padding:30px;text-align:center}.radio-wave{max-width:480px;margin:0 auto 20px}.radio-player-prompt .eyebrow{color:#b8b8b8;font-size:10px}.radio-player-prompt p{font-size:15px;margin:12px 0 22px}.radio-player-prompt small{display:block;font:10px/1.6 var(--mono);color:#9c9c9c;margin-top:15px}.radio-player-shell iframe{width:100%;height:350px;display:block;border:0}.radio-channel-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.radio-channel-foot>span{font:10px var(--mono);color:#9a9a9a}.radio-channel-foot .text-link{white-space:normal}.contact-section{padding:0 4.5% 70px}.contact-lockup{padding:28px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-lockup .eyebrow{color:var(--electric);margin-bottom:15px}.contact-lockup>a{font-size:clamp(20px,4vw,45px);letter-spacing:-.04em;overflow-wrap:anywhere}.contact-lockup p{font-size:14px;margin-top:15px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}.contact-grid .eyebrow{color:var(--electric);margin-bottom:20px}.contact-grid h2{font-size:30px}.contact-grid p{font-size:15px;line-height:1.8;margin:18px 0 23px}
@media(max-width:1100px){.systems-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;box-shadow:none;overflow:visible}.system-card{border:1px solid #b6b6b63b;border-radius:8px;min-height:290px}.system-card:last-child{border:1px solid #b6b6b63b}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-card{grid-template-columns:minmax(0,1fr)}.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-detail{gap:35px}}
@media(max-width:700px){.family-nav{margin:23px 6% 0;gap:6px}.family-nav a,.home-systems a{padding:9px 12px;font-size:10px}.home-systems a span{margin-left:12px}.systems-grid,.module-grid,.utility-grid,.release-grid,.artist-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}.system-card{min-height:245px;padding:24px}.system-top{min-height:35px}.system-card h2{font-size:38px}.system-card p{font-size:15px}.module-card{padding:23px}.module-card h2{font-size:29px}.module-card p{min-height:0}.utility-panel{padding:22px}.utility-panel p{font-size:15px}.tempo-table{font-size:10px}.artist-card h3{font-size:34px}.artist-card p{font-size:11px}.release-card{grid-template-columns:minmax(0,1fr);padding:18px}.release-card h3{font-size:32px}.release-card p{font-size:15px}.artist-detail{grid-template-columns:minmax(0,1fr);padding:35px 6% 45px;gap:32px}.artist-detail h1{font-size:clamp(2.7rem,12vw,5rem)}.artist-detail p{font-size:17px}.radio-channel{margin:0 6% 30px;padding:18px}.radio-channel-head{flex-wrap:wrap;gap:16px}.radio-channel-head h2{font-size:27px;line-height:1.1}.radio-player-prompt{padding:25px 15px}.radio-channel-foot{flex-direction:column;align-items:flex-start;gap:8px}.radio-player-shell iframe{height:400px}.contact-section{padding:0 6% 45px}.contact-grid{gap:32px}.footer-directory{gap:15px}.patch-flow{padding:30px 15px;gap:9px}.patch-flow span{font-size:20px;padding:18px 12px}}
.tools-page .page-intro{padding-top:35px;padding-bottom:35px}.tools-page .page-intro h1{font-size:clamp(2.5rem,5.5vw,5rem)}.tools-page .page-intro p{font-size:16px;margin-top:20px}.faq-section{margin:0 4.5% 65px;max-width:1000px;border-top:1px solid var(--line);padding-top:40px}.faq-section>.eyebrow{color:var(--electric);margin-bottom:20px}.faq-section h2{margin-bottom:25px}.faq-section details{border-bottom:1px solid var(--line);padding:21px 0}.faq-section summary{font-size:18px;cursor:pointer;color:#dcdcdc}.faq-section p{font-size:16px;line-height:1.8;margin-top:18px;max-width:760px}.faq-section summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:700px){.tools-page .page-intro h1{font-size:10vw;line-height:1.03}.tools-page .page-intro{padding-top:30px}.faq-section{margin:0 6% 40px}}

.contact-intro h1{font-size:clamp(2.5rem,7.5vw,7rem)}@media(max-width:700px){.contact-intro h1{font-size:9.8vw}}

/* Original Veneno Azul identity, sized independently from its transparent canvas. */
.brand-logo{display:block;width:250px;height:auto;max-width:100%;}.brand{flex-shrink:0}.signal-axis,.signal-format,.signal-status,.micro-line,.mini-knobs span,.card-bottom>span{color:#9ca69c}
@media(max-width:1000px){.brand-logo{width:220px}}
@media(max-width:700px){.brand-logo{width:150px}.header nav a{padding:9px 7px;font-size:10px}}
@media(max-width:360px){.brand-logo{width:128px}.header nav a{padding:8px 6px;font-size:9px}}

/* Text Noise: retain semantic text and its natural responsive layout. */
.hero .noise-title{background:none;-webkit-text-fill-color:initial}
.hero .noise-title .title-word{position:relative;display:inline-block;color:var(--ink);-webkit-text-fill-color:var(--ink);background:linear-gradient(165deg,#fff 12%,#ddd 45%,#a0a0a0 90%);background-clip:text;-webkit-text-fill-color:transparent}
.hero .noise-title .title-accent{background:none;color:var(--accent);-webkit-text-fill-color:var(--accent)}
.title-word canvas{position:absolute;left:-20px;top:-24px;width:calc(100% + 40px);height:calc(100% + 48px);pointer-events:none}
.hero .noise-title .title-word.noise-ready{background:none;color:transparent;-webkit-text-fill-color:transparent}
@media(max-width:700px){.hero .noise-title .title-word{display:block;width:max-content;max-width:100%}}
@media(prefers-reduced-motion:reduce){.title-word canvas{display:none}.hero .noise-title .title-word.noise-ready{color:var(--ink);-webkit-text-fill-color:var(--ink)}.hero .noise-title .title-accent.noise-ready{-webkit-text-fill-color:var(--accent)}}

/* Glass trial: scoped to the homepage Lab action, inspired by GlassAiButton. */
.hero-actions .glass-button{position:relative;isolation:isolate;gap:15px;min-height:62px;padding:14px 20px;border-radius:16px;border:1px solid #ffffff35;color:#f2f5ed;background:linear-gradient(155deg,#ffffff1c 0%,#ffffff08 48%,#ffffff12 100%);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #ffffff18,inset 1px 0 1px #ffffff22,0 9px 20px #0008,0 1px 0 #000;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.glass-button:before{content:'';position:absolute;z-index:-1;inset:1px;border-radius:14px;background:linear-gradient(112deg,transparent 13%,#ffffff14 23%,#ffffff04 35%,transparent 48%);pointer-events:none;transition:transform .45s}
.glass-button:after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b8ff3d80,transparent);pointer-events:none}
.glass-button .glass-orb{display:block;width:27px;height:27px;flex:none;border-radius:50%;border:1px solid #ddffa46b;background:radial-gradient(circle at 29% 22%,#efffdbaa 0%,#c8ff7360 13%,#b8ff3d26 32%,#17250f 65%,#080d07 100%);box-shadow:inset 0 0 8px #b8ff3d30,inset 1px 1px 3px #ffffff45,0 0 11px #b8ff3d14;position:relative}
.glass-orb:after{content:'';position:absolute;inset:7px 5px;border:1px solid #cfff8599;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 3px #b8ff3d35}
.glass-button>span{color:var(--accent);font-size:21px;margin-left:9px;text-shadow:0 1px 2px #000}
.hero-actions .glass-button:hover{transform:translateY(-2px);border-color:#ffffff65;background:linear-gradient(155deg,#ffffff26,#ffffff0a 48%,#b8ff3d12);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #b8ff3d35,0 12px 22px #0009}
.glass-button:hover:before{transform:translateX(16%)}
.hero-actions .glass-button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0008,inset 0 1px 0 #ffffff35,0 4px 8px #0006}
@supports not (backdrop-filter:blur(1px)){.hero-actions .glass-button{background:linear-gradient(155deg,#353b31,#171b15 55%,#23291e)}}
@media(max-width:700px){.hero-actions .glass-button{padding:12px 16px;min-height:58px;gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-actions .glass-button,.glass-button:before{transition:none}.hero-actions .glass-button:hover,.hero-actions .glass-button:active,.glass-button:hover:before{transform:none}}

/* Shared glass material for calls to action, navigation and interactive buttons. */
body :is(.button,.header-cta,.header nav a,main button,.home-systems a){position:relative;isolation:isolate;border:1px solid #ffffff35;border-radius:12px;color:#f2f5ed;background:linear-gradient(155deg,#ffffff1c 0%,#ffffff08 48%,#ffffff12 100%);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #ffffff18,inset 1px 0 1px #ffffff22,0 7px 16px #0006;overflow:hidden;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):before{content:'';position:absolute;z-index:-1;inset:1px;border-radius:inherit;background:linear-gradient(112deg,transparent 13%,#ffffff14 23%,#ffffff04 35%,transparent 48%);pointer-events:none;transition:transform .45s}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#b8ff3d80,transparent);pointer-events:none}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):hover{border-color:#ffffff65;color:#fff;background:linear-gradient(155deg,#ffffff26,#ffffff0a 48%,#b8ff3d12);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #b8ff3d35,0 9px 18px #0007;transform:translateY(-1px)}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):hover:before{transform:translateX(16%)}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0008,inset 0 1px 0 #ffffff35,0 3px 7px #0005}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a) :is(span,.tiny-icon){color:var(--accent)}
body :is(main button,.header nav a):is([aria-pressed=true],[aria-current]){color:var(--accent);border-color:#b8ff3d80;background:linear-gradient(155deg,#b8ff3d25,#b8ff3d0b 55%,#ffffff0d);box-shadow:inset 0 1px 1px #e7ffc260,inset 0 -1px 1px #b8ff3d30,0 5px 12px #0005}
body main button[aria-pressed=true] span{color:var(--accent)}
body :is(.header nav a,.home-systems a,.filters button,.signal-play){border-radius:8px}
body :is(main button,.button)[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:inset 0 1px 0 #ffffff20}
@supports not (backdrop-filter:blur(1px)){body :is(.button,.header-cta,.header nav a,main button,.home-systems a){background:linear-gradient(155deg,#353b31,#171b15 55%,#23291e)}}
@media(prefers-reduced-motion:reduce){body :is(.button,.header-cta,.header nav a,main button,.home-systems a),body :is(.button,.header-cta,.header nav a,main button,.home-systems a):before{transition:none}body :is(.button,.header-cta,.header nav a,main button,.home-systems a):is(:hover,:active),body :is(.button,.header-cta,.header nav a,main button,.home-systems a):hover:before{transform:none}}

/* Glass windows: the same material as the buttons, with quieter reflections. */
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow){position:relative;isolation:isolate;border:1px solid #ffffff32;border-radius:16px;background:linear-gradient(145deg,#ffffff16 0%,#ffffff08 48%,#ffffff0e 100%);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px 1px #ffffff48,inset 0 -1px 1px #ffffff12,inset 1px 0 1px #ffffff18,0 14px 30px #0006;transition:border-color .25s,box-shadow .25s,transform .25s}
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):before{content:'';position:absolute;z-index:-1;inset:1px;border-radius:inherit;background:linear-gradient(118deg,#ffffff07,transparent 28%,transparent 66%,#b8ff3d03);pointer-events:none}
body :is(.tool-card,.system-card,.module-card):hover{border-color:#b8ff3d60;background:linear-gradient(145deg,#ffffff1d,#ffffff09 48%,#b8ff3d09);box-shadow:inset 0 1px 1px #ffffff65,inset 0 -1px 1px #b8ff3d22,0 16px 32px #0007;transform:translateY(-2px)}
body .systems-grid{gap:14px;border:0;border-radius:0;overflow:visible;box-shadow:none}
body .instrument-art{background:linear-gradient(135deg,#ffffff08,#ffffff02);border-bottom-color:#ffffff16}
body .instrument-art:after{background:linear-gradient(115deg,#ffffff05,transparent 40%);box-shadow:inset 0 1px 0 #ffffff10}
body :is(.signal-panel canvas,.eq-curve,.radio-player-shell){background:#070b07d9;border-color:#ffffff12;box-shadow:inset 0 2px 7px #0008,0 1px 0 #ffffff0c;border-radius:8px}
body :is(.signal-top .eyebrow,.system-top,.system-tags,.module-top,.micro-line,.card-copy .eyebrow){color:#bac2b7}
body :is(.system-card p,.card-copy p,.module-card p,.release-card p){color:#aeb7aa}
body .artist-card{border-radius:16px;border-color:#ffffff32;box-shadow:inset 0 1px 0 #ffffff40,0 12px 25px #0005}
@supports not (backdrop-filter:blur(1px)){body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow){background:linear-gradient(145deg,#252924,#111610 55%,#1b2018)}}
@media(max-width:700px){body .systems-grid{gap:18px}body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow){border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){body :is(.tool-card,.system-card,.module-card):hover{transform:none}}

/* Sculpted glass: optical rim, curved highlights and a deep internal surface. */
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow){border-radius:23px;border-color:#ffffff55;background:radial-gradient(ellipse at 0% 0%,#ffffff19,transparent 55%),linear-gradient(145deg,#ffffff1c,#ffffff07 45%,#ffffff12);box-shadow:inset 0 2px 2px #ffffffb0,inset 2px 0 3px #ffffff48,inset -2px 0 3px #ffffff18,inset 0 -3px 3px #ffffff35,inset 0 0 0 5px #ffffff06,inset 0 10px 24px #ffffff07,inset 0 -16px 24px #0007,0 2px 1px #000,0 18px 32px #0009,0 0 0 1px #000;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):before{inset:2px;border-radius:21px;background:linear-gradient(118deg,#ffffff23 0%,#ffffff08 14%,transparent 26%,transparent 68%,#ffffff07 88%,#ffffff12 100%),radial-gradient(ellipse at 50% -12%,#ffffff20,transparent 58%);box-shadow:inset 0 1px 0 #ffffff40}
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):after{content:'';position:absolute;z-index:-1;inset:5px;border:1px solid #ffffff14;border-top-color:#ffffff30;border-bottom-color:#ffffff26;border-radius:18px;box-shadow:inset 1px 1px 2px #0005,0 1px 1px #ffffff12;pointer-events:none}
body :is(.tool-card,.system-card,.module-card):hover{background:radial-gradient(ellipse at 0% 0%,#ffffff22,transparent 55%),linear-gradient(145deg,#ffffff23,#ffffff09 45%,#b8ff3d0c);border-color:#ffffff85;box-shadow:inset 0 2px 2px #ffffffe0,inset 2px 0 3px #ffffff60,inset 0 -3px 3px #ffffff45,inset 0 0 0 5px #ffffff08,inset 0 -16px 24px #0006,0 22px 38px #0009}
body .instrument-art{background:linear-gradient(125deg,#ffffff0c,transparent 38%,#ffffff03);border-bottom-color:#ffffff22}
body :is(.signal-panel canvas,.eq-curve,.radio-player-shell){border:1px solid #ffffff26;border-radius:11px;box-shadow:inset 0 3px 9px #000c,0 1px 0 #ffffff28,0 0 0 3px #0005}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a){border-color:#ffffff60;background:linear-gradient(165deg,#ffffff2b,#ffffff0a 48%,#ffffff1a);box-shadow:inset 0 2px 2px #ffffffa0,inset 2px 0 2px #ffffff30,inset 0 -2px 2px #ffffff40,inset 0 0 0 3px #ffffff05,inset 0 -8px 12px #0005,0 9px 18px #0008}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):before{background:linear-gradient(112deg,#ffffff12 2%,#ffffff26 18%,#ffffff04 38%,transparent 52%,#ffffff08 94%)}
body :is(.button,.header-cta,.header nav a,main button,.home-systems a):hover{box-shadow:inset 0 2px 2px #ffffffd0,inset 2px 0 2px #ffffff45,inset 0 -2px 2px #ffffff60,inset 0 -8px 12px #0004,0 12px 22px #0009}
body :is(main button,.header nav a):is([aria-pressed=true],[aria-current]){color:var(--accent);background:linear-gradient(165deg,#b8ff3d30,#b8ff3d0b 50%,#ffffff12);border-color:#b8ff3d80}
@media(max-width:700px){body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow){border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):before{border-radius:18px}body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):after{border-radius:15px}}
body .hero-actions .glass-button{border-color:#ffffff60;background:linear-gradient(165deg,#ffffff2b,#ffffff0a 48%,#ffffff1a);box-shadow:inset 0 2px 2px #ffffffa0,inset 2px 0 2px #ffffff30,inset 0 -2px 2px #ffffff40,inset 0 0 0 3px #ffffff05,inset 0 -8px 12px #0005,0 9px 18px #0008}

/* Black liquid and smoked glass artwork, drifting gently behind the interface. */
body{position:relative;isolation:isolate;background:#080a08}
body:before{content:'';position:fixed;z-index:-1;inset:-3%;pointer-events:none;background:linear-gradient(90deg,#080a0870,#080a0820 55%,#080a0830),url('/assets/veneno-glass-background.webp') center center/cover no-repeat;opacity:.78;transform-origin:70% 55%;animation:glass-drift 36s ease-in-out infinite alternate;will-change:transform}
@keyframes glass-drift{from{transform:translate3d(-.8%,.5%,0) scale(1.01)}to{transform:translate3d(.8%,-.6%,0) scale(1.045)}}
body .header{background:#080a08bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body .culture-section{background:#080a08b8}
body footer{background:#080a08d9}
@media(max-width:700px){body:before{background-position:62% center;opacity:.56;animation-duration:44s}}
@media(prefers-reduced-motion:reduce){body:before{animation:none;transform:none;will-change:auto}}

/* Worn glass rims: subdued light, uneven polish and small edge imperfections. */
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow){--chip-a:18%;--chip-b:74%;--chip-c:43%;border-color:#b4c0ad28;box-shadow:inset 0 1px 2px #ffffff32,inset 1px 0 3px #d0dbcb18,inset -1px 0 3px #ffffff0a,inset 0 -2px 3px #b3c3a91c,inset 0 0 0 4px #ffffff02,inset 0 10px 24px #ffffff04,inset 0 -16px 24px #0006,0 2px 1px #000,0 18px 32px #0008}
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):before{box-shadow:none;background:linear-gradient(118deg,#ffffff12,transparent 24%,transparent 68%,#ffffff06),radial-gradient(ellipse at 50% -12%,#ffffff0e,transparent 58%)}
body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):after{inset:2px;border-color:#ffffff0c;border-top-color:#b7c7ae24;border-bottom-color:#a1b99518;border-radius:20px 19px 21px 18px;box-shadow:inset 1px 1px 2px #0004,0 1px 1px #ffffff06;background:linear-gradient(105deg,transparent 0 17%,#d8e2cf24 17.2%,transparent 17.6%) top/100% 2px no-repeat,linear-gradient(82deg,transparent 0 73%,#c5d8b822 73.3%,transparent 73.7%) bottom/100% 2px no-repeat;mask-image:radial-gradient(ellipse 5px 3px at var(--chip-a) 0%,transparent 65%,#000 100%),radial-gradient(ellipse 4px 3px at var(--chip-b) 100%,transparent 60%,#000 100%),radial-gradient(ellipse 3px 5px at 100% var(--chip-c),transparent 50%,#000 100%);mask-composite:intersect;-webkit-mask-composite:source-in}
body :is(.tool-card,.system-card,.module-card,.utility-panel,.release-card):nth-child(2n){--chip-a:67%;--chip-b:28%;--chip-c:72%}
body :is(.tool-card,.system-card,.module-card,.utility-panel,.release-card):nth-child(3n){--chip-a:38%;--chip-b:83%;--chip-c:24%}
body :is(.tool-card,.system-card,.module-card):hover{border-color:#b8ff3d45;box-shadow:inset 0 1px 2px #ffffff45,inset 1px 0 3px #cfe7bf20,inset 0 -2px 3px #b8ff3d18,inset 0 0 0 4px #ffffff03,inset 0 -16px 24px #0006,0 22px 38px #0009}
@media(max-width:700px){body :is(.signal-panel,.tool-card,.system-card,.module-card,.utility-panel,.detail-art,.radio-art,.radio-channel,.release-card,.artist-detail-image,.patch-flow):after{border-radius:17px 16px 18px 15px}}

/* Glass perimeter: one pinned palette, revealed by a lamp at the nearest border point. */
body .va-light-panel{overflow:visible;border-color:#b9c9ad28;box-shadow:none;transition:none}
body .va-light-panel:after{content:none}
body :is(.tool-card,.system-card,.module-card).va-light-panel:hover{border-color:#b9c9ad28;box-shadow:none;transform:none}
body .va-light-panel .instrument-art{border-radius:22px 22px 0 0}
.va-light-panel:focus-visible{outline:2px solid #b8ff3d;outline-offset:6px}
.va-light-panel :is(a,button,input,select):focus-visible{outline:2px solid #b8ff3d;outline-offset:4px}
.va-perimeter{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;--va-lamp:0;--va-lamp-x:50%;--va-lamp-y:0px;--va-spread:120px;--va-filament:1.5px;--va-halo:12px;--va-wheel:conic-gradient(from 0deg at 50% 50%,#b8ff3d,#36e8b4 33.333%,#d7ff97 66.666%,#b8ff3d)}
.va-light-layer,.va-light-ring,.va-light-palette{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.va-light-layer{opacity:var(--va-lamp)}
.va-light-palette{background:var(--va-wheel);mask-image:radial-gradient(circle var(--va-spread) at var(--va-lamp-x) var(--va-lamp-y),#000,#0009 30%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--va-spread) at var(--va-lamp-x) var(--va-lamp-y),#000,#0009 30%,transparent 100%)}
.va-light-ring{padding:var(--va-filament);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}
.va-light-bloom{filter:blur(var(--va-halo));opacity:calc(var(--va-lamp)*.8)}
.va-light-bloom .va-light-ring{padding:calc(var(--va-filament)*2)}
.va-light-wash{overflow:hidden;opacity:calc(var(--va-lamp)*.08)}
.va-light-wash .va-light-palette{mask-image:radial-gradient(circle calc(var(--va-spread)*1.6) at var(--va-lamp-x) var(--va-lamp-y),#000,transparent);-webkit-mask-image:radial-gradient(circle calc(var(--va-spread)*1.6) at var(--va-lamp-x) var(--va-lamp-y),#000,transparent)}
@media(max-width:700px){.va-perimeter{--va-spread:95px;--va-halo:9px}body .va-light-panel .instrument-art{border-radius:19px 19px 0 0}}
