:root{--ink:#0b1f2b;--navy:#102d3d;--copper:#c87d3d;--mist:#eef3f5;--text:#344854}*{box-sizing:border-box}body{font-family:"Segoe UI",Arial,sans-serif;color:var(--text)}.topbar{background:#071720;color:#c7d2d8;font-size:.78rem;padding:.45rem 0}.navbar{background:rgba(11,31,43,.97);box-shadow:0 8px 30px #0002}.navbar-brand{display:flex;align-items:center;gap:.65rem;color:#fff;font-weight:700;line-height:1}.navbar-brand small{display:block;font-size:.61rem;letter-spacing:.16em;text-transform:uppercase;color:#9fb0b8;margin-top:.35rem}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--copper);color:#fff;border-radius:4px;font-family:Georgia,serif}.nav-link{color:#d6e0e5!important;margin:0 .2rem}.nav-link:hover{color:#fff!important}.btn-copper{background:var(--copper);color:#fff;border:1px solid var(--copper);font-weight:600}.btn-copper:hover{background:#a9602b;color:#fff}.hero{min-height:680px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#04121bef 0%,#04121bb8 43%,#04121b16 76%),url('/bn-accessories/public/images/factory-hero-concept.png') center/cover}.eyebrow{color:#dfaa76;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.3rem);max-width:780px;line-height:1.02;margin:1rem 0 1.4rem}.hero .lead{max-width:620px;color:#d9e1e5}.section{padding:90px 0}.section-soft{background:var(--mist)}.section-dark{background:var(--ink);color:#fff}.display-title{font-family:Georgia,serif;color:var(--ink);font-size:clamp(2.1rem,4vw,3.6rem)}.section-dark .display-title{color:#fff}.feature-card,.product-card,.info-card{height:100%;background:#fff;border:1px solid #dde5e8;padding:2rem;transition:.25s}.feature-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #0b1f2b1c}.feature-card i{font-size:2rem;color:var(--copper)}.metric{border-left:2px solid var(--copper);padding-left:1rem}.metric strong{display:block;font-family:Georgia,serif;font-size:2rem;color:var(--ink)}.page-hero{background:var(--ink);color:#fff;padding:95px 0}.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem)}.process-step{position:relative;padding:1.5rem 1.5rem 1.5rem 4.5rem;border-bottom:1px solid #dce4e7}.process-step .number{position:absolute;left:0;top:1.2rem;width:48px;height:48px;border:1px solid var(--copper);display:grid;place-items:center;color:var(--copper);font-weight:700}.form-control,.form-select{border-radius:2px;padding:.8rem;border-color:#cbd6da}.form-control:focus,.form-select:focus{border-color:var(--copper);box-shadow:0 0 0 .2rem #c87d3d24}footer{background:#071720;color:#aebdc5;padding:70px 0 25px}footer h6{color:#fff}footer a{display:block;color:#b9c6cc;text-decoration:none;margin:.55rem 0}footer a:hover{color:#fff}.demo-note{font-size:.75rem;color:#dfaa76}.whatsapp{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:1.6rem;z-index:20;box-shadow:0 8px 24px #0003}@media(max-width:991px){.topbar{display:none}.hero{min-height:600px;background-position:65% center}.navbar-collapse{padding:1rem 0}.section{padding:65px 0}}@media(max-width:576px){.hero{min-height:560px}.hero h1{font-size:2.65rem}.section{padding:52px 0}}
/* Fixed brand proportions; the icon, name and tagline are managed in Website Settings. */
.navbar-brand {
    width: auto;
    min-width: 220px;
    min-height: 64px;
    gap: 14px;
}
.brand-logo {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border-radius: 16px;
    object-fit: contain;
}
.brand-copy { display: block; white-space: nowrap; }
.brand-copy strong {
    display: block;
    color: #f6efe6;
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.15;
}
.navbar-brand .brand-copy small {
    color: #d7925b;
    font-family: Arial, sans-serif;
    font-size: 8px;
    letter-spacing: 2.2px;
    margin-top: 7px;
}
@media(max-width:576px) {
    .navbar-brand { min-width: 0; min-height: 48px; gap: 9px; }
    .brand-logo { width: 48px; height: 48px; flex-basis: 48px; border-radius: 12px; }
    .brand-copy strong { font-size: 15px; }
    .navbar-brand .brand-copy small { font-size: 6px; letter-spacing: 1.5px; margin-top: 5px; }
}

/* Keep the hero portable when the application is deployed at a domain root or subdirectory. */
.hero {
    background-image: linear-gradient(90deg,#04121bef 0%,#04121bb8 43%,#04121b16 76%), url('../images/factory-hero-concept.png');
}