@font-face{font-family:Bauhaus Bugler;src:url(../fonts/bauhaus-bugler-bold.woff2) format("woff2"),url(../fonts/bauhaus-bugler-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.bn-page{--bn-deep:#2e1a4a;--bn-amber:#ffb000;--bn-burgundy:#7d0845;--bn-orange:#c46a2a;--bn-gold:#e8c44a;--bn-bg:#fafaf8;--bn-surface:#f0efed;--bn-text:#1a1a1a;--bn-text-muted:#4b5563;--bn-border:#e5e7eb;--bn-sans:Inter,system-ui,-apple-system,sans-serif;--bn-radius:16px;--bn-max:960px;background:var(--bn-bg);color:var(--bn-text);font-family:var(--bn-sans);line-height:1.6;-webkit-font-smoothing:antialiased}.bn-container{padding:0 24px}.bn-container,.bn-logo-bar{max-width:var(--bn-max);margin:0 auto}.bn-logo-bar{padding:28px 24px}.bn-nav-logo{font-family:"Bauhaus Bugler",var(--bn-sans);font-size:28px;font-weight:700;color:var(--bn-burgundy);letter-spacing:.5px}.bn-nav-logo span{color:var(--bn-amber)}.bn-hero{padding:60px 24px 72px;background:radial-gradient(ellipse 80% 60% at 30% 0,rgba(123,45,80,.06) 0,transparent 70%),linear-gradient(180deg,#fff9f0 0,var(--bn-bg) 100%)}.bn-hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:start}.bn-hero-text{padding-top:16px}.bn-hero h1{font-size:48px;letter-spacing:.5px;line-height:1.12;margin:0;color:var(--bn-burgundy)}.bn-hero .bn-sub,.bn-hero h1{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700}.bn-hero .bn-sub{font-size:20px;color:var(--bn-orange);margin:20px 0 0}.bn-intro{color:var(--bn-text-muted);margin:8px 0 0}.bn-intro,.bn-value-prop{font-size:16px;line-height:1.6}.bn-value-prop{font-weight:500;color:var(--bn-text);margin:24px 0 0}.bn-hero-waitlist{margin-top:28px}.bn-hero-waitlist .bn-form{display:flex;flex-direction:column;gap:10px;max-width:380px}.bn-hero-waitlist .bn-input{padding:14px 16px;font-size:16px}.bn-hero-waitlist .bn-submit{padding:14px 24px;font-size:16px}.bn-hero-image{display:flex;justify-content:center}.bn-hero-image img{width:100%;max-width:480px;height:auto;border-radius:20px;object-fit:cover}.bn-section{padding:64px 24px}.bn-section-title{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:36px;text-align:center;margin:0 0 16px;color:var(--bn-burgundy)}.bn-section-body{text-align:center;max-width:640px;margin:0 auto;color:var(--bn-text-muted);font-size:16px;line-height:1.7}.bn-pain-list{margin:24px 0 0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.bn-pain-list li{padding:0;font-size:15px;color:var(--bn-text-muted);line-height:1.6}.bn-pain-list li:before{content:"\2022  ";color:var(--bn-orange);font-weight:600}.bn-trust{background:linear-gradient(135deg,rgba(123,45,80,.06),rgba(46,26,74,.04));border-top:1px solid var(--bn-border);border-bottom:1px solid var(--bn-border)}.bn-trust .bn-section-body{color:var(--bn-text)}.bn-privacy-trust{background:var(--bn-bg);text-align:center}.bn-privacy-trust .bn-section-body{font-size:16px;max-width:600px;color:var(--bn-text-muted);line-height:1.7}.bn-privacy-badges{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.bn-privacy-badge{display:inline-flex;align-items:center;padding:6px 14px;font-size:13px;color:var(--bn-text-muted);background:rgba(123,45,80,.04);border:1px solid var(--bn-border);border-radius:20px}.bn-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;max-width:var(--bn-max);margin:48px auto 0}.bn-benefit{text-align:center;padding:0 12px}.bn-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;margin:0 0 18px}.bn-benefit-icon svg{width:38px;height:38px}.bn-benefit-icon--amber{color:#b8800a;background:rgba(255,176,0,.15)}.bn-benefit-icon--burgundy{color:var(--bn-burgundy);background:rgba(123,8,69,.1)}.bn-benefit-icon--orange{color:var(--bn-orange);background:rgba(196,106,42,.13)}.bn-benefit h3{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:22px;margin:0 0 8px;color:var(--bn-burgundy)}.bn-benefit p{margin:0;font-size:15px;color:var(--bn-text-muted);line-height:1.5}.bn-quotes{max-width:var(--bn-max);margin:56px auto 0}.bn-quotes-heading{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:24px;text-align:center;color:var(--bn-burgundy);margin:0 0 28px}.bn-quotes-viewport{overflow:hidden}.bn-quotes-track{display:flex;transition:transform .4s ease}.bn-quote-card{flex:0 0 100%;box-sizing:border-box;display:flex;padding:0 6px}.bn-quote-inner{position:relative;background:#fff;border:1px solid var(--bn-border);border-top:3px solid var(--bn-amber);border-radius:var(--bn-radius);padding:40px 36px 28px;margin:0 auto;max-width:640px;width:100%;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(123,45,80,.05)}.bn-quote-inner:before{content:"\201C";position:absolute;top:6px;left:22px;font-family:Georgia,serif;font-size:64px;line-height:1;color:rgba(123,8,69,.12)}.bn-quote-text{margin:0;font-size:17px;line-height:1.7;color:var(--bn-text)}.bn-quote-attribution{margin:20px 0 0;display:flex;align-items:center;gap:14px}.bn-quote-cite{display:flex;flex-direction:column;gap:3px;min-width:0}.bn-quote-name{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:15px;color:var(--bn-burgundy)}.bn-quote-role{font-size:14px;line-height:1.5;color:var(--bn-text-muted)}.bn-quote-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;object-fit:cover;filter:grayscale(100%);opacity:.92;border:2px solid #fff;box-shadow:0 2px 8px rgba(46,26,74,.18)}.bn-quotes-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}.bn-quotes-prev,.bn-quotes-next{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid var(--bn-border);background:#fff;color:var(--bn-burgundy);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bn-quotes-prev:hover,.bn-quotes-next:hover{border-color:var(--bn-burgundy);background:var(--bn-burgundy);color:#fff}.bn-quotes-dots{display:flex;gap:8px}.bn-quotes-dot{width:9px;height:9px;padding:0;border:none;border-radius:50%;background:rgba(123,8,69,.2);cursor:pointer;transition:all .15s}.bn-quotes-dot.is-active{background:var(--bn-burgundy);transform:scale(1.25)}@media (max-width:768px){.bn-quote-inner{padding:32px 22px 24px}.bn-quote-text{font-size:16px}}.bn-waitlist{background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(123,45,80,.05) 0,transparent 70%),linear-gradient(180deg,var(--bn-bg) 0,var(--bn-surface) 100%)}.bn-form{max-width:440px;margin:32px auto 0;display:grid;grid-gap:12px;gap:12px}.bn-input{width:100%;height:50px;padding:0 16px;background:#fff;border:1px solid var(--bn-border);border-radius:12px;color:var(--bn-text);font-size:16px;font-family:var(--bn-sans);outline:none;transition:border-color .15s}.bn-input::placeholder{color:var(--bn-text-muted)}.bn-input:focus{border-color:var(--bn-burgundy);box-shadow:0 0 0 3px rgba(123,45,80,.1)}.bn-submit{height:54px;background:var(--bn-burgundy);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:var(--bn-sans);cursor:pointer;transition:all .15s}.bn-submit:hover{background:#5e2240;transform:translateY(-1px)}.bn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.bn-form-message{text-align:center;font-size:15px;padding:16px;border-radius:12px}.bn-form-message.success{background:rgba(123,45,80,.06);color:var(--bn-burgundy);border:1px solid rgba(123,45,80,.2)}.bn-form-message.error{background:rgba(220,38,38,.06);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.bn-checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--bn-text-muted);line-height:1.5;cursor:pointer;text-align:left}.bn-checkbox{margin-top:2px;width:16px;height:16px;accent-color:var(--bn-burgundy);flex-shrink:0;cursor:pointer}.bn-checkbox-link{color:var(--bn-burgundy);text-decoration:underline;-webkit-text-decoration-color:rgba(123,45,80,.3);text-decoration-color:rgba(123,45,80,.3)}.bn-checkbox-link:hover{color:#5e2240}.bn-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;max-width:var(--bn-max);margin:40px auto 0}.bn-step{text-align:center;padding:24px}.bn-step-num{font-family:"Bauhaus Bugler",var(--bn-sans);font-size:42px;font-weight:700;line-height:1;margin-bottom:12px}.bn-step:first-child .bn-step-num{color:var(--bn-amber)}.bn-step:nth-child(2) .bn-step-num{color:var(--bn-burgundy)}.bn-step:nth-child(3) .bn-step-num{color:var(--bn-orange)}.bn-step h3{font-size:16px;font-weight:500;margin:0 0 8px;color:var(--bn-text)}.bn-step p{margin:0;font-size:15px;line-height:1.5}.bn-footer,.bn-step p{color:var(--bn-text-muted)}.bn-footer{padding:40px 24px;border-top:1px solid var(--bn-border);text-align:center;font-size:14px}.bn-footer p{margin:4px 0}.bn-footer-links{display:flex;justify-content:center;gap:16px;margin-top:16px}.bn-footer-links a{color:var(--bn-text-muted);text-decoration:underline;-webkit-text-decoration-color:hsla(220,9%,46%,.3);text-decoration-color:hsla(220,9%,46%,.3);transition:color .15s}.bn-footer-links a:hover{color:var(--bn-burgundy)}@media (max-width:768px){.bn-hero{padding:32px 24px 40px}.bn-hero-grid{grid-template-columns:1fr;gap:32px}.bn-hero-image{order:-1}.bn-hero h1{font-size:34px}.bn-hero .bn-sub{font-size:18px}.bn-section-title{font-size:28px}.bn-benefits-grid{grid-template-columns:1fr}.bn-privacy-badges{gap:8px}.bn-steps{grid-template-columns:1fr;gap:8px}}.bn-topics .bn-section-title{margin-bottom:18px}.bn-topic-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px}.bn-topic-grid a{display:block;padding:14px 16px;border:1px solid rgba(125,8,69,.18);border-radius:10px;background:#fff;color:#7d0845;text-decoration:none;font-weight:500;font-size:16px;transition:background .15s,border-color .15s}.bn-topic-grid a:hover{background:#fdf5f3;border-color:rgba(125,8,69,.4)}.bn-page .bn-themen-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 36px;background:#fff;border:1px solid var(--bn-border);border-top:3px solid var(--bn-amber);border-radius:var(--bn-radius);text-decoration:none;color:inherit;transition:all .2s}.bn-page .bn-themen-cta:hover{border-color:var(--bn-burgundy);border-top-color:var(--bn-burgundy);transform:translateY(-2px);box-shadow:0 4px 12px rgba(123,45,80,.08)}.bn-page .bn-themen-cta-text h3{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:24px;margin:0 0 8px;color:var(--bn-burgundy)}.bn-page .bn-themen-cta-text p{margin:0;color:var(--bn-text-muted);font-size:16px;line-height:1.6}.bn-page .bn-themen-cta-arrow{flex-shrink:0;color:var(--bn-burgundy);font-weight:600;font-size:15px;white-space:nowrap}@media (max-width:640px){.bn-page .bn-themen-cta{flex-direction:column;align-items:flex-start;gap:16px;padding:24px}}.bn-page .bn-footer-topics{margin-bottom:24px;font-size:14px;line-height:1.9;color:var(--bn-text-muted)}.bn-page .bn-footer-topics a{color:var(--bn-burgundy);text-decoration:none}.bn-page .bn-footer-topics a:hover{text-decoration:underline}.bn-page .bn-footer-topics-sep{color:var(--bn-border)}.bn-page.themen-page{min-height:100vh;padding:0}.bn-page .themen-hero{padding:60px 24px 40px;background:radial-gradient(ellipse 80% 60% at 30% 0,rgba(123,45,80,.06) 0,transparent 70%),linear-gradient(180deg,#fff9f0 0,var(--bn-bg) 100%)}.bn-page .themen-hero-inner{max-width:var(--bn-max);margin:0 auto}.bn-page .themen-hero h1{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:42px;letter-spacing:.5px;line-height:1.15;margin:0 0 16px;color:var(--bn-burgundy)}.bn-page .themen-intro{font-size:17px;line-height:1.7;color:var(--bn-text-muted);margin:0;max-width:640px}.bn-page .themen-grid{max-width:var(--bn-max);margin:0 auto;padding:48px 24px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.bn-page .themen-card{display:block;padding:28px 24px;background:#fff;border:1px solid var(--bn-border);border-radius:var(--bn-radius);text-decoration:none;color:inherit;transition:all .2s}.bn-page .themen-card:nth-child(3n+1){border-top:3px solid var(--bn-amber)}.bn-page .themen-card:nth-child(3n+2){border-top:3px solid var(--bn-burgundy)}.bn-page .themen-card:nth-child(3n+3){border-top:3px solid var(--bn-orange)}.bn-page .themen-card:hover{border-color:var(--bn-burgundy);transform:translateY(-2px);box-shadow:0 4px 12px rgba(123,45,80,.08)}.bn-page .themen-card h2{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:22px;margin:0 0 8px;color:var(--bn-burgundy)}.bn-page .themen-card:nth-child(3n+1) h2{color:var(--bn-orange)}.bn-page .themen-card:nth-child(3n+2) h2{color:var(--bn-burgundy)}.bn-page .themen-card:nth-child(3n+3) h2{color:var(--bn-orange)}.bn-page .themen-card p{margin:0;font-size:15px;line-height:1.6;color:var(--bn-text-muted)}.bn-page .themen-cta{max-width:var(--bn-max);margin:48px auto 0;padding:40px 24px 72px;text-align:center}.bn-page .themen-cta h2{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:28px;margin:0 0 12px;color:var(--bn-burgundy)}.bn-page .themen-cta p{color:var(--bn-text-muted);font-size:16px;line-height:1.6;max-width:560px;margin:0 auto}.bn-page .themen-cta-form{max-width:480px;margin:24px auto 0}.bn-vision{background:linear-gradient(135deg,var(--bn-deep),var(--bn-burgundy));color:#fff;text-align:center}.bn-vision .bn-section-title{color:#fff}.bn-vision-lead{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:24px;line-height:1.4;max-width:720px;margin:0 auto;color:var(--bn-amber)}.bn-vision-body{max-width:680px;margin:24px auto 0;font-size:17px;line-height:1.8;color:hsla(0,0%,100%,.88)}.bn-vision-body p{margin:0 0 16px}.bn-vision-body p:last-child{margin-bottom:0}@media (max-width:768px){.bn-vision-lead{font-size:20px}.bn-vision-body{font-size:16px}}.bn-team{background:var(--bn-surface)}.bn-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--bn-max);margin:40px auto 0}.bn-team-card{background:#fff;border:1px solid var(--bn-border);border-radius:var(--bn-radius);padding:28px 20px}.bn-team-card:nth-child(1){border-top:3px solid var(--bn-burgundy)}.bn-team-card:nth-child(2){border-top:3px solid var(--bn-deep)}.bn-team-card:nth-child(3){border-top:3px solid var(--bn-orange)}.bn-team-avatar{width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;margin:0 0 18px;display:block;background:var(--bn-surface);box-shadow:0 6px 18px rgba(46,26,74,.12)}.bn-team-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bn-team-group{margin:32px auto 0;max-width:340px;text-align:center}.bn-team-group img{width:100%;height:auto;border-radius:var(--bn-radius);box-shadow:0 6px 20px rgba(46,26,74,.15);display:block}.bn-team-group figcaption{margin-top:10px;font-size:13px;color:var(--bn-text-muted);font-style:italic}.bn-team-name{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:21px;color:var(--bn-text);margin:0 0 6px;text-align:left;line-height:1.25}.bn-team-role{font-size:12px;color:var(--bn-text-muted);margin:0 0 12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.bn-team-tagline{font-size:15px;font-weight:400;color:var(--bn-text-muted);margin:0 0 12px;line-height:1.55;text-align:left}.bn-team-bio{list-style:none;padding:0;margin:0}.bn-team-bio li{font-size:14px;color:var(--bn-text-muted);line-height:1.55;padding:3px 0 3px 14px;position:relative}.bn-team-bio li:before{content:"•";color:var(--bn-orange);position:absolute;left:0;font-weight:700}@media (max-width:768px){.bn-team-grid{grid-template-columns:1fr;gap:12px}}.bn-video{display:flex;justify-content:center;margin:36px auto 0}.bn-video-thumb{position:relative;display:block;width:260px;max-width:72vw;padding:0;border:none;border-radius:var(--bn-radius);overflow:hidden;cursor:pointer;background:#000;box-shadow:0 8px 24px rgba(46,26,74,.18);transition:transform .2s,box-shadow .2s}.bn-video-thumb:hover,.bn-video-thumb:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px rgba(46,26,74,.28);outline:none}.bn-video-thumb img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.bn-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(123,8,69,.92);color:#fff;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:background .2s,transform .2s}.bn-video-thumb:hover .bn-video-play,.bn-video-thumb:focus-visible .bn-video-play{background:var(--bn-burgundy);transform:translate(-50%,-50%) scale(1.08)}.bn-video-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,12,32,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}.bn-video-modal.is-open{opacity:1}.bn-video-modal-inner{position:relative;height:90vh;max-height:90vh;aspect-ratio:9/16;max-width:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.5)}.bn-video-modal-inner iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.bn-video-close{position:absolute;top:-46px;right:0;width:38px;height:38px;border-radius:50%;border:none;background:hsla(0,0%,100%,.18);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.bn-video-close:hover{background:hsla(0,0%,100%,.32)}body.bn-modal-open{overflow:hidden}@media (max-width:768px){.bn-video-close{top:8px;right:8px;background:rgba(0,0,0,.5)}}
/* ============================================================
   v2 — re-arrangement of v1 (same components, new layout)
   ============================================================ */

/* Visible keyboard focus everywhere (a11y) */
.bn-page a:focus-visible,.bn-page button:focus-visible,.bn-page input:focus-visible,.bn-page summary:focus-visible,.bn-floatnav a:focus-visible,.bn-floatnav label:focus-visible{outline:3px solid var(--bn-burgundy);outline-offset:2px;border-radius:6px}
.bn-page .bn-checkbox:focus-visible{outline:3px solid var(--bn-burgundy);outline-offset:2px}

@media (prefers-reduced-motion:reduce){.bn-page *,.bn-floatnav *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Hero: signup beside the expert voices */
/* minmax(0,1fr) + min-width:0 stop the carousel track from blowing the column wider than the viewport */
.bn-hero--split .bn-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px}
.bn-hero--split .bn-hero-text,.bn-hero--split .bn-hero-voices{min-width:0}
.bn-hero--split .bn-hero-text{padding-top:0}
.bn-hero-text .bn-value-prop{margin-top:18px}

/* Quote carousel living inside the hero column */
.bn-hero-voices,.bn-hero-voices .bn-quotes,.bn-hero-voices .bn-quotes-viewport{min-width:0;max-width:100%}
.bn-hero-voices .bn-quotes-track{width:100%}
.bn-hero-voices .bn-quotes{margin:0}
.bn-hero-voices .bn-quotes-heading{text-align:left;margin:0 0 16px;font-size:20px}
.bn-hero-voices .bn-quote-card{padding:0;min-width:0}
.bn-hero-voices .bn-quote-inner{max-width:none;padding:32px 30px 24px;box-shadow:0 8px 28px rgba(46,26,74,.12)}
.bn-hero-voices .bn-quote-text{font-size:16px}
.bn-hero-voices .bn-quotes-controls{justify-content:flex-start;margin-top:18px}

/* Variant A — child image as a soft full-bleed background */
.bn-hero--bg{position:relative;overflow:hidden}
.bn-hero--bg .bn-hero-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:84% 16%;z-index:0}
/* Directional scrim: opaque under the text column (left), reveals the child on the right */
.bn-hero--bg .bn-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(255,249,240,.97) 0%,rgba(255,249,240,.92) 34%,rgba(255,249,240,.58) 64%,rgba(255,249,240,.22) 100%)}
.bn-hero--bg .bn-container{position:relative;z-index:2}
@media (max-width:768px){
  .bn-hero--bg{overflow:visible}
  .bn-hero--bg .bn-hero-bgimg{position:relative;width:100%;height:230px;object-position:center 16%;border-radius:var(--bn-radius);box-shadow:0 6px 20px rgba(46,26,74,.15);margin-bottom:4px}
  .bn-hero--bg .bn-hero-scrim{display:none}
}

