 .bb-footer *, .bb-footer *::before, .bb-footer *::after { box-sizing:border-box; margin:0; padding:0; } .bb-footer {   --teal:#00D2D2;   --coral:#FF5E5B;   --white:#FFFFFF;   --black:#000000;   --gray:#888888;   --darker:#0A0A0A;   --line:#1a1a1a;   --font-heading:'Montserrat','Segoe UI',Arial,sans-serif;   --font-body:'Inter','Segoe UI',system-ui,sans-serif;   --font-mono:'Space Mono','Courier New',monospace;   width:100%; margin-left:0; margin-right:0; overflow-x:hidden;   background:var(--darker);   color:#fff;   font-family:var(--font-body); } .bb-footer .bb-site-footer {   padding:54px 0 28px;   border-top:1px solid var(--line);   background:var(--darker); } .bb-footer .bb-container {   max-width:1180px;   margin:0 auto;   padding:0 24px; } .bb-footer .bb-footer-badges {   text-align:center;   padding-bottom:34px;   border-bottom:1px solid var(--line);   margin-bottom:40px; } .bb-footer .bb-footer-badges h3 {   color:var(--teal);   font-size:11px;   text-transform:uppercase;   letter-spacing:.16em;   margin-bottom:22px;   font-family:var(--font-mono); } .bb-footer .bb-badge-row {   display:flex;   flex-wrap:wrap;   justify-content:center;   align-items:center;   gap:14px; } .bb-footer [data-share-badge-id] {   width:92px !important;   height:112px !important;   max-width:92px !important;   max-height:112px !important;   overflow:hidden !important;   display:flex !important;   align-items:center !important;   justify-content:center !important; } .bb-footer [data-share-badge-id] iframe {   width:92px !important;   height:112px !important;   max-width:92px !important;   max-height:112px !important;   transform:scale(.68);   transform-origin:center center;   border:0 !important; } .bb-footer .bb-community-badge {   width:88px !important;   height:88px !important;   max-width:88px !important;   max-height:88px !important;   border:0 !important;   overflow:hidden !important;   display:block; } .bb-footer .bb-footer-grid {   display:grid;   grid-template-columns:1.35fr 1fr 1fr 1.2fr;   gap:38px;   margin-bottom:38px; } .bb-footer h4 {   color:var(--teal);   margin-bottom:16px;   font-size:11px;   text-transform:uppercase;   letter-spacing:.12em;   font-family:var(--font-mono); } .bb-footer p, .bb-footer li {   color:var(--gray);   font-size:14px;   line-height:1.7; } .bb-footer p {   margin-bottom:8px; } .bb-footer ul {   list-style:none; } .bb-footer li {   margin-bottom:9px; } .bb-footer a {   color:var(--gray);   text-decoration:none; } .bb-footer a:hover {   color:#fff; } .bb-footer .bb-footer-note {   border-top:1px solid var(--line);   padding-top:22px;   margin-bottom:22px;   text-align:center; } .bb-footer .bb-footer-note p {   color:#555;   font-size:12px;   line-height:1.8;   font-family:var(--font-mono);   max-width:980px;   margin:0 auto; } .bb-footer .bb-footer-bottom {   border-top:1px solid var(--line);   padding-top:22px;   text-align:center; } .bb-footer .bb-footer-bottom p {   color:#444;   font-size:13px; } @media (max-width:900px) {   .bb-footer .bb-footer-grid {     grid-template-columns:repeat(2,1fr);   } } @media (max-width:650px) {   .bb-footer .bb-footer-grid {     grid-template-columns:1fr;     gap:28px;   }   .bb-footer [data-share-badge-id] {     width:82px !important;     height:102px !important;   }   .bb-footer .bb-community-badge {     width:78px !important;     height:78px !important;   } } 