.chips-sub,
.disclaimer,
.final,
.shead.ctr,
.statband {
    text-align: center
}

.dk::after,
.dk::before,
.ring {
    position: absolute;
    pointer-events: none
}

.dk::before {
    content: '';
    inset: 0;
    background: radial-gradient(880px 540px at 86% -12%, rgba(127, 166, 212, .14), transparent 62%), radial-gradient(720px 460px at -8% 112%, rgba(180, 47, 42, .13), transparent 60%), radial-gradient(560px 380px at 55% 120%, rgba(20, 71, 126, .45), transparent 70%)
}

.dk::after {
    content: '';
    inset: 0;
    opacity: .5;
    background-image: linear-gradient(rgba(242, 245, 249, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 245, 249, .05) 1px, transparent 1px), var(--noise);
    background-size: 84px 84px, 84px 84px, 160px 160px
}

.particles {
    position: absolute;
    inset: 0;
    z-index: 0
}

.hero-grid,
.rung {
    position: relative
}

.statband {
    background: var(--ox-pale);
    border-top: 1px solid var(--ox-line);
    border-bottom: 1px solid var(--ox-line);
    padding: clamp(52px, 7vw, 84px) clamp(20px, 5vw, 48px)
}

.phase,
.rung {
    background: var(--paper-2);
    transition: border-color .25s var(--eo), transform .25s var(--eo), box-shadow .25s var(--eo)
}

.sb-big {
    font-weight: 800;
    font-size: clamp(2.1rem, 5vw, 3.6rem);
    line-height: 1.08;
    color: var(--ox);
    letter-spacing: -.02em;
    max-width: 18ch;
    margin: 0 auto
}

.sb-cap {
    font-size: clamp(1.02rem, 1.6vw, 1.2rem);
    line-height: 1.55;
    max-width: 58ch;
    margin: 18px auto 0;
    color: var(--ink)
}

.bigno,
.ph-num,
.qa-icon {
    line-height: 1
}

.sb-src {
    font-weight: 500;
    font-size: .78rem;
    color: var(--ink-2);
    margin: 16px auto 0;
    max-width: 74ch
}

.metrics {
    border-top: 1px solid var(--line)
}

.chips-sub {
    color: var(--ink-2);
}

.final h2 {
    font-size: clamp(1.8rem, 3.4vw, 2.5rem);
    max-width: 28ch;
    margin: 0 auto 16px
}