:root {
  --xb-colors-primary: #2563eb;
  --xb-colors-secondary: #7c3aed;
  --xb-colors-dark: #0f172a;
  --xb-colors-light: #f8fafc;
  --xb-colors-muted: #64748b;
  --xb-colors-accent: #f59e0b;
  --xb-fonts-heading: Inter;
  --xb-fonts-body: Inter;
  --xb-spacing-xs: 4px;
  --xb-spacing-sm: 8px;
  --xb-spacing-md: 16px;
  --xb-spacing-lg: 32px;
  --xb-spacing-xl: 64px;
}
.xb-section, .xb-section *, .xb-section *::before, .xb-section *::after { box-sizing: border-box; }
img.xb-image { max-width: 100%; height: auto; display: block; }
img.xb-image:not([src]) { display: none; }
.xb-section-inner { display: flex; flex-direction: column; align-items: inherit; }
.xb-section-inner.xb-boxed { max-width: 1140px; margin-left: auto; margin-right: auto; }
.xb-section-inner.xb-full { max-width: none; }
.xb-section.xb-sec-full { width: 100vw; max-width: 100vw; position: relative; left: 50%; margin-left: -50vw; }
mark.xb-hl { background: linear-gradient(120deg,#fef08a 0%,#fde047 100%); padding: 0 .15em; border-radius: 3px; color: inherit; }
ul.xb-icon-list { list-style: none; margin: 0; padding: 0; }
.xb-ili { display: flex; align-items: flex-start; gap: 10px; }
.xb-ili-icon { flex: 0 0 auto; width: 1.35em; color: #10b981; }
.xb-ili-icon svg, .xb-icon svg { width: 100%; height: auto; display: block; }
.xb-divider { border: none; }
.xb-video { position: relative; cursor: pointer; overflow: hidden; background: #0f172a; }
.xb-video-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.xb-video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; background: rgba(15,23,42,0.8); color: #fff; border-radius: 50%; font-size: 22px; padding-left: 5px; }
.xb-video iframe, .xb-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }