/* Integration layer: keeps the downloaded reference design isolated from BNP's shared menu/footer. */
body{margin:0;background:#fff}.bnp-site-header{position:relative;z-index:1000}.bnp-site-header *,.bnp-final-footer *{box-sizing:border-box}.bnp-site-header button,.bnp-site-header input,.bnp-site-header select,.bnp-site-header textarea{font:inherit}.bnp-site-header ul,.bnp-final-footer ul{margin:0;padding:0}.bnp-site-header img,.bnp-final-footer img{display:inline-block}.bnp-site-header a,.bnp-final-footer a{text-decoration:none}.bnp-final-footer{position:relative;z-index:2}
/* The imported Tailwind reset also defines .container. These rules restore the shared shell. */
.bnp-site-header .container,.bnp-final-footer .container{width:min(100%,1320px)!important;max-width:1320px!important;margin-inline:auto!important;padding-inline:28px!important}
.bnp-header-row{min-height:82px!important}.bnp-header-brand-text strong{font-size:17px!important;line-height:1.15!important}.bnp-header-brand-text small{font-size:11px!important;line-height:1.2!important}.bnp-navigation-list>li>a,.bnp-resources-trigger{font-size:13px!important;line-height:1.3!important}.bnp-resources-menu strong{font-size:13px!important}.bnp-resources-menu small{font-size:11px!important}.bnp-header-request-button span{font-size:12px!important}.bnp-header-request-button small{font-size:9px!important}
.bnp-site-header .fa,.bnp-final-footer .fa{display:inline-block!important;font-family:FontAwesome!important;font-style:normal!important;font-weight:normal!important;line-height:1!important}.bnp-resources-trigger .fa{font-size:12px!important}.bnp-resource-icon .fa{font-size:18px!important;color:#fff!important}.bnp-header-request-button>.fa{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important}.bnp-mobile-menu-button span{display:block!important}
.bnp-final-footer{padding-top:58px!important}.bnp-final-footer h3{font-size:17px!important;line-height:1.3!important}.bnp-final-footer a,.bnp-final-brand p{font-size:14px!important;line-height:1.65!important}.bnp-final-footer-bottom{font-size:12px!important}
main.flex-grow{min-width:0}.reference-faq-answer{display:none!important;height:auto!important;opacity:1!important}.reference-faq-open .reference-faq-answer{display:block!important}.reference-faq-open [data-reference-faq-icon]{transform:rotate(45deg)!important;background:#c4161c!important;color:#fff!important}
#hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(1rem,3.5vh,2.25rem)}
#hero .hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
#hero .hero-btn:hover{transform:translateY(-2px)}#hero .hero-btn.primary{background:#c4161c;color:#fff;box-shadow:0 10px 28px rgba(196,22,28,.3)}#hero .hero-btn.primary:hover{background:#a90f15}#hero .hero-btn.secondary{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(8px)}#hero .hero-btn.secondary:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.16)}#hero .hero-btn .fa{font-family:FontAwesome!important;font-style:normal!important;font-weight:normal!important}
@media(max-width:767px){.bnp-site-header{z-index:1000}.bnp-site-header .container,.bnp-final-footer .container{padding-inline:18px!important}.bnp-header-brand-text strong{font-size:15px!important}.bnp-header-brand-text small{font-size:10px!important}}
@media(max-width:640px){#hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}#hero .hero-btn{padding:11px 10px;font-size:13px}}