/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.values-float-card__item {
    min-width: 280px;
    max-width: 360px;
}

.values-float-card__thumb {
    margin-top: -2.5rem;
    width: 5rem;
    height: 5rem;
}

.bench-simple-grid__portrait {
    width: 8rem;
    height: 8rem;
}

.bench-simple-grid__min-shrink {
  min-width: 0;
}

/* whyus v25 — tundra split-diagonal decor + benefit card grid */

/* Diagonal divider line — skewed accent spanning corner to corner */
.whyus-tundra__divider {
    top: 38%;
    left: -10%;
    width: 120%;
    height: 2px;
    transform: rotate(-7deg);
    transform-origin: center;
}

/* Tundra semicircles — sparse organic accents at the section edges */
.whyus-tundra__semicircle {
    border-radius: 999px;
    overflow: hidden;
}

.whyus-tundra__semicircle--left {
    top: -3rem;
    left: -4rem;
    width: 10rem;
    height: 10rem;
}

.whyus-tundra__semicircle--right {
    top: 15%;
    right: -5rem;
    width: 8rem;
    height: 8rem;
}

.whyus-tundra__semicircle--bottom {
    bottom: -6rem;
    left: 20%;
    width: 14rem;
    height: 14rem;
}

/* Frosted-glass CTA accent — Safari prefix fallback */
.whyus-tundra__glass {
    -webkit-backdrop-filter: blur(12px);
}

/* Benefit cards — staggered entrance */
.whyus-tundra__card {
    animation: whyus-tundra-card-in 0.55s ease both;
}

.whyus-tundra__card:nth-child(1) { animation-delay: 0.05s; }
.whyus-tundra__card:nth-child(2) { animation-delay: 0.1s; }
.whyus-tundra__card:nth-child(3) { animation-delay: 0.15s; }
.whyus-tundra__card:nth-child(4) { animation-delay: 0.2s; }
.whyus-tundra__card:nth-child(5) { animation-delay: 0.25s; }
.whyus-tundra__card:nth-child(6) { animation-delay: 0.3s; }

@keyframes whyus-tundra-card-in {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Choreographed entrance — heading, featured panel, CTA */
@keyframes whyusTundraEnter {
    from {
        opacity: 0;
        transform: translateY(0.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.whyus-tundra__enter {
    animation: whyusTundraEnter 600ms ease-out both;
}

.whyus-tundra__enter--1 {
    animation-delay: 0ms;
}

.whyus-tundra__enter--2 {
    animation-delay: 200ms;
}

.whyus-tundra__enter--3 {
    animation-delay: 400ms;
}

@media (prefers-reduced-motion: reduce) {
    .whyus-tundra__enter,
    .whyus-tundra__card {
        animation: none;
    }
}

/* cta particles card — animated dot field */
.cta-particles-card__root {
  position: relative;
  overflow: hidden;
}

.cta-particles-card__particles {
  position: absolute;
  inset: 0;
  opacity: 0.12;
  background-image: radial-gradient(circle, var(--tw-primary-500, var(--bs-primary)) 1px, transparent 1px);
  background-size: 50px 50px;
  animation: cta-particles-card__drift 20s linear infinite;
}

@keyframes cta-particles-card__drift {
  from { transform: translateY(0); }
  to { transform: translateY(100px); }
}