@keyframes rotateSquare {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.intro-pattern-overlay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, currentColor 20px, currentColor 40px);
    opacity: 0.03;
    top: -20%;
    left: -30%;
    width: 100%;
    height: 100%;
    animation: rotateSquare 20s linear infinite;
}

.intro-pattern-content {
    max-width: 56rem;
}

.content-focus-checklist__button {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    outline-offset: 0.2rem;
    transition: transform 180ms ease;
}

.content-focus-checklist__button:hover {
    transform: translateY(-0.125rem);
}

.content-focus-checklist__button.is-active {
    transform: translateX(0.25rem);
}

.tips-financial__card {
    max-width: 24rem;
}

.tips-financial__thumb {
    width: 2.5rem;
    height: 2.5rem;
}

/* faq v27 — dark quote wall (static grid) */
.faq-quote-wall__grid {
  align-items: stretch;
}

.faq-quote-wall__col {
  min-width: 0;
}

.faq-quote-wall__card {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease;
}

.faq-quote-wall__card:hover {
  transform: translateY(-0.25rem);
}

.faq-quote-wall__mark--open {
  z-index: 1;
}

.faq-quote-wall__cite {
  min-height: 3rem;
}

/* glossary film — strip scrollport: min-width 0 + width 100% so overflow-x shows next card; mobile widths */
.glossary-film__mask {
    max-width: 100%;
    min-width: 0;
}

.glossary-film__strip {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: x mandatory;
}

.glossary-film__cell {
    scroll-snap-align: center;
}

@media (max-width: 767.98px) {
    .glossary-film__strip {
        padding-inline-start: 0.5rem;
        padding-inline-end: max(0.75rem, 5vw);
        scroll-padding-inline-end: max(0.75rem, 5vw);
    }

    .glossary-film__cell {
        scroll-snap-align: start;
        flex: 0 0 min(20rem, 82vw);
        width: min(20rem, 82vw);
        max-width: min(20rem, 82vw);
    }
}

@media (min-width: 768px) {
    .glossary-film__cell {
        flex: 0 0 20rem;
        width: 20rem;
        max-width: none;
    }
}


.halo-signup__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.halo-signup__inner {
    max-width: 64rem;
}

@keyframes halo-signup-spark-beat-track {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.halo-signup__spark--beat {
    animation: halo-signup-spark-beat-track 2s cubic-bezier(.4,0,.6,1) infinite;
}

.halo-signup__jump--rise:hover { transform: scale(1.05); transition: transform .2s ease; }