/* Bets GR animations.css (animator) | DIRECTION.md 7 | motion: no-preference only; hidden: html.bgr-js only */
:root {
	--bgr-dur-fast: 150ms;
	--bgr-dur-base: 300ms;
	--bgr-dur-reveal: 600ms;
	--bgr-ease: cubic-bezier(.16, 1, .3, 1); /* expo-out */
	--bgr-ease-std: cubic-bezier(.2, .7, .2, 1);
	--bgr-ease-loop: cubic-bezier(.45, 0, .55, 1);
	--bgr-dur-count: 1200ms;
	--bgr-stagger: 80ms;
	--bgr-shadow-lift: 0 18px 40px -12px rgb(0 0 0 / .6);
	--bgr-tf: var(--bgr-dur-fast) var(--bgr-ease-std);
	--bgr-tb: var(--bgr-dur-base) var(--bgr-ease-std);
	--bgr-t-hover: transform var(--bgr-tf), box-shadow var(--bgr-tf), border-color var(--bgr-tf);
}

@keyframes bgr-shimmer { 0% { transform: translateX(-120%) skewX(-20deg); } 22.5%, 100% { transform: translateX(220%) skewX(-20deg); } }
@keyframes bgr-pulse { 0%, 100% { opacity: .35; transform: scale(1); } 50% { opacity: .85; transform: scale(1.05); } }
@keyframes bgr-float { to { transform: translate3d(0, -8px, 0); } }
@keyframes bgr-twinkle { 50% { opacity: .55; } }
@keyframes bgr-ring { from { stroke-dashoffset: var(--bgr-ring-from, 0); } }
@keyframes bgr-slide-up { from { opacity: 0; transform: translate3d(0, var(--bgr-slide-from, 100%), 0); } }
@keyframes bgr-marquee { to { transform: translate3d(var(--bgr-marquee-shift, -50%), 0, 0); } }
@keyframes bgr-rank-pop { from { opacity: 0; scale: .6; rotate: -20deg; } 40% { opacity: 1; } }
@keyframes bgr-load-in { from { opacity: .01; translate: 0 12px; } }
@keyframes bgr-failsafe { to { opacity: 1; translate: none; scale: none; } }

