.intro-bouncing-mosaic__area {
    max-width: 48rem;
}

.intro-bouncing-mosaic__decor--p1 {
    top: 0;
    left: 0;
    width: 2rem;
    height: 3rem;
    animation-duration: 2s;
}

.intro-bouncing-mosaic__decor--p2 {
    top: 0;
    left: 25%;
    width: 1.5rem;
    height: 2.5rem;
    animation-duration: 2.5s;
}

.intro-bouncing-mosaic__decor--p3 {
    top: 0;
    left: 50%;
    width: 2.5rem;
    height: 2rem;
    animation-duration: 1.8s;
}

.intro-bouncing-mosaic__decor--p4 {
    top: 0;
    left: 75%;
    width: 1.75rem;
    height: 2.75rem;
    animation-duration: 2.2s;
}

.intro-bouncing-mosaic__decor--p5 {
    top: 0;
    right: 0;
    width: 2.25rem;
    height: 2.25rem;
    animation-duration: 2.8s;
}

.intro-bouncing-mosaic__decor--p6 {
    top: 25%;
    left: 0;
    width: 1.5rem;
    height: 2rem;
    animation-duration: 3s;
}

.intro-bouncing-mosaic__decor--p7 {
    top: 25%;
    left: 25%;
    width: 2rem;
    height: 1.5rem;
    animation-duration: 1.5s;
}

.intro-bouncing-mosaic__decor--p8 {
    top: 25%;
    left: 50%;
    width: 1.25rem;
    height: 2.25rem;
    animation-duration: 2.3s;
}

.intro-bouncing-mosaic__decor--p9 {
    top: 25%;
    left: 75%;
    width: 1.75rem;
    height: 1.75rem;
    animation-duration: 2.7s;
}

.intro-bouncing-mosaic__decor--p10 {
    top: 25%;
    right: 0;
    width: 1.5rem;
    height: 2.5rem;
    animation-duration: 1.9s;
}

.intro-bouncing-mosaic__decor--p11 {
    top: 50%;
    left: 0;
    width: 2.25rem;
    height: 1.5rem;
    animation-duration: 2.1s;
}

.intro-bouncing-mosaic__decor--p12 {
    top: 50%;
    left: 25%;
    width: 1.75rem;
    height: 2rem;
    animation-duration: 2.6s;
}

.intro-bouncing-mosaic__decor--p13 {
    top: 50%;
    left: 50%;
    width: 1.5rem;
    height: 1.75rem;
    animation-duration: 1.7s;
}

.intro-bouncing-mosaic__decor--p14 {
    top: 50%;
    left: 75%;
    width: 2rem;
    height: 1.25rem;
    animation-duration: 2.4s;
}

.intro-bouncing-mosaic__decor--p15 {
    top: 50%;
    right: 0;
    width: 1.25rem;
    height: 2rem;
    animation-duration: 2.9s;
}

.intro-bouncing-mosaic__decor--p16 {
    top: 75%;
    left: 0;
    width: 2rem;
    height: 1.75rem;
    animation-duration: 2.2s;
}

.intro-bouncing-mosaic__decor--p17 {
    top: 75%;
    left: 25%;
    width: 1.5rem;
    height: 2.25rem;
    animation-duration: 1.8s;
}

.intro-bouncing-mosaic__decor--p18 {
    top: 75%;
    left: 50%;
    width: 1.75rem;
    height: 1.5rem;
    animation-duration: 2.5s;
}

.intro-bouncing-mosaic__decor--p19 {
    top: 75%;
    left: 75%;
    width: 1.25rem;
    height: 2rem;
    animation-duration: 2.1s;
}

.intro-bouncing-mosaic__decor--p20 {
    top: 75%;
    right: 0;
    width: 2.25rem;
    height: 1.5rem;
    animation-duration: 2.7s;
}

.intro-bouncing-mosaic__decor--p21 {
    bottom: 0;
    left: 0;
    width: 1.5rem;
    height: 2rem;
    animation-duration: 2.3s;
}

.intro-bouncing-mosaic__decor--p22 {
    bottom: 0;
    left: 25%;
    width: 2rem;
    height: 1.25rem;
    animation-duration: 1.6s;
}

.intro-bouncing-mosaic__decor--p23 {
    bottom: 0;
    left: 50%;
    width: 1.75rem;
    height: 1.75rem;
    animation-duration: 2.8s;
}

.intro-bouncing-mosaic__decor--p24 {
    bottom: 0;
    left: 75%;
    width: 1.25rem;
    height: 2.25rem;
    animation-duration: 2s;
}

.intro-bouncing-mosaic__decor--p25 {
    bottom: 0;
    right: 0;
    width: 2rem;
    height: 1.5rem;
    animation-duration: 2.4s;
}

[class*="intro-bouncing-mosaic__decor--p"] {
    animation-name: intro-bouncing-mosaic__bounce;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

@keyframes intro-bouncing-mosaic__bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25%); }
}

