:root{--bg:#020a0f;--bg2:#04131b;--cyan:#00d7ff;--text:#f5f8fa;--muted:#a8b8c2;--line:#173643;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(1,8,12,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand img{width:108px;max-height:64px;object-fit:contain}.menu{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:800;letter-spacing:.04em}.menu a:hover{color:var(--cyan)}.langs{display:flex;border:1px solid #315263;margin-left:14px}.langs button{border:0;background:transparent;color:#9eb0ba;padding:9px 13px;font-weight:800;cursor:pointer}.langs button.on{color:var(--cyan);outline:1px solid var(--cyan)}
.hero{min-height:620px;background:linear-gradient(90deg,rgba(1,7,11,.97) 0%,rgba(1,7,11,.78) 38%,rgba(1,7,11,.08) 72%),url("assets/hero.webp") center/cover no-repeat;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-copy{max-width:650px}.eyebrow{letter-spacing:.35em;font-size:13px}.hero h1{font-size:clamp(48px,6.5vw,86px);line-height:.94;margin:15px 0 20px;letter-spacing:-.035em}.cyan{color:var(--cyan)}.genreline{font-size:13px;font-weight:700;letter-spacing:.12em}.actions{display:flex;gap:15px;margin-top:28px}.btn{padding:13px 21px;border:1px solid #9ab0ba;border-radius:2px;font-weight:900;font-size:12px;display:inline-block}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#001016}.script{font-family:cursive;font-style:italic;font-size:30px;transform:rotate(-5deg);display:inline-block;margin-top:30px;border-bottom:2px solid var(--cyan);padding:0 8px 7px}
section{border-bottom:1px solid var(--line);padding:48px 0}h2{font-size:26px;letter-spacing:.04em;margin:0 0 5px}.lead{color:var(--muted);margin:0 0 24px}.genres{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.genre{height:165px;border:1px solid #2a4857;position:relative;background-size:cover;background-position:center;overflow:hidden}.genre:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,4,7,.94))}.genre b{position:absolute;bottom:15px;left:0;right:0;text-align:center;z-index:2;font-size:13px}.genre b:after{content:"";display:block;width:30px;border-bottom:3px solid var(--cyan);margin:7px auto 0}
.beatgrid{display:grid;grid-template-columns:1.8fr .7fr;gap:22px}.playerbox{border:1px solid #2a4857;background:#01080c;padding:8px}.playerbox iframe{display:block;width:100%;height:520px;border:0}.quote{min-height:350px;background:linear-gradient(rgba(2,10,15,.45),rgba(2,10,15,.85)),url("assets/about-studio.webp") center/cover;display:flex;align-items:center;padding:36px;font-size:27px;font-style:italic}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:0}.benefit{padding:25px;border-right:1px solid var(--line);display:flex;gap:15px;align-items:center}.ico{font-size:28px;color:var(--cyan)}.benefit b{font-size:12px}.benefit small{display:block;color:var(--muted)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.aboutcopy,.soundfabrik{padding:45px}.soundfabrik{background:linear-gradient(90deg,rgba(2,10,15,.84),rgba(2,10,15,.5)),url("assets/about-studio.webp") center/cover}.soundfabrik h3{font-size:30px;margin:8px 0}.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.socials a{padding:20px;border:1px solid #284756;background:#06131a;font-weight:900}.socials small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.contact{margin-top:22px}
footer{padding:38px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:30px;color:#9db0ba;font-size:12px}.foot img{width:90px}.footlinks{display:flex;gap:16px;flex-wrap:wrap}
.mobile{display:none;margin-left:auto;font-size:25px;cursor:pointer}
[data-lang]{display:none}body.de [data-lang=de],body.en [data-lang=en]{display:initial}.block[data-lang]{display:none}body.de .block[data-lang=de],body.en .block[data-lang=en]{display:block}
@media(max-width:900px){.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#020a0f;padding:24px;flex-direction:column}.menu.open{display:flex}.mobile{display:block}.hero{min-height:580px;background-position:62% center}.genres{grid-template-columns:repeat(2,1fr)}.beatgrid,.about{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.socials{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}.playerbox iframe{height:540px}}
@media(max-width:520px){.hero h1{font-size:48px}.actions{flex-direction:column}.benefits{grid-template-columns:1fr}.genres{grid-template-columns:1fr 1fr}.hero{background-position:66% center}.playerbox iframe{height:500px}}

/* Consent + analytics */
.consent{position:fixed;z-index:1000;left:18px;right:18px;bottom:18px;max-width:920px;margin:auto;background:#06141c;border:1px solid #285264;box-shadow:0 15px 50px rgba(0,0,0,.55);padding:20px;display:none}
.consent.show{display:block}.consent-inner{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.consent p{margin:5px 0;color:#b8c7cf;font-size:13px}.consent-actions{display:flex;gap:9px;flex-wrap:wrap}.consent button{cursor:pointer}
.consent-settings{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:none}.consent-settings.open{display:block}.toggle-row{display:flex;gap:10px;align-items:center}
.player-consent{min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;padding:35px;background:#031017}.player-consent p{max-width:620px;color:var(--muted)}
.analytics-settings-link{background:none;border:0;color:inherit;padding:0;cursor:pointer;font:inherit}
@media(max-width:700px){.consent-inner{grid-template-columns:1fr}.consent-actions{flex-direction:column}.consent button{width:100%}}