:root{
  --brand:#e86020; --ink:#202124; --muted:#6b6b6b; --paper:#fff; --soft:#f7f4ef; --line:#e8e2d9;
  --idea:#f0cf18; --music:#f04416; --coaching:#91cf50; --community:#169fc0; --about:#2140a0; --newsletter:#a81183; --whatsapp:#20c968;
  --accent:var(--brand); --radius:26px; --shadow:0 18px 50px rgba(34,27,20,.08); --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.narrow{max-width:780px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;background:#111;color:#fff;padding:8px 12px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.accent-idee{--accent:var(--idea)}.accent-musik{--accent:var(--music)}.accent-coaching{--accent:var(--coaching)}.accent-community{--accent:var(--community)}.accent-ueber-uns{--accent:var(--about)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:20px;min-height:104px}.brand{display:inline-flex;align-items:center}.brand img{width:280px;height:auto;max-width: 300px;}.main-nav{display:flex;justify-content:center;align-items:flex-end;gap:10px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:82px;text-decoration:none;font-weight:750;font-size:.82rem;padding:8px 7px 7px;border-radius:16px;transition:.2s}.nav-item img{width:52px;height:40px;object-fit:contain;transition:transform .2s}.nav-item:hover img,.nav-item:focus-visible img{transform:translateY(-2px) scale(1.05)}.nav-item.active{background:#f6f4ef}.nav-item:focus-visible,.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),#fff 25%);outline-offset:3px}.header-actions{display:flex;gap:5px}.round-action{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}.round-action img{width:40px;height:auto}.nav-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:9px;cursor:pointer}.nav-toggle>span:not(.sr-only){display:block;height:2px;background:#222;margin:5px 0}
.hero{padding:72px 0 52px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:850;font-size:.78rem;color:var(--accent);margin:0 0 12px}.hero h1,.page-hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.hero h1 span,.page-hero h1 span{color:var(--accent)}.lead{font-size:clamp(1.12rem,2vw,1.4rem);line-height:1.55;color:#3f3f3f;max-width:720px}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 20px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button-brand{background:var(--brand);color:#fff;box-shadow:0 8px 24px rgba(232,96,32,.23)}.button-accent{background:var(--accent);color:#111}.button-outline{box-shadow:inset 0 0 0 1.5px #222;background:#fff}.button-newsletter{background:var(--newsletter);color:#fff}.button-whatsapp{background:var(--whatsapp);color:#102416}.button.is-disabled{opacity:.45;pointer-events:none}.hero-art{position:relative;min-height:390px;display:grid;place-items:center}.hero-logo{width:min(430px,90%);filter:drop-shadow(0 22px 45px rgba(232,96,32,.16))}.bubble{position:absolute;border-radius:50%;opacity:.16}.b1{width:260px;height:260px;background:var(--idea);top:5%;left:0}.b2{width:180px;height:180px;background:var(--community);right:0;bottom:5%}.b3{width:110px;height:110px;background:var(--coaching);right:7%;top:5%}
.section{padding:76px 0}.section.soft{background:var(--soft)}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px}.section h3{font-size:1.35rem;line-height:1.25;margin-top:0}.prose{max-width:830px}.prose p{font-size:1.06rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.card-icon{width:64px;height:auto;margin-bottom:8px}.card p:last-child{margin-bottom:0}.card-link{text-decoration:none}.card-link:hover{border-color:var(--accent)}.quote{font-size:clamp(1.7rem,4vw,3.2rem);line-height:1.25;font-weight:800;letter-spacing:-.03em;padding-left:24px;border-left:6px solid var(--accent);max-width:920px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.pill-list li{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{position:relative;padding:8px 0 8px 30px}.check-list li:before{content:"✓";position:absolute;left:0;top:8px;color:var(--accent);font-weight:900}
.page-hero{padding:65px 0 42px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent),white 92%),#fff 55%)}.page-hero-grid{display:grid;grid-template-columns:1fr 160px;gap:30px;align-items:center}.page-icon{width:130px;justify-self:end}.page-hero h1{font-size:clamp(2.5rem,5vw,4.7rem)}.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:14px}.breadcrumb a{text-decoration:none}.faq{display:grid;gap:12px;margin-top:28px}.faq details{border:1px solid var(--line);border-radius:18px;padding:14px 18px;background:#fff}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:4px}
.song-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.song-card{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff}.song-card h3{font-size:1.45rem;margin-bottom:7px}.song-card p{color:#555}.song-card audio{width:100%;margin:12px 0}.song-credit{font-size:.76rem;color:#777}.audio-note{padding:18px 20px;background:color-mix(in srgb,var(--music),#fff 92%);border-radius:18px;border-left:5px solid var(--music)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.team-card{border-radius:24px;background:#fff;border:1px solid var(--line);padding:24px}.team-card .avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--about),#fff 85%);font-size:1.45rem;font-weight:900;color:var(--about)}
.signup-band{background:#211f1e;color:#fff;padding:68px 0;margin-top:70px;scroll-margin-top:120px}.signup-grid{display:grid;grid-template-columns:1.05fr 1.35fr;gap:36px}.signup-copy .eyebrow{color:#ffab7b}.signup-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:0 0 16px}.signup-form{background:#2c2927;border:1px solid #45403c;padding:24px;border-radius:24px}.form-row.two{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.signup-form label span{display:block;font-size:.83rem;margin-bottom:5px}.signup-form input[type=text],.signup-form input[type=email]{width:100%;border:1px solid #5b554f;background:#191817;color:#fff;border-radius:12px;padding:12px}.consent{display:flex!important;gap:9px;margin:13px 0 16px;font-size:.78rem;color:#ddd}.consent input{margin-top:4px}.consent span{font-size:.78rem!important}.consent a{color:#fff}.hp{position:absolute!important;left:-9999px!important;opacity:0!important}.whatsapp-box{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px 24px;border-radius:24px;background:#fff;color:#222}.whatsapp-box img{width:58px}.whatsapp-box p{margin:2px 0;color:#555}
.site-footer{background:#f4f1ec;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:34px}.footer-logo{width:160px;height:auto}.footer-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}.footer-grid a{display:block;text-decoration:none;color:#555;padding:3px 0}.footer-grid a:hover{color:#000}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ddd5cb;margin-top:36px;padding-top:18px;color:#777;font-size:.82rem}
.result-page{min-height:60vh;padding:90px 0}.result-card{border:1px solid var(--line);border-radius:28px;padding:38px;background:#fff;box-shadow:var(--shadow)}
@media(max-width:900px){.header-inner{grid-template-columns:1fr auto auto;min-height:82px}.brand img{width:140px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px 24px;grid-template-columns:repeat(5,1fr);box-shadow:0 20px 40px rgba(0,0,0,.08)}.main-nav.is-open{display:grid}.nav-item{min-width:0}.header-actions{grid-column:3}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:270px}.cards{grid-template-columns:1fr 1fr}.page-hero-grid{grid-template-columns:1fr 100px}.page-icon{width:90px}.signup-grid{grid-template-columns:1fr}.song-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.whatsapp-box{grid-template-columns:auto 1fr}.whatsapp-box .button{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.header-actions{display:none}.header-inner{grid-template-columns:1fr auto}.nav-toggle{grid-column:2}.main-nav{grid-template-columns:repeat(2,1fr);top:82px}.hero{padding-top:48px}.hero h1,.page-hero h1{letter-spacing:-.04em}.cards{grid-template-columns:1fr}.page-hero-grid{grid-template-columns:1fr}.page-icon{justify-self:start}.form-row.two{grid-template-columns:1fr}.whatsapp-box{grid-template-columns:1fr;text-align:center}.whatsapp-box img{margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:4px}.section{padding:56px 0}}
