/* Bear Bit website improvements, 2026-09-22 */
:root{--bb-red:#C7000B;--bb-ink:#202238;--bb-muted:#596174;--bb-line:#e3e5eb}
html{scroll-behavior:smooth;scroll-padding-top:120px}body{overflow-wrap:break-word}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #C7000B;outline-offset:4px}
.nav-bar .nav-bar-tools li .nav-bar-contact .content-box a,.nav-bar .nav-bar-tools li .nav-bar-contact .content-box span{color:var(--bb-ink)}
.nav-bar .nav-bar-tools li .nav-bar-contact .content-box a:hover{color:var(--bb-red)}
.bb-icon-button{border:0;background:transparent;padding:8px;cursor:pointer;color:inherit}.search-box .bb-icon-button{color:#fff}
.bb-hero{padding:174px 0 72px;background:#f8f8fa;border-bottom:1px solid var(--bb-line)}.bb-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.bb-eyebrow{color:var(--bb-red);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}.bb-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.04em;color:var(--bb-ink);margin:0 0 24px;text-transform:none}.bb-hero-description{font-size:18px;line-height:1.75;color:var(--bb-muted);max-width:540px;text-transform:none}.bb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.bb-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--bb-red);color:#fff;border:1px solid var(--bb-red);border-radius:6px;font-weight:600;font-size:15px;line-height:1.5;text-decoration:none;cursor:pointer;text-transform:none}.bb-button:hover{background:#A3A3A3;color:#202238}.bb-button-secondary{background:#fff;color:var(--bb-ink);border-color:#cfd2dc}.bb-button-secondary:hover{background:#efedf0;color:var(--bb-ink)}.bb-hero-points{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:28px 0 0;font-size:13px;color:var(--bb-muted)}.bb-hero-points li:before{content:'✓';color:var(--bb-red);margin-right:8px}.bb-hero-image{margin:0;padding:24px;background:#fff;border:1px solid var(--bb-line);border-radius:18px;text-align:center}.bb-hero-image img{width:100%;height:360px;object-fit:contain}.bb-hero-image figcaption{font-size:13px;color:var(--bb-muted);margin-top:12px}
.bb-comparison{padding:68px 0;background:#fafafb}.bb-comparison h2{font-size:34px;line-height:1.2;color:var(--bb-ink);text-transform:none}.bb-comparison p{max-width:760px;text-transform:none}.bb-table-scroll{overflow-x:auto;margin:28px 0 20px;border:1px solid var(--bb-line);border-radius:8px}.bb-table{border-collapse:collapse;width:100%;min-width:660px;background:#fff;font-size:15px}.bb-table th,.bb-table td{padding:20px;text-align:left;border-bottom:1px solid var(--bb-line);vertical-align:top}.bb-table thead{background:#efeff4}.bb-table tbody tr:last-child>*{border-bottom:0}.bb-table a,.bb-text-link{color:var(--bb-red);font-weight:600}.bb-project-cta{margin-top:40px;padding:28px;background:#fff5f6;border-left:4px solid var(--bb-red);border-radius:4px}.bb-project-cta h2{font-size:25px;line-height:1.3;text-transform:none}.bb-project-cta p{text-transform:none}.bb-product-image{width:100%;max-height:440px;height:auto;object-fit:contain}.products-details-content .text-box .title-product{font-size:34px;line-height:1.2;text-transform:none}.left_h{font-size:38px;line-height:1.25;text-transform:none;margin-bottom:24px;width:100%}.bb-article-date{width:100%;color:var(--bb-muted);font-size:14px}.contents{width:100%;min-width:0;overflow-wrap:anywhere;line-height:1.8}.contents img,.explain img{max-width:100%;height:auto}.contents table,.explain table{max-width:100%}.bb-inquiry-page{max-width:820px;padding-top:48px;padding-bottom:64px}.bb-inquiry-page h1{font-size:38px;margin-bottom:24px}.bbq-form .bbq-title{text-transform:none}.bbq-form .bbq-desc,.bbq-form label{text-transform:none}.bbq-form .bbq-desc a{color:var(--bb-red)}.bbq-form .bbq-btn-send{background:var(--bb-red);border-color:var(--bb-red)}.bbq-form .bbq-input{color:#202238}.bbq-form .bbq-input::placeholder{color:#70798a}.quote-box .bbq-form{margin-bottom:0}
.bb-contact-page{padding:160px 0 80px;background:#f7f8fb}.bb-contact-heading{max-width:820px;margin-bottom:42px}.bb-contact-heading h1{font-size:clamp(34px,3.5vw,48px);line-height:1.15;letter-spacing:-.035em;text-transform:none;margin:0 0 18px;color:var(--bb-ink);text-wrap:balance}.bb-contact-heading>p:last-child{font-size:18px;line-height:1.7;text-transform:none;max-width:820px;color:var(--bb-muted);text-wrap:balance;margin-bottom:0}.bb-contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}.bb-contact-company{padding:8px 0}.bb-company-info h2{font-size:27px;line-height:1.2;text-transform:none;margin:0 0 14px}.bb-company-info p{font-size:15px;line-height:1.7;text-transform:none;color:var(--bb-muted)}.bb-company-info .bb-eyebrow{font-size:12px;color:var(--bb-red)}.bb-contact-details{margin:26px 0 28px}.bb-contact-details>div{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--bb-line)}.bb-contact-details dt{font-size:13px;font-weight:500;color:var(--bb-muted)}.bb-contact-details dd{margin:0;font-size:16px;color:var(--bb-ink);font-weight:600}.bb-contact-details a{color:var(--bb-ink)}.bb-contact-details a:hover{color:#A3A3A3}.bb-addresses{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bb-company-info h3{font-size:16px;line-height:1.4;text-transform:none;margin:0 0 8px;color:var(--bb-ink)}.bb-addresses address{font-size:14px;line-height:1.75;color:var(--bb-muted);margin:0;font-style:normal}.bb-export-partner{margin-top:28px;padding-top:24px;border-top:1px solid var(--bb-line)}.bb-export-partner img{max-width:150px;height:auto;margin-bottom:16px}.bb-export-partner p{font-size:13px;line-height:1.75;margin-bottom:0}.bb-project-help{margin-top:22px;border-top:1px solid var(--bb-line);padding-top:20px;font-size:14px}.bb-project-help summary{cursor:pointer;color:var(--bb-ink);font-weight:600}.bb-project-help ul{padding-left:20px;line-height:1.8;margin-top:14px}.bb-project-help p{font-size:14px}
@media(max-width:991px){.bb-hero{padding:135px 0 56px}.bb-hero-grid{gap:26px}.bb-hero-image img{height:300px}.bb-contact-page{padding:130px 0 60px}.bb-contact-layout{gap:28px}.bb-addresses{grid-template-columns:1fr;gap:18px}.bb-contact-details>div{grid-template-columns:78px 1fr;gap:8px}.bb-contact-details dd{font-size:14px}}
@media(max-width:767px){.bb-hero{padding:115px 0 44px}.bb-hero-grid{grid-template-columns:1fr;gap:30px}.bb-hero h1{font-size:40px}.bb-hero-description{font-size:16px}.bb-hero-image{padding:18px}.bb-hero-image img{height:280px}.bb-hero-points{gap:8px 16px}.bb-actions{flex-direction:column}.bb-actions .bb-button{width:100%}.bb-comparison{padding:44px 0}.bb-comparison h2{font-size:28px}.left_h{font-size:30px}.bb-project-cta{padding:22px}.bb-contact-page{padding:112px 0 48px}.bb-contact-heading{margin-bottom:28px}.bb-contact-heading>p:last-child{font-size:16px}.bb-contact-layout{grid-template-columns:1fr;gap:28px}.bb-contact-company{padding:0}.bb-contact-details dd{font-size:16px}.bb-contact-details>div{grid-template-columns:90px 1fr}.bb-addresses{grid-template-columns:1fr 1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.bb-company-card{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--bb-line)}.bb-company-card:last-of-type{margin-bottom:24px}.bb-company-card h2{font-size:23px;line-height:1.35;margin-bottom:12px}.bb-company-card h2 span{font-size:18px;font-weight:500}.bb-company-card .bb-eyebrow{margin-bottom:13px}.bb-company-card p{margin-bottom:14px}.bb-company-card address{font-size:15px;color:var(--bb-muted);font-style:normal;line-height:1.8;margin:0}.bb-company-website{color:var(--bb-red);font-size:14px;font-weight:600}.bb-simple-contact p{font-size:14px;margin-bottom:16px}.bb-simple-contact>a{display:block;color:var(--bb-ink);font-size:20px;line-height:1.6;font-weight:600;margin-bottom:4px}.bb-simple-contact>a:hover{color:#A3A3A3}

.bb-footer-bottom{margin-top:32px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.bb-footer-bottom a{color:#fff;font-size:14px}.bbq-btn:disabled{opacity:.65;cursor:wait}

.nav-bar .nav-bar-tools li .search-icon i{color:#202238}.nav-bar .nav-bar-tools li .search-icon:hover i{color:#C7000B}

.nav-bar .logo .open-nav-bar span{background-color:#202238}

.bb-banner-actions{padding:20px 0;background:#fff;border-bottom:1px solid #e3e5eb}.bb-banner-actions .container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:767px){.header.bb-original-banner{height:auto!important;padding-top:82px}.header.bb-original-banner .header-carousel .sec-hero{height:56vw!important;min-height:0!important;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#f8f8fa}.bb-banner-actions{padding:16px 0}.bb-banner-actions .bb-button{min-height:44px;padding:10px 16px;font-size:14px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:767px){.header.bb-original-banner{min-height:0!important}.header.bb-original-banner .sec-hero{display:block!important;max-height:56vw!important}.header.bb-original-banner .sec-hero>.table-cell{display:none!important}}

/* Shared accent and contact icon states. Uses the existing icon font. */
.nav-bar .nav-bar-tools li .nav-bar-contact .content-box a{position:relative}
.nav-bar .nav-bar-tools li .nav-bar-contact .bb-nav-contact-icon{position:absolute;left:-30px;top:0;float:none;font-size:20px;line-height:1.2;color:#C7000B;animation:none}
.nav-bar .nav-bar-tools li .nav-bar-contact .content-box a:hover .bb-nav-contact-icon{color:#C7000B}
.sec-title h2:hover{color:#A3A3A3}
.contact-info .contact-box:hover i:after,.services-carousel-item:hover i:after,.provide-core-list-item:hover i:after,.statistic-item:hover i:after{background-color:#F1F1F1}
.bbq-form .bbq-btn-send:hover,.bbq-form .bbq-btn-send:focus{background:#A3A3A3;border-color:#A3A3A3;color:#202238}

.provide-2 .provide-btn .btn-1{color:#fff;font-size:16px}.provide-2 .provide-btn .btn-1 span{color:inherit;font-size:inherit}

.bb-original-banner .header-carousel:not(.owl-loaded){display:block}.bb-original-banner .header-carousel:not(.owl-loaded)>.sec-hero:not(:first-child){display:none}@media(max-width:767px){.header.bb-original-banner .header-carousel{min-height:56vw}}

@media(max-width:767px){.header.bb-original-banner{height:calc(56vw + 82px)!important;transition:none}.header.bb-original-banner .header-carousel,.header.bb-original-banner .header-carousel .owl-stage-outer{height:56vw;min-height:56vw;transition:none}}

/* Footer copyright is managed in CMS Website Settings. */
.bb-footer-bottom .container{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap}
.bb-footer-bottom p{margin:0;color:#fff;font-size:14px;line-height:1.7;text-transform:none}
.bb-footer-bottom a{white-space:nowrap}

@media(max-width:575px){.bb-footer-bottom p{max-width:calc(100% - 72px)}}

/* Contact tablet layout: readable company details and a wider inquiry form. */
@media(min-width:768px) and (max-width:991px){.bb-contact-layout{grid-template-columns:1fr;gap:32px}.bb-company-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.bb-company-card,.bb-company-card:last-of-type{margin:0;padding:0 0 24px}.bb-simple-contact{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.bb-simple-contact p,.bb-simple-contact>a{margin:0}.bb-simple-contact>a{font-size:17px}}

/* Keep mobile navigation readable on its dark panel. */
@media(max-width:991px){.nav-bar .nav-bar-links .level-1 .item-level-1 .link-level-1,.nav-bar .nav-bar-links .level-2 .item-level-2 .link-level-2,.all-navbar.home-2 .nav-bar .nav-bar-links .level-1 .item-level-1 .link-level-1{color:#fff}}

/* Button hover: neutral edges without the red focus outline. */
.bb-button:focus-visible,.btn-1:focus-visible,.btn-2:focus-visible,.btn-3:focus-visible,.btn-4:focus-visible,.bbq-form .bbq-btn-send:focus-visible,.bb-about .bba-button:focus-visible{outline-color:#6b6b6b}.bb-button:hover,.btn-1:hover,.btn-2:hover,.btn-3:hover,.btn-4:hover,.bbq-form .bbq-btn-send:hover,.bb-about .bba-button:hover{outline:none;box-shadow:none;border-color:#a3a3a3}

/* Solid header for pages without a top banner. */
.bb-plain-header .all-navbar{background:#fff}

/* Compact desktop header */
@media(min-width:992px) and (max-width:1199px){.nav-bar>.container>.content-box{gap:16px}.nav-bar .logo{flex:0 0 120px}.nav-bar .logo img{width:120px}.nav-bar .nav-bar-links{min-width:0}.nav-bar .nav-bar-links .level-1{display:flex;flex-wrap:nowrap}.nav-bar .nav-bar-links .level-1 .item-level-1 .link-level-1{font-size:14px;margin-right:12px;white-space:nowrap}.nav-bar .nav-bar-links .level-1 .item-level-1:last-child .link-level-1{margin-right:0}.nav-bar .nav-bar-tools{flex-shrink:0}.nav-bar .nav-bar-contact .content-box a{font-size:14px;white-space:nowrap}}