/* Bondi+ landing extras: commission highlight + explainer video. Independent of generated site.css. */
.bx-nocom{display:flex;align-items:center;gap:14px;max-width:36rem;margin:0 0 24px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);text-align:left;color:#fff}
.bx-nocom-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:hsl(var(--accent,190 90% 55%));color:hsl(var(--secondary,220 60% 20%));font-weight:800;font-size:1.1rem;letter-spacing:-.02em}
.bx-nocom-text{font-size:.98rem;line-height:1.45;color:rgba(255,255,255,.85)}
.bx-nocom-text strong{display:block;font-size:1.15rem;color:#fff;font-weight:800;margin-bottom:2px}

.bx-video{padding:96px 24px;background:hsl(var(--muted,214 40% 96%)/.5);border-bottom:1px solid hsl(var(--border,214 30% 88%))}
.bx-video-inner{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.bx-video-copy{text-align:center;max-width:34rem;margin:0 auto}
.bx-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:12px}
.bx-video-copy h2{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:hsl(var(--foreground));margin:0 0 16px}
.bx-video-copy>p{font-size:1.1rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:0 0 24px}
.bx-video-point{padding:20px 22px;border-radius:20px;background:hsl(var(--secondary));color:rgba(255,255,255,.82);line-height:1.55;text-align:left}
.bx-video-point strong{display:block;color:hsl(var(--accent));font-size:1.1rem;margin-bottom:4px}
.bx-video-frame{margin:0 auto;width:100%;max-width:340px;aspect-ratio:1080/1918;border-radius:28px;overflow:hidden;background:hsl(var(--secondary));border:6px solid #fff;box-shadow:0 30px 60px -20px hsl(var(--secondary)/.45)}
.bx-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:hsl(var(--secondary))}
.bx-video-frame video:focus-visible{outline:3px solid hsl(var(--accent));outline-offset:-3px}
@media (min-width:768px){.bx-video{padding:120px 48px}}
@media (min-width:1024px){
  .bx-video-inner{grid-template-columns:1.1fr .9fr;gap:72px}
  .bx-video-copy{text-align:left;margin:0}
  .bx-video-frame{max-width:360px}
}
@media (max-width:1023px){.bx-nocom{margin-left:auto;margin-right:auto}}