/* ==========================================================================
   BetPro Pakistan - Light scheme
   Keeps hero surfaces dark while the rest of the theme uses a white canvas.
   ========================================================================== */

.blogpost,
.notfound,
.bp-bg .l-base {
  background: #fff;
  color: hsl(var(--foreground));
}

.bp-bg .l-dots,
.bp-bg .l-bloom,
.notfound .l-grid,
.notfound .l-gridfade,
.notfound .l-bloom,
.notfound .card .glow,
.notfound .card .shimmer {
  display: none;
}

.site > .section + .section {
  border-top-color: hsl(var(--border));
}

h1,
h2,
h3,
h4,
.sec-title,
.brand-name,
.nav-links a,
.blog-card h3,
.dealer-info h2,
.trust-cell h3,
.warn-col .ctitle h3,
.why-item h4,
.pay-card h3,
.how-card h3,
.support-card h3,
.faq-item .q,
.testi-card .name,
.bp-widget-title,
.bp-article h1,
.bp-article h2,
.bp-article h3,
.bp-article h4,
.cmp-c.feat {
  color: hsl(var(--foreground));
}

p,
li,
.hero-lead,
.center-head p,
.trust-head p,
.why-head p,
.warn-head p,
.faq-head p,
.testi-head p,
.blog-head p,
.dealer-desc,
.trust-cell p,
.why-item p,
.warn-col li span,
.pay-guarantee p,
.support-card .desc,
.testi-card .text,
.footer-brand .about,
.footer-brand .legal,
.footer-bottom,
.blog-card .excerpt,
.blog-card .metainfo,
.faq-answer p,
.bp-excerpt,
.bp-back,
.bp-listing-intro,
.bp-cover .meta,
.bp-cover .excerpt,
.bp-article p,
.bp-article li,
.bp-article figcaption,
.bp-widget-cta p,
.bp-recent .d,
.bp-cats a,
.cmp-note {
  color: hsl(var(--muted-foreground));
}

.dealer-card,
.trust-cell,
.warn-col,
.odds,
.odds-row,
.how-card,
.pay-card,
.nu-card,
.faq-item,
.testi-card,
.blog-card,
.support-card,
.dealer-cta,
.footer-social a,
.pay-card .body,
.support-card .body,
.testi-card .body,
.blog-card .body,
.bp-card,
.bp-sidebar-card,
.bp-article,
.bp-list-grid .blog-card,
.bp-widget,
.bp-widget-cta,
.cmp-table,
.cmp-head .cmp-c,
.notfound .card {
  background: hsl(var(--card));
  border-color: hsl(var(--card-border));
  color: hsl(var(--foreground));
  box-shadow: none;
}

.odds-row:hover,
.trust-cell:hover,
.dstat:hover,
.pay-card:hover,
.support-card:hover,
.blog-card:hover,
.faq-item.open {
  background: hsl(220 18% 97%);
}

.btn-ghost,
.chip,
.dealer-badges .chip,
.dealer-avatar .ring,
.dealer-avatar .check,
.trust-cell .ic,
.warn-col .ctitle .box,
.why-item .ic,
.support-card .ic,
.s-seo .seo-searches li,
.bp-pagination .page-numbers {
  background: hsl(var(--muted));
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}

.dealer-card,
.trust-cell,
.warn-col,
.odds-row,
.how-card,
.pay-card,
.nu-card,
.faq-item,
.testi-card,
.blog-card,
.support-card,
.bp-widget,
.bp-article,
.notfound .card,
.cmp-table {
  box-shadow: none;
}

.dealer-card *,
.trust-cell *,
.warn-col *,
.odds-row *,
.how-card *,
.pay-card *,
.nu-card *,
.faq-item *,
.testi-card *,
.blog-card *,
.support-card *,
.bp-widget *,
.bp-article *,
.cmp-table * {
  border-color: hsl(var(--border));
}

.dstat,
.dealer-card .footer,
.pay-card .row,
.hc-live .feed-wrap,
.hc-live .tx,
.bp-article blockquote,
.bp-article table,
.bp-article th,
.bp-article td,
.bp-tags,
.bp-pagination .page-numbers,
.cmp-row + .cmp-row,
.cmp-c + .cmp-c {
  border-color: hsl(var(--border));
}

