/* Shared Labs palette; individual product pages override only these tokens. */
.lab-site{--bg:#13171f;--surface:#1d2330;--ink:#edf3fa;--muted:#b0bfd2;--line:#35445a;--lab-header:#111823;--lab-footer:#0d131d;--lab-accent:#84dafb;--lab-secondary:#b4afff;--lab-action:#a0e1f6;--lab-action-ink:#122431;--pink:var(--lab-accent);--blue:var(--lab-accent);--green:var(--lab-accent);--accent:var(--lab-accent);color:var(--ink);background:var(--bg);color-scheme:dark}
.lab-site.lab-theme-boss{--bg:#202124;--surface:#282c32;--ink:#f0f1f3;--muted:#bac2cb;--line:#41474e;--lab-header:#222427;--lab-footer:#191b1e;--lab-accent:#ff8279;--lab-secondary:#f57168;--lab-action:#c13d35;--lab-action-ink:#fff}
.lab-site.lab-theme-noizer{--bg:#282f32;--surface:#343e42;--ink:#e5ebe5;--muted:#bcc8c0;--line:#53625f;--lab-header:#202b30;--lab-footer:#20282b;--lab-accent:#c3dc79;--lab-secondary:#aebe9f;--lab-action:#c3dc79;--lab-action-ink:#202a24}
.lab-site .site-header{background:var(--lab-header);color:var(--ink);border-bottom:1px solid var(--line)}
.lab-site .header-inner{min-height:108px;padding-block:21px;gap:28px}
.lab-brand-group{flex:0 0 auto;display:grid;justify-items:start;gap:12px;max-width:100%}
.lab-brand{display:block;width:340px;max-width:100%}
.lab-site.en .lab-brand{width:250px}
.lab-brand img{width:100%;height:auto}
.lab-parent{display:flex;align-items:center;gap:10px;width:fit-content}
.lab-parent span{font-size:.8125rem;color:var(--muted)}
.lab-parent img{width:162px;height:auto}
.lab-site .header-tools{margin-left:4px;gap:20px}
.lab-site .site-header nav{gap:24px}
.lab-site .site-header nav a[aria-current]:after{background:var(--lab-accent)}
.lab-site .site-header nav a:hover{color:var(--lab-accent)}
.lab-site .language-switch{color:var(--ink)}
.lab-intro{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 12% 0%,#243b512b,transparent 64%)}
.lab-intro-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;padding-block:48px 44px;position:relative;z-index:1}
.lab-intro h1{font-size:clamp(3rem,4.5vw,4.2rem);font-weight:450;line-height:1.12;letter-spacing:-.06em}
.lab-plus{font-weight:250;color:#8998b0}
.lab-manifest{color:var(--lab-accent)}
.lab-intro-copy{max-width:620px}
.lab-intro-copy h2{font-size:1.625rem;line-height:1.4;margin-bottom:14px;letter-spacing:-.02em}
.lab-intro-copy p{font-size:1rem;line-height:1.8}
.lab-intro-copy .lab-name-story{margin-top:10px}
.lab-products{width:min(calc(100% - 104px),1392px);margin:0 auto;padding-bottom:54px;display:grid;gap:22px}
.lab-product{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(110deg,#1d2634,#192230 65%,#1c2938);color:var(--ink);border:1px solid #35475d;border-left:2px solid var(--lab-accent)}
.lab-product-inner{width:calc(100% - 96px);min-height:356px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:28px}
.lab-product-copy{width:100%;max-width:470px;min-width:0;justify-self:center}
.lab-product-type{font-size:.875rem;color:var(--muted);margin-bottom:12px}
.lab-product .lab-product-wordmark{width:100%;max-width:440px;line-height:1;margin-bottom:24px}
.lab-product-wordmark img{display:block;width:100%;height:auto}
/* Match the original shared “Qumanit” glyph size, independent of title length. */
.lab-noizer .lab-product-wordmark img{width:84.39171725%}
.lab-product-copy>p:not(.lab-product-type){font-size:1rem;line-height:1.8;max-width:28em}
.lab-product-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--lab-accent);padding-block:9px;margin-top:19px;font-size:1rem;color:#f1f4f5}
.lab-product-link:hover{color:var(--lab-accent)}
.lab-product-visual{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}
.lab-product-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:300px;object-fit:contain}
.lab-product-visual:focus-visible{outline:2px solid var(--lab-accent);outline-offset:-8px}
.lab-footer{background:var(--lab-footer);color:var(--ink);padding-block:32px 24px;border-top:1px solid var(--line)}
.lab-footer>.container{display:grid;grid-template-columns:1fr auto;gap:24px}
.lab-footer-brand{width:285px;max-width:100%;align-self:center}
.lab-site.en .lab-footer-brand{width:210px}
.lab-footer-brand img{width:100%;height:auto}
.lab-footer nav{display:flex;flex-wrap:wrap;gap:26px;align-items:center}
.lab-footer nav a{font-size:.9375rem;color:var(--ink)}
.lab-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:22px}
.lab-footer-bottom p,.lab-footer-bottom a{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.lab-site .detail-band,.lab-site .noizer-start{background:var(--surface);border-color:var(--line)}
.lab-site .checksum{background:var(--surface)}
.lab-site .copy-button{border-color:var(--line)}
.lab-site .button.light,.lab-site .button.accent,.lab-site .noizer-actions .button{background:var(--lab-action);color:var(--lab-action-ink);border-color:var(--lab-action)}
.lab-site .pink,.lab-site .green{--accent:var(--lab-accent)}
.lab-site .release-version{color:var(--lab-accent)}
.lab-site .noizer-lab{display:none}
.lab-site .noizer-hero{padding-top:48px}
.lab-site .noizer-meta{border-bottom:1px solid var(--line);padding-bottom:24px}
.lab-site .noizer-interface{background:transparent;border:0;padding:0}
.lab-site .noizer-title h1{font-weight:450;color:#f0f0f0}
.lab-site .noizer-title h1 span{color:inherit}
.lab-site .noizer-interface img{box-shadow:none}
.lab-site .noizer-auditions,.lab-site .audition,.lab-site .audition-modes{border-color:var(--line)}
.lab-site .audition-modes{background:#222d30}
.lab-site .audition-modes button{border-color:var(--line);color:var(--muted)}
.lab-site .audition-modes button[aria-pressed="true"]{background:var(--lab-action);color:var(--lab-action-ink)}
.lab-site .audition-play{border-color:var(--lab-accent);color:var(--lab-accent);background:transparent}
.lab-site .audition-wave>svg{stroke:#728078}
.lab-site .audition-wave .audition-wave-played{stroke:var(--lab-accent)}
.lab-site dialog{color:var(--ink);background:var(--surface);color-scheme:dark}
.lab-site main h1,.lab-site main h2,.lab-site main h3{overflow-wrap:anywhere;hyphens:auto}
.lab-intro-inner>*{min-width:0}
@media(max-width:1200px){.lab-site .header-inner{gap:22px}.lab-brand{width:290px}.lab-site.en .lab-brand{width:220px}.lab-site .header-tools{gap:16px}.lab-site .site-header nav{gap:20px}.lab-intro-inner{gap:7%}.lab-product-inner{width:calc(100% - 64px);gap:36px}}
@media(max-width:1000px){.lab-site .site-header nav{background:var(--lab-header)}.lab-site .header-tools{margin-left:auto}.lab-intro-inner{gap:38px;align-items:start}.lab-intro h1{font-size:3rem}.lab-product-copy>p:not(.lab-product-type){font-size:.9375rem}.lab-products{width:calc(100% - 64px)}.lab-product-inner{min-height:295px;gap:28px}.lab-footer nav{gap:22px}}
@media(max-width:760px){.lab-site .header-inner{padding-block:20px;gap:18px 12px}.lab-brand{width:268px}.lab-site.en .lab-brand{width:240px}.lab-parent img{width:145px}.lab-site .header-tools{gap:18px}.lab-intro-inner{grid-template-columns:minmax(0,1fr);padding-block:32px;gap:23px}.lab-intro h1{font-size:clamp(2rem,7vw,3rem);letter-spacing:-.05em}.lab-intro h1 br{display:none}.lab-manifest:before{content:' '}.lab-intro-copy h2{font-size:1.375rem;margin-bottom:12px}.lab-intro-copy p{font-size:.9375rem}.lab-products{width:calc(100% - 40px);gap:18px;padding-bottom:32px}.lab-product-inner{min-height:0;width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);padding-block:28px 22px;gap:28px}.lab-product-copy{max-width:520px;justify-self:start}.lab-product .lab-product-wordmark{max-width:400px;margin-bottom:20px}.lab-product-type{font-size:.875rem;margin-bottom:10px}.lab-product-copy>p:not(.lab-product-type){font-size:.9375rem;max-width:32em}.lab-product-link{margin-top:13px}.lab-product-visual{max-width:520px;justify-self:center}.lab-product-visual img{width:100%;height:auto;max-height:none}.lab-footer>.container{grid-template-columns:minmax(0,1fr);gap:23px}.lab-footer nav{gap:20px}.lab-footer-bottom{display:grid;gap:8px;padding-top:22px}.lab-site .noizer-hero{padding-top:36px}}
@media(max-width:410px){.lab-site .header-tools{gap:16px}.lab-brand{width:260px}.lab-site.en .lab-brand{width:230px}.lab-site .header-inner{row-gap:16px}}


.lab-site:not(.lab-product-page) .lab-intro h1{color:#edf3fa}
.lab-site:not(.lab-product-page) .lab-plus{color:var(--lab-secondary)}
.lab-site .text-link{border-color:var(--lab-accent)}
.lab-site .audition-modes button:hover:not([aria-pressed=true]){background:var(--surface);color:var(--ink)}
.lab-theme-noizer .audition{--audio-color:var(--lab-accent)}
.lab-theme-noizer .noizer-interface img{width:min(100%,1120px)}
.lab-product-page .app-showcase>img{width:min(100%,1120px);margin-inline:auto}
.boss-hero{padding-top:64px}
.boss-wordmark{width:min(100%,940px);line-height:1;margin-bottom:42px}
.boss-wordmark img{width:100%;height:auto}
.boss-introduction{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:80px;align-items:center;margin-bottom:52px}
.boss-introduction>div{min-width:0}
.boss-introduction .boss-lead{font-size:clamp(1.4rem,2.25vw,2rem);line-height:1.6;color:var(--ink);margin-bottom:16px;max-width:32em}
.boss-introduction p{font-size:1.0625rem;line-height:1.8;max-width:46em}
.boss-get{justify-self:end}
.boss-get p{margin-bottom:20px;font-size:1rem}
.boss-get .button{gap:32px}
.boss-free-note{margin-top:48px;padding-top:26px;border-top:1px solid var(--line);font-size:1rem;line-height:1.8}
@media(max-width:1000px){.boss-introduction{gap:38px}.boss-wordmark{margin-bottom:30px}}
@media(max-width:760px){.boss-hero{padding-top:38px}.boss-introduction{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:36px}.boss-get{justify-self:start}.boss-introduction .boss-lead{font-size:1.4rem}.boss-introduction p{font-size:1rem}.boss-free-note{margin-top:32px}.boss-wordmark{margin-bottom:26px}}