.banner{position:relative;display:flex;justify-content:center;margin-bottom:48px}.banner:before{content:"";position:absolute;left:50%;top:50%;width:1200px;max-width:100%;height:440px;transform:translate(-50%,-50%);background:radial-gradient(closest-side at 50% 50%,color-mix(in srgb,var(--accent-brand-subtle) 80%,transparent) 0,transparent 100%);pointer-events:none;z-index:0}.banner-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border-radius:var(--radius-pill);border:1px solid var(--banner-pill-border);background:var(--banner-pill-bg);font-family:var(--font-maven-pro),sans-serif;font-size:13.5px;font-weight:500;color:var(--text-primary);transition:box-shadow .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;box-shadow:0 0 26px -6px var(--banner-pill-shadow)}.banner-pill:hover{border-color:var(--accent-brand);box-shadow:0 0 26px -6px var(--banner-pill-shadow),0 0 26px -4px color-mix(in srgb,var(--accent-brand) 45%,transparent)}.banner-pill:hover .banner-cta-arrow{background:hsla(0,0%,100%,.08)}[data-theme=light] .banner-cta-arrow{background:rgba(0,0,0,.04)}[data-theme=light] .banner-pill:hover .banner-cta-arrow{background:rgba(0,0,0,.08)}.banner-sep{color:var(--text-primary)}.banner-cta{color:var(--accent-brand);font-weight:600}.banner-cta,.banner-cta-arrow{display:inline-flex;align-items:center}.banner-cta-arrow{justify-content:center;padding:0 6px;height:20px;border-radius:var(--radius-pill);background:hsla(0,0%,100%,.05);transition:background .2s ease}.banner-cta-arrow .link-arrow{margin-left:0;top:0}