.bp-article blockquote,
.bp-article code,
.bp-article pre,
.bp-tag,
.blog-card .cat,
.support-card .handle,
.pay-card .row,
.how-card .mini,
.odds-row,
.cmp-head .cmp-c {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

.bp-widget .search-field,
.bp-widget input[type="search"],
.bp-widget input[type="text"] {
  background: hsl(var(--muted));
  border-color: hsl(var(--border));
  color: hsl(var(--foreground));
}

.navbar,
.navbar.scrolled,
.bp-nav {
  background: hsl(0 0% 100% / 0.96);
  border-bottom-color: hsl(var(--border));
  box-shadow: 0 1px 0 hsl(var(--border));
}

.mobile-menu {
  background: hsl(0 0% 100% / 0.98);
  border-top-color: hsl(var(--border));
}

.mobile-menu a.m-link:hover,
.mobile-menu .m-cities .m-city:hover,
.mobile-menu .m-dealer-city:hover {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

.nav-dropdown-menu .ndm-grid,
.nav-dropdown-menu .ndm-all,
.nav-mega-menu .mega-grid {
  background: hsl(var(--card));
  border-color: hsl(var(--border));
  box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.16);
}

.nav-links a:hover,
.nav-dropdown-menu .ndm-grid a:hover,
.nav-dropdown-menu .ndm-all:hover,
.mega-post:hover {
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

.cmp-row .cmp-c.us {
  background: hsl(var(--primary) / 0.12);
  color: hsl(150 40% 14%);
}

.cmp-head .cmp-c.us {
  background: hsl(var(--primary) / 0.18);
  color: hsl(150 48% 20%);
}

.btn-ghost:hover,
.bp-pagination .page-numbers.current {
  background: hsl(220 18% 92%);
  border-color: hsl(220 14% 82%);
}

.footer-main,
.footer-bottom {
  border-top-color: hsl(var(--border));
}

.s-hero,
.dealer-hero,
.fbx-hero {
  --background: 222 24% 5%;
  --foreground: 210 22% 95%;
  --card: 220 16% 12%;
  --card-foreground: 210 20% 94%;
  --card-border: 220 14% 18%;
  --border: 220 12% 18%;
  --muted: 220 15% 14%;
  --muted-foreground: 215 14% 72%;
  --accent: 220 15% 14%;
  --secondary: 220 15% 14%;
  --popover: 220 18% 10%;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

.s-hero .l-base,
.dealer-hero .l-base,
.fbx-hero .l-base {
  background:
    linear-gradient(180deg, hsl(220 34% 4%) 0%, hsl(220 28% 6%) 48%, hsl(214 24% 10%) 100%);
}

.s-hero .hero-card,
.s-hero .hero-stats .stat,
.s-hero .hero-pill,
.dealer-hero .hero-pill,
.fbx-hero .fbx-panel {
  background:
    linear-gradient(180deg, hsl(220 22% 13% / 0.94), hsl(220 22% 10% / 0.94));
  border-color: hsl(0 0% 100% / 0.12);
}

.s-hero h1,
.s-hero h2,
.s-hero h3,
.s-hero h4,
.s-hero p,
.s-hero li,
.s-hero .hero-title,
.s-hero .hero-pill span:last-child,
.s-hero .hero-chips .chip,
.s-hero .hero-card,
.s-hero .hero-stats .stat,
.dealer-hero h1,
.dealer-hero h2,
.dealer-hero h3,
.dealer-hero h4,
.dealer-hero p,
.dealer-hero li,
.fbx-hero h1,
.fbx-hero h2,
.fbx-hero h3,
.fbx-hero h4,
.fbx-hero p,
.fbx-hero li {
  color: hsl(var(--foreground));
}

.s-hero .hero-lead,
.s-hero .hero-chips .chip,
.s-hero .hero-stats .stat .k,
.dealer-hero .hero-lead,
.fbx-hero .fbx-hero__lead {
  color: hsl(214 18% 78%);
}

/* Cohesive final palette: warm light canvas, slate ink, logo-led accents. */
:root {
  --background: 210 24% 98%;
  --foreground: 222 42% 9%;
  --card: 0 0% 100%;
  --card-foreground: 222 42% 9%;
  --card-border: 214 24% 86%;
  --border: 214 24% 86%;
  --muted: 210 28% 94%;
  --muted-foreground: 218 18% 32%;
  --accent: 166 45% 92%;
  --secondary: 210 28% 94%;
  --popover: 0 0% 100%;
  --primary: 166 72% 34%;
  --primary-foreground: 0 0% 100%;
  --ring: 166 72% 34%;
  --glow: 24, 149, 122;
}

body {
  background: hsl(var(--background));
}

body .section:not(.s-hero):not(.dealer-hero):not(.fbx-hero),
body .blogpost,
body .notfound {
  background: hsl(var(--background));
}

body .footer {
  background: hsl(210 28% 96%);
}

body .navbar,
body .navbar.scrolled,
body .bp-nav,
body .mobile-menu {
  background: hsl(0 0% 100% / 0.98);
  border-color: hsl(var(--border));
}

body .dealer-card,
body .dstat,
body .trust-cell,
body .warn-col,
body .odds,
body .odds-row,
body .how-card,
body .pay-card,
body .pay-guarantee,
body .nu-card,
body .faq-item,
body .faq-cta,
body .testi-card,
body .blog-card,
body .support-card,
body .dealer-cta,
body .precta-card,
body .dealer-stats-strip .stat,
body .dealer-index-card,
body .db-ghost,
body .bp-article,
body .bp-feature img,
body .bp-widget,
body .bp-widget-cta,
body .bp-ctacard,
body .cmp-table,
body .cmp-head .cmp-c,
body .footer-post,
body .footer-social a,
body .notfound .card,
body .fbx-panel,
body .fbx-review,
body .fbx-cta__inner {
  background: hsl(var(--card));
  border-color: hsl(var(--card-border));
  box-shadow: none;
}

body .chip,
body .btn-ghost,
body .cat-green,
body .bp-cat,
body .support-card .pin,
body .dealer-areas .area,
body .pay-card .row,
body .how-card .mini,
body .bp-tag,
body .bp-pagination .page-numbers,
body .bp-article blockquote,
body .bp-article code,
body .bp-article pre,
body .ch-email .ic,
body .ch-email .cta,
body .faq-item .toggle {
  background: hsl(var(--muted));
  border-color: hsl(var(--border));
}

body .precta-card,
body .bp-cover.acc-green,
body .db-ghost {
  background:
    radial-gradient(80% 120% at 50% 0%, hsl(var(--primary) / 0.12), transparent 64%),
    hsl(var(--card));
}

body .cmp-row .cmp-c.us,
body .cmp-head .cmp-c.us,
body .faq-item.open,
body .bp-pagination .page-numbers.current {
  background: hsl(var(--accent));
  border-color: hsl(166 35% 72%);
  color: hsl(166 45% 18%);
}

body .support-card:hover,
body .dealer-index-card:hover,
body .footer-post:hover,
body .blog-card:hover,
body .btn-ghost:hover,
body .nav-links a:hover,
body .nav-dropdown-menu .ndm-grid a:hover,
body .mega-post:hover,
body .mobile-menu a.m-link:hover,
body .mobile-menu .m-dealer-city:hover {
  background: hsl(166 34% 95%);
  border-color: hsl(166 35% 78%);
}

body :where(.accent, .green, .eyebrow, .blog-viewall, .blog-card .read, .footer-blog-all, .fp-cat, .mp-cat, .cat-green),
body :where(.icon, .star),
body .hero-title .green,
body .sec-title .accent,
body .brand-name .accent,
body .precta-card h2 .accent,
body .cmp-c.us .icon {
  color: hsl(var(--primary));
}

body .btn-primary,
body .btn-solid,
body .btn-cta,
body .m-cta,
body .bp-buy,
body .bp-widget button[type="submit"],
body .bp-widget .search-submit {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-color: hsl(var(--primary));
}

body .btn-primary:hover,
body .btn-solid:hover,
body .btn-cta:hover,
body .m-cta:hover,
body .bp-buy:hover {
  background: hsl(166 74% 27%);
  border-color: hsl(166 74% 27%);
}

body .s-hero,
body .dealer-hero,
body .fbx-hero {
  --background: 222 30% 6%;
  --foreground: 210 22% 96%;
  --card: 222 22% 11%;
  --card-border: 220 15% 22%;
  --border: 220 15% 22%;
  --muted: 220 16% 15%;
  --muted-foreground: 215 15% 74%;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}

/* Homepage polish: premium rhythm, clearer hierarchy, no card shadows. */
body .site {
  background: hsl(var(--background));
}

body .s-dealer,
body .s-payment,
body .s-blog {
  background: hsl(0 0% 100%);
}

body .s-trust,
body .s-why,
body .s-how,
body .s-newuser,
body .s-faq,
body .s-seo {
  background: hsl(210 22% 97%);
}

body .s-warning,
body .s-compare {
  background:
    linear-gradient(180deg, hsl(215 28% 94%) 0%, hsl(210 24% 96%) 100%);
}

body .s-testi,
body .s-precta {
  background:
    linear-gradient(180deg, hsl(166 42% 91%) 0%, hsl(166 28% 96%) 100%);
}

body .section:not(.s-hero):not(.dealer-hero):not(.fbx-hero) {
  border-top: 1px solid hsl(var(--border));
}

body .section-inner {
  isolation: isolate;
}

body .eyebrow,
body .faq-head .pill {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.75rem;
  padding: 0.25rem 0.7rem;
  border: 1px solid hsl(166 34% 74%);
  border-radius: 999px;
  background: hsl(166 42% 93%);
  color: hsl(var(--primary));
  letter-spacing: 0.08em;
}

body .sec-title,
body .faq-head h2,
body .testi-head h2,
body .precta-card h2 {
  max-width: 18ch;
  letter-spacing: -0.025em;
}

body .center-head .sec-title,
body .faq-head h2,
body .testi-head h2,
body .blog-head .sec-title {
  margin-top: 0.75rem;
}

body .center-head p,
body .trust-head p,
body .why-head p,
body .warn-head p,
body .faq-head p,
body .testi-head p,
body .blog-head p {
  color: hsl(218 16% 34%);
}

body .dealer-card,
body .trust-cell,
body .warn-col,
body .odds,
body .how-card,
body .pay-card,
body .nu-card,
body .faq-item,
body .testi-card,
body .blog-card,
body .support-card,
body .precta-card {
  position: relative;
  overflow: hidden;
  border-width: 1px;
  box-shadow: none;
}

body .dealer-card:hover,
body .trust-cell:hover,
body .warn-col:hover,
body .how-card:hover,
body .pay-card:hover,
body .nu-card:hover,
body .faq-item:hover,
body .testi-card:hover,
body .blog-card:hover,
body .support-card:hover,
body .dealer-index-card:hover,
body .footer-post:hover {
  transform: translateY(-2px);
  border-color: hsl(166 32% 70%);
  background: hsl(0 0% 100%);
}

body .dealer-card,
body .trust-cell,
body .warn-col,
body .how-card,
body .pay-card,
body .nu-card,
body .faq-item,
body .testi-card,
body .blog-card,
body .support-card,
body .dealer-index-card,
body .footer-post {
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

body .dealer-stars,
body .testi-card .stars,
body .hc-rating .stars {
  color: hsl(43 88% 48%);
}

body .dealer-avatar .ring,
body .dealer-avatar .check,
body .trust-cell .ic,
body .warn-col .ctitle .box,
body .why-item .ic,
body .how-card .ic,
body .support-card .ic {
  background: hsl(166 42% 93%);
  border-color: hsl(166 34% 74%);
  color: hsl(var(--primary));
}

body .dstat {
  background: hsl(166 35% 96%);
  border-color: hsl(166 32% 76%);
}

body .dstat .v,
body .dealer-stats-strip .stat .v {
  color: hsl(var(--primary));
}

body .why-item {
  padding: 1rem 0;
  border-top: 1px solid hsl(var(--border));
}

body .why-item:first-child {
  border-top: 0;
}

body .odds-card {
  background: transparent;
}

body .odds-head,
body .odds-foot {
  border-color: hsl(var(--border));
}

body .odds-row,
body .cmp-head .cmp-c,
body .cmp-row .cmp-c.us,
body .pay-card .row {
  background: hsl(166 35% 96%);
}

body .cmp-table {
  border-radius: calc(var(--radius-2xl) + 0.25rem);
}

body .cmp-c {
  min-height: 4rem;
}

body .cmp-c.them .icon {
  color: hsl(0 72% 52%);
}

body .how-card .ord {
  color: hsl(166 35% 78%);
}

body .how-card .step,
body .pay-card .dot,
body .live {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

body .nu-card .num span {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

body .nu-card .foot {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid hsl(var(--border));
}

body .faq-cols {
  align-items: start;
}

body .faq-item {
  border-radius: var(--radius-xl);
}

body .faq-item .q-row {
  gap: 1.25rem;
}

body .faq-item .dot {
  background: hsl(var(--primary));
  box-shadow: 0 0 0 5px hsl(166 48% 88%);
}

body .faq-item .toggle {
  background: hsl(166 42% 93%);
  border-color: hsl(166 35% 74%);
  color: hsl(var(--primary));
}

body .faq-item .toggle .icon {
  color: hsl(var(--primary));
  stroke-width: 2.5;
}

body .faq-item.open .toggle {
  background: hsl(var(--primary));
  border-color: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

body .faq-item.open .toggle .icon {
  color: hsl(var(--primary-foreground));
}

body .faq-cta {
  margin-top: 2rem;
  background: hsl(166 35% 96%);
  border-color: hsl(166 32% 76%);
}

body .faq-cta a {
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
}

body .faq-cta a .icon {
  color: hsl(var(--primary-foreground));
}

body .testi-card .quote {
  color: hsl(166 45% 84%);
}

body .testi-card .author,
body .blog-card .meta {
  border-color: hsl(var(--border));
}

body .blog-card .cover,
body .blog-card .cover-img,
body .bp-feature img {
  border-bottom: 1px solid hsl(var(--border));
}

body .blog-card .cat,
body .bp-tag,
body .s-seo .seo-searches li {
  background: hsl(166 35% 96%);
  border-color: hsl(166 32% 76%);
  color: hsl(var(--primary));
}

body .bp-adj {
  background: hsl(var(--card));
  border-color: hsl(var(--card-border));
  color: hsl(var(--foreground));
  box-shadow: none;
}

body .bp-adj:hover {
  background: hsl(166 34% 95%);
  border-color: hsl(166 35% 78%);
}

.blogpost article .bp-feature,
.blogpost article .bp-feature img,
.blogpost article .bp-body,
.blogpost article .bp-layout,
.blogpost article .bp-main,
.blogpost article .bp-article,
.blogpost article .bp-widget,
.blogpost article .bp-widget-cta,
.blogpost article .bp-ctacard,
.blogpost article .bp-sidebar-card,
.blogpost article .bp-card {
  box-shadow: none;
  filter: none;
}

.blogpost article .bp-main,
.blogpost article .bp-article {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

body .bp-adj .t {
  color: hsl(var(--foreground));
}

body .bp-adj .dir,
body .bp-adj .dir .icon {
  color: hsl(var(--primary));
}

.bp-lang-switch {
  display: flex;
  width: 100%;
  max-width: var(--container);
  margin: 1rem auto 0;
  padding: 0 1.5rem;
}

.bp-lang-switch a {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: hsl(var(--primary));
  background: hsl(166 44% 96%);
  border: 1px solid hsl(166 35% 78%);
  border-radius: 8px;
  padding: 0.62rem 0.9rem;
  font-size: 0.94rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.bp-lang-switch a:hover {
  background: hsl(166 48% 98%);
  border-color: hsl(var(--primary) / 0.34);
}

.bp-lang-switch .icon {
  width: 1rem;
  height: 1rem;
}

body .seo-prose {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border: 1px solid hsl(var(--card-border));
  border-radius: var(--radius-2xl);
  background: hsl(var(--card));
}

body .seo-prose h3 {
  color: hsl(var(--foreground));
}

body .precta-card {
  border-color: hsl(166 35% 68%);
  background:
    linear-gradient(135deg, hsl(166 42% 93%), hsl(0 0% 100%) 52%, hsl(210 28% 96%));
}

body .precta-card .chip {
  background: hsl(0 0% 100%);
}

body .footer {
  color: hsl(var(--foreground));
}

body .footer-main {
  gap: clamp(2rem, 4vw, 3.25rem);
}

body .footer-brand .logo {
  margin-bottom: 1rem;
}

body .footer-brand .logo .brand-name {
  font-size: 1.22rem;
  letter-spacing: 0;
}

body .footer-brand .about {
  max-width: 34rem;
  font-size: 1.04rem;
  line-height: 1.78;
  color: hsl(218 15% 34%);
}

body .footer-col h4 {
  margin-bottom: 1rem;
  font-size: 0.92rem;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: none;
}

body .footer-col ul {
  gap: 0.65rem;
}

body .footer-col a {
  font-size: 0.98rem;
  line-height: 1.55;
  color: hsl(218 14% 32%);
}

body .footer-col a:hover,
body .footer-blog-all:hover {
  color: hsl(var(--primary));
}

body .footer-social {
  gap: 0.6rem;
}

body .footer-social a {
  min-height: 2.35rem;
  padding: 0.55rem 0.9rem;
  font-size: 0.9rem;
  line-height: 1.2;
}

body .footer-post {
  gap: 0.4rem;
  padding: 0.85rem 0.95rem;
}

body .footer-post .fp-cat {
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}

body .footer-post .fp-title {
  font-size: 0.96rem;
  line-height: 1.45;
}

body .footer-post .fp-date {
  font-size: 0.82rem;
  line-height: 1.35;
  color: hsl(218 13% 40%);
}

body .footer-blog-all {
  font-size: 0.92rem;
  line-height: 1.35;
}

body .footer-bottom {
  gap: 1rem;
  padding-block: 1.25rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: hsl(218 13% 38%);
}

body .footer-bottom .links {
  flex-wrap: wrap;
  row-gap: 0.45rem;
}

body .footer-bottom .links a {
  color: hsl(218 14% 32%);
}

.s-sitemap {
  background: hsl(var(--background));
}

.sitemap-list {
  max-width: 860px;
  margin: 0 auto;
}

.sitemap-group {
  padding-block: 1.6rem;
  border-bottom: 1px solid hsl(var(--border));
}

.sitemap-group:first-child {
  padding-top: 0;
}

.sitemap-group:last-child {
  border-bottom: 0;
}

.sitemap-group h2 {
  margin: 0 0 0.85rem;
  color: hsl(var(--foreground));
  font-size: 1.35rem;
  line-height: 1.25;
}

.sitemap-group ul {
  margin: 0;
  padding-left: 1.15rem;
}

.sitemap-group li {
  margin: 0.45rem 0;
  color: hsl(var(--muted-foreground));
}

.sitemap-group a {
  color: hsl(var(--primary));
  font-weight: 700;
  text-decoration: none;
}

.sitemap-group a:hover {
  text-decoration: underline;
}

.sitemap-posts small {
  display: inline-block;
  margin-left: 0.45rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.88rem;
  font-weight: 600;
}

@keyframes bp-home-rise {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bp-home-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@keyframes bp-home-glow {
  0%,
  100% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
}

body.home .s-hero .hero-pill,
body.front-page .s-hero .hero-pill,
body.home .s-hero .hero-title,
body.front-page .s-hero .hero-title,
body.home .s-hero .hero-lead,
body.front-page .s-hero .hero-lead,
body.home .s-hero .hero-ctas,
body.front-page .s-hero .hero-ctas,
body.home .s-hero .hero-chips,
body.front-page .s-hero .hero-chips,
body.home .s-hero .hero-cards,
body.front-page .s-hero .hero-cards {
  animation: bp-home-rise 0.56s ease both;
}

body.home .s-hero .hero-title,
body.front-page .s-hero .hero-title {
  animation-delay: 0.05s;
}

body.home .s-hero .hero-lead,
body.front-page .s-hero .hero-lead {
  animation-delay: 0.1s;
}

body.home .s-hero .hero-ctas,
body.front-page .s-hero .hero-ctas {
  animation-delay: 0.15s;
}

body.home .s-hero .hero-chips,
body.front-page .s-hero .hero-chips {
  animation-delay: 0.2s;
}

body.home .s-hero .hero-cards,
body.front-page .s-hero .hero-cards {
  animation-delay: 0.24s;
}

body.home .s-hero .l-radial,
body.front-page .s-hero .l-radial,
body.home .s-hero .l-bloom1,
body.front-page .s-hero .l-bloom1,
body.home .s-hero .l-bloom2,
body.front-page .s-hero .l-bloom2 {
  animation: bp-home-glow 6s ease-in-out infinite;
}

body.home .hero-card,
body.front-page .hero-card {
  animation: bp-home-float 5.5s ease-in-out infinite;
}

body.home .hero-card:nth-child(2),
body.front-page .hero-card:nth-child(2) {
  animation-delay: 0.8s;
}

body.home .dealer-card,
body.front-page .dealer-card,
body.home .trust-cell,
body.front-page .trust-cell,
body.home .why-item,
body.front-page .why-item,
body.home .how-card,
body.front-page .how-card,
body.home .pay-card,
body.front-page .pay-card,
body.home .nu-card,
body.front-page .nu-card,
body.home .faq-item,
body.front-page .faq-item,
body.home .testi-card,
body.front-page .testi-card,
body.home .blog-card,
body.front-page .blog-card {
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.js-home-animate .site > section:not(.s-hero) .section-inner,
.js-home-animate .footer .section-inner {
  opacity: 0;
  transform: translateY(42px);
  transition: opacity 0.72s ease, transform 0.72s ease;
  will-change: opacity, transform;
}

.js-home-animate .site > section:not(.s-hero) .section-inner.is-visible,
.js-home-animate .footer .section-inner.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.06s;
}

.js-home-animate .site > section:nth-of-type(2n) .section-inner.is-visible {
  transition-delay: 0.12s;
}

.js-home-animate .site > section:nth-of-type(3n) .section-inner.is-visible {
  transition-delay: 0.18s;
}

body.home .dealer-card:hover,
body.front-page .dealer-card:hover,
body.home .trust-cell:hover,
body.front-page .trust-cell:hover,
body.home .why-item:hover,
body.front-page .why-item:hover,
body.home .how-card:hover,
body.front-page .how-card:hover,
body.home .pay-card:hover,
body.front-page .pay-card:hover,
body.home .nu-card:hover,
body.front-page .nu-card:hover,
body.home .faq-item:hover,
body.front-page .faq-item:hover,
body.home .testi-card:hover,
body.front-page .testi-card:hover,
body.home .blog-card:hover,
body.front-page .blog-card:hover {
  transform: translateY(-3px);
}

@media (prefers-reduced-motion: reduce) {
  body.home .s-hero *,
  body.front-page .s-hero *,
  body.home .dealer-card,
  body.front-page .dealer-card,
  body.home .trust-cell,
  body.front-page .trust-cell,
  body.home .why-item,
  body.front-page .why-item,
  body.home .how-card,
  body.front-page .how-card,
  body.home .pay-card,
  body.front-page .pay-card,
  body.home .nu-card,
  body.front-page .nu-card,
  body.home .faq-item,
  body.front-page .faq-item,
  body.home .testi-card,
  body.front-page .testi-card,
  body.home .blog-card,
  body.front-page .blog-card,
  .js-home-animate .site > section:not(.s-hero) .section-inner,
  .js-home-animate .footer .section-inner {
    animation: none;
    transition: none;
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 1024px) {
  body .s-dealer,
  body .s-why,
  body .s-newuser {
    padding-block: 7rem;
  }

  body .trust-grid,
  body .how-grid,
  body .pay-grid {
    align-items: stretch;
  }

  body .trust-cell,
  body .how-card,
  body .pay-card {
    min-height: 100%;
  }
}

@media (max-width: 767px) {
  body .sec-title,
  body .faq-head h2,
  body .testi-head h2,
  body .precta-card h2 {
    max-width: 100%;
  }

  body .blog-head.has-viewall {
    gap: 1.25rem;
  }

  body .cmp-table {
    overflow-x: auto;
  }

  body .cmp-row {
    min-width: 560px;
  }

  .sitemap-posts small {
    display: block;
    margin-left: 0;
    white-space: normal;
  }
}