/* Brand frame (selectors start with `body` so a page's own `.ab *` reset cannot zero the padding): homepage hero proof chips + About "people and platform" frame.
   ONE shared file, byte-identical on the three listing sites (D-1008-25, always-on #27). Drawn in
   _research/site_audit_2026-10/build_brand_pages.py, approved D-1008-86. Colours read the site tokens with fallbacks. */
.hx-proof{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px auto 0;max-width:960px}
.hx-proof span{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:6px 14px;font-size:.82rem;color:rgba(255,255,255,.85)}
.hx-proof b{font-weight:700;color:#fff}
.hx-hero h1 em{font-style:italic}
body .bf-hero{position:relative;padding:72px 24px 56px;background-size:cover;background-position:center 40%;background-color:#111;border-bottom:3px solid var(--red,#EA002A);color:#fff}
body .bf-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,.78) 60%,rgba(10,10,10,.92) 100%)}
body .bf-hero>div{position:relative;max-width:1100px;margin:0 auto}
body .bf-eyebrow{font-family:'Raleway',sans-serif;font-weight:800;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0}
body .bf-hero h1{font-family:'Raleway',sans-serif;font-weight:900;font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.08;margin:14px 0;max-width:820px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.5)}
body .bf-lead{font-size:1.1rem;line-height:1.6;color:rgba(255,255,255,.85);max-width:760px;margin:0 0 28px}
body .bf-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
body .bf-tile{background:rgba(15,15,15,.88);border:1px solid #1e1e1e;border-radius:10px;padding:18px 16px}
body .bf-tile .n{font-family:'Raleway',sans-serif;font-weight:900;font-size:1.7rem;line-height:1.1;color:#fff}
body .bf-tile .l{font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.65);margin-top:6px}
body .bf-keys{background:#0a0a0a;padding:48px 24px;color:#fff}
body .bf-keys-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
body .bf-key{background:#111;border:1px solid #1e1e1e;border-left:3px solid var(--red,#EA002A);border-radius:10px;padding:26px}
body .bf-key .k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 8px}
body .bf-key h2{font-family:'Raleway',sans-serif;font-weight:800;font-size:1.5rem;margin:0 0 10px;color:#fff}
body .bf-key p{color:rgba(255,255,255,.72);margin:0 0 14px;font-size:.95rem;line-height:1.6}
body .bf-key ul{margin:0 0 18px;padding-left:18px;color:rgba(255,255,255,.78);font-size:.9rem}
body .bf-key li{margin-bottom:6px}
body .bf-cta{display:inline-block;margin:0 8px 8px 0;padding:11px 18px;border-radius:24px;font-family:'Raleway',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:var(--red,#EA002A);color:#fff;border:1px solid var(--red,#EA002A)}
body .bf-cta.q{background:transparent;border-color:rgba(255,255,255,.4)}
@media(max-width:860px){body .bf-tiles{grid-template-columns:1fr 1fr}body .bf-keys-in{grid-template-columns:1fr}body .bf-hero{padding:48px 20px 40px}}
body .hx-hero-eyebrow{color:#fff;letter-spacing:.16em;line-height:1.5;text-shadow:0 1px 14px rgba(0,0,0,.75)}
body .hx-hero-eyebrow b{color:#fff}
body .bf-eyebrow{line-height:1.5;text-shadow:0 1px 14px rgba(0,0,0,.75)}
@media(max-width:860px){body .hx-hero-eyebrow{letter-spacing:.1em;font-size:.72rem;margin-bottom:26px}body .bf-eyebrow{letter-spacing:.12em;margin-bottom:6px}}
body .hx-hero::before{background:linear-gradient(180deg,rgba(10,10,10,.78) 0%,rgba(10,10,10,.74) 55%,rgba(10,10,10,.92) 100%)}
body .hx-hero .hx-hero-sub{color:rgba(255,255,255,.95)}
/* Hero award mark (D-1009-63/64): the official mark, unaltered; clear space >= height/4 (23px at 92px); min 28px desktop / 22px phone. */
body .hx-hero-claim{display:flex;align-items:center;justify-content:center;gap:22px;margin:0 0 20px}
body .hx-hero-claim .hx-hero-eyebrow{margin:0;text-align:left}
body .hx-award-mark{display:block;height:92px;width:92px;min-height:28px;flex:none}
body .hx-hero .hx-proof{align-items:center}
body .hx-hero .hx-proof .hx-proof-award{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 10px}
body .hx-hero .hx-proof .hx-proof-award>span{background:none;border:0;padding:0;border-radius:0}
@media(max-width:860px){body .hx-hero-claim{flex-direction:column;gap:10px;margin-bottom:26px}body .hx-hero-claim .hx-hero-eyebrow{margin:0;text-align:center}body .hx-award-mark{height:68px;width:68px;min-height:22px}}
@media(max-width:860px){body .hx-hero .hx-proof .hx-proof-award{flex-direction:column;gap:8px;text-align:center;padding:12px 16px}}