/* Homepage-only refinement: About continues to use its existing brand sheet. */
.bn-site-home .bn-feature-section { background:#fafcfb; border-top-color:#edf2ef; }
.bn-site-home .bn-capability-grid { gap:24px; }
.bn-site-home .bn-capability { padding:0; border:0; border-radius:0; background:transparent; }
.bn-site-home .bn-cap-visual { height:auto; aspect-ratio:1567 / 1004; border-radius:18px; background:#f1f7f4; }
.bn-site-home .bn-cap-mall { background:#fff7ef; }.bn-site-home .bn-cap-member { background:#f1f7fb; }.bn-site-home .bn-cap-care { background:#f4f8f1; }
.bn-site-home .bn-brand .bn-cap-illustration { width:100%; height:100%; object-fit:contain; }
.bn-site-home .bn-cap-content { padding:22px 5px 5px; }
.bn-site-home .bn-cap-content h3 { margin:0 0 12px; font-size:18px; }
.bn-site-home .bn-cap-content p { font-size:13px; line-height:1.9; }
.bn-site-home .bn-brand .bn-workflow-image { background:#f7faf9; border-radius:8px 54px 8px 54px; }
.bn-site-home .bn-workflow-image>img { object-position:50% 35%; }
.bn-site-home .bn-workflow-image::after { inset:45% 0 0; background:linear-gradient(transparent,#fafdface 65%,#fafdfaf7); }
.bn-site-home .bn-workflow-image figcaption { color:#23443a; }
.bn-site-home .bn-workflow-image figcaption span { color:#526c60; letter-spacing:.02em; }
.bn-site-home .bn-connection-section { background:#f7fafb; }
.bn-site-home .bn-hub-lines { position:absolute; inset:0; width:100%; height:100%; }
.bn-site-home .bn-hub-core { width:194px; height:126px; border-radius:20px; background:#fff; border:1px solid #e3edf0; box-shadow:0 10px 35px -16px #7a9aa526; color:#536d66; }
.bn-site-home .bn-hub-core>.bn-corporate-logo { display:block; width:150px; max-height:65px; height:auto; object-fit:contain; }
.bn-site-home .bn-hub-core>span { margin-top:12px; font-size:11px; opacity:1; }
.bn-site-home .bn-hub-node { background:#fff; border-color:#e5ecea; border-radius:12px; box-shadow:0 8px 24px -18px #6c90864d; }
.bn-site-home .bn-hub-node svg { color:#c97c43; }
.bn-site-home .bn-home-cta { background:#fff0e5; }
@media(max-width:1199px) {
  .bn-site-home .bn-capability-grid { gap:18px; }.bn-site-home .bn-cap-content h3 { font-size:16px; }.bn-site-home .bn-cap-content p { font-size:12px; }
  .bn-site-home .bn-hub-core { width:166px; height:116px; }.bn-site-home .bn-hub-core>.bn-corporate-logo { width:135px; }
}
@media(max-width:991px) {
  .bn-site-home .bn-capability-grid { gap:34px 24px; }.bn-site-home .bn-cap-visual { aspect-ratio:1567 / 1004; }.bn-site-home .bn-cap-content h3 { font-size:20px; }.bn-site-home .bn-cap-content p { font-size:13px; }
  .bn-site-home .bn-hub-core { width:190px; height:124px; }.bn-site-home .bn-hub-core>.bn-corporate-logo { width:152px; }
}
@media(max-width:575px) {
  .bn-site-home .bn-capability-grid { gap:28px 16px; }.bn-site-home .bn-cap-visual { aspect-ratio:1567 / 1004; border-radius:12px; }
  .bn-site-home .bn-cap-content { padding:15px 1px 0; }.bn-site-home .bn-cap-content h3 { font-size:15px; line-height:1.55; margin-bottom:8px; }.bn-site-home .bn-cap-content p { font-size:12px; }
  .bn-site-home .bn-hub-core { width:164px; height:110px; border-radius:16px; }.bn-site-home .bn-hub-core>.bn-corporate-logo { width:132px; }.bn-site-home .bn-hub-core>span { font-size:10px; margin-top:10px; }
  .bn-site-home .bn-brand .bn-workflow-image { border-radius:6px 40px 6px 40px; }
}