.bgr-counter { font-variant-numeric: tabular-nums; }
html { scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--bgr-anchor-offset, 72px)); }
@media (min-width: 1024px) { html { --bgr-anchor-offset: 88px; } }
html.bgr-js .bgr-sticky-cta:not(.is-shown) { translate: 0 calc(100% + 24px); visibility: hidden; pointer-events: none; }
.bgr-marquee__track { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; }
.bgr-marquee.is-ready { display: block; overflow: hidden; mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000); }
.bgr-marquee.is-ready .bgr-marquee__track { flex: none; flex-wrap: nowrap; justify-content: flex-start; width: max-content; max-width: none; }
.bgr-marquee.is-ready .bgr-marquee__track > * { flex: none; }
/* app.js puts span.bgr-twinkle in .bgr-stars */
.bgr-stars { position: relative; isolation: isolate; }
.bgr-twinkle { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; --c: var(--wp--preset--color--cream, #f4eedf); mask-image: radial-gradient(60% 70% at 0 0, #000 35%, #0000); }
.bgr-twinkle::before, .bgr-twinkle::after { content: ""; position: absolute; inset: 0; background: radial-gradient(1.6px at 22px 34px, var(--c) 60%, #0000), radial-gradient(1px at 106px 12px, var(--c) 60%, #0000), radial-gradient(1.3px at 150px 98px, var(--c) 60%, #0000), radial-gradient(1px at 58px 140px, var(--c) 60%, #0000); background-size: 190px 170px; }
.bgr-twinkle::after { --c: var(--wp--preset--color--gold-light, #ffd978); background-size: 260px 230px; background-position: 70px 40px; opacity: .8; }
.bgr-paused, .bgr-paused::before, .bgr-paused::after, .bgr-paused *, .bgr-paused *::before, .bgr-paused *::after { animation-play-state: paused !important; }

@media screen and (prefers-reduced-motion: no-preference) {
	html.bgr-js :is(.bgr-reveal, [data-reveal]) { --bgr-d: calc(var(--bgr-reveal-base, 0ms) + var(--bgr-reveal-delay, 0ms)); }
	html.bgr-js :is(.bgr-reveal--stagger, [data-reveal="stagger"]) > * { --bgr-d: calc(var(--bgr-reveal-delay, 0ms) + var(--bgr-i, 0) * var(--bgr-stagger)); }
	html.bgr-js :is(.bgr-reveal, [data-reveal]), html.bgr-js :is(.bgr-reveal--stagger, [data-reveal="stagger"]) > * {
		--bgr-tr: var(--bgr-dur-reveal) var(--bgr-ease) var(--bgr-d);
		transition: opacity var(--bgr-tr), translate var(--bgr-tr), scale var(--bgr-tr), var(--bgr-t-hover);
	}
	html.bgr-js :is(.bgr-reveal, [data-reveal]):not(.is-visible),
	html.bgr-js :is(.bgr-reveal--stagger, [data-reveal="stagger"]):not(.is-visible) > * { opacity: 0; translate: 0 24px; will-change: opacity, translate; }
	html.bgr-js :is(.bgr-reveal--left, [data-reveal="left"]):not(.is-visible) { translate: -32px 0; }
	html.bgr-js :is(.bgr-reveal--right, [data-reveal="right"]):not(.is-visible) { translate: 32px 0; }
	html.bgr-js :is(.bgr-reveal--zoom, [data-reveal="zoom"]):not(.is-visible) { translate: none; scale: .94; }
	.bgr-hero :is(.bgr-reveal--zoom, [data-reveal="zoom"]) { --bgr-reveal-base: 200ms; }
	/* never hidden: stagger parents, hero copy, trust bar, featured card */
	html.bgr-js :is(.bgr-reveal--stagger, [data-reveal="stagger"]):not(.is-visible),
	html.bgr-js :is(.bgr-trust, .bgr-featured, .bgr-card--featured):not(.is-visible),
	html.bgr-js :is(.bgr-hero, .bgr-trust, .bgr-featured) :is(.bgr-reveal, [data-reveal]):not(.bgr-reveal--zoom, [data-reveal="zoom"], .is-visible),
	html.bgr-js :is(.bgr-hero, .bgr-trust, .bgr-featured) .bgr-reveal--stagger > *,
	html.bgr-js :is(.bgr-trust, .bgr-featured).bgr-reveal--stagger > * { opacity: 1; translate: none; scale: none; will-change: auto; }
	html.bgr-js .bgr-hero :is(.bgr-reveal, [data-reveal]):not(.bgr-reveal--zoom, [data-reveal="zoom"]), .bgr-load-in { animation: bgr-load-in 400ms var(--bgr-ease-std) backwards; }
	/* failsafe until html.bgr-ready */
	html.bgr-js:not(.bgr-ready) :is(.bgr-reveal, [data-reveal], .bgr-seal, .bgr-rank.is-top),
	html.bgr-js:not(.bgr-ready) :is(.bgr-reveal--stagger, [data-reveal="stagger"]) > * { animation: bgr-failsafe 1ms 3s both; }

	:is(.bgr-card, .is-style-bgr-card, .bgr-row, .bgr-tile, .bgr-compact, .bgr-blog-card) { transition: var(--bgr-t-hover); }
	.bgr-tilt { transition: var(--bgr-t-hover); transition-duration: var(--bgr-dur-base), var(--bgr-dur-fast); }
	.bgr-tilt.is-tilting { transition-duration: var(--bgr-dur-fast); }
	@media (hover: hover) and (pointer: fine) {
		:is(.bgr-card, .is-style-bgr-card, .bgr-tile, .bgr-compact, .bgr-blog-card):not(.bgr-featured, .bgr-card--featured):hover { transform: translate3d(0, -4px, 0); box-shadow: var(--bgr-shadow-lift); }
		.bgr-row:not(.bgr-featured):hover { transform: translate3d(0, -2px, 0); }
		.bgr-tilt:not(.bgr-featured, .bgr-card--featured, .bgr-row):hover { transform: perspective(900px) translate3d(0, -4px, 0) rotateX(var(--bgr-rx, 0deg)) rotateY(var(--bgr-ry, 0deg)); }
	}

	/* end states in style.css */
	.bgr-header { transition: height var(--bgr-tb), padding var(--bgr-tb), box-shadow var(--bgr-tb); }
	.bgr-header::after { transition: background-color var(--bgr-tb); }
	.bgr-header :is(.wp-block-image, .wp-block-site-logo, img) { transition: transform var(--bgr-tb), scale var(--bgr-tb); }
	.bgr-header .wp-block-navigation-item__content { transition: color var(--bgr-tf); }
	.bgr-header .wp-block-navigation-item__content::after { transition: transform var(--bgr-tf); }

	html.bgr-js .bgr-sticky-cta { transition: translate var(--bgr-tb), transform var(--bgr-tb), visibility 0s; }
	html.bgr-js .bgr-sticky-cta:not(.is-shown) { --e: 200ms cubic-bezier(.4, 0, 1, 1); transition: translate var(--e), transform var(--e), visibility 0s 200ms; }

	/* shimmer on ::before (arrow owns ::after); pulse on the wrapper ::after */
	:is(.bgr-shimmer:not(.wp-block-button), .wp-block-button.bgr-shimmer > .wp-block-button__link) { position: relative; overflow: hidden; isolation: isolate; }
	:is(.bgr-shimmer:not(.wp-block-button), .wp-block-button.bgr-shimmer > .wp-block-button__link)::before { content: ""; position: absolute; inset: 0 auto 0 0; z-index: -1; width: 45%; background: linear-gradient(100deg, #fff0, rgb(255 255 255 / .38), #fff0); transform: translateX(-120%) skewX(-20deg); animation: bgr-shimmer 4s var(--bgr-ease-loop) 1s infinite; }
	.bgr-pulse { position: relative; isolation: isolate; display: inline-block; width: fit-content; max-width: 100%; border-radius: var(--bgr-radius-pill, 9999px); }
	.bgr-featured__cta.bgr-pulse { display: block; width: 100%; }
	.bgr-pulse::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; box-shadow: 0 16px 38px -10px rgb(215 34 58 / .8); opacity: .35; animation: bgr-pulse 2.4s var(--bgr-ease-loop) infinite; pointer-events: none; }
	.bgr-float { animation: bgr-float 6s var(--bgr-ease-loop) infinite alternate; }
	.bgr-twinkle::before { animation: bgr-twinkle 3.2s var(--bgr-ease-loop) infinite; }
	.bgr-twinkle::after { animation: bgr-twinkle 4.7s var(--bgr-ease-loop) 1.1s infinite; }

	html.bgr-js .bgr-ring-arc:not(.is-drawn) { stroke-dashoffset: var(--bgr-ring-from); }
	html.bgr-js .bgr-ring-arc.is-drawn { animation: bgr-ring var(--bgr-dur-count) var(--bgr-ease) backwards; }

	html.bgr-js :is(.bgr-seal, .bgr-rank.is-top):not(.is-visible) { opacity: 0; }
	:is(.bgr-seal, .bgr-rank.is-top).is-visible { animation: bgr-rank-pop 500ms cubic-bezier(.34, 1.56, .64, 1) 150ms backwards; }
	.bgr-seal__glint { position: absolute; top: 5%; left: 7.5%; width: 85%; height: 72.9%; border-radius: 50%; overflow: hidden; }
	.bgr-seal__glint::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 45%; background: linear-gradient(100deg, #fff0, rgb(255 255 255 / .55), #fff0); transform: translateX(-120%); }
	.bgr-seal.is-visible .bgr-seal__glint::before { animation: bgr-shimmer 2667ms var(--bgr-ease-std) 650ms both; }

	.bgr-marquee.is-ready .bgr-marquee__track { animation: bgr-marquee var(--bgr-marquee-duration, 30s) linear infinite; will-change: transform; }
	.bgr-marquee.is-ready:is(:hover, :focus-within) .bgr-marquee__track { animation-play-state: paused; }

	details.is-style-bgr-faq > summary::before, details.is-style-bgr-faq > summary::after { transition: transform var(--bgr-tb); }
	details.is-style-bgr-faq[open] > :not(summary) { --bgr-slide-from: 8px; animation: bgr-slide-up var(--bgr-tb) backwards; }
}

@media (prefers-reduced-motion: reduce) {
	*, ::before, ::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
	.bgr-header.is-scrolled :is(.wp-block-image, .wp-block-site-logo, img) { transform: none !important; scale: none !important; }
}