/* Variant D — natural child to the side, brand-tinted gradient washing across the whole hero */
.bn-hero--tinted{position:relative;overflow:hidden;background:linear-gradient(180deg,#fef7f0 0%,rgba(254,247,240,0) 42%),radial-gradient(125% 120% at 86% 18%,rgba(123,8,69,.22) 0%,rgba(196,106,42,.15) 40%,transparent 72%),linear-gradient(102deg,#fcefe0 0%,#f8ddc6 48%,#f0c9af 100%)}
/* Child keeps its natural colours; masked so it dissolves into the tinted background toward the text column */
.bn-hero--tinted .bn-hero-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:84% 16%;z-index:0;mix-blend-mode:multiply;filter:saturate(1.08) contrast(1.03);-webkit-mask-image:linear-gradient(100deg,transparent 20%,rgba(0,0,0,.55) 44%,#000 68%);mask-image:linear-gradient(100deg,transparent 20%,rgba(0,0,0,.55) 44%,#000 68%)}
.bn-hero--tinted .bn-hero-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,rgba(252,239,224,.9) 0%,rgba(252,239,224,.6) 30%,rgba(252,239,224,.12) 56%,transparent 80%)}
.bn-hero--tinted .bn-container{position:relative;z-index:2}
@media (max-width:768px){
  .bn-hero--tinted{overflow:visible}
  .bn-hero--tinted .bn-hero-bgimg{position:relative;width:100%;height:230px;object-position:center 16%;border-radius:var(--bn-radius);box-shadow:0 6px 20px rgba(46,26,74,.15);margin-bottom:4px;mix-blend-mode:normal;filter:none;-webkit-mask-image:none;mask-image:none}
  .bn-hero--tinted .bn-hero-scrim{display:none}
}

/* Variant B — full-width expert-voices band under the hero */
.bn-quoteband{background:linear-gradient(135deg,rgba(123,45,80,.06),rgba(46,26,74,.04));border-top:1px solid var(--bn-border);border-bottom:1px solid var(--bn-border);padding:56px 24px}
.bn-quoteband .bn-quotes{margin:0 auto}
.bn-quoteband .bn-quotes-heading{font-size:28px;margin-bottom:24px}

/* Variant C — signup + image + voices all inside the hero */
.bn-hero--trio .bn-hero-quotes{margin-top:48px;padding-top:40px;border-top:1px solid var(--bn-border)}
.bn-hero--trio .bn-hero-quotes .bn-quotes{margin:0 auto}
.bn-hero--trio .bn-hero-quotes .bn-quotes-heading{font-size:24px}

/* Problem questions list (now merged into the "Du bist nicht allein" trust section) */
.bn-questions .bn-pain-list{max-width:680px;margin:8px auto 0;justify-items:start}
.bn-questions .bn-pain-list li{font-size:17px}
.bn-questions .bn-section-body{text-align:left;max-width:680px;margin:32px auto 0}

/* A bigger, more prominent video element */
.bn-video--lg .bn-video-thumb{width:380px;max-width:82vw}

@media (max-width:768px){
  .bn-hero--split .bn-hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .bn-hero-voices .bn-quotes-heading{text-align:center}
  .bn-hero-voices .bn-quotes-controls{justify-content:center}
}

/* ===== v2 — subpages, nav CTA on mobile, mobile polish ===== */

/* CTA stays visible on mobile (it now lives outside the collapsible menu) */
@media (max-width:768px){
  .bn-floatnav-inner{gap:12px}
  .bn-floatnav-cta{padding:9px 14px;font-size:13px}
  .bn-floatnav-burger{margin-left:0}
}

/* Generic subpage hero (Über uns, Themen) */
.bn-pagehero{padding:72px 24px 8px;background:radial-gradient(ellipse 80% 60% at 30% 0,rgba(123,45,80,.06) 0,transparent 70%),linear-gradient(180deg,#fff9f0 0,var(--bn-bg) 100%)}
.bn-pagehero h1{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:42px;letter-spacing:.5px;line-height:1.15;margin:0 0 16px;color:var(--bn-burgundy)}
.bn-pagehero-intro{font-size:17px;line-height:1.7;color:var(--bn-text-muted);margin:0;max-width:640px}

/* Advisory board (reuses the expert-voices carousel) */
.bn-advisory{background:var(--bn-bg)}
.bn-advisory .bn-quotes{margin-top:8px}
.bn-applylink{display:inline-block;margin-top:24px;color:var(--bn-burgundy);font-weight:600;text-decoration:underline;text-decoration-color:rgba(123,45,80,.35);text-underline-offset:3px}
.bn-applylink:hover{color:#5e2240}
.bn-advisory-apply{text-align:center}

/* Mobile polish */
@media (max-width:768px){
  .bn-section{padding:48px 20px}
  .bn-container{padding:0 20px}
  .bn-pagehero{padding:48px 20px 4px}
  .bn-pagehero h1{font-size:32px}
  .bn-vision-body{font-size:16px}
  .bn-quotes-controls{gap:14px}
}
@media (max-width:380px){
  .bn-hero h1{font-size:30px}
  .bn-floatnav-cta{font-size:12px;padding:8px 11px}
  .bn-floatnav-logo{font-size:21px}
}

/* Small note under the (German) founder video on EN pages */
.bn-video-note{text-align:center;font-size:13px;color:var(--bn-text-muted);margin:12px 0 0}

/* Compact team teaser on the homepage (full bios live on the About page) */
.bn-team-more{text-align:center;margin-top:28px}

/* Reassurance line under the signup button */
.bn-form-note{margin:0;font-size:13px;color:var(--bn-text-muted);text-align:center}

/* Per-founder accent color on the role label (matches each card's top border) */
.bn-team-card:nth-child(1) .bn-team-role{color:var(--bn-burgundy)}
.bn-team-card:nth-child(2) .bn-team-role{color:var(--bn-deep)}
.bn-team-card:nth-child(3) .bn-team-role{color:var(--bn-orange)}

/* Collapsible founder CV — only image, name, role and short description show by default */
.bn-team-cv{margin-top:6px;text-align:left}
.bn-team-cv>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--bn-burgundy);padding:6px 4px}
.bn-team-cv>summary::-webkit-details-marker{display:none}
.bn-team-cv>summary::after{content:"\25BE";font-size:12px;transition:transform .2s}
.bn-team-cv[open]>summary::after{transform:rotate(180deg)}
.bn-team-cv>summary:hover{color:#5e2240}
.bn-team-cv>summary:focus-visible{outline:3px solid var(--bn-burgundy);outline-offset:2px;border-radius:6px}
.bn-team-cv .less{display:none}
.bn-team-cv[open] .more{display:none}
.bn-team-cv[open] .less{display:inline}
.bn-team-cv .bn-team-bio{margin-top:10px;text-align:left}

/* Vision section (About page): warm, integrated background + sprout icon — no dark gradient */
.bn-vision{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(123,45,80,.06),transparent 70%),linear-gradient(180deg,#fff9f0,var(--bn-bg));color:var(--bn-text);text-align:center}
.bn-vision .bn-section-title{color:var(--bn-burgundy)}
.bn-vision-lead{color:var(--bn-burgundy)}
.bn-vision-body{color:var(--bn-text-muted)}
.bn-vision-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;margin:0 0 18px;color:var(--bn-burgundy);background:rgba(123,8,69,.1)}
.bn-vision-icon svg{width:40px;height:40px}

/* Icon above the Team heading — same round treatment as the Vision icon */
.bn-team-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;margin:0 auto 18px;color:var(--bn-burgundy);background:rgba(123,8,69,.1)}
.bn-team-icon svg{width:40px;height:40px}

/* ============================================================
   v2 hero: a clean photo of the boy anchored to the right, with
   frosted signup + expert-voices panels floating over it. The
   nav is lightly frosted at the top (readable) and turns solid
   on scroll, and the hero fades into the page at the bottom.
   Desktop only — the mobile hero (stacked image) is unchanged.
   ============================================================ */
.bn-floatnav.is-overlay{transition:background .25s ease,border-color .25s ease,-webkit-backdrop-filter .25s ease,backdrop-filter .25s ease}
.bn-floatnav.is-overlay.is-scrolled{background:hsla(40,40%,98%,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgba(229,231,235,.7)}

/* Headline fits its line on small phones too (forced break after "ist"). */
@media (max-width:768px){
  .bn-hero--tinted .bn-hero-text h1{font-size:clamp(24px,8vw,34px)}
}

@media (min-width:769px){
  /* Lightly frosted at the top so the nav text stays readable; solid once scrolled. */
  .bn-floatnav.is-overlay:not(.is-scrolled){background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:hsla(0,0%,100%,.45)}

  /* Pull the hero up under the sticky nav; soft warm wave/bokeh pattern (echoes the
     boy's defocused background) on the left, over a lighter warm wash. */
  .bn-hero--tinted{margin-top:-64px;padding:128px 24px 96px;background:url(../img/hero-bg-pattern.svg) left center/cover no-repeat,linear-gradient(180deg,#fef7f0 0%,#fdf2e8 100%)}
  /* Clean photo anchored right — boy's face framed and visible. No tint, blend or mask.
     Vertical anchor kept high (15%) so the head survives the heavy top/bottom crop that
     object-fit:cover applies as the column grows on large/ultrawide screens.
     Width is 62% but capped at 720px: the source is only 576px wide, so without a cap
     it upscales ~1.7-2.8x on wide/retina screens and looks soft. Capped it never exceeds
     ~1.25x; beyond the cap the warm gradient/bokeh background fills the rest. */
  .bn-hero--tinted .bn-hero-bgimg{left:auto;right:0;width:min(62%,720px);height:100%;object-fit:cover;object-position:50% 15%;mix-blend-mode:normal;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,.5) 23%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.1) 12%,rgba(0,0,0,.5) 23%,#000 34%)}
  /* Bottom fade into the page. The photo's own left edge is masked (see above). */
  .bn-hero--tinted .bn-hero-scrim{background:linear-gradient(180deg,transparent 56%,rgba(253,242,232,.5) 82%,var(--bn-bg) 100%)}
  /* Bigger, more prominent subhead. */
  .bn-hero--tinted .bn-sub{font-size:27px}
  /* Scale the headline to the narrow frosted panel so it stays on two lines. */
  .bn-hero--tinted .bn-hero-text h1{font-size:clamp(26px,calc(6.2vw - 21px),42px)}
  /* Frosted signup panel (left). */
  .bn-hero--tinted .bn-hero-text{background:hsla(0,0%,100%,.64);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);border:1px solid hsla(0,0%,100%,.7);border-radius:20px;padding:30px 32px 32px;box-shadow:0 22px 54px rgba(46,26,74,.18)}
  /* Frosted expert-voices card (right): the boy shows softly through; arrows centered. */
  .bn-hero-voices .bn-quotes-controls{justify-content:center}
  .bn-hero-voices .bn-quote-inner{background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);border:1px solid hsla(0,0%,100%,.5);border-top:3px solid var(--bn-amber);box-shadow:0 22px 54px rgba(46,26,74,.18)}
}

/* Legal pages (Datenschutz, Impressum, etc.): readable long-form text. */
.bn-legal{padding:96px 24px 64px;background:linear-gradient(180deg,#fff9f0 0,var(--bn-bg) 220px,var(--bn-bg) 100%)}
.bn-legal-inner{max-width:760px;margin:0 auto;color:var(--bn-text);font-size:16px;line-height:1.75}
.bn-legal-inner h1{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:42px;letter-spacing:.5px;line-height:1.15;color:var(--bn-burgundy);margin:0 0 12px}
.bn-legal-stand{margin:0 0 28px;color:var(--bn-text-muted);font-size:14px}
.bn-legal-lead{margin:0 0 36px;font-size:17px;color:var(--bn-text)}
.bn-legal-inner h2{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:24px;color:var(--bn-burgundy);margin:40px 0 12px;line-height:1.3}
.bn-legal-inner h3{font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:18px;color:var(--bn-orange);margin:24px 0 8px;line-height:1.4}
.bn-legal-inner p{margin:0 0 14px}
.bn-legal-inner ul{margin:0 0 16px;padding:0;list-style:none}
.bn-legal-inner ul li{position:relative;padding:4px 0 4px 20px;margin:0}
.bn-legal-inner ul li:before{content:"•";color:var(--bn-orange);position:absolute;left:4px;font-weight:700}
.bn-legal-inner a{color:var(--bn-burgundy);text-decoration:underline;-webkit-text-decoration-color:rgba(123,45,80,.35);text-decoration-color:rgba(123,45,80,.35)}
.bn-legal-inner a:hover{color:#5e2240}
@media (max-width:640px){
  .bn-legal{padding:80px 20px 48px}
  .bn-legal-inner h1{font-size:32px}
  .bn-legal-inner h2{font-size:21px;margin-top:32px}
  .bn-legal-inner h3{font-size:17px}
  .bn-legal-inner{font-size:15px}
}

/* FAQ section: two-level expandable Q&A using native <details>/<summary> (a11y + zero JS).
   Outer <details class="bn-faq-cat"> = category; inner <details class="bn-faq-item"> = question. */
.bn-faq .bn-faq-head{text-align:center;max-width:720px;margin:0 auto 32px}
.bn-faq .bn-faq-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;margin:0 auto 18px;color:var(--bn-burgundy);background:rgba(123,8,69,.1)}
.bn-faq .bn-faq-icon svg{width:40px;height:40px}
.bn-faq-cats{list-style:none;padding:0;margin:0 auto;max-width:760px;display:grid;grid-gap:16px;gap:16px}
.bn-faq-cat{background:#fff;border:1px solid var(--bn-border);border-top:3px solid var(--bn-amber);border-radius:var(--bn-radius);transition:border-color .15s,box-shadow .15s}
.bn-faq-cat[open]{border-color:rgba(123,8,69,.28);border-top-color:var(--bn-burgundy);box-shadow:0 6px 20px rgba(123,45,80,.08)}
.bn-faq-cat>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;cursor:pointer;list-style:none;font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;font-size:22px;color:var(--bn-burgundy);line-height:1.3;border-radius:var(--bn-radius)}
.bn-faq-cat>summary::-webkit-details-marker{display:none}
.bn-faq-cat>summary:hover{background:rgba(255,176,0,.06)}
.bn-faq-cat-name{flex:1;min-width:0}
.bn-faq-cat-chev{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bn-burgundy);background:rgba(123,8,69,.08);font-size:20px;line-height:1;transition:background .15s,transform .25s}
.bn-faq-cat-chev::before{content:"+";font-weight:600}
.bn-faq-cat[open] .bn-faq-cat-chev{background:rgba(123,8,69,.18);transform:rotate(180deg)}
.bn-faq-cat[open] .bn-faq-cat-chev::before{content:"−"}
.bn-faq-list{list-style:none;padding:6px 18px 22px;margin:0;display:grid;grid-gap:10px;gap:10px}
.bn-faq-item{background:var(--bn-bg);border:1px solid var(--bn-border);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.bn-faq-item[open]{background:#fff;border-color:rgba(123,8,69,.3);box-shadow:0 3px 12px rgba(123,45,80,.06)}
.bn-faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;cursor:pointer;list-style:none;font-family:var(--bn-sans);font-weight:600;font-size:16px;color:var(--bn-burgundy);line-height:1.4;border-radius:12px}
.bn-faq-item>summary::-webkit-details-marker{display:none}
.bn-faq-item>summary:hover{background:rgba(255,176,0,.08)}
.bn-faq-q{flex:1;min-width:0}
.bn-faq-chev{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bn-burgundy);background:rgba(123,8,69,.08);font-size:16px;line-height:1;transition:background .15s,transform .2s}
.bn-faq-chev::before{content:"+";font-weight:600}
.bn-faq-item[open] .bn-faq-chev{background:rgba(123,8,69,.18);transform:rotate(180deg)}
.bn-faq-item[open] .bn-faq-chev::before{content:"−"}
.bn-faq-body{padding:0 18px 18px;color:var(--bn-text-muted);font-size:15px;line-height:1.7}
.bn-faq-body p{margin:0 0 12px}
.bn-faq-body p:last-child{margin-bottom:0}
.bn-faq-body ul{margin:0 0 12px;padding:0;list-style:none}
.bn-faq-body ul li{position:relative;padding:4px 0 4px 18px}
.bn-faq-body ul li:before{content:"•";color:var(--bn-orange);position:absolute;left:4px;font-weight:700}
.bn-faq-body a{color:var(--bn-burgundy);text-decoration:underline;-webkit-text-decoration-color:rgba(123,45,80,.35);text-decoration-color:rgba(123,45,80,.35)}
.bn-faq-body a:hover{color:#5e2240}
@media (max-width:640px){
  .bn-faq-cat>summary{padding:18px 18px;font-size:18px;gap:12px}
  .bn-faq-cat-chev{width:30px;height:30px;font-size:18px}
  .bn-faq-list{padding:4px 12px 16px}
  .bn-faq-item>summary{padding:14px 14px;font-size:15px;gap:10px}
  .bn-faq-body{padding:0 14px 16px}
  .bn-faq .bn-faq-icon{width:64px;height:64px}
  .bn-faq .bn-faq-icon svg{width:34px;height:34px}
}

/* One-time entrance for the start-page hero figure: rises + fades in once on load.
   Opacity/transform live only in the keyframes, so reduce-motion users (covered by
   the global animation:none guard near the top of this file) just see it static. */
@keyframes bn-hero-rise{from{opacity:0;transform:translateY(28px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}
.bn-hero--tinted .bn-hero-bgimg{animation:bn-hero-rise 1.1s cubic-bezier(.16,.84,.34,1) .08s both}