.bb-awards-content *, .bb-awards-content *::before, .bb-awards-content *::after { box-sizing:border-box; margin:0; padding:0; } .bb-awards-content {   --teal:#00D2D2; --coral:#FF5E5B; --gray:#B3B3B3; --white:#FFFFFF;   --black:#000000; --dark:#111111; --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;   background:var(--black); color:var(--white); font-family:var(--font-body); line-height:1.6; } .bb-awards-content .bb-container { max-width:1200px; margin:0 auto; padding:0 24px; } .bb-awards-content section { padding:80px 0; } .bb-awards-content h1,.bb-awards-content h2,.bb-awards-content h3 { font-family:var(--font-heading); line-height:1.2; } .bb-awards-content h1 { font-size:clamp(30px,5vw,46px); margin-bottom:18px; } .bb-awards-content h2 { font-size:clamp(24px,3.5vw,34px); margin-bottom:16px; } .bb-awards-content h3 { font-size:19px; margin-bottom:8px; color:var(--white); } .bb-awards-content p { color:var(--gray); margin-bottom:14px; } .bb-awards-content a { color:var(--teal); text-decoration:none; } .bb-awards-content a:hover { text-decoration:underline; } .bb-awards-content .bb-full-bleed { width:100%; position:relative; left:auto;right:auto;margin-left:0;margin-right:0; overflow-x:hidden; } .bb-awards-content .bb-full-bleed .bb-container { max-width:1200px; margin:0 auto; padding:0 24px; } .bb-awards-content .bb-eyebrow { font-family:var(--font-mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--teal); margin-bottom:14px; } .bb-awards-content .bb-lead { font-size:18px; color:var(--white); max-width:720px; } .bb-awards-content .bb-reassure { color:var(--gray); max-width:640px; margin-top:10px; } .bb-awards-content .bb-cta-row { display:flex; gap:16px; flex-wrap:wrap; margin-top:28px; } .bb-awards-content .bb-btn { display:inline-flex; align-items:center; padding:14px 28px; border-radius:4px; font-weight:600; font-family:var(--font-body); cursor:pointer; text-decoration:none; line-height:1; min-height:46px; transition:opacity .2s ease, background-color .2s ease, color .2s ease; } .bb-awards-content .bb-btn:hover { opacity:.92; text-decoration:none; } .bb-awards-content .bb-btn-primary { background:var(--teal); color:var(--black); } .bb-awards-content .bb-btn-ghost { border:1px solid var(--teal); color:var(--teal); background:transparent; } .bb-awards-content .bb-btn-ghost:hover { background:var(--teal); color:var(--black); } .bb-awards-content .bb-trustbar { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; } .bb-awards-content .bb-pill { font-family:var(--font-mono); font-size:12px; color:var(--gray); border:1px solid var(--teal); border-radius:100px; padding:7px 14px; white-space:nowrap; } .bb-awards-content .bb-badge-wall { display:flex; flex-wrap:wrap; gap:22px; justify-content:center; align-items:center; margin-top:26px; } .bb-awards-content [data-share-badge-id] { width:150px; min-height:240px; display:flex; align-items:center; justify-content:center; } .bb-awards-content .bb-cv-badge { width:150px; height:150px; border:0; } .bb-awards-content .bb-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:8px; } .bb-awards-content .bb-card { background:var(--dark); border:1px solid var(--line); border-radius:8px; padding:26px; transition:border-color .2s ease; } .bb-awards-content .bb-card:hover { border-color:var(--teal); } .bb-awards-content .bb-card .bb-rank { font-family:var(--font-mono); font-size:12px; color:var(--coral); margin-bottom:10px; letter-spacing:.08em; } .bb-awards-content .bb-card p { margin-bottom:0; font-size:15px; } .bb-awards-content .bb-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; text-align:center; } .bb-awards-content .bb-stat .bb-num { font-family:var(--font-heading); font-size:34px; color:var(--teal); line-height:1; } .bb-awards-content .bb-stat .bb-lbl { font-family:var(--font-mono); font-size:12px; color:var(--gray); text-transform:uppercase; letter-spacing:.08em; margin-top:8px; } .bb-awards-content .bb-bullets { list-style:none; margin-top:8px; } .bb-awards-content .bb-bullets li { color:var(--gray); margin-bottom:10px; padding-left:26px; position:relative; } .bb-awards-content .bb-bullets li::before { content:"\2713"; position:absolute; left:0; color:var(--teal); } .bb-awards-content .bb-inline-link { margin-top:18px; } .bb-awards-content .bb-faq { max-width:820px; } .bb-awards-content .bb-faq-item { border-top:1px solid var(--line); padding:22px 0; } .bb-awards-content .bb-faq-item:last-child { border-bottom:1px solid var(--line); } .bb-awards-content .bb-faq-item h3 { color:var(--white); margin-bottom:8px; } .bb-awards-content .bb-cta-inner { max-width:720px; margin:0 auto; text-align:center; border:2px solid var(--teal); border-radius:8px; padding:48px 40px; } .bb-awards-content .bb-cta-badge { display:inline-block; background:var(--coral); color:var(--white); font-family:var(--font-mono); font-size:12px; font-weight:700; letter-spacing:.1em; padding:5px 14px; border-radius:100px; margin-bottom:16px; } .bb-awards-content .bb-disclaimer { font-family:var(--font-mono); font-size:12px; color:var(--gray); text-align:center; margin-top:26px; } @media (max-width:1024px){ .bb-awards-content .bb-stats { grid-template-columns:repeat(2,1fr); } } @media (max-width:768px){   .bb-awards-content section { padding:52px 0; }   .bb-awards-content .bb-grid { grid-template-columns:1fr; }   .bb-awards-content .bb-cta-row { flex-direction:column; }   .bb-awards-content .bb-cta-row .bb-btn { width:100%; justify-content:center; }   .bb-awards-content .bb-cta-inner { padding:32px 24px; } }