.bb{--bb-black:#151515;--bb-ink:var(--color-text);--bb-body:var(--color-text-muted);--bb-rule:var(--color-border);--bb-paper:var(--color-surface);--bb-stone:#f4f3f1;--bb-orange:var(--color-accent);--bb-orange-deep:var(--color-accent-hover);--bb-orange-tint:var(--color-accent-soft);background:var(--bb-paper);color:var(--bb-ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.bb a{color:inherit}.bb-h2{font-size:clamp(26px,3vw,34px);font-weight:var(--mk-w-ctl);margin:0 0 28px;line-height:1.08}.bb-h2--tight{margin-bottom:14px}.bb .mk-nav{background:var(--bb-black);color:#fff;border-block-end-color:#ffffff1a}@supports (animation-timeline:scroll(root)){@media (prefers-reduced-motion:no-preference){.bb .mk-nav{animation:none}}}.bb .mk-nav__links a{color:#ffffffb8}.bb .mk-nav__links a:hover{color:#fff}.bb .mk-nav__cta{border-color:#ffffff40}.bb .mk-nav__cta:hover{border-color:#fff}@media (max-width:40rem){.bb .mk-nav__links li{display:revert}}.bb-hero{background:var(--bb-black);color:#fff;padding:72px 0 84px}.bb-hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.bb-accent{background:var(--bb-orange);width:52px;height:4px;margin-bottom:26px}.bb-hero__title{max-width:52rem;font-size:clamp(2rem,6vw,4.9rem);font-weight:var(--mk-w-body);color:#fff;text-wrap:balance;margin:0;line-height:1.08}.bb-hero__lede{color:#ffffffb8;text-wrap:pretty;max-width:34em;margin:20px 0 0;font-size:18px;line-height:1.55}.bb-cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.bb-btn{background:var(--bb-orange);color:#fff;font-weight:var(--mk-w-ctl);border-radius:var(--radius-full);padding:15px 24px;font-size:15px;text-decoration:none;display:inline-block}.bb-btn:hover{background:var(--bb-orange-deep)}.bb-btn--ghost{color:#fff;background:0 0;border:1px solid #ffffff4d}.bb-btn--ghost:hover{background:#ffffff0f}.bb a:focus-visible{outline:3px solid var(--bb-orange);outline-offset:3px}.bb-from{background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;padding:22px 22px 20px;position:relative}.bb-from__kicker{color:#ffffffb3;margin:0 0 14px;font-size:14px}.bb-cover{aspect-ratio:16/9;color:#fff;background:linear-gradient(160deg,#173a58 0%,#0e2740 60%,#0a1d31 100%);border-radius:10px;align-items:flex-end;padding:22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.bb-cover--plain{background:linear-gradient(160deg,#2b2b2b,#151515)}.bb-cover--compact{aspect-ratio:16/9;padding:18px}.bb-cover__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bb-cover__brand{font-size:12px;font-weight:var(--mk-w-ctl);opacity:.85;position:absolute;top:18px;left:22px}.bb-cover__title{font-weight:var(--mk-w-ctl);max-width:80%;font-size:clamp(20px,2.3vw,28px);line-height:1.1;position:relative}.bb-cover--compact .bb-cover__title{font-size:18px}.bb-cover--compact .bb-cover__brand{top:16px;left:18px}.bb-block{border-top:1px solid var(--bb-rule);padding:72px 0}.bb-steps{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.bb-steps__n{font-size:13px;font-weight:var(--mk-w-ctl);color:var(--bb-orange-deep);background:var(--bb-orange-tint);border-radius:var(--radius-md);margin-bottom:14px;padding:4px 8px;display:inline-block}.bb-steps__title{font-size:19px;font-weight:var(--mk-w-ctl);margin:0 0 10px;line-height:1.08}.bb-steps__body{color:var(--bb-body);text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.bb-examples{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.bb-ex{color:inherit;text-decoration:none;display:block}.bb-ex__cap{color:var(--bb-body);text-wrap:pretty;margin:12px 0 0;font-size:15px;line-height:1.5}.bb-ex__cap strong{color:var(--bb-ink);font-weight:var(--mk-w-ctl)}.bb-ex__go{font-size:14px;font-weight:var(--mk-w-ctl);color:var(--bb-ink);border-bottom:2px solid var(--bb-orange);margin-top:8px;padding-bottom:1px;display:inline-block}.bb-uses__intro{color:var(--bb-body);text-wrap:pretty;max-width:56em;margin:0 0 22px;font-size:16px;line-height:1.55}.bb-uses{flex-wrap:wrap;gap:10px;max-width:52em;margin:0;padding:0;list-style:none;display:flex}.bb-uses li{font-size:15px;font-weight:var(--mk-w-ctl);color:var(--bb-ink);border:1px solid var(--bb-rule);border-radius:var(--radius-full);background:var(--bb-stone);padding:9px 14px}.bb-close{background:var(--mk-close-bg,#000);color:var(--mk-close-ink,#fff);--mk-ghost-edge:var(--mk-close-ink,#fff);--mk-ghost-edge-hover:var(--mk-close-ink,#fff);padding:72px 0}.bb-close__inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.bb-close__title{font-size:clamp(28px,3.4vw,40px);font-weight:var(--mk-w-ctl);color:inherit;margin:0;line-height:1.08}.bb-close__body{color:color-mix(in srgb, var(--mk-close-ink,#fff) 82%, transparent);text-wrap:pretty;max-width:32em;margin:16px 0 0;font-size:17px;line-height:1.55}.bb-close__more{color:color-mix(in srgb, var(--mk-close-ink,#fff) 70%, transparent);margin:40px 0 0;font-size:14px}.bb-close__more a{color:var(--mk-close-ink,#fff)}.bb-close .bb-btn{color:var(--mk-close-ink,#fff);border:var(--mk-ghost-width,2px) solid var(--mk-ghost-edge,currentcolor);background:0 0}.bb-close .bb-btn:hover{background:color-mix(in srgb, var(--mk-close-ink,#fff) 12%, transparent);border-color:var(--mk-ghost-edge,currentcolor)}@media (max-width:820px){.bb-hero__grid,.bb-close__inner{grid-template-columns:1fr;gap:32px}.bb-steps,.bb-examples{grid-template-columns:1fr;gap:28px}.bb-hero{padding:58px 0 68px}.bb-block{padding:56px 0}}@media (prefers-reduced-motion:no-preference){.bb-from{animation:.5s ease-out both bb-rise}@keyframes bb-rise{0%{opacity:0;transform:translateY(10px)}}}