.bn-ui .bn-header{max-width:1120px;margin:auto;padding:18px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bn-ui .bn-logo{width:122px;height:auto}
.bn-ui .bn-logo-link{display:flex;align-items:center;min-height:44px}
.bn-ui .bn-login,.bn-ui .bn-account{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:13px;font-weight:500}
.bn-ui .bn-login{border:1px solid var(--bn-line);border-radius:30px;padding:9px 13px}
.bn-ui .bn-login .bn-icon{width:16px;height:16px}
.bn-ui .bn-roles{margin:0 20px;background:var(--bn-surface);border-radius:28px;padding:4px;display:flex;align-items:stretch}
.bn-ui .bn-roles a{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:500;min-height:44px;border-radius:24px;flex:1;min-width:0;padding:8px 10px;line-height:1.4;text-align:center}
.bn-ui .bn-role-primary{background:var(--bn-ink);color:white}
.bn-ui .bn-roles .bn-icon{width:15px;height:15px}
.bn-ui .bn-publicnav{display:flex;flex-wrap:wrap;gap:0 25px;justify-content:center;margin:0 20px 4px}
.bn-ui .bn-publicnav a{font-size:12px;min-height:44px;display:flex;align-items:center}
.bn-ui .bn-home-intro{background:var(--bn-warm);border-radius:28px 28px 0 0;padding-top:26px}
.bn-ui .bn-intro-copy{padding:0 24px}
.bn-ui .bn-brand-dot{display:inline-block;width:7px;height:7px;background:var(--bn-ink);border-radius:50%;margin-right:4px}
.bn-ui .bn-home h1{font-family:var(--bn-font-display);font-size:var(--bn-type-display);line-height:1.05;letter-spacing:-.015em;font-weight:700;text-wrap:balance;margin:13px 0 16px}
.bn-ui .bn-home h1 span{white-space:nowrap}
.bn-ui .bn-home-lead{font-size:15px;line-height:1.5;color:#454b44;max-width:340px}
.bn-ui .bn-hero-photo{position:relative;overflow:hidden;height:232px;margin:24px 12px 0;border-radius:21px}
.bn-ui .bn-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:65% 43%}
.bn-ui .bn-hero-photo figcaption{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:white;border-radius:20px;padding:10px 13px;font-size:12px;font-weight:500}
.bn-ui .bn-hero-photo .bn-icon{width:16px;height:16px}
.bn-ui .bn-intro-action{padding:20px 24px 19px}
.bn-ui .bn-intro-action>p{font-size:12px;margin-bottom:14px;color:#52584f}
.bn-ui .bn-intro-action>.bn-link{justify-content:center;display:flex;margin-top:6px;font-size:13px}
.bn-ui .bn-availability{padding:20px 24px;background:var(--bn-surface);display:flex;align-items:flex-start;gap:12px}
.bn-ui .bn-availability .bn-icon{width:18px;height:18px;margin-top:2px}
.bn-ui .bn-availability strong{font-size:13px;font-weight:500}
.bn-ui .bn-availability p{font-size:12px;color:var(--bn-muted);margin-top:4px;line-height:1.5}
.bn-ui .bn-how{padding:40px 24px 30px;scroll-margin-top:20px}
.bn-ui .bn-section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.bn-ui .bn-section-number{font-size:12px;color:var(--bn-muted)}
.bn-ui .bn-home h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:700}
.bn-ui .bn-section-intro{font-size:14px;line-height:1.6;color:var(--bn-muted);margin-top:16px;margin-bottom:20px}
.bn-ui .bn-process{list-style:none;padding:0}
.bn-ui .bn-process li{display:flex;align-items:flex-start;gap:13px;padding:22px 0;border-top:1px solid var(--bn-line)}
.bn-ui .bn-step-no{font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;flex:none;background:var(--bn-surface);width:28px;height:28px;border-radius:50%}
.bn-ui .bn-process li>div{flex:1;min-width:0}
.bn-ui .bn-process h3{font-size:18px;letter-spacing:-.01em;font-weight:700;line-height:1.4}
.bn-ui .bn-process p{font-size:13px;line-height:1.5;color:var(--bn-muted);margin-top:5px}
.bn-ui .bn-process li>.bn-icon{width:20px;height:20px;margin-top:3px}
.bn-ui .bn-process-foot{border-top:1px solid var(--bn-line);padding-top:15px}
.bn-ui .bn-process-foot>p{font-size:12px;color:var(--bn-muted)}
.bn-ui .bn-brand-invite{margin:0 12px;padding:26px 22px 24px;background:var(--bn-yellow);border-radius:24px}
.bn-ui .bn-brand-invite h2{font-size:33px;margin:15px 0}
.bn-ui .bn-brand-invite>p:not(.bn-kicker){font-size:15px}
.bn-ui .bn-brand-prep{margin:24px 0 19px;display:flex;gap:22px;align-items:center;font-size:12px;line-height:1.55;border-top:1px solid #14161538;padding-top:19px}
.bn-ui .bn-brand-prep .bn-icon{width:30px;height:30px}
.bn-ui .bn-brand-prep>span{flex:1}
.bn-ui .bn-participant-entry{padding:40px 24px 28px;position:relative}
.bn-ui .bn-entry-symbol{position:absolute;right:24px;top:42px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bn-warm);border-radius:50%}
.bn-ui .bn-participant-entry h2{margin:13px 0 16px}
.bn-ui .bn-participant-entry>p:not(.bn-kicker){font-size:14px;line-height:1.6;color:var(--bn-muted);max-width:300px}
.bn-ui .bn-participant-action{margin-top:10px}
.bn-ui .bn-participant-action>span{display:block}
.bn-ui .bn-africa-entry{display:flex;gap:15px;align-items:center;padding:24px;background:var(--bn-warm)}
.bn-ui .bn-africa-entry>div{flex:1}
.bn-ui .bn-africa-entry h2{font-size:21px;margin-top:8px}
.bn-ui .bn-africa-entry p:not(.bn-kicker){font-size:12px;color:var(--bn-muted);margin-top:7px}
.bn-ui .bn-round-link{width:48px;height:48px;border-radius:50%;border:1px solid var(--bn-line);display:flex;align-items:center;justify-content:center;flex:none}
.bn-ui .bn-faq{padding:36px 24px}
.bn-ui .bn-faq h2{margin:13px 0 20px}
.bn-ui .bn-faq details{padding:18px 0;border-bottom:1px solid var(--bn-line)}
.bn-ui .bn-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
.bn-ui summary::-webkit-details-marker{display:none}
.bn-ui .bn-faq summary .bn-icon{width:16px;height:16px}
.bn-ui .bn-faq details[open] summary .bn-icon{transform:rotate(45deg)}
.bn-ui .bn-faq details p{font-size:13px;line-height:1.6;color:var(--bn-muted);padding-top:12px}
.bn-ui .bn-faq>.bn-link{margin-top:15px}
.bn-ui .bn-footer{padding:30px 24px 28px;background:var(--bn-ink);color:white}
.bn-ui .bn-footer .bn-logo{background:white;padding:7px 10px;border-radius:4px;width:132px}
.bn-ui .bn-footer>p:first-of-type{font-size:22px;line-height:1.25;letter-spacing:-.4px;font-weight:500;margin-top:24px;margin-bottom:28px}
.bn-ui .bn-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;font-size:13px}
.bn-ui .bn-footer nav a{display:flex;align-items:center;min-height:40px}
.bn-ui .bn-legal{margin:24px 0 14px;border-top:1px solid #ffffff35;padding-top:14px;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;color:#d1d5cc}
.bn-ui .bn-legal a{min-height:32px;display:flex;align-items:center}
.bn-ui .bn-footnote{font-size:12px;color:#b8bfb4}
.bn-ui .bn-worknav{display:flex;align-items:center;margin:0 20px;padding:4px;border-radius:28px;background:var(--bn-surface)}
.bn-ui .bn-worknav a{display:flex;min-height:42px;flex:1;align-items:center;justify-content:center;font-size:13px;border-radius:22px}
.bn-ui .bn-worknav a[aria-current=page]{color:white;background:var(--bn-ink);font-weight:500}
.bn-ui .bn-review-note{padding:16px 24px;font-size:12px;color:var(--bn-muted);border-top:1px solid var(--bn-line)}
.bn-ui .bn-review-note a{text-decoration:underline;text-underline-offset:3px}
.bn-ui .bn-component-page{padding:30px 24px}
.bn-ui .bn-component-page>h1{font-size:30px;letter-spacing:-1px;line-height:1.15;font-weight:500;margin-bottom:10px}
.bn-ui .bn-component-section{padding:28px 0;border-bottom:1px solid var(--bn-line)}
.bn-ui .bn-component-section>h2{font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:18px;color:var(--bn-muted)}
.bn-ui .bn-component-section>.bn-button{margin-top:12px}
.bn-ui .bn-type-example{font-size:30px;line-height:1.15;letter-spacing:-.8px;font-weight:500;margin-bottom:10px}
.bn-ui .bn-type-secondary{font-size:21px;font-weight:500;margin-bottom:10px}
.bn-ui .bn-component-statuses{display:flex;gap:8px;flex-wrap:wrap}
.bn-ui .bn-component-row{display:flex;gap:12px;align-items:center;background:var(--bn-surface);border-radius:16px;padding:18px 16px}
.bn-ui .bn-component-row>div{flex:1}
.bn-ui .bn-component-row strong{font-size:15px;font-weight:500}
.bn-ui .bn-component-row p{font-size:12px;color:var(--bn-muted)}
.bn-ui .bn-swatch-row{display:flex;gap:8px}
.bn-ui .bn-swatch{flex:1;font-size:12px}
.bn-ui .bn-swatch>span{height:45px;display:block;border-radius:10px;margin-bottom:8px;border:1px solid var(--bn-line)}
@media(min-width:700px){.bn-ui .bn-roles,.bn-ui .bn-worknav{max-width:500px;margin:0 auto}.bn-ui .bn-publicnav{margin-bottom:12px}.bn-ui .bn-home-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;max-width:1080px;margin:0 auto;padding:40px 30px 24px}.bn-ui .bn-intro-copy{padding:15px 0 0}.bn-ui .bn-hero-photo{grid-column:2;grid-row:1/3;height:390px;margin:0}.bn-ui .bn-intro-action{padding:25px 0 0;max-width:410px}.bn-ui .bn-availability{max-width:1080px;margin:auto;border-radius:0 0 20px 20px}.bn-ui .bn-how,.bn-ui .bn-faq,.bn-ui .bn-participant-entry{max-width:900px;margin:auto;padding:54px 30px}.bn-ui .bn-brand-invite{max-width:900px;margin:auto;padding:38px}.bn-ui .bn-brand-invite>.bn-button{max-width:380px}.bn-ui .bn-home h2{font-size:36px}.bn-ui .bn-section-intro{max-width:560px}.bn-ui .bn-process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.bn-ui .bn-process li{flex-wrap:wrap}.bn-ui .bn-process li>div{flex-basis:100%;order:3}.bn-ui .bn-process li>.bn-icon{margin-left:auto}.bn-ui .bn-brand-prep{max-width:500px}.bn-ui .bn-africa-entry{max-width:900px;margin:auto;border-radius:20px;padding:30px}.bn-ui .bn-footer{padding:48px max(30px,calc((100vw - 900px)/2))}.bn-ui .bn-footer nav{grid-template-columns:repeat(3,1fr)}.bn-ui .bn-component-page{max-width:600px;margin:auto}.bn-ui .bn-review-note{max-width:1080px;margin:auto}}
@media(max-width:370px){.bn-ui .bn-publicnav{gap:21px}.bn-ui .bn-home-intro{padding-top:23px}.bn-ui .bn-hero-photo{height:216px}}

.bn-ui details:not([open])>:not(summary){display:none}
.bn-ui .bn-photo-note{position:absolute;top:12px;left:14px;background:#ffffffec;border-radius:20px;padding:4px 9px;font-size:12px;color:#535a50}

.bn-ui .bn-login{white-space:nowrap;min-width:80px;flex:none}
.bn-ui .bn-work-footer{padding:0 24px 24px;max-width:740px;margin:auto}
.bn-ui .bn-work-footer nav{display:flex;flex-wrap:wrap;gap:0 20px;padding:16px 0;border-top:1px solid var(--bn-line)}
.bn-ui .bn-work-footer nav a{font-size:12px;min-height:40px;display:flex;align-items:center}