:root {
  --bn-ink: #211609;
  --bn-coffee: #30200f;
  --bn-muted: #756550;
  --bn-gold: #c99a24;
  --bn-gold-deep: #8e5c08;
  --bn-gold-pale: #f5e5ad;
  --bn-ivory: #fff9ed;
  --bn-sand: #f4e7c9;
  --bn-paper: #fffdf7;
  --bn-line: #e8d7b3;
  --bn-sage: #5d7668;
  --bn-rose: #a85b4b;
  --radius: 1rem;
  --shadow-soft: 0 16px 44px rgba(74, 49, 28, 0.08);
  --shadow-lift: 0 20px 58px rgba(65, 43, 25, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--bn-ivory); color: var(--bn-ink); font-family: Arial, Helvetica, sans-serif; }
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -0.055em; }
h1 em, h2 em { color: var(--bn-gold); font-family: Georgia, "Times New Roman", serif; font-weight: 500; }

.brand { align-items: center; display: inline-flex; line-height: 0; width: max-content; }
.brand-logo { display: block; height: 4.05rem; object-fit: contain; object-position: left center; width: auto; }
.brand--compact .brand-logo { height: 2.9rem; }
.brand--inverse .brand-logo { filter: drop-shadow(0 3px 9px rgba(0,0,0,.2)); }

.button { align-items: center; border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-size: .79rem; font-weight: 700; gap: .45rem; justify-content: center; letter-spacing: .04em; line-height: 1; min-height: 2.6rem; padding: .76rem 1.05rem; text-transform: uppercase; transition: transform .2s ease, background .2s ease, border .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--sm { font-size: .68rem; min-height: 2.15rem; padding: .58rem .78rem; }
.button--lg { font-size: .76rem; min-height: 3.2rem; padding: .96rem 1.3rem; }
.button--primary { background: var(--bn-gold); box-shadow: 0 9px 20px rgba(157, 105, 38, .24); color: #fff; }
.button--primary:hover { background: var(--bn-gold-deep); }
.button--secondary { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.62); color: #fff; }
.button--secondary:hover { background: #fff; color: var(--bn-coffee); }
.button--soft { background: var(--bn-sand); color: var(--bn-coffee); }
.button--soft:hover { background: var(--bn-gold-pale); }
.button--ghost { background: transparent; color: var(--bn-coffee); }
.button--ghost:hover { background: var(--bn-sand); }
.button--danger { background: #9f4542; color: #fff; }
.button svg { flex: none; }
.text-action, .text-button { align-items: center; background: none; border: 0; color: var(--bn-gold-deep); display: inline-flex; font-size: .78rem; font-weight: 700; gap: .25rem; padding: 0; }
.text-button { margin: 0 auto; }
.eyebrow { align-items: center; color: var(--bn-gold-deep); display: flex; font-size: .68rem; font-weight: 800; gap: .4rem; letter-spacing: .16em; margin-bottom: .9rem; text-transform: uppercase; }
.eyebrow--light { color: #eacb98; }

.status { align-items: center; border-radius: 999px; display: inline-flex; font-size: .64rem; font-weight: 800; letter-spacing: .03em; line-height: 1; padding: .38rem .58rem; white-space: nowrap; }
.status--success { background: #e3f0e9; color: #356755; }
.status--warning { background: #fbecd1; color: #936226; }
.status--danger { background: #f9e3e0; color: #a64e48; }
.status--neutral { background: #eee8df; color: #62594f; }
.text-danger { color: #a64e48 !important; }
.text-success { color: #356755 !important; }

/* Landing */
.bn-site { overflow: hidden; }
.site-header { left: 0; position: absolute; right: 0; top: 0; z-index: 30; }
.site-header--solid { background: rgba(255,253,250,.94); border-bottom: 1px solid rgba(231,221,207,.9); box-shadow: 0 5px 22px rgba(68,45,28,.06); position: fixed; }
.site-header__inner { align-items: center; display: flex; gap: 1.5rem; height: 5.15rem; margin: 0 auto; max-width: 1320px; padding: 0 2rem; }
.site-nav { align-items: center; display: flex; gap: 1.35rem; margin-left: auto; }
.site-nav a { color: rgba(255,255,255,.9); font-size: .75rem; font-weight: 700; white-space: nowrap; }
.site-header--solid .site-nav > a { color: var(--bn-muted); }
.site-nav a:hover, .site-header--solid .site-nav > a:hover { color: var(--bn-gold-deep); }
.site-header__actions { align-items: center; display: flex; gap: .5rem; }
.site-nav__mobile-actions, .menu-toggle { display: none; }
.hero { align-items: center; background: var(--bn-coffee); color: #fff; display: flex; min-height: 730px; overflow: hidden; position: relative; }
.hero__image { height: 100%; inset: 0; object-fit: cover; object-position: center right; position: absolute; width: 100%; }
.hero__veil { background: linear-gradient(90deg, rgba(46,33,23,.94) 0%, rgba(54,39,27,.82) 30%, rgba(64,43,25,.2) 66%, rgba(64,43,25,.06) 100%); inset: 0; position: absolute; }
.hero__content { margin: 5.1rem auto 0; max-width: 1320px; padding: 6rem 2rem; position: relative; width: 100%; }
.hero h1 { font-size: clamp(3.1rem, 5.5vw, 5.45rem); line-height: .99; margin-bottom: 1.6rem; max-width: 780px; }
.hero h1 em { color: #edca90; }
.hero__content > p:not(.eyebrow) { color: rgba(255,255,255,.84); font-size: 1.08rem; line-height: 1.7; max-width: 580px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2.1rem; }
.hero__proof { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 3.15rem; }
.hero__proof span { align-items: center; color: #f7e8d0; display: inline-flex; font-size: .72rem; font-weight: 700; gap: .35rem; }
.hero__proof svg { color: #e4b96f; }
.section { margin: 0 auto; max-width: 1320px; padding: 7.3rem 2rem; }
.section--about { display: grid; gap: 3rem; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
.section__intro h2, .section-heading h2, .catalog-products h2 { font-size: clamp(2.4rem, 4.15vw, 4.2rem); line-height: 1.02; margin-bottom: 0; }
.about-copy { padding-top: 1.5rem; }
.about-copy p { color: var(--bn-muted); font-size: 1rem; line-height: 1.8; max-width: 570px; }
.about-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.8rem; }
.about-tags span { background: #fff; border: 1px solid var(--bn-line); border-radius: 999px; color: var(--bn-coffee); font-size: .72rem; font-weight: 700; padding: .55rem .75rem; }
.highlight-grid { border-top: 1px solid var(--bn-line); display: grid; gap: 1.2rem; grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); margin-top: 2rem; padding-top: 2rem; }
.highlight-grid article { border-right: 1px solid var(--bn-line); display: grid; gap: .35rem; padding-right: 1rem; }
.highlight-grid article:last-child { border-right: 0; }
.highlight-grid strong { color: var(--bn-gold-deep); font-family: Georgia, "Times New Roman", serif; font-size: 2.35rem; font-weight: 500; letter-spacing: -.06em; }
.highlight-grid span { color: var(--bn-muted); font-size: .75rem; font-weight: 700; }
.section--products { background: linear-gradient(180deg, rgba(243,234,220,.6), rgba(255,253,250,0)); max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }
.section-heading { align-items: end; display: flex; gap: 3rem; justify-content: space-between; margin-bottom: 2.5rem; }
.section-heading > p { color: var(--bn-muted); font-size: .96rem; line-height: 1.7; max-width: 410px; }
.product-grid { display: grid; gap: 1.15rem; grid-template-columns: repeat(4, minmax(0,1fr)); }
.product-card { background: var(--bn-paper); border: 1px solid rgba(231,221,207,.85); border-radius: 1.15rem; box-shadow: 0 12px 34px rgba(83,55,31,.06); overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.product-card:hover { box-shadow: var(--shadow-soft); transform: translateY(-5px); }
.product-thumb { aspect-ratio: 1.27; background: #eee3d2; overflow: hidden; position: relative; }
.product-thumb img { height: 100%; mix-blend-mode: multiply; object-fit: cover; object-position: 76% center; opacity: .93; transform: scale(1.15); width: 100%; }
.product-thumb:after { background: linear-gradient(135deg, rgba(255,255,255,.46), transparent 55%); content: ""; inset: 0; position: absolute; }
.product-thumb span { align-items: center; backdrop-filter: blur(8px); background: rgba(255,255,255,.68); border: 1px solid rgba(255,255,255,.8); border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: .83rem; height: 1.8rem; justify-content: center; left: .75rem; position: absolute; top: .75rem; width: 1.8rem; z-index: 1; }
.product-thumb--plum { background: #e8d8d6; }
.product-thumb--sage { background: #d8e0d7; }
.product-thumb--rose { background: #ead8d2; }
.product-thumb--sand { background: #ecdfcc; }
.product-card__body { padding: 1.05rem; }
.product-card__meta { color: var(--bn-gold-deep); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-card h3 { font-size: 1rem; letter-spacing: -.03em; line-height: 1.15; margin: .48rem 0 .6rem; }
.product-card p { color: var(--bn-muted); font-size: .76rem; line-height: 1.55; margin-bottom: 1rem; min-height: 3.5rem; }
.product-card__foot { align-items: center; display: flex; gap: .7rem; justify-content: space-between; }
.product-card__foot > strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.13rem; font-weight: 600; letter-spacing: -.04em; }
.section-center { display: flex; justify-content: center; margin-top: 2.25rem; }
.network-section { background: var(--bn-coffee); color: #fff; display: grid; gap: 5rem; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); position: relative; }
.network-section:before { border: 1px solid rgba(220,179,111,.24); content: ""; height: 54%; position: absolute; right: 6%; top: 13%; width: 22%; }
.network-section__content { position: relative; z-index: 1; }
.network-section h2 { font-size: clamp(3rem, 5vw, 5.2rem); line-height: .98; margin-bottom: 1.2rem; }
.network-section__content > p:not(.eyebrow) { color: rgba(255,255,255,.73); font-size: 1.02rem; line-height: 1.7; max-width: 440px; }
.network-section__content .button { margin-top: 1.2rem; }
.network-benefits { border-top: 1px solid rgba(255,255,255,.23); display: grid; grid-template-columns: repeat(3, 1fr); position: relative; z-index: 1; }
.network-benefits div { border-bottom: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2); display: grid; gap: 1rem; min-height: 8.2rem; padding: 1.4rem; }
.network-benefits div:nth-child(3n) { border-right: 0; }
.network-benefits span { color: #ddba79; font-family: Georgia, serif; font-size: 1.1rem; }
.network-benefits strong { font-size: .87rem; line-height: 1.35; }
.technology-section { padding-bottom: 8.5rem; }
.portal-mockups { align-items: end; display: grid; gap: 1.2rem; grid-template-columns: 1.15fr .65fr .8fr; max-width: 1040px; margin: 0 auto; }
.portal-mockup { box-shadow: var(--shadow-lift); overflow: hidden; position: relative; }
.portal-mockup--main { background: #fffdf9; border: 1px solid var(--bn-line); border-radius: 1.3rem; min-height: 390px; padding: 1.8rem; }
.portal-mockup--phone { background: var(--bn-coffee); border: 8px solid #1e1712; border-radius: 2rem; color: #fff; min-height: 330px; padding: 1.3rem; }
.portal-mockup--side { background: #eadbc5; border-radius: 1.1rem; min-height: 265px; padding: 1.25rem; }
.mockup-label { color: var(--bn-muted); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.mockup-line { align-items: end; display: flex; justify-content: space-between; margin-top: 2.1rem; }
.mockup-line strong { color: var(--bn-muted); font-size: .78rem; }
.mockup-line b { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.7rem; }
.mockup-chart { align-items: end; border-bottom: 1px solid var(--bn-line); display: flex; gap: .55rem; height: 150px; margin: 1.2rem 0; padding: .5rem; }
.mockup-chart i { background: linear-gradient(180deg, #dcbd85, var(--bn-gold)); border-radius: .35rem .35rem 0 0; display: block; flex: 1; }
.mockup-chart i:nth-child(1) { height: 36%; }.mockup-chart i:nth-child(2) { height: 48%; }.mockup-chart i:nth-child(3) { height: 40%; }.mockup-chart i:nth-child(4) { height: 68%; }.mockup-chart i:nth-child(5) { height: 58%; }.mockup-chart i:nth-child(6) { height: 82%; }.mockup-chart i:nth-child(7) { height: 96%; }
.mockup-mini-grid { display: grid; gap: .65rem; grid-template-columns: 1fr 1fr; }
.mockup-mini-grid span { background: var(--bn-sand); border-radius: .65rem; color: var(--bn-muted); font-size: .64rem; padding: .7rem; }
.mockup-mini-grid b { color: var(--bn-coffee); display: block; font-size: 1rem; margin-top: .25rem; }
.phone-brand { font-family: Georgia, serif; font-size: 2.2rem; line-height: .86; margin: 2rem 0 2.8rem; }
.phone-product { background: rgba(255,255,255,.12); border-radius: .85rem; display: grid; gap: .25rem; padding: .9rem; }
.phone-product span { color: #e6c995; font-size: .68rem; }.phone-product b { font-size: 1.15rem; }
.portal-mockup--phone button { background: var(--bn-gold); border: 0; border-radius: .6rem; color: #fff; font-size: .7rem; font-weight: 700; margin-top: .7rem; padding: .7rem; width: 100%; }
.order-mini { border-bottom: 1px solid rgba(77,52,31,.18); display: flex; font-size: .74rem; justify-content: space-between; padding: .9rem 0; }.order-mini strong { color: var(--bn-gold-deep); font-size: .66rem; }
.differential-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.differential-grid article { border-bottom: 1px solid var(--bn-line); border-right: 1px solid var(--bn-line); min-height: 225px; padding: 1.8rem; position: relative; }.differential-grid article:nth-child(3n) { border-right: 0; }
.differential-grid article > span { align-items: center; background: var(--bn-sand); border-radius: .65rem; color: var(--bn-gold-deep); display: flex; height: 2.35rem; justify-content: center; width: 2.35rem; }
.differential-grid h3 { font-size: 1.05rem; margin: 1.25rem 0 .6rem; }.differential-grid p { color: var(--bn-muted); font-size: .8rem; line-height: 1.6; margin-bottom: 0; max-width: 270px; }.differential-grid article > svg { bottom: 1.45rem; color: var(--bn-gold); position: absolute; right: 1.5rem; }
.journey-section { border-top: 1px solid var(--bn-line); }
.journey-list { border-top: 1px solid var(--bn-line); counter-reset: journey; display: grid; grid-template-columns: repeat(6, 1fr); list-style: none; margin: 2.5rem 0 0; padding: 0; }
.journey-list li { border-right: 1px solid var(--bn-line); display: grid; gap: 1.2rem; min-height: 165px; padding: 1.3rem 1rem 1.3rem 0; }.journey-list li:not(:first-child) { padding-left: 1rem; }.journey-list li:last-child { border-right: 0; }.journey-list span { color: var(--bn-gold-deep); font-family: Georgia, serif; font-size: 1.45rem; }.journey-list strong { font-size: .82rem; line-height: 1.4; }
.testimonials-section { background: #f2e8d9; max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }
.testimonial-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, 1fr); }.testimonial-grid blockquote { background: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.8); border-radius: 1rem; margin: 0; min-height: 255px; padding: 1.55rem; }.testimonial-grid blockquote > p { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.21rem; letter-spacing: -.035em; line-height: 1.5; }.testimonial-grid footer { align-items: center; display: flex; gap: .65rem; margin-top: 1.5rem; }.testimonial-grid footer > span { align-items: center; background: var(--bn-coffee); border-radius: 50%; color: #fff; display: flex; font-family: Georgia, serif; height: 2rem; justify-content: center; width: 2rem; }.testimonial-grid footer div { display: grid; gap: .2rem; }.testimonial-grid footer strong { font-size: .75rem; }.testimonial-grid footer small { color: var(--bn-muted); font-size: .66rem; }
.final-cta { align-items: center; background: var(--bn-coffee); color: #fff; display: flex; gap: 2rem; justify-content: space-between; max-width: none; padding-left: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); padding-right: max(2rem, calc((100vw - 1320px) / 2 + 2rem)); }.final-cta h2 { font-size: clamp(2.8rem, 4vw, 4rem); line-height: .98; margin-bottom: 1rem; }.final-cta > div > p:not(.eyebrow) { color: rgba(255,255,255,.7); margin-bottom: 0; }.final-cta__actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.site-footer { background: #211914; color: #fff; padding: 4.3rem max(2rem, calc((100vw - 1320px) / 2 + 2rem)) 1.35rem; }.site-footer__top { display: flex; gap: 5rem; justify-content: space-between; }.site-footer__nav { display: grid; gap: 4rem; grid-template-columns: repeat(3, 1fr); }.site-footer__nav > div { display: grid; gap: .65rem; min-width: 135px; }.site-footer strong { color: #e8c993; font-size: .7rem; letter-spacing: .12em; margin-bottom: .4rem; text-transform: uppercase; }.site-footer a { align-items: center; color: rgba(255,255,255,.65); display: flex; font-size: .76rem; gap: .35rem; }.site-footer a:hover { color: #fff; }.site-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.42); display: flex; font-size: .64rem; gap: 1.5rem; justify-content: space-between; margin-top: 3.4rem; padding-top: 1.3rem; }.site-footer__bottom > div { display: flex; gap: 1rem; }.site-footer__bottom a { font-size: .64rem; }

/* Portal shared */
.portal-shell { background: #f6f1e9; color: var(--bn-ink); display: flex; min-height: 100vh; }.portal-sidebar { background: var(--bn-coffee); color: #fff; display: flex; flex: 0 0 258px; flex-direction: column; min-height: 100vh; padding: 1.25rem .85rem; position: fixed; width: 258px; z-index: 10; }.portal-sidebar__brand { border-bottom: 1px solid rgba(255,255,255,.13); display: grid; gap: .85rem; padding: .5rem .75rem 1.25rem; }.portal-sidebar__brand > span { color: #dec18d; font-size: .65rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.portal-sidebar__nav { display: grid; gap: .18rem; margin-top: 1.2rem; }.portal-sidebar__nav a, .portal-mobile-menu__nav a { align-items: center; border-radius: .65rem; color: rgba(255,255,255,.68); display: flex; font-size: .75rem; font-weight: 700; gap: .65rem; min-height: 2.42rem; padding: .62rem .75rem; position: relative; }.portal-sidebar__nav a:hover, .portal-sidebar__nav a.is-active, .portal-mobile-menu__nav a:hover, .portal-mobile-menu__nav a.is-active { background: rgba(255,255,255,.12); color: #fff; }.portal-sidebar__nav b { align-items: center; background: var(--bn-gold); border-radius: 50%; color: #fff; display: flex; font-size: .58rem; height: 1.15rem; justify-content: center; margin-left: auto; width: 1.15rem; }.portal-sidebar__bottom { border-top: 1px solid rgba(255,255,255,.13); display: grid; gap: .85rem; margin-top: auto; padding: 1.1rem .25rem .2rem; }.profile-chip { align-items: center; display: flex; gap: .6rem; }.profile-chip > span, .topbar-user > span { align-items: center; background: #d7b574; border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: .7rem; font-weight: 700; height: 2rem; justify-content: center; width: 2rem; }.profile-chip div { display: grid; flex: 1; gap: .15rem; min-width: 0; }.profile-chip strong { font-size: .68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.profile-chip small { color: rgba(255,255,255,.5); font-size: .57rem; }.portal-signout { align-items: center; color: rgba(255,255,255,.6); display: flex; font-size: .7rem; font-weight: 700; gap: .45rem; padding: .35rem .5rem; width: max-content; }.portal-main { margin-left: 258px; min-width: 0; width: calc(100% - 258px); }.portal-topbar { align-items: center; background: rgba(255,253,250,.88); border-bottom: 1px solid var(--bn-line); display: flex; height: 4.5rem; justify-content: space-between; padding: 0 2rem; position: sticky; top: 0; z-index: 6; }.portal-topbar__context { display: grid; gap: .17rem; }.portal-topbar__context span { color: var(--bn-muted); font-size: .61rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.portal-topbar__context strong { font-size: .86rem; }.portal-topbar__actions { align-items: center; display: flex; gap: .75rem; }.demo-chip { background: #f7edda; border-radius: 999px; color: var(--bn-gold-deep); font-size: .61rem; font-weight: 800; letter-spacing: .06em; padding: .45rem .62rem; text-transform: uppercase; }.topbar-icon { align-items: center; background: #fff; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-coffee); display: flex; height: 2.2rem; justify-content: center; position: relative; width: 2.2rem; }.topbar-icon i { align-items: center; background: var(--bn-rose); border-radius: 50%; color: #fff; display: flex; font-size: .55rem; font-style: normal; font-weight: 800; height: 1rem; justify-content: center; position: absolute; right: -.35rem; top: -.35rem; width: 1rem; }.notifications-wrap { position: relative; }.notification-popover { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: var(--shadow-lift); overflow: hidden; position: absolute; right: 0; top: 2.8rem; width: min(360px, calc(100vw - 2rem)); z-index: 20; }.notification-popover header { align-items: center; border-bottom: 1px solid var(--bn-line); display: flex; font-size: .8rem; justify-content: space-between; padding: .9rem 1rem; }.notification-popover header a { color: var(--bn-gold-deep); font-size: .68rem; font-weight: 700; }.notification-popover > button { background: transparent; border: 0; border-bottom: 1px solid #f1e9de; display: flex; gap: .6rem; padding: .85rem 1rem; text-align: left; width: 100%; }.notification-popover > button:hover { background: #fbf5eb; }.notification-popover > button.is-read { opacity: .55; }.notification-popover > button > span { display: grid; gap: .2rem; }.notification-popover > button > span strong { font-size: .7rem; }.notification-popover > button > span small { color: var(--bn-muted); font-size: .62rem; line-height: 1.35; }.notification-popover em { color: var(--bn-gold-deep); font-size: .58rem; font-style: normal; }.topbar-user { align-items: center; display: flex; gap: .5rem; }.topbar-user div { display: grid; gap: .08rem; }.topbar-user strong { font-size: .68rem; }.topbar-user small { color: var(--bn-muted); font-size: .56rem; }.topbar-menu, .portal-bottom-nav { display: none; }.portal-content { margin: 0 auto; max-width: 1530px; padding: 2rem; }
.page-heading { align-items: end; display: flex; gap: 1.5rem; justify-content: space-between; margin-bottom: 1.55rem; }.page-heading h1 { font-size: clamp(2rem, 3.15vw, 3rem); line-height: 1.02; margin-bottom: .6rem; }.page-heading p:not(.eyebrow) { color: var(--bn-muted); font-size: .86rem; line-height: 1.6; margin-bottom: 0; max-width: 630px; }.page-heading__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }.kpi-grid { display: grid; gap: .85rem; grid-template-columns: repeat(4, minmax(0,1fr)); }.kpi-grid--secondary { margin-top: .85rem; }.kpi-card { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .85rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); min-height: 126px; padding: 1rem; }.kpi-card__top { align-items: center; color: var(--bn-muted); display: flex; font-size: .67rem; font-weight: 700; justify-content: space-between; }.kpi-card__icon { align-items: center; background: var(--bn-sand); border-radius: .55rem; color: var(--bn-gold-deep); display: flex; height: 2rem; justify-content: center; width: 2rem; }.kpi-card--dark .kpi-card__icon { background: var(--bn-coffee); color: #f3d699; }.kpi-card--sage .kpi-card__icon { background: #e2eee8; color: var(--bn-sage); }.kpi-card--rose .kpi-card__icon { background: #f5e2df; color: var(--bn-rose); }.kpi-card > strong { color: var(--bn-coffee); display: block; font-family: Georgia, serif; font-size: clamp(1.38rem, 2vw, 1.8rem); font-weight: 500; letter-spacing: -.06em; line-height: 1; margin: 1.15rem 0 .5rem; }.kpi-card > small { color: var(--bn-muted); font-size: .62rem; }.dashboard-grid { display: grid; gap: .9rem; margin-top: .9rem; }.dashboard-grid--charts { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); }.dashboard-grid--lower { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); }.panel { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); padding: 1.1rem; }.panel__header { align-items: start; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1.2rem; }.panel__header h2 { font-size: .96rem; letter-spacing: -.03em; margin: 0 0 .3rem; }.panel__header p { color: var(--bn-muted); font-size: .68rem; line-height: 1.45; margin: 0; }.chart-summary { align-items: center; display: flex; justify-content: space-between; }.chart-summary strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; letter-spacing: -.06em; }.chart-summary span { align-items: center; background: #e6f0e8; border-radius: 999px; color: #36684f; display: flex; font-size: .62rem; font-weight: 700; gap: .25rem; padding: .35rem .5rem; }.tiny-bars { align-items: end; display: flex; gap: .55rem; height: 166px; margin-top: 1.25rem; padding: 0 .2rem; }.tiny-bars > div { align-items: center; display: flex; flex: 1; flex-direction: column; height: 100%; justify-content: end; }.tiny-bars i { background: linear-gradient(180deg, #e3c28c, var(--bn-gold)); border-radius: .32rem .32rem 0 0; display: block; min-height: 8px; transition: height .3s ease; width: min(33px, 74%); }.tiny-bars span { color: var(--bn-muted); font-size: .58rem; margin-top: .45rem; }.ranking-list { display: grid; }.ranking-list > div { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 22px 34px minmax(0,1fr) auto; padding: .56rem 0; }.ranking-list > div:last-child { border-bottom: 0; }.ranking-list > div > span { color: var(--bn-gold-deep); font-family: Georgia, serif; font-size: .75rem; }.ranking-list .product-thumb { border-radius: .45rem; height: 2rem; width: 2rem; }.ranking-list strong { display: block; font-size: .67rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.ranking-list small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .17rem; }.ranking-list b { font-size: .67rem; }.quick-actions { display: grid; gap: .55rem; grid-template-columns: 1fr 1fr; }.quick-actions .button { justify-content: flex-start; text-transform: none; }.order-list { display: grid; }.order-row { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .75rem; grid-template-columns: minmax(145px,1.2fr) minmax(100px,.9fr) minmax(100px,.75fr) minmax(130px,.85fr); padding: .77rem 0; }.order-row:last-child { border-bottom: 0; }.order-row__code { align-items: center; display: flex; gap: .55rem; min-width: 0; }.order-row__code > span { align-items: center; background: var(--bn-sand); border-radius: .5rem; color: var(--bn-gold-deep); display: flex; font-family: Georgia, serif; font-size: .62rem; height: 1.85rem; justify-content: center; width: 1.85rem; }.order-row strong { display: block; font-size: .68rem; }.order-row small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .22rem; }.order-row__amount { text-align: right; }.order-row__status { align-items: center; display: flex; gap: .4rem; justify-content: flex-end; }.order-row select { background: #fff; border: 1px solid var(--bn-line); border-radius: .4rem; color: var(--bn-muted); font-size: .59rem; max-width: 95px; padding: .35rem .25rem; }.toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; margin-bottom: 1rem; }.search-field { align-items: center; background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-muted); display: flex; flex: 1 1 260px; gap: .45rem; max-width: 460px; min-height: 2.45rem; padding: 0 .72rem; }.search-field input { background: transparent; border: 0; color: var(--bn-coffee); font-size: .73rem; min-width: 0; outline: 0; width: 100%; }.search-field input::placeholder { color: #a79b90; }.select-field, .catalog-category { align-items: center; background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-muted); display: flex; gap: .4rem; min-height: 2.45rem; padding: 0 .6rem; }.select-field select, .catalog-category select { background: transparent; border: 0; color: var(--bn-coffee); font-size: .7rem; outline: 0; }.data-panel { padding: 1rem; }.product-admin-list, .price-manager-list, .stock-product-list, .customer-list, .credit-list { display: grid; }.product-admin-row { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .8rem; grid-template-columns: 44px minmax(165px,1.4fr) minmax(84px,.65fr) minmax(75px,.55fr) minmax(76px,.6fr) auto; padding: .8rem 0; }.product-admin-row:last-child { border-bottom: 0; }.product-admin-row .product-thumb { border-radius: .55rem; height: 2.5rem; width: 2.5rem; }.product-admin-row__main { min-width: 0; }.product-admin-row__main span { color: var(--bn-gold-deep); display: block; font-size: .56rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.product-admin-row strong { display: block; font-size: .72rem; margin: .2rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.product-admin-row small, .product-admin-row > div > small { color: var(--bn-muted); display: block; font-size: .56rem; }.product-admin-row > div > strong { display: block; font-size: .7rem; margin: .18rem 0; }.form-panel { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); padding: 1.15rem; }.form-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3, 1fr); }.form-grid label, .catalog-checkout label { color: var(--bn-coffee); display: grid; font-size: .67rem; font-weight: 700; gap: .35rem; }.form-grid input, .form-grid select, .form-grid textarea, .catalog-checkout input { background: #fff; border: 1px solid var(--bn-line); border-radius: .55rem; color: var(--bn-ink); font-size: .78rem; min-height: 2.45rem; outline-color: var(--bn-gold); padding: .58rem .68rem; }.form-grid textarea { min-height: 5.5rem; resize: vertical; }.form-grid__wide { grid-column: 1 / -1; }.form-actions { align-items: center; border-top: 1px solid var(--bn-line); color: var(--bn-muted); display: flex; font-size: .68rem; gap: 1rem; justify-content: space-between; margin-top: 1.15rem; padding-top: 1rem; }.movement-list, .attention-list, .payment-list, .audit-list { display: grid; }.movement-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 30px minmax(0,1fr) auto auto; padding: .7rem 0; }.movement-list article:last-child { border-bottom: 0; }.move-icon { align-items: center; background: #f8e4dc; border-radius: .45rem; color: var(--bn-rose); display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }.move-icon--in { background: #e4f0e9; color: var(--bn-sage); }.movement-list strong, .attention-list strong, .payment-list strong { display: block; font-size: .67rem; }.movement-list small, .attention-list small, .payment-list small { color: var(--bn-muted); display: block; font-size: .57rem; margin-top: .17rem; }.movement-list b { font-size: .65rem; }.movement-list time { color: var(--bn-muted); font-size: .56rem; text-align: right; }.attention-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 34px minmax(0,1fr) auto; padding: .65rem 0; }.attention-list article:last-child { border-bottom: 0; }.attention-list .product-thumb { border-radius: .45rem; height: 2rem; width: 2rem; }.filter-tabs { align-items: center; display: flex; gap: .35rem; overflow-x: auto; padding-bottom: .2rem; }.filter-tabs button { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: 999px; color: var(--bn-muted); font-size: .67rem; font-weight: 700; padding: .5rem .75rem; white-space: nowrap; }.filter-tabs button.is-active { background: var(--bn-coffee); border-color: var(--bn-coffee); color: #fff; }.filter-tabs--compact { justify-content: flex-end; }.micro-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3, 1fr); }.micro-card { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); padding: 1.1rem; }.micro-card__top { align-items: center; display: flex; justify-content: space-between; }.micro-card__top > span { align-items: center; background: var(--bn-sand); border-radius: 50%; color: var(--bn-gold-deep); display: flex; font-family: Georgia, serif; height: 2.2rem; justify-content: center; width: 2.2rem; }.micro-card h3 { font-size: .92rem; margin: 1.15rem 0 .32rem; }.micro-card > p { color: var(--bn-muted); font-size: .68rem; margin-bottom: 1rem; }.micro-card__metrics { border-bottom: 1px solid var(--bn-line); border-top: 1px solid var(--bn-line); display: grid; grid-template-columns: 1fr 1fr; padding: .8rem 0; }.micro-card__metrics span { display: grid; gap: .25rem; }.micro-card__metrics span:last-child { border-left: 1px solid var(--bn-line); padding-left: .7rem; }.micro-card small { color: var(--bn-muted); font-size: .55rem; }.micro-card b { font-family: Georgia, serif; font-size: .9rem; font-weight: 600; }.micro-card__foot { align-items: center; display: flex; justify-content: space-between; padding-top: .85rem; }.micro-card__foot > span { color: var(--bn-gold-deep); font-size: .62rem; font-weight: 800; }.micro-card__foot a { align-items: center; color: var(--bn-coffee); display: flex; font-size: .64rem; font-weight: 700; gap: .25rem; }.profile-hero { align-items: center; background: var(--bn-coffee); border-radius: .95rem; color: #fff; display: flex; gap: 2rem; justify-content: space-between; padding: 1.2rem 1.35rem; }.profile-hero__identity { align-items: center; display: flex; gap: .8rem; }.profile-hero__identity > span { align-items: center; background: #d8b87b; border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; height: 3rem; justify-content: center; width: 3rem; }.profile-hero__identity strong { font-size: 1rem; }.profile-hero__identity p { color: rgba(255,255,255,.65); font-size: .68rem; margin: .22rem 0 .45rem; }.profile-hero__metrics { display: flex; gap: 1.6rem; }.profile-hero__metrics span { display: grid; gap: .28rem; }.profile-hero__metrics small { color: #d7c2a6; font-size: .57rem; }.profile-hero__metrics b { font-family: Georgia, serif; font-size: .95rem; font-weight: 500; }.tabs-bar, .client-tabs { border-bottom: 1px solid var(--bn-line); display: flex; gap: .3rem; margin: 1.3rem 0; overflow-x: auto; }.tabs-bar button, .client-tabs button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--bn-muted); font-size: .69rem; font-weight: 700; padding: .65rem .72rem; white-space: nowrap; }.tabs-bar button.is-active, .client-tabs button.is-active { border-color: var(--bn-gold); color: var(--bn-coffee); }.credit-summary > div:first-child { align-items: center; display: flex; justify-content: space-between; }.credit-summary > div:first-child span { color: var(--bn-muted); font-size: .66rem; font-weight: 700; }.credit-summary > strong { color: var(--bn-coffee); display: block; font-family: Georgia, serif; font-size: 2rem; font-weight: 500; letter-spacing: -.06em; margin: 1.1rem 0 .35rem; }.credit-summary p { color: var(--bn-muted); font-size: .67rem; margin-bottom: .8rem; }.switch { background: #d9d2c9; border: 0; border-radius: 999px; height: 1.35rem; padding: .15rem; transition: background .2s; width: 2.4rem; }.switch i { background: #fff; border-radius: 50%; display: block; height: 1.05rem; transition: transform .2s; width: 1.05rem; }.switch--on { background: var(--bn-gold); }.switch--on i { transform: translateX(1.05rem); }.credit-progress { background: #eee6db; border-radius: 999px; height: .45rem; overflow: hidden; }.credit-progress i { background: linear-gradient(90deg, var(--bn-gold), #e3c184); border-radius: inherit; display: block; height: 100%; }.message-box { background: #fcf8f1; border: 1px solid var(--bn-line); border-radius: .65rem; color: var(--bn-coffee); font-size: .73rem; line-height: 1.55; min-height: 125px; padding: .7rem; resize: vertical; width: 100%; }.panel-actions { display: flex; gap: .5rem; justify-content: flex-end; margin-top: .7rem; }.debt-card { align-items: center; background: #fdf9f1; border: 1px solid var(--bn-line); border-radius: .75rem; display: flex; gap: 1.2rem; justify-content: space-between; padding: 1rem; }.debt-card span, .debt-card small { color: var(--bn-muted); display: block; font-size: .62rem; }.debt-card strong { color: var(--bn-coffee); display: block; font-family: Georgia, serif; font-size: 1.25rem; font-weight: 500; margin-top: .25rem; }.debt-card p { color: var(--bn-muted); font-size: .62rem; margin: .25rem 0 0; }.debt-card > div:nth-child(2) { display: grid; gap: .35rem; }.debt-card__actions { display: flex; gap: .4rem; }.payment-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .6rem; grid-template-columns: 30px minmax(0,1fr) auto; padding: .7rem 0; }.payment-list article:last-child { border-bottom: 0; }.payment-list article > b { font-size: .7rem; }.payment-mark { align-items: center; background: #e4f0e9; border-radius: .45rem; color: var(--bn-sage); display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }.audit-list > div { border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 90px 1fr; padding: .75rem 0; }.audit-list > div:last-child { border-bottom: 0; }.audit-list span { color: var(--bn-gold-deep); font-size: .6rem; font-weight: 700; }.audit-list p { color: var(--bn-muted); font-size: .68rem; line-height: 1.5; margin: 0; }.audit-list strong { color: var(--bn-coffee); }.details-grid { display: grid; gap: .8rem; grid-template-columns: repeat(2,1fr); }.details-grid span { background: #fbf7f0; border-radius: .6rem; display: grid; gap: .28rem; padding: .85rem; }.details-grid small { color: var(--bn-muted); font-size: .59rem; }.details-grid b { font-size: .72rem; }.customer-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 34px minmax(160px,1.25fr) minmax(85px,.65fr) minmax(82px,.65fr) minmax(90px,.65fr); padding: .72rem 0; }.customer-list article:last-child { border-bottom: 0; }.customer-list article > span { align-items: center; background: var(--bn-sand); border-radius: 50%; color: var(--bn-gold-deep); display: flex; font-family: Georgia, serif; font-size: .62rem; height: 2rem; justify-content: center; width: 2rem; }.customer-list strong { display: block; font-size: .69rem; }.customer-list small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .15rem; }.customer-list b { font-size: .69rem; }.credit-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: minmax(140px,1.2fr) minmax(65px,.5fr) minmax(65px,.5fr) minmax(65px,.5fr) auto minmax(130px,.9fr); padding: .8rem 0; }.credit-list article:last-child { border-bottom: 0; }.credit-list span, .credit-list small { color: var(--bn-muted); display: block; font-size: .57rem; }.credit-list strong { display: block; font-size: .69rem; margin: .2rem 0; }.credit-list b { font-size: .68rem; }.credit-list__actions { display: flex; gap: .35rem; justify-content: flex-end; }.report-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3,1fr); }.insight-list { display: grid; gap: .8rem; grid-template-columns: repeat(3,1fr); }.insight-list > div { background: #fcf8f0; border-radius: .65rem; color: var(--bn-gold-deep); padding: .85rem; }.insight-list p { color: var(--bn-muted); font-size: .68rem; line-height: 1.55; margin: .55rem 0 0; }.insight-list strong { color: var(--bn-coffee); }.notification-page-list { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; overflow: hidden; }.notification-page-list button { background: #fffdfa; border: 0; border-bottom: 1px solid var(--bn-line); display: flex; gap: .8rem; padding: 1rem; position: relative; text-align: left; width: 100%; }.notification-page-list button:last-child { border-bottom: 0; }.notification-page-list button:hover { background: #fcf8f0; }.notification-page-list button.is-read { opacity: .58; }.notification-page-list button > i { background: var(--bn-gold); border-radius: 50%; height: .43rem; position: absolute; right: 1.1rem; top: 1.25rem; width: .43rem; }.notification-symbol { align-items: center; border-radius: .5rem; display: flex; height: 2rem; justify-content: center; width: 2rem; }.notification-symbol--order { background: #f3e7d5; color: var(--bn-gold-deep); }.notification-symbol--payment { background: #e3f0e9; color: var(--bn-sage); }.notification-symbol--stock { background: #f7e3df; color: var(--bn-rose); }.notification-symbol--credit { background: #e9e4ef; color: #735f86; }.notification-page-list strong { font-size: .75rem; }.notification-page-list p { color: var(--bn-muted); font-size: .65rem; margin: .25rem 0; }.notification-page-list small { color: var(--bn-gold-deep); font-size: .58rem; }.settings-grid { display: grid; gap: .9rem; grid-template-columns: repeat(2,1fr); }.setting-row { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .65rem 0; }.setting-row:last-child { border-bottom: 0; }.setting-row strong { display: block; font-size: .72rem; }.setting-row small { color: var(--bn-muted); display: block; font-size: .6rem; margin-top: .2rem; }.price-groups { display: grid; }.price-groups div { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 28px 1fr auto 16px; padding: .55rem 0; }.price-groups div:last-child { border-bottom: 0; }.price-groups span { align-items: center; background: var(--bn-sand); border-radius: .4rem; color: var(--bn-gold-deep); display: flex; font-size: .65rem; font-weight: 800; height: 1.6rem; justify-content: center; width: 1.6rem; }.price-groups strong { font-size: .68rem; }.price-groups small { color: var(--bn-muted); font-size: .56rem; }.settings-switches { display: grid; }.settings-switches label { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .7rem 0; }.settings-switches label:last-child { border-bottom: 0; }.settings-switches label span { display: grid; gap: .2rem; }.settings-switches strong { font-size: .69rem; }.settings-switches small { color: var(--bn-muted); font-size: .58rem; }

/* Access */
.access-page { background: var(--bn-ivory); display: grid; grid-template-columns: 1.15fr .85fr; min-height: 100vh; }.access-page__visual { min-height: 100vh; overflow: hidden; position: relative; }.access-page__visual > img { height: 100%; object-fit: cover; object-position: 72% center; position: absolute; width: 100%; }.access-page__visual:after { background: linear-gradient(90deg, rgba(42,30,21,.9), rgba(55,38,25,.6)); content: ""; inset: 0; position: absolute; }.access-page__visual > div { bottom: 0; color: #fff; left: 0; max-width: 610px; padding: 4rem; position: absolute; z-index: 1; }.access-page__visual h1 { font-size: clamp(2.8rem,4vw,4.3rem); line-height: 1; margin: 1.2rem 0; }.access-page__visual h1 + p { color: rgba(255,255,255,.76); line-height: 1.7; }.access-page__visual small { color: #e9ce9f; display: block; font-size: .64rem; margin-top: 4rem; }.access-card { align-content: center; background: #fffdfa; display: grid; gap: 2rem; padding: 4rem clamp(2rem, 7vw, 7rem); }.access-card h2 { font-size: 2.2rem; line-height: 1.05; margin: .45rem 0 .7rem; }.access-card p:not(.eyebrow) { color: var(--bn-muted); font-size: .85rem; line-height: 1.6; margin-bottom: 0; }.access-card form { display: grid; gap: 1rem; }.access-card label { color: var(--bn-coffee); display: grid; font-size: .72rem; font-weight: 700; gap: .4rem; }.access-card input { background: #fff; border: 1px solid var(--bn-line); border-radius: .65rem; min-height: 2.75rem; outline-color: var(--bn-gold); padding: .55rem .7rem; }.access-card form .button { margin-top: .2rem; width: 100%; }.access-card__links { display: flex; font-size: .68rem; gap: 1rem; justify-content: space-between; }.access-card__links button { background: none; border: 0; color: var(--bn-gold-deep); font-size: inherit; font-weight: 700; padding: 0; }.access-card__links a { color: var(--bn-gold-deep); font-weight: 700; }.access-card__note { border-top: 1px solid var(--bn-line); font-size: .64rem !important; padding-top: 1rem; }.form-error { color: #a64e48 !important; font-size: .68rem !important; }

/* Distributor */
.task-list { display: grid; }.task-list a { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .65rem; grid-template-columns: 30px 1fr 16px; padding: .7rem 0; }.task-list a:last-child { border-bottom: 0; }.task-icon { align-items: center; background: var(--bn-sand); border-radius: .45rem; color: var(--bn-gold-deep); display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }.task-list strong { display: block; font-size: .67rem; }.task-list small { color: var(--bn-muted); display: block; font-size: .57rem; margin-top: .2rem; }.purchase-layout { display: grid; gap: 1rem; grid-template-columns: minmax(0,1fr) 315px; }.purchase-product-list { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; display: grid; padding: .7rem 1rem; }.purchase-product-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 45px minmax(180px,1fr) 100px 105px; padding: .75rem 0; }.purchase-product-list article:last-child { border-bottom: 0; }.purchase-product-list .product-thumb { border-radius: .55rem; height: 2.6rem; width: 2.6rem; }.purchase-product-list span { color: var(--bn-gold-deep); font-size: .56rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.purchase-product-list h3 { font-size: .74rem; margin: .24rem 0; }.purchase-product-list p { color: var(--bn-muted); font-size: .58rem; margin: 0; }.purchase-product-list__price { display: grid; gap: .2rem; text-align: right; }.purchase-product-list__price small { color: var(--bn-muted); font-size: .56rem; }.purchase-product-list__price strong { font-family: Georgia, serif; font-size: .92rem; font-weight: 500; }.quantity-control { align-items: center; border: 1px solid var(--bn-line); border-radius: .55rem; display: flex; justify-content: space-between; overflow: hidden; }.quantity-control button { background: #fff; border: 0; color: var(--bn-gold-deep); font-size: 1.05rem; height: 2.1rem; width: 2rem; }.quantity-control span { color: var(--bn-coffee); font-size: .72rem; min-width: 1rem; text-align: center; }.cart-panel { align-self: start; background: var(--bn-coffee); border-radius: .9rem; color: #fff; overflow: hidden; padding: 1.05rem; position: sticky; top: 5.3rem; }.cart-panel header { align-items: center; border-bottom: 1px solid rgba(255,255,255,.15); display: flex; justify-content: space-between; padding-bottom: .9rem; }.cart-panel header div { display: grid; gap: .25rem; }.cart-panel header span { color: #dac49f; font-size: .62rem; }.cart-panel header strong { font-size: .85rem; }.cart-panel__items { display: grid; max-height: 310px; overflow-y: auto; }.cart-panel__items > div { align-items: start; border-bottom: 1px solid rgba(255,255,255,.12); display: grid; gap: .4rem; grid-template-columns: 20px 1fr auto; padding: .72rem 0; }.cart-panel__items > div > span { color: #ddba79; font-family: Georgia, serif; font-size: .7rem; }.cart-panel__items strong { display: block; font-size: .66rem; }.cart-panel__items small { color: rgba(255,255,255,.55); display: block; font-size: .55rem; margin-top: .17rem; }.cart-panel__items b { font-size: .64rem; }.cart-panel__total { align-items: center; display: flex; justify-content: space-between; padding: 1rem 0; }.cart-panel__total span { color: #dac49f; font-size: .67rem; }.cart-panel__total strong { font-family: Georgia, serif; font-size: 1.35rem; font-weight: 500; }.credit-choice { align-items: center; background: rgba(255,255,255,.08); border-radius: .65rem; display: flex; gap: .55rem; margin-bottom: .8rem; padding: .65rem; }.credit-choice input { accent-color: var(--bn-gold); }.credit-choice span { display: grid; gap: .2rem; }.credit-choice strong { font-size: .65rem; }.credit-choice small { color: rgba(255,255,255,.55); font-size: .55rem; }.cart-panel .button { width: 100%; }.cart-panel > p { color: rgba(255,255,255,.5); font-size: .58rem; line-height: 1.45; margin: .75rem 0 0; text-align: center; }.cart-empty { align-items: center; color: var(--bn-muted); display: flex; flex-direction: column; gap: .5rem; padding: 2.2rem 1rem; text-align: center; }.cart-panel .cart-empty { color: rgba(255,255,255,.65); }.cart-empty strong { color: inherit; font-size: .75rem; }.cart-empty p { font-size: .64rem; line-height: 1.5; margin: 0; }.price-manager-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 42px minmax(150px,1.2fr) minmax(85px,.65fr) minmax(80px,.6fr) 90px 55px auto; padding: .73rem 0; }.price-manager-list article:last-child { border-bottom: 0; }.price-manager-list .product-thumb { border-radius: .5rem; height: 2.4rem; width: 2.4rem; }.price-manager-list strong { display: block; font-size: .68rem; }.price-manager-list small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .17rem; }.price-manager-list b { font-size: .68rem; }.price-manager-list label { display: grid; gap: .18rem; }.price-manager-list input { background: #fff; border: 1px solid var(--bn-line); border-radius: .4rem; color: var(--bn-coffee); font-size: .68rem; font-weight: 700; min-width: 0; padding: .38rem; width: 100%; }.catalog-preview { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .95rem; display: grid; grid-template-columns: 1.15fr .85fr; overflow: hidden; }.catalog-preview__cover { color: #fff; min-height: 280px; overflow: hidden; position: relative; }.catalog-preview__cover > img { height: 100%; object-fit: cover; object-position: 72% center; position: absolute; width: 100%; }.catalog-preview__cover:after { background: linear-gradient(90deg, rgba(48,34,24,.9), rgba(48,34,24,.2)); content: ""; inset: 0; position: absolute; }.catalog-preview__cover > div { bottom: 0; left: 0; padding: 1.5rem; position: absolute; z-index: 1; }.catalog-preview__cover span { color: #e4c58f; font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.catalog-preview__cover h2 { font-family: Georgia, serif; font-size: 3rem; line-height: .81; margin: .65rem 0; }.catalog-preview__cover p { color: rgba(255,255,255,.72); font-size: .7rem; }.catalog-preview__stats { align-content: center; display: grid; gap: 1.3rem; padding: 1.5rem; }.catalog-preview__stats div { border-bottom: 1px solid var(--bn-line); display: grid; gap: .3rem; padding-bottom: .85rem; }.catalog-preview__stats div:last-child { border-bottom: 0; padding-bottom: 0; }.catalog-preview__stats small { color: var(--bn-muted); font-size: .6rem; }.catalog-preview__stats strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.3rem; font-weight: 500; }.product-grid--small { grid-template-columns: repeat(4, minmax(0,1fr)); }.product-card--compact .product-card__body { padding: .85rem; }.product-card--compact .product-card__foot { margin-top: .85rem; }.stock-product-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: 42px minmax(180px,1fr) 85px 100px auto; padding: .72rem 0; }.stock-product-list article:last-child { border-bottom: 0; }.stock-product-list .product-thumb { border-radius: .5rem; height: 2.4rem; width: 2.4rem; }.stock-product-list strong { display: block; font-size: .68rem; }.stock-product-list small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .17rem; }.stock-product-list b { font-size: .67rem; }.bn-account-card { align-items: center; background: var(--bn-coffee); border-radius: .95rem; color: #fff; display: grid; gap: 1.3rem; grid-template-columns: 1fr 1fr auto; margin-bottom: .9rem; padding: 1.3rem; }.bn-account-card span { color: #dac49f; font-size: .6rem; }.bn-account-card strong { display: block; font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; margin: .4rem 0; }.bn-account-card p { color: rgba(255,255,255,.63); font-size: .62rem; line-height: 1.45; margin: 0; }.bn-account-card .credit-progress { margin-top: .8rem; }.bn-order-list { display: grid; }.bn-order-list article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .7rem; grid-template-columns: minmax(140px,1fr) 80px 80px auto; padding: .75rem 0; }.bn-order-list article:last-child { border-bottom: 0; }.bn-order-list strong { display: block; font-size: .7rem; }.bn-order-list small { color: var(--bn-muted); display: block; font-size: .57rem; margin-top: .2rem; }.bn-order-list b { font-size: .68rem; }.cash-summary { display: grid; gap: .7rem; }.cash-summary div { align-items: center; background: #fcf8f0; border-radius: .6rem; display: flex; justify-content: space-between; padding: .8rem; }.cash-summary span { color: var(--bn-muted); font-size: .65rem; }.cash-summary strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.05rem; font-weight: 500; }.material-grid { display: grid; gap: .9rem; grid-template-columns: repeat(4, 1fr); }.material-grid article { background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .85rem; padding: 1.15rem; }.material-grid span { align-items: center; background: var(--bn-sand); border-radius: .55rem; color: var(--bn-gold-deep); display: flex; height: 2.5rem; justify-content: center; width: 2.5rem; }.material-grid h3 { font-size: .83rem; margin: 1rem 0 .45rem; }.material-grid p { color: var(--bn-muted); font-size: .67rem; line-height: 1.5; min-height: 3rem; }

/* Public catalog */
.catalog-branding { align-items: center; display: flex; gap: .85rem; }
.catalog-branding > .brand { border-left: 1px solid var(--bn-line); padding-left: .85rem; }
.catalog-branding .brand-logo { height: 3.1rem; }
.catalog-site { background: #fffdfa; color: var(--bn-ink); min-height: 100vh; }.catalog-header { background: rgba(255,253,250,.93); border-bottom: 1px solid var(--bn-line); left: 0; position: sticky; right: 0; top: 0; z-index: 15; }.catalog-header__inner { align-items: center; display: flex; gap: 2rem; height: 4.75rem; margin: 0 auto; max-width: 1230px; padding: 0 2rem; }.catalog-brand { align-items: center; display: flex; gap: .55rem; }.catalog-brand > span { align-items: center; background: var(--bn-coffee); border-radius: 50%; color: #f2d092; display: flex; font-family: Georgia, serif; font-size: .75rem; height: 2.2rem; justify-content: center; width: 2.2rem; }.catalog-brand div { display: grid; gap: .15rem; }.catalog-brand strong { font-family: Georgia, serif; font-size: .95rem; letter-spacing: -.04em; }.catalog-brand small { color: var(--bn-gold-deep); font-size: .55rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.catalog-nav { display: flex; gap: 1.4rem; margin-left: auto; }.catalog-nav a { color: var(--bn-muted); font-size: .72rem; font-weight: 700; }.catalog-nav a:hover { color: var(--bn-gold-deep); }.catalog-header__actions { align-items: center; display: flex; gap: .65rem; }.catalog-login { align-items: center; color: var(--bn-coffee); display: flex; font-size: .7rem; font-weight: 700; gap: .35rem; }.catalog-cart-button { align-items: center; background: var(--bn-gold); border: 0; border-radius: .6rem; color: #fff; display: flex; height: 2.35rem; justify-content: center; position: relative; width: 2.35rem; }.catalog-cart-button b { align-items: center; background: var(--bn-coffee); border: 2px solid #fffdfa; border-radius: 50%; display: flex; font-size: .55rem; height: 1.05rem; justify-content: center; position: absolute; right: -.4rem; top: -.35rem; width: 1.05rem; }.catalog-menu { display: none; }.catalog-hero { background: var(--bn-coffee); color: #fff; min-height: 550px; overflow: hidden; position: relative; }.catalog-hero > img { height: 100%; inset: 0; object-fit: cover; object-position: 70% center; position: absolute; width: 100%; }.catalog-hero:after { background: linear-gradient(90deg, rgba(45,32,22,.9), rgba(52,37,25,.63) 40%, rgba(52,37,25,.06) 80%); content: ""; inset: 0; position: absolute; }.catalog-hero > div { margin: 0 auto; max-width: 1230px; padding: 7.2rem 2rem 4.5rem; position: relative; z-index: 1; }.catalog-hero h1 { font-size: clamp(3rem,5.3vw,5rem); line-height: .98; margin-bottom: 1.25rem; }.catalog-hero h1 em { color: #e9c78d; }.catalog-hero p:not(.eyebrow) { color: rgba(255,255,255,.77); font-size: .95rem; line-height: 1.7; max-width: 465px; }.catalog-hero .button { margin-top: .75rem; }.catalog-hero__details { display: flex; gap: 1.15rem; margin-top: 2.3rem; }.catalog-hero__details span { align-items: center; color: #eddbbb; display: flex; font-size: .64rem; font-weight: 700; gap: .35rem; }.catalog-benefits { background: #f1e5d3; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto; max-width: 1120px; position: relative; transform: translateY(-2.1rem); }.catalog-benefits > div { border-right: 1px solid rgba(100,75,46,.17); padding: 1.15rem 1.35rem; }.catalog-benefits > div:last-child { border-right: 0; }.catalog-benefits span { color: var(--bn-gold-deep); display: block; margin-bottom: .55rem; }.catalog-benefits strong { font-size: .76rem; }.catalog-benefits p { color: var(--bn-muted); font-size: .64rem; line-height: 1.5; margin: .35rem 0 0; }.catalog-products, .catalog-about { margin: 0 auto; max-width: 1230px; padding: 4rem 2rem 6rem; }.catalog-products__heading { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.5rem; }.catalog-products__heading > p { color: var(--bn-muted); font-size: .83rem; line-height: 1.6; max-width: 350px; }.catalog-toolbar { align-items: center; border-bottom: 1px solid var(--bn-line); display: flex; gap: .65rem; margin-bottom: 1.4rem; padding-bottom: 1.4rem; }.catalog-toolbar .search-field { max-width: 370px; }.product-grid--catalog { grid-template-columns: repeat(4, minmax(0,1fr)); }.catalog-about { align-items: center; display: grid; gap: 5.5rem; grid-template-columns: .8fr 1.2fr; }.catalog-about__visual { aspect-ratio: .9; border-radius: 1rem; overflow: hidden; position: relative; }.catalog-about__visual img { height: 100%; object-fit: cover; object-position: 72% center; width: 100%; }.catalog-about__visual:after { background: linear-gradient(180deg, transparent, rgba(47,33,22,.68)); content: ""; inset: 0; position: absolute; }.catalog-about__visual span { align-items: center; background: rgba(255,255,255,.86); border-radius: 50%; bottom: 1.1rem; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: 1.3rem; height: 3.7rem; justify-content: center; left: 1.1rem; position: absolute; width: 3.7rem; z-index: 1; }.catalog-about h2 { font-size: clamp(2.4rem,4vw,3.7rem); line-height: 1.05; }.catalog-about > div:last-child > p:not(.eyebrow) { color: var(--bn-muted); font-size: .9rem; line-height: 1.75; max-width: 510px; }.catalog-contact { display: flex; gap: 1.35rem; margin: 1.65rem 0; }.catalog-contact > span { align-items: center; color: var(--bn-gold-deep); display: flex; gap: .45rem; }.catalog-contact div { display: grid; gap: .18rem; }.catalog-contact small { color: var(--bn-muted); font-size: .55rem; }.catalog-contact strong { color: var(--bn-coffee); font-size: .67rem; }.catalog-cta { align-items: center; background: var(--bn-coffee); color: #fff; display: flex; gap: 2rem; justify-content: space-between; padding: 4rem max(2rem, calc((100vw - 1100px) / 2)); }.catalog-cta h2 { font-size: clamp(2.5rem,4vw,4rem); line-height: .98; margin-bottom: 0; }.catalog-footer { background: #211914; color: rgba(255,255,255,.7); display: grid; gap: 2rem; grid-template-columns: 1.4fr .8fr .8fr; padding: 3.8rem max(2rem, calc((100vw - 1100px) / 2)) 1.5rem; }.catalog-footer > div { display: grid; gap: .6rem; align-content: start; }.catalog-footer p { font-size: .69rem; line-height: 1.6; max-width: 240px; }.catalog-footer strong { color: #e6c48c; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }.catalog-footer a { color: rgba(255,255,255,.7); font-size: .68rem; }.catalog-footer small { border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.4); font-size: .59rem; grid-column: 1 / -1; margin-top: .75rem; padding-top: 1rem; }.catalog-cart-drawer { inset: 0; position: fixed; z-index: 50; }.catalog-cart-drawer__shade { background: rgba(38,26,18,.48); inset: 0; position: absolute; }.catalog-cart-drawer > aside { background: #fffdfa; bottom: 0; box-shadow: -20px 0 50px rgba(42,29,21,.2); display: flex; flex-direction: column; max-width: 430px; padding: 1.3rem; position: absolute; right: 0; top: 0; width: 100%; }.catalog-cart-drawer aside > header { align-items: center; border-bottom: 1px solid var(--bn-line); display: flex; justify-content: space-between; padding-bottom: 1rem; }.catalog-cart-drawer aside > header div { display: grid; gap: .2rem; }.catalog-cart-drawer aside > header span { color: var(--bn-muted); font-size: .63rem; }.catalog-cart-drawer aside > header strong { font-size: .95rem; }.catalog-cart-drawer aside > header button { background: #f3eadc; border: 0; border-radius: .5rem; color: var(--bn-coffee); display: flex; padding: .45rem; }.catalog-cart-lines { display: grid; flex: 1; margin-top: .5rem; overflow-y: auto; }.catalog-cart-lines article { align-items: center; border-bottom: 1px solid #efe7db; display: grid; gap: .55rem; grid-template-columns: 43px minmax(0,1fr) auto; padding: .75rem 0; }.catalog-cart-lines .product-thumb { border-radius: .45rem; height: 2.4rem; width: 2.4rem; }.catalog-cart-lines strong { display: block; font-size: .7rem; }.catalog-cart-lines small { color: var(--bn-muted); display: block; font-size: .56rem; margin-top: .17rem; }.catalog-cart-lines b { font-size: .68rem; }.catalog-cart-total { align-items: center; border-top: 1px solid var(--bn-line); display: flex; justify-content: space-between; padding: .9rem 0; }.catalog-cart-total span { color: var(--bn-muted); font-size: .72rem; }.catalog-cart-total strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.55rem; font-weight: 500; }.catalog-cart-drawer aside > .button { width: 100%; }.catalog-cart-drawer aside > p { color: var(--bn-muted); font-size: .59rem; line-height: 1.45; text-align: center; }.catalog-checkout { display: grid; gap: .9rem; margin-top: 1.3rem; }.catalog-checkout > p { color: var(--bn-muted); font-size: .7rem; line-height: 1.55; margin: 0 0 .2rem; }.checkout-total { align-items: center; border-bottom: 1px solid var(--bn-line); border-top: 1px solid var(--bn-line); display: flex; justify-content: space-between; margin-top: .2rem; padding: .85rem 0; }.checkout-total span { color: var(--bn-muted); font-size: .72rem; }.checkout-total strong { color: var(--bn-coffee); font-family: Georgia, serif; font-size: 1.4rem; font-weight: 500; }.order-success { align-items: center; display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: center; }.order-success > span { align-items: center; background: #e2f0e7; border-radius: 50%; color: var(--bn-sage); display: flex; height: 3.5rem; justify-content: center; width: 3.5rem; }.order-success h2 { font-size: 1.7rem; margin: 1.1rem 0 .55rem; }.order-success p { color: var(--bn-muted); font-size: .75rem; line-height: 1.55; max-width: 270px; }.order-success .button { margin-top: .8rem; }

/* Client account */
.client-portal { background: #f8f3eb; min-height: 100vh; padding-bottom: 3rem; }.client-portal__header { align-items: center; background: #fffdfa; border-bottom: 1px solid var(--bn-line); display: flex; justify-content: space-between; padding: 1rem max(2rem, calc((100vw - 1050px) / 2)); }.client-portal__welcome { align-items: end; background: var(--bn-coffee); color: #fff; display: flex; justify-content: space-between; margin: 0 auto; max-width: 1050px; padding: 3.2rem 2rem; }.client-portal__welcome h1 { font-size: clamp(2.4rem,4vw,3.65rem); line-height: 1; margin-bottom: .8rem; }.client-portal__welcome h1 em { color: #edca90; }.client-portal__welcome > div > p:not(.eyebrow) { color: rgba(255,255,255,.7); font-size: .82rem; line-height: 1.6; margin-bottom: 0; }.client-portal__welcome > span { align-items: center; background: #dfbd7c; border-radius: 50%; color: var(--bn-coffee); display: flex; font-family: Georgia, serif; font-size: 1.25rem; height: 4.4rem; justify-content: center; width: 4.4rem; }.client-tabs, .client-portal .panel, .client-kpi-grid, .repeat-buy { margin-left: auto; margin-right: auto; max-width: 1050px; }.client-tabs { margin-bottom: 1.25rem; margin-top: 0; padding: .8rem 2rem 0; }.client-kpi-grid { display: grid; gap: .8rem; grid-template-columns: repeat(4,1fr); padding: 0 2rem; }.client-portal .panel, .repeat-buy { margin-top: .9rem; }.client-order-preview { display: grid; }.client-order-preview article { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .75rem 0; }.client-order-preview article:last-child { border-bottom: 0; }.client-order-preview strong { display: block; font-size: .72rem; }.client-order-preview small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .18rem; }.client-order-preview article > div:last-child { align-items: end; display: flex; flex-direction: column; gap: .35rem; }.client-order-preview b { font-size: .71rem; }.client-credit-card { align-items: center; background: var(--bn-coffee); border-radius: .75rem; color: #fff; display: flex; justify-content: space-between; padding: 1.1rem; }.client-credit-card span { color: #dac49f; font-size: .62rem; }.client-credit-card strong { display: block; font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; margin: .35rem 0; }.client-credit-card p { color: rgba(255,255,255,.63); font-size: .62rem; margin: 0; }.installment-list { display: grid; }.installment-list article { align-items: center; border-bottom: 1px solid #efe7db; display: flex; justify-content: space-between; padding: .8rem 0; }.installment-list article:last-child { border-bottom: 0; }.installment-list strong { display: block; font-size: .7rem; }.installment-list small { color: var(--bn-muted); display: block; font-size: .58rem; margin-top: .18rem; }.installment-list article > div:last-child { align-items: end; display: flex; gap: .4rem; }.installment-list b { font-size: .67rem; }.repeat-buy { align-items: center; background: #fffdfa; border: 1px solid var(--bn-line); border-radius: .9rem; box-shadow: 0 7px 24px rgba(64,44,27,.04); display: flex; flex-direction: column; padding: 3rem 1rem; text-align: center; }.repeat-buy h2 { font-size: 1.8rem; }.repeat-buy p { color: var(--bn-muted); font-size: .75rem; max-width: 320px; }.toast { align-items: center; background: var(--bn-coffee); border: 1px solid rgba(255,255,255,.14); border-radius: .7rem; bottom: 1rem; box-shadow: var(--shadow-lift); color: #fff; display: flex; font-size: .72rem; gap: .6rem; left: 50%; max-width: calc(100vw - 2rem); padding: .8rem 1rem; position: fixed; transform: translateX(-50%); z-index: 100; }.toast svg { color: #e0bb77; }.toast button { align-items: center; background: transparent; border: 0; color: #fff; display: flex; margin-left: .2rem; padding: 0; }

@media (max-width: 1120px) {
  .site-nav { gap: .8rem; }.site-header__actions .button:first-child { display: none; }.hero { min-height: 670px; }.section, .technology-section { padding-bottom: 5.5rem; padding-top: 5.5rem; }.network-section { gap: 3rem; }.portal-sidebar { flex-basis: 225px; width: 225px; }.portal-main { margin-left: 225px; width: calc(100% - 225px); }.profile-hero { align-items: start; flex-direction: column; }.purchase-layout { grid-template-columns: minmax(0,1fr) 280px; }.price-manager-list article { grid-template-columns: 40px minmax(135px,1fr) 73px 73px 74px 50px auto; }.product-grid, .product-grid--catalog { grid-template-columns: repeat(3, minmax(0,1fr)); }.product-grid--small { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 880px) {
  .site-header__inner { padding: 0 1.2rem; }.site-nav { background: #fffdfa; box-shadow: var(--shadow-lift); display: none; flex-direction: column; gap: 0; left: 1rem; padding: .6rem; position: absolute; right: 1rem; top: 4.7rem; }.site-nav--open { display: flex; }.site-nav a, .site-header--solid .site-nav > a { border-radius: .5rem; color: var(--bn-coffee); font-size: .78rem; padding: .85rem; width: 100%; }.site-nav__mobile-actions { display: grid; gap: .5rem; padding: .5rem; width: 100%; }.site-nav__mobile-actions .button { width: 100%; }.site-header__actions { display: none; }.menu-toggle { align-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.5); border-radius: .5rem; color: #fff; display: flex; height: 2.35rem; justify-content: center; margin-left: auto; width: 2.35rem; }.site-header--solid .menu-toggle { background: var(--bn-sand); border-color: var(--bn-line); color: var(--bn-coffee); }.hero__content { padding: 5rem 1.2rem 4rem; }.hero__veil { background: linear-gradient(90deg, rgba(46,33,23,.91), rgba(54,39,27,.66) 61%, rgba(64,43,25,.12)); }.section--about, .network-section, .catalog-about { grid-template-columns: 1fr; }.about-copy { padding-top: 0; }.network-section { gap: 2rem; }.network-benefits { grid-template-columns: repeat(3,1fr); }.portal-mockups { grid-template-columns: 1fr .62fr; }.portal-mockup--side { display: none; }.differential-grid { grid-template-columns: repeat(2,1fr); }.differential-grid article:nth-child(3n) { border-right: 1px solid var(--bn-line); }.differential-grid article:nth-child(2n) { border-right: 0; }.journey-list { grid-template-columns: repeat(3,1fr); }.journey-list li:nth-child(3n) { border-right: 0; }.journey-list li:nth-child(n+4) { border-top: 1px solid var(--bn-line); }.testimonial-grid { grid-template-columns: 1fr; }.testimonial-grid blockquote { min-height: auto; }.final-cta { align-items: start; flex-direction: column; }.site-footer__top { flex-direction: column; gap: 2.5rem; }.site-footer__nav { gap: 1.7rem; }.portal-sidebar { display: none; }.portal-main { margin-left: 0; padding-bottom: 4.75rem; width: 100%; }.portal-topbar { height: 4.1rem; padding: 0 1rem; }.topbar-menu { align-items: center; background: var(--bn-sand); border: 0; border-radius: .5rem; color: var(--bn-coffee); display: flex; height: 2.15rem; justify-content: center; width: 2.15rem; }.portal-topbar { gap: .7rem; justify-content: initial; }.portal-topbar__actions { margin-left: auto; }.topbar-user { display: none; }.portal-mobile-menu { background: var(--bn-coffee); bottom: 0; box-shadow: 10px 0 40px rgba(25,16,11,.3); color: #fff; display: flex; flex-direction: column; left: 0; overflow-y: auto; padding: 1rem; position: fixed; top: 0; width: min(290px, 82vw); z-index: 80; }.portal-mobile-menu:after { background: rgba(35,22,15,.35); content: ""; height: 100%; left: 100%; position: fixed; top: 0; width: 100vw; z-index: -1; }.portal-mobile-menu__top { align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; padding: .35rem .5rem 1.1rem; }.portal-mobile-menu__top button { background: rgba(255,255,255,.12); border: 0; border-radius: .5rem; color: #fff; display: flex; padding: .45rem; }.portal-mobile-menu__nav { display: grid; gap: .2rem; margin-top: 1.15rem; }.portal-bottom-nav { background: #fffdfa; border-top: 1px solid var(--bn-line); bottom: 0; display: flex; height: 4.5rem; justify-content: space-around; left: 0; padding: .35rem .25rem .4rem; position: fixed; right: 0; z-index: 30; }.portal-bottom-nav a, .portal-bottom-nav button { align-items: center; background: transparent; border: 0; color: var(--bn-muted); display: flex; flex: 1; flex-direction: column; font-size: .54rem; font-weight: 700; gap: .19rem; justify-content: center; padding: 0; }.portal-bottom-nav a.is-active { color: var(--bn-gold-deep); }.portal-content { padding: 1.15rem; }.dashboard-grid--charts, .dashboard-grid--lower { grid-template-columns: 1fr; }.kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.micro-grid { grid-template-columns: repeat(2,1fr); }.report-grid { grid-template-columns: 1fr; }.insight-list { grid-template-columns: 1fr; }.settings-grid { grid-template-columns: 1fr; }.purchase-layout { grid-template-columns: 1fr; }.cart-panel { position: static; }.catalog-preview { grid-template-columns: 1fr; }.catalog-preview__cover { min-height: 240px; }.product-grid, .product-grid--catalog, .product-grid--small { grid-template-columns: repeat(2,minmax(0,1fr)); }.catalog-header__inner { padding: 0 1.2rem; }.catalog-nav { background: #fffdfa; box-shadow: var(--shadow-lift); display: none; flex-direction: column; gap: 0; left: 1rem; padding: .55rem; position: absolute; right: 1rem; top: 4.35rem; }.catalog-nav--open { display: flex; }.catalog-nav a { border-radius: .5rem; color: var(--bn-coffee); padding: .8rem; }.catalog-menu { align-items: center; background: var(--bn-sand); border: 0; border-radius: .5rem; color: var(--bn-coffee); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }.catalog-login { display: none; }.catalog-header__actions { margin-left: auto; }.catalog-hero > div { padding: 5.8rem 1.2rem 3.5rem; }.catalog-hero:after { background: linear-gradient(90deg, rgba(45,32,22,.91), rgba(52,37,25,.62) 75%, rgba(52,37,25,.14)); }.catalog-benefits { margin: 0 1.2rem; transform: translateY(-1.4rem); }.catalog-products, .catalog-about { padding: 2.7rem 1.2rem 4.5rem; }.catalog-products__heading { align-items: start; flex-direction: column; gap: .5rem; }.catalog-about { gap: 2.1rem; }.catalog-about__visual { max-height: 430px; }.catalog-cta { align-items: start; flex-direction: column; padding: 3rem 1.2rem; }.catalog-footer { grid-template-columns: 1fr 1fr; padding: 3rem 1.2rem 1.4rem; }.catalog-footer > div:first-child { grid-column: 1 / -1; }.client-portal__header { padding: 1rem 1.2rem; }.client-portal__welcome { padding: 2.4rem 1.2rem; }.client-tabs { padding-left: 1.2rem; padding-right: 1.2rem; }.client-kpi-grid { padding: 0 1.2rem; }
}

@media (max-width: 610px) {
  .catalog-branding > .brand { display: none; }
  .hero { min-height: 680px; }.hero__image { object-position: 68% center; }.hero__veil { background: linear-gradient(90deg, rgba(46,33,23,.92), rgba(54,39,27,.69) 70%, rgba(64,43,25,.12)); }.hero h1 { font-size: clamp(2.7rem, 13vw, 3.55rem); }.hero__content > p:not(.eyebrow) { font-size: .94rem; }.hero__proof { gap: .65rem 1rem; margin-top: 2.3rem; }.section { padding: 4.15rem 1.2rem; }.section--products { padding-left: 1.2rem; padding-right: 1.2rem; }.section-heading { align-items: start; flex-direction: column; gap: .45rem; margin-bottom: 1.45rem; }.section-heading > p { font-size: .82rem; }.section__intro h2, .section-heading h2, .catalog-products h2 { font-size: 2.35rem; }.highlight-grid { gap: .9rem; grid-template-columns: 1fr 1fr; margin-top: .4rem; }.highlight-grid article:nth-child(2) { border-right: 0; }.highlight-grid article:nth-child(n+3) { border-top: 1px solid var(--bn-line); padding-top: .9rem; }.highlight-grid strong { font-size: 1.9rem; }.product-grid, .product-grid--catalog, .product-grid--small { gap: .75rem; }.product-card__body { padding: .8rem; }.product-card h3 { font-size: .85rem; }.product-card p { display: none; }.product-card__foot { align-items: start; flex-direction: column; margin-top: .75rem; }.product-card__foot .button { min-height: 1.95rem; width: 100%; }.network-section { padding: 4.15rem 1.2rem; }.network-section h2 { font-size: 3rem; }.network-benefits { grid-template-columns: 1fr 1fr; }.network-benefits div:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.2); }.network-benefits div:nth-child(2n) { border-right: 0; }.network-benefits div { min-height: 7.4rem; padding: 1rem; }.portal-mockups { display: block; }.portal-mockup--main { min-height: 280px; }.portal-mockup--phone { display: none; }.differential-grid { grid-template-columns: 1fr; }.differential-grid article, .differential-grid article:nth-child(3n) { border-right: 0; min-height: 175px; }.journey-list { grid-template-columns: 1fr 1fr; }.journey-list li, .journey-list li:nth-child(3n) { border-right: 1px solid var(--bn-line); }.journey-list li:nth-child(2n) { border-right: 0; }.journey-list li:nth-child(n+3) { border-top: 1px solid var(--bn-line); }.site-footer { padding: 3rem 1.2rem 1.2rem; }.site-footer__nav { gap: 1.5rem; grid-template-columns: 1fr 1fr; }.site-footer__nav > div:last-child { grid-column: 1 / -1; }.site-footer__bottom { align-items: start; flex-direction: column; gap: .8rem; margin-top: 2rem; }.page-heading { align-items: start; flex-direction: column; gap: .8rem; }.page-heading h1 { font-size: 2rem; }.page-heading__actions { justify-content: start; width: 100%; }.demo-chip { display: none; }.notification-popover { right: -2.5rem; }.kpi-grid { gap: .65rem; }.kpi-card { min-height: 112px; padding: .8rem; }.kpi-card > strong { font-size: 1.35rem; margin-top: .9rem; }.dashboard-grid { gap: .65rem; margin-top: .65rem; }.panel { padding: .9rem; }.quick-actions { grid-template-columns: 1fr; }.order-row { align-items: start; grid-template-columns: 1fr auto; padding: .8rem 0; }.order-row__buyer { grid-column: 1; }.order-row__amount { grid-column: 2; grid-row: 1 / span 2; }.order-row__status { grid-column: 1 / -1; justify-content: space-between; }.order-row select { max-width: none; width: 52%; }.product-admin-row { grid-template-columns: 42px minmax(0,1fr) auto; }.product-admin-row > div:nth-of-type(2), .product-admin-row > div:nth-of-type(3) { display: none; }.product-admin-row > div:nth-of-type(4) { grid-column: 2; }.product-admin-row .button { grid-column: 3; grid-row: 2; }.form-grid { grid-template-columns: 1fr; }.form-grid__wide { grid-column: auto; }.form-actions { align-items: start; flex-direction: column; }.movement-list article { grid-template-columns: 30px minmax(0,1fr) auto; }.movement-list time { display: none; }.attention-list { margin-top: .3rem; }.micro-grid { grid-template-columns: 1fr; }.profile-hero { gap: 1.2rem; padding: 1rem; }.profile-hero__metrics { display: grid; gap: .9rem; grid-template-columns: 1fr 1fr; width: 100%; }.profile-hero__metrics span:last-child { grid-column: 1 / -1; }.debt-card { align-items: start; flex-direction: column; }.debt-card__actions { width: 100%; }.debt-card__actions .button { flex: 1; }.customer-list article { grid-template-columns: 34px minmax(0,1fr) auto; }.customer-list article > div:nth-of-type(2), .customer-list article > div:nth-of-type(3) { display: none; }.customer-list article > div:nth-of-type(4) { grid-column: 2; }.credit-list article { align-items: start; grid-template-columns: 1fr auto; }.credit-list article > div:nth-child(2), .credit-list article > div:nth-child(3), .credit-list article > div:nth-child(4) { display: none; }.credit-list > article > .switch { grid-column: 2; grid-row: 1; }.credit-list__actions { grid-column: 1 / -1; justify-content: start; }.details-grid { grid-template-columns: 1fr; }.settings-grid { gap: .65rem; }.purchase-product-list { padding: .45rem .75rem; }.purchase-product-list article { grid-template-columns: 42px minmax(0,1fr) 85px; }.purchase-product-list__price { grid-column: 2; grid-row: 2; text-align: left; }.quantity-control { grid-column: 3; grid-row: 1 / span 2; }.price-manager-list article { grid-template-columns: 42px minmax(0,1fr) auto; }.price-manager-list article > div:nth-of-type(2), .price-manager-list article > div:nth-of-type(3), .price-manager-list article > div:nth-of-type(5) { display: none; }.price-manager-list label { grid-column: 2; }.price-manager-list .button { grid-column: 3; grid-row: 2; }.stock-product-list article { grid-template-columns: 40px 1fr auto; }.stock-product-list article > div:nth-of-type(2) { display: none; }.stock-product-list .button { grid-column: 2 / -1; }.bn-account-card { align-items: start; grid-template-columns: 1fr; }.bn-order-list article { grid-template-columns: 1fr auto; }.bn-order-list article > div:nth-of-type(2) { display: none; }.bn-order-list .status { grid-column: 1; }.material-grid { grid-template-columns: 1fr 1fr; }.catalog-preview__stats { grid-template-columns: repeat(3,1fr); gap: .55rem; }.catalog-preview__stats div { border-bottom: 0; border-right: 1px solid var(--bn-line); padding: 0 .55rem 0 0; }.catalog-preview__stats div:last-child { border-right: 0; }.catalog-preview__stats strong { font-size: 1rem; }.catalog-header__inner { gap: .6rem; height: 4.3rem; }.catalog-brand strong { font-size: .85rem; }.catalog-hero { min-height: 510px; }.catalog-hero h1 { font-size: 2.9rem; }.catalog-hero__details { gap: .75rem; }.catalog-benefits { display: block; margin: 0 1.2rem; }.catalog-benefits > div { border-bottom: 1px solid rgba(100,75,46,.17); border-right: 0; display: grid; gap: .15rem .55rem; grid-template-columns: 24px 1fr; padding: .8rem; }.catalog-benefits span { grid-row: 1 / span 2; margin: 0; }.catalog-benefits p { grid-column: 2; }.catalog-about__visual { aspect-ratio: 1.15; }.catalog-contact { gap: .85rem; }.catalog-footer { grid-template-columns: 1fr; }.catalog-footer > div:first-child { grid-column: auto; }.catalog-footer small { grid-column: auto; }.catalog-cart-drawer > aside { max-width: none; padding: 1rem; }.client-portal__header .button { font-size: .58rem; }.client-portal__welcome { align-items: start; flex-direction: column; }.client-portal__welcome > span { align-self: flex-end; margin-top: -3rem; }.client-kpi-grid { grid-template-columns: 1fr 1fr; gap: .6rem; }.client-portal .panel, .repeat-buy { margin-left: 1.2rem; margin-right: 1.2rem; }.installment-list article { align-items: start; flex-direction: column; gap: .5rem; }.installment-list article > div:last-child { align-items: start; flex-direction: column; }.toast { bottom: 5.1rem; font-size: .66rem; }
}

/* FOXdistribution Home refinement — 1.0.2 DEV */
.bn-site .site-header { transition: background .28s ease, box-shadow .28s ease, border-color .28s ease, transform .28s ease; }
.bn-site .site-header--solid { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.bn-site .hero { min-height: min(860px, 92vh); isolation: isolate; }
.bn-site .hero:after { background: linear-gradient(180deg, transparent 70%, rgba(28,19,12,.2)); bottom: 0; content: ""; height: 34%; left: 0; pointer-events: none; position: absolute; right: 0; z-index: 1; }
.bn-site .hero__image { transform: scale(1.055); transform-origin: center center; transition: transform .12s linear; will-change: transform; }
.bn-site .hero__veil { background: linear-gradient(90deg, rgba(37,26,17,.95) 0%, rgba(47,32,21,.86) 30%, rgba(54,36,22,.35) 62%, rgba(54,36,22,.06) 100%); z-index: 1; }
.bn-site .hero__content { z-index: 2; }
.bn-site .hero__content:before { background: linear-gradient(90deg, rgba(230,187,105,.8), rgba(230,187,105,0)); content: ""; display: block; height: 1px; margin-bottom: 1.35rem; width: 86px; }
.bn-site .hero__actions .button { box-shadow: 0 12px 34px rgba(0,0,0,.12); }

.bn-site .landing-reveal { opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity .72s ease var(--reveal-delay, 0ms), transform .72s cubic-bezier(.2,.75,.25,1) var(--reveal-delay, 0ms); }
.bn-site .landing-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0); }
.bn-site .product-card.landing-reveal, .bn-site .differential-grid article.landing-reveal, .bn-site .testimonial-grid blockquote.landing-reveal { transform: translate3d(0, 20px, 0) scale(.985); }
.bn-site .product-card.landing-reveal.is-visible, .bn-site .differential-grid article.landing-reveal.is-visible, .bn-site .testimonial-grid blockquote.landing-reveal.is-visible { transform: translate3d(0,0,0) scale(1); }

.bn-site .founders-section { display: grid; gap: 2rem; grid-template-columns: 1fr; max-width: 1380px; padding-bottom: 6.5rem; padding-top: 7.6rem; position: relative; }
.bn-site .founders-section__media { --parallax-shift: 0px; min-height: 680px; position: relative; }
.bn-site .founders-section__frame { background: #e9d8bb; border: 1px solid rgba(198,154,81,.28); border-radius: 2rem; box-shadow: 0 32px 90px rgba(64,43,25,.15); inset: 0; overflow: hidden; position: absolute; }
.bn-site .founders-section__frame:after { background: linear-gradient(90deg, rgba(255,251,243,.98) 0%, rgba(255,250,241,.91) 28%, rgba(255,248,237,.52) 46%, rgba(255,248,237,.06) 68%); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 2; }
.bn-site .founders-section__image { height: calc(100% + 86px); left: 0; object-fit: cover; object-position: center center; position: absolute; top: -43px; transform: translate3d(0, var(--parallax-shift), 0) scale(1.03); transition: transform .15s linear; width: 100%; will-change: transform; }
.bn-site .founders-section__glow { background: radial-gradient(circle at 72% 22%, rgba(255,223,160,.24), transparent 33%); inset: 0; pointer-events: none; position: absolute; z-index: 3; }
.bn-site .founders-section__content { align-self: center; margin-left: clamp(2rem, 5vw, 5.1rem); max-width: 545px; padding: 2.2rem 0; pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; }
.bn-site .founders-section__content h2 { font-size: clamp(2.75rem, 4.45vw, 4.8rem); line-height: .98; margin-bottom: 1.55rem; }
.bn-site .founders-section__content > p { color: #6f5c46; font-size: .94rem; line-height: 1.75; max-width: 520px; }
.bn-site .founders-section__content .founders-section__lead { color: var(--bn-coffee); font-size: 1.04rem; font-weight: 600; }
.bn-site .founders-values { border-bottom: 1px solid rgba(144,96,30,.18); border-top: 1px solid rgba(144,96,30,.18); display: grid; gap: 0; margin: 1.7rem 0 1.35rem; }
.bn-site .founders-values article { align-items: start; display: grid; gap: .8rem; grid-template-columns: 38px 1fr; padding: .85rem 0; }
.bn-site .founders-values article + article { border-top: 1px solid rgba(144,96,30,.13); }
.bn-site .founders-values article > span { align-items: center; background: rgba(201,154,36,.12); border: 1px solid rgba(201,154,36,.2); border-radius: .75rem; color: var(--bn-gold-deep); display: flex; height: 2.25rem; justify-content: center; width: 2.25rem; }
.bn-site .founders-values strong { color: var(--bn-coffee); display: block; font-size: .79rem; margin-bottom: .18rem; }
.bn-site .founders-values small { color: var(--bn-muted); display: block; font-size: .68rem; line-height: 1.48; }
.bn-site .founders-section__link { align-items: center; color: var(--bn-gold-deep); display: inline-flex; font-size: .72rem; font-weight: 800; gap: .45rem; letter-spacing: .03em; padding: .35rem 0; text-transform: uppercase; }
.bn-site .founders-section__link svg { transition: transform .2s ease; }
.bn-site .founders-section__link:hover svg { transform: translateX(4px); }
.bn-site .founders-section__signature { align-items: center; backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px); background: rgba(47,32,15,.78); border: 1px solid rgba(255,255,255,.18); border-radius: 1rem; bottom: 1.45rem; color: #fff; display: flex; gap: .75rem; padding: .78rem .9rem; position: absolute; right: 1.45rem; z-index: 5; }
.bn-site .founders-section__signature > span { align-items: center; background: linear-gradient(145deg, #e7c17a, #9b680f); border-radius: .72rem; color: #fff; display: flex; font-family: Georgia, serif; font-size: 1.1rem; height: 2.4rem; justify-content: center; width: 2.4rem; }
.bn-site .founders-section__signature div { display: grid; gap: .15rem; }
.bn-site .founders-section__signature strong { font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.bn-site .founders-section__signature small { color: rgba(255,255,255,.65); font-size: .58rem; }
.bn-site .highlight-grid--founders { margin-top: .45rem; }

.bn-site .brand-movement { --parallax-shift: 0px; background: #291c11; color: #fff; min-height: 520px; overflow: hidden; position: relative; }
.bn-site .brand-movement__backdrop { background-image: linear-gradient(90deg, rgba(30,20,13,.93) 0%, rgba(41,27,16,.72) 45%, rgba(41,27,16,.34) 100%), url("../images/bn-cosmeticos-hero-premium.png"); background-position: center; background-size: cover; inset: -52px 0; position: absolute; transform: translate3d(0, calc(var(--parallax-shift) * .7), 0) scale(1.08); will-change: transform; }
.bn-site .brand-movement:after { border: 1px solid rgba(230,190,116,.24); content: ""; height: 58%; pointer-events: none; position: absolute; right: 8%; top: 18%; transform: rotate(1.5deg); width: 27%; }
.bn-site .brand-movement__inner { margin: 0 auto; max-width: 1320px; padding: 8.1rem 2rem; position: relative; z-index: 2; }
.bn-site .brand-movement h2 { font-size: clamp(3rem, 5.5vw, 5.4rem); line-height: .96; margin: 0 0 1.45rem; max-width: 850px; }
.bn-site .brand-movement h2 em { color: #e8c68a; }
.bn-site .brand-movement__inner > p:not(.eyebrow) { color: rgba(255,255,255,.72); font-size: 1rem; line-height: 1.75; max-width: 600px; }
.bn-site .brand-movement__pillars { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 2rem; }
.bn-site .brand-movement__pillars span { align-items: center; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #f4e2c4; display: inline-flex; font-size: .7rem; font-weight: 700; gap: .45rem; padding: .72rem .9rem; }
.bn-site .brand-movement__pillars svg { color: #e7bc70; }

.bn-site .portal-mockup--main { animation: foxdFloatMain 7s ease-in-out infinite; }
.bn-site .portal-mockup--phone { animation: foxdFloatPhone 6.4s ease-in-out infinite; }
.bn-site .portal-mockup--side { animation: foxdFloatSide 7.6s ease-in-out infinite; }
@keyframes foxdFloatMain { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes foxdFloatPhone { 0%,100% { transform: translateY(0) rotate(-.35deg); } 50% { transform: translateY(-10px) rotate(.35deg); } }
@keyframes foxdFloatSide { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }

@media (max-width: 880px) {
  .bn-site .hero { min-height: 690px; }
  .bn-site .hero__image { transform: scale(1.02) !important; }
  .bn-site .founders-section { gap: 1.3rem; padding-bottom: 4.9rem; padding-top: 5rem; }
  .bn-site .founders-section__media { min-height: 500px; }
  .bn-site .founders-section__frame { border-radius: 1.45rem; }
  .bn-site .founders-section__frame:after { background: linear-gradient(180deg, rgba(255,250,241,.02) 38%, rgba(255,250,241,.94) 72%, rgba(255,250,241,1) 100%); }
  .bn-site .founders-section__image { height: 100%; object-position: 70% center; top: 0; transform: none !important; }
  .bn-site .founders-section__content { margin: -8.5rem 1rem 0; max-width: none; padding: 1.45rem; position: relative; top: auto; transform: none; }
  .bn-site .founders-section__content:before { backdrop-filter: blur(13px); -webkit-backdrop-filter: blur(13px); background: rgba(255,252,246,.9); border: 1px solid rgba(220,196,157,.45); border-radius: 1.2rem; box-shadow: 0 18px 44px rgba(64,43,25,.1); content: ""; inset: 0; position: absolute; z-index: -1; }
  .bn-site .founders-section__content h2 { font-size: clamp(2.45rem, 8vw, 3.5rem); }
  .bn-site .founders-section__signature { bottom: auto; right: 1rem; top: 1rem; }
  .bn-site .brand-movement { min-height: 480px; }
  .bn-site .brand-movement__backdrop { inset: 0; transform: none !important; }
  .bn-site .brand-movement__inner { padding: 5.7rem 1.2rem; }
  .bn-site .brand-movement:after { display: none; }
  .bn-site .portal-mockup--main, .bn-site .portal-mockup--phone, .bn-site .portal-mockup--side { animation: none; }
}

@media (max-width: 610px) {
  .bn-site .founders-section__media { min-height: 420px; }
  .bn-site .founders-section__image { object-position: 69% center; }
  .bn-site .founders-section__content { margin: -5.7rem .35rem 0; padding: 1.25rem; }
  .bn-site .founders-section__content h2 { font-size: 2.45rem; }
  .bn-site .founders-section__content > p { font-size: .84rem; }
  .bn-site .founders-section__content .founders-section__lead { font-size: .91rem; }
  .bn-site .founders-section__signature { padding: .6rem .68rem; }
  .bn-site .founders-section__signature small { display: none; }
  .bn-site .highlight-grid--founders { margin-top: .15rem; }
  .bn-site .brand-movement h2 { font-size: 2.85rem; }
  .bn-site .brand-movement__pillars { align-items: stretch; flex-direction: column; }
  .bn-site .brand-movement__pillars span { border-radius: .8rem; justify-content: flex-start; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .bn-site *, .bn-site *::before, .bn-site *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .bn-site .landing-reveal { opacity: 1 !important; transform: none !important; }
  .bn-site .founders-section__image, .bn-site .brand-movement__backdrop, .bn-site .hero__image { transform: none !important; }
}