:root{--ink:#192b46;--blue:#144f8e;--pink:#ef528b;--yellow:#ffcf43;--paper:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e9e9ef}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:18px}.logo{font-weight:900;color:var(--blue);text-decoration:none;font-size:22px;line-height:1.05}.logo span{display:block;color:var(--pink);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.navlinks{display:flex;gap:24px;font-weight:700}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--pink)}.hero{background:linear-gradient(130deg,#fff1b8,#ffe0ef 55%,#d8efff);overflow:hidden}.hero-inner{max-width:1200px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:36px}.eyebrow{color:#a12c63;font-size:13px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}h1{font-size:clamp(42px,6vw,78px);line-height:1.04;letter-spacing:-.05em;margin:14px 0 24px}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.15;margin:12px 0 20px}h3{margin:0 0 10px;font-size:20px}p{margin:0 0 18px}.lead{font-size:19px;max-width:650px}.btn{display:inline-flex;padding:13px 21px;border-radius:100px;background:var(--blue);color:white;text-decoration:none;font-weight:800;border:0;align-items:center;justify-content:center}.btn.alt{background:white;color:var(--blue);border:2px solid var(--blue)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.covers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;transform:rotate(5deg);max-width:440px;margin:auto}.covers img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 15px 25px #30466a30}.wrap{max-width:1200px;margin:auto;padding:76px 24px}.section-intro{max-width:750px}.stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px}.stat strong{font-size:34px;display:block;color:var(--blue);line-height:1.1}.stat small{color:#52617a}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature{background:#fff;border:1px solid #e7e9ef;border-radius:18px;padding:25px}.feature b{font-size:18px}.audience{background:#eaf5ff}.tabs{display:flex;gap:10px;margin:24px 0}.tab{border:2px solid var(--blue);border-radius:100px;padding:10px 24px;background:transparent;font-weight:800;color:var(--blue)}.tab.active{background:var(--blue);color:#fff}.audience-copy{max-width:850px;font-size:18px}.catalog{background:#fff}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.filters input,.filters select{padding:14px 16px;border:1px solid #cad2df;border-radius:12px;background:#fff;min-width:190px}.filters input{flex:1;min-width:240px}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.album{border:1px solid #e3e7ef;border-radius:17px;overflow:hidden;background:white;box-shadow:0 4px 15px #172b4710}.album img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.album-info{padding:15px}.album-info small{color:#68758a}.album-info h3{font-size:17px;line-height:1.25;margin:7px 0 13px;min-height:42px}.album button{background:#f1f5fb;border:0;border-radius:10px;padding:10px 12px;font-weight:750;width:100%;color:var(--blue)}.results{font-size:14px;color:#536176;margin:12px 0 20px}.song-results{display:grid;gap:8px;margin-top:20px}.song{display:flex;justify-content:space-between;gap:15px;border:1px solid #e2e6ed;border-radius:11px;padding:12px 15px;align-items:center}.song small{color:#68758a}.song b{display:block}.pill{background:#fff0b9;border-radius:50px;padding:4px 10px;font-size:12px;font-weight:800;white-space:nowrap}.empty{padding:35px;background:#f5f7fa;border-radius:14px}.listen{background:#ffedbb;text-align:center}.listen p{max-width:700px;margin:0 auto 20px}.listen .actions{justify-content:center}footer{background:#192b46;color:#fff;padding:35px 24px;text-align:center}dialog{border:0;border-radius:20px;padding:0;width:min(740px,94vw);max-height:88vh;box-shadow:0 24px 80px #172b4770}dialog::backdrop{background:#10233d9e}.dialog-head{display:flex;gap:20px;padding:22px;align-items:center;background:#f4f7fb}.dialog-head img{width:110px;border-radius:10px}.dialog-body{padding:20px 26px;overflow:auto;max-height:55vh}.track-row{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f5}.track-row .num{color:#768398;width:32px;flex-shrink:0}.close{margin-left:auto;border:0;background:#fff;border-radius:50%;width:38px;height:38px;font-size:22px}.muted{color:#68758a;font-size:14px}@media(max-width:900px){.album-grid{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:1fr 1fr}.hero-inner{grid-template-columns:1fr}.covers{max-width:350px}}@media(max-width:580px){.album-grid{grid-template-columns:repeat(2,1fr);gap:12px}.features{grid-template-columns:1fr}.navlinks{gap:12px;font-size:13px}.logo{font-size:17px}.wrap{padding:55px 17px}.hero-inner{padding:48px 20px}.album-info{padding:11px}.album-info h3{font-size:15px}.song{align-items:start;flex-direction:column}.dialog-head img{width:75px}}
/* Contactformulier */
.contact-section{padding:70px 20px;background:#fff9ee}.contact-layout{max-width:1020px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:start}.contact-form{background:white;border-radius:22px;padding:28px;box-shadow:0 8px 32px #30270c12}.contact-form label{display:block;font-weight:700;margin:0 0 6px}.contact-form input,.contact-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #c9c9c9;border-radius:10px;padding:12px;font:inherit;margin:0 0 18px}.contact-form textarea{min-height:130px;resize:vertical}.contact-form button{border:0;cursor:pointer}.contact-note{font-size:.86rem;color:#555;line-height:1.5}.contact-honeypot{position:absolute;left:-10000px}@media(max-width:700px){.contact-layout{grid-template-columns:1fr}.contact-section{padding:48px 18px}}