.about-console__head { max-width: 46rem; }

.about-console__tab { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; opacity: .6; transition: opacity 300ms ease, transform 300ms ease, box-shadow 300ms ease; }
.about-console__tab:hover { opacity: .85; }
.about-console__tab.is-active { opacity: 1; transform: translateY(-.25rem); }
.about-console__tab:focus-visible { outline: 2px solid; outline-offset: 2px; }
.about-console__tab { min-width: 0; }
.about-console__tab > :first-child { min-width: 0; max-width: 100%; overflow-wrap: anywhere; hyphens: auto; }
.about-console__num { width: 1.75rem; height: 1.75rem; font-size: .8125rem; }
.about-console__track { height: .25rem; }
.about-console__fill { width: 0; }

.about-console__panel.is-active { animation: about-console-in 600ms cubic-bezier(.2, .8, .2, 1) both; }
@keyframes about-console-in { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: none; } }

.about-console__dot { width: .625rem; height: .625rem; }
.about-console__caption { font-size: .875rem; line-height: 1.25rem; }

.about-console__chart { aspect-ratio: 2 / 1; }
.about-console__chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
.about-console__chart text { font-size: 13px; font-weight: 600; }

.about-console__line { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1400ms cubic-bezier(.2, .8, .2, 1); }
.about-console__fade { opacity: 0; transition: opacity 900ms ease 400ms; }
.about-console__col { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform 900ms cubic-bezier(.2, .8, .2, 1); }
.about-console__bar { transform-box: fill-box; transform-origin: 0 50%; transform: scaleX(0); transition: transform 900ms cubic-bezier(.2, .8, .2, 1); }
.about-console__arc { stroke-dashoffset: 0; transition: stroke-dasharray 1200ms cubic-bezier(.2, .8, .2, 1); }

.about-console__chart.is-drawn .about-console__line { stroke-dashoffset: 0; }
.about-console__chart.is-drawn .about-console__fade { opacity: 1; }
.about-console__chart.is-drawn .about-console__col,
.about-console__chart.is-drawn .about-console__bar { transform: none; }

@media (prefers-reduced-motion: reduce) {
    .about-console__tab, .about-console__line, .about-console__fade, .about-console__col, .about-console__bar, .about-console__arc { transition: none; }
    .about-console__panel.is-active { animation: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.about-console[hidden], .about-console [hidden], .about-console .hidden.d-none { display: none !important; }

/* metric value and its label wrap instead of pushing the label out of the panel */
.about-console :has(> strong > [data-count-to]) { flex-wrap: wrap; row-gap: .25rem; }
.about-console :has(> strong > [data-count-to]) > span { min-width: 0; overflow-wrap: anywhere; }

.neon-circuit-timeline__circuit-bg {
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 39px, currentColor 39px, currentColor 40px),
        repeating-linear-gradient(90deg, transparent, transparent 39px, currentColor 39px, currentColor 40px);
}

@keyframes neon-circuit-timeline__glow-pulse {
    0%, 100% { box-shadow: 0 0 4px 2px currentColor, 0 0 12px 4px currentColor; opacity: 1; }
    50% { box-shadow: 0 0 8px 4px currentColor, 0 0 24px 8px currentColor; opacity: 0.7; }
}

.neon-circuit-timeline__node-glow {
    animation: neon-circuit-timeline__glow-pulse 2.5s ease-in-out infinite;
}

@keyframes neon-circuit-timeline__ring-expand {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.4); opacity: 0; }
}

.neon-circuit-timeline__ring {
    animation: neon-circuit-timeline__ring-expand 2.5s ease-in-out infinite;
}

.neon-circuit-timeline__decor-left {
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
    width: 16rem;
    height: 16rem;
}

.neon-circuit-timeline__decor-right {
    top: 50%;
    right: 25%;
    transform: translateY(-50%);
    width: 16rem;
    height: 16rem;
}

.neon-circuit-timeline__accent-line {
    height: 5rem;
    width: 1px;
}

.neon-circuit-timeline__node-wrap {
    z-index: 10;
}

.neon-circuit-timeline__node {
    width: 1rem;
    height: 1rem;
}

.neon-circuit-timeline__ring-size {
    width: 2rem;
    height: 2rem;
}

.neon-circuit-timeline__card-width {
    max-width: 11rem;
}

@media (min-width: 768px) {
    .neon-circuit-timeline__item--upper .neon-circuit-timeline__box,
    .neon-circuit-timeline__accent-line--first {
        order: -1;
    }

    .neon-circuit-timeline__item--lower .neon-circuit-timeline__box,
    .neon-circuit-timeline__accent-line--last {
        order: 1;
    }
}

.precept-dashboard__topo {
    background-image: repeating-radial-gradient(circle at 20% 30%, currentColor 0, transparent 2px, transparent 40px);
}

.precept-dashboard__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .precept-dashboard__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .precept-dashboard__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}


.appeal-signup__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.appeal-signup__shell--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}