@charset "utf-8";/* BISTRO BUDDY Network Stats 3.0.0 */
.bbns,
.bbns * {
    box-sizing: border-box;
}

.bbns {
    --bbns-accent: #ef7724;
    --bbns-accent-2: #7ca3d6;
    --bbns-bg: #eef4fb;
    --bbns-surface: rgba(255, 255, 255, .92);
    --bbns-surface-strong: #fff;
    --bbns-surface-soft: rgba(255, 255, 255, .66);
    --bbns-text: #07123d;
    --bbns-muted: #56637c;
    --bbns-line: rgba(10, 29, 74, .13);
    --bbns-shadow: 0 24px 68px rgba(18, 42, 83, .15);
    --bbns-radius: 30px;
    --bbns-max: 1360px;
    --bbns-min-height: 780px;
    --bbns-number-min: 16px;
    position: relative;
    width: min(100%, var(--bbns-max));
    max-width: 100%;
    margin: 1.5rem auto;
    overflow: hidden;
    isolation: isolate;
    color: var(--bbns-text);
    background:
        radial-gradient(circle at 5% 4%, color-mix(in srgb, var(--bbns-accent-2) 18%, transparent), transparent 34%),
        radial-gradient(circle at 96% 12%, color-mix(in srgb, var(--bbns-accent) 16%, transparent), transparent 34%),
        var(--bbns-bg);
    border: 1px solid color-mix(in srgb, var(--bbns-accent-2) 20%, var(--bbns-line));
    border-radius: var(--bbns-radius);
    box-shadow: var(--bbns-shadow);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.45;
    container-type: inline-size;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.bbns--bistro,
.bbns--midnight,
.bbns--glass {
    --bbns-surface: rgba(12, 22, 52, .88);
    --bbns-surface-strong: #101c43;
    --bbns-surface-soft: rgba(15, 29, 68, .68);
    --bbns-text: #f8fbff;
    --bbns-muted: #afbdd4;
    --bbns-line: rgba(255, 255, 255, .12);
    --bbns-shadow: 0 30px 90px rgba(0, 0, 0, .36);
}

.bbns--bistro {
    background:
        radial-gradient(circle at 8% 10%, rgba(124, 163, 214, .3), transparent 34%),
        radial-gradient(circle at 90% 12%, rgba(239, 119, 36, .28), transparent 38%),
        linear-gradient(145deg, #07123d, #10245a 62%, #07112d);
}

.bbns--midnight {
    background:
        radial-gradient(circle at 12% 12%, rgba(124, 163, 214, .2), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(239, 119, 36, .18), transparent 36%),
        #050914;
}

.bbns--glass {
    background:
        linear-gradient(135deg, rgba(10, 23, 58, .88), rgba(23, 39, 80, .72)),
        rgba(8, 15, 36, .72);
    backdrop-filter: blur(22px) saturate(1.15);
}

.bbns :where(h2, h3, h4, p, ul, ol, figure) {
    margin-top: 0;
}

.bbns :where(a, button) {
    font: inherit;
}

.bbns :where(svg) {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.bbns :where(.bbns__shell, .bbns__viewport, .bbns__slides, .bbns__slide, .bbns__masthead, .bbns__footer, .bbns__metric, .bbns__leader-card, .bbns__action-card, .bbns__vip-card) {
    min-width: 0;
    max-width: 100%;
}

.bbns__ambient,
.bbns__scan {
    position: absolute;
    pointer-events: none;
    z-index: -1;
}

.bbns__ambient {
    width: 420px;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .18;
}

.bbns__ambient--one {
    top: -210px;
    left: -150px;
    background: var(--bbns-accent-2);
}

.bbns__ambient--two {
    right: 0;
    bottom: -220px;
    background: var(--bbns-accent);
}

.bbns__scan {
    inset: 0;
    opacity: .14;
    background: linear-gradient(transparent 49.5%, color-mix(in srgb, var(--bbns-accent-2) 16%, transparent) 50%, transparent 50.5%);
    background-size: 100% 8px;
    mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}

.bbns--grid::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(color-mix(in srgb, var(--bbns-accent-2) 10%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--bbns-accent-2) 10%, transparent) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, #000, transparent 58%);
}

.bbns__shell {
    position: relative;
    z-index: 1;
    width: 100%;
}

.bbns__masthead {
    display: grid;
    grid-template-columns: minmax(132px, 190px) minmax(0, 1fr) auto;
    gap: 22px;
    align-items: center;
    padding: 24px 30px 18px;
    border-bottom: 1px solid var(--bbns-line);
    background: color-mix(in srgb, var(--bbns-surface) 82%, transparent);
    backdrop-filter: blur(18px);
}

.bbns__brand {
    display: inline-flex;
    align-items: center;
    max-width: 190px;
    text-decoration: none;
}

.bbns__brand img {
    display: block;
    width: 100%;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
}

.bbns__masthead-copy {
    min-width: 0;
}

.bbns__eyebrow,
.bbns__slide-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    color: var(--bbns-accent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .13em;
    line-height: 1.2;
    text-transform: uppercase;
}

.bbns__eyebrow span {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #2ebc73;
    box-shadow: 0 0 0 6px rgba(46, 188, 115, .12), 0 0 20px rgba(46, 188, 115, .65);
}

.bbns__masthead h2 {
    margin: 5px 0 0;
    color: var(--bbns-text);
    font-size: clamp(1.15rem, 2.1cqi, 1.9rem);
    line-height: 1.12;
    letter-spacing: -.035em;
}

.bbns__masthead-tools {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.bbns__live,
.bbns__explore-hint {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 7px 11px;
    color: var(--bbns-muted);
    background: var(--bbns-surface-soft);
    border: 1px solid var(--bbns-line);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.bbns__live i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2ebc73;
    box-shadow: 0 0 12px rgba(46, 188, 115, .8);
}

.bbns__explore-hint svg {
    color: var(--bbns-accent);
}

.bbns__hint-mobile {
    display: none;
}

.bbns__timer {
    height: 3px;
    background: color-mix(in srgb, var(--bbns-line) 72%, transparent);
    overflow: hidden;
}

.bbns__timer span {
    display: block;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, var(--bbns-accent), var(--bbns-accent-2));
    will-change: transform;
}

.bbns__viewport {
    position: relative;
    width: 100%;
    touch-action: pan-y;
}

.bbns__slides {
    position: relative;
    display: block;
    width: 100%;
    min-height: var(--bbns-min-height);
    perspective: 1600px;
}

.bbns__slide {
    position: absolute;
    inset: 0 0 auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: var(--bbns-min-height);
    padding: clamp(28px, 4.6cqi, 62px) clamp(34px, 6.3cqi, 86px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(7%, 0, 0) rotateY(-7deg) scale(.985);
    transform-origin: center center;
    transition: opacity .55s ease, transform .72s cubic-bezier(.18, .75, .2, 1), visibility 0s linear .72s;
    backface-visibility: hidden;
    will-change: opacity, transform;
}

.bbns__slide.is-active {
    position: relative;
    inset: auto;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(var(--bbns-drag-x, 0), 0, 0) rotateY(0) scale(1);
    transition-delay: 0s;
}

.bbns__slide.is-leaving-left,
.bbns__slide.is-leaving-right {
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 1;
    visibility: visible;
    pointer-events: none;
}

.bbns__slide.is-leaving-left {
    opacity: 0;
    transform: translate3d(-9%, 0, 0) rotateY(8deg) scale(.975);
}

.bbns__slide.is-leaving-right {
    opacity: 0;
    transform: translate3d(9%, 0, 0) rotateY(-8deg) scale(.975);
}

.bbns__slide.is-entering-right,
.bbns__slide.is-preparing.is-entering-right {
    transform: translate3d(9%, 0, 0) rotateY(-8deg) scale(.975);
}

.bbns__slide.is-entering-left,
.bbns__slide.is-preparing.is-entering-left {
    transform: translate3d(-9%, 0, 0) rotateY(8deg) scale(.975);
}

.bbns__side-arrow {
    position: absolute;
    top: 50%;
    z-index: 8;
    display: grid;
    place-items: center;
    width: 44px;
    height: 76px;
    padding: 0;
    color: var(--bbns-text);
    background: color-mix(in srgb, var(--bbns-surface-strong) 88%, transparent);
    border: 1px solid var(--bbns-line);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(15, 34, 70, .16);
    cursor: pointer;
    transform: translateY(-50%);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.bbns__side-arrow:hover,
.bbns__side-arrow:focus-visible {
    color: #fff;
    background: var(--bbns-accent);
    border-color: var(--bbns-accent);
    transform: translateY(-50%) scale(1.05);
    outline: none;
}

.bbns__side-arrow span {
    font-size: 2.2rem;
    line-height: 1;
    transform: translateY(-2px);
}

.bbns__side-arrow--prev { left: 12px; }
.bbns__side-arrow--next { right: 12px; }

.bbns__slide-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 26px;
    margin-bottom: clamp(22px, 3.5cqi, 42px);
}

.bbns__slide-head > div {
    min-width: 0;
    max-width: 900px;
}

.bbns__slide-head--center {
    justify-content: center;
    text-align: center;
}

.bbns__slide-head--center > div {
    max-width: 940px;
}

.bbns__slide-head h3,
.bbns__hero-copy h3,
.bbns__dating-copy h3,
.bbns__vip-intro h3,
.bbns__convert h3 {
    margin: 8px 0 12px;
    color: var(--bbns-text);
    font-size: clamp(1.7rem, 4.2cqi, 3.65rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.bbns__slide-head p,
.bbns__hero-copy p,
.bbns__dating-copy p,
.bbns__vip-intro p,
.bbns__convert > p {
    max-width: 850px;
    margin-bottom: 0;
    color: var(--bbns-muted);
    font-size: clamp(.94rem, 1.45cqi, 1.15rem);
    line-height: 1.65;
}

.bbns__head-icon {
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    flex: 0 0 auto;
    color: #fff;
    background: linear-gradient(135deg, var(--bbns-accent), color-mix(in srgb, var(--bbns-accent) 64%, var(--bbns-accent-2)));
    border-radius: 22px;
    box-shadow: 0 15px 30px color-mix(in srgb, var(--bbns-accent) 26%, transparent);
    font-size: 1.8rem;
}

.bbns__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: clamp(30px, 5cqi, 72px);
}

.bbns__hero-copy h3 {
    max-width: 710px;
    font-size: clamp(2rem, 4.5cqi, 4rem);
}

.bbns__proof-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 25px;
}

.bbns__proof-chips span,
.bbns__language-ribbon b {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 8px 11px;
    color: var(--bbns-text);
    background: var(--bbns-surface-soft);
    border: 1px solid var(--bbns-line);
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
}

.bbns__proof-chips svg {
    color: var(--bbns-accent);
    font-size: 1.05rem;
}

.bbns__hero-number-card,
.bbns__dating-visual,
.bbns__chart-card,
.bbns__profile-path-card,
.bbns__done-for-you {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: linear-gradient(145deg, color-mix(in srgb, var(--bbns-surface-strong) 96%, var(--bbns-accent-2) 4%), var(--bbns-surface));
    border: 1px solid color-mix(in srgb, var(--bbns-accent-2) 30%, var(--bbns-line));
    border-radius: calc(var(--bbns-radius) - 4px);
    box-shadow: 0 24px 58px rgba(19, 43, 82, .16);
}

.bbns__hero-number-card {
    padding: clamp(24px, 3.5cqi, 44px);
    container-type: inline-size;
}

.bbns__hero-number-card::after,
.bbns__dating-visual::after {
    content: "";
    position: absolute;
    width: 240px;
    aspect-ratio: 1;
    right: -90px;
    top: -100px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--bbns-accent) 28%, transparent), transparent 70%);
    pointer-events: none;
}

.bbns__hero-mark-row {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--bbns-muted);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.bbns__mark-tile {
    position: relative;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    overflow: visible;
    background:
        radial-gradient(circle at 36% 30%, rgba(255, 255, 255, .33), transparent 32%),
        linear-gradient(145deg, #0b1748, #162967);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 19px;
    box-shadow:
        0 13px 28px rgba(7, 18, 61, .28),
        0 0 0 7px color-mix(in srgb, var(--bbns-accent-2) 10%, transparent),
        0 0 34px color-mix(in srgb, var(--bbns-accent) 24%, transparent);
}

.bbns__mark-tile::before {
    content: "";
    position: absolute;
    inset: -12px;
    z-index: -1;
    border-radius: 28px;
    background: radial-gradient(circle, color-mix(in srgb, var(--bbns-accent) 22%, transparent), transparent 68%);
}

.bbns__mark-tile img {
    display: block;
    width: 76%;
    height: 76%;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0, 0, 0, .24));
}

.bbns__mark-tile--small {
    width: 48px;
    height: 48px;
    border-radius: 15px;
}

.bbns__mark-tile--large {
    width: 78px;
    height: 78px;
    border-radius: 24px;
}

.bbns [data-fit-box] {
    min-width: 0;
    container-type: inline-size;
}

.bbns [data-fit-number] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    font-variant-numeric: tabular-nums lining-nums;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: nowrap;
    transform-origin: left center;
}

.bbns__mega {
    position: relative;
    z-index: 1;
    margin: 24px 0 17px;
    color: var(--bbns-text);
    font-size: clamp(2.35rem, 15cqi, 6.4rem);
    font-weight: 950;
    letter-spacing: -.052em;
    line-height: .92;
}

.bbns__goal-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--bbns-muted);
    font-size: .78rem;
    font-weight: 800;
}

.bbns__goal-row b {
    color: var(--bbns-text);
    white-space: nowrap;
}

.bbns__progress {
    --bbns-progress: 0%;
    width: 100%;
    height: 10px;
    margin-top: 10px;
    overflow: hidden;
    background: color-mix(in srgb, var(--bbns-accent-2) 13%, var(--bbns-line));
    border-radius: 999px;
}

.bbns__progress span {
    display: block;
    width: var(--bbns-progress);
    height: 100%;
    background: linear-gradient(90deg, var(--bbns-accent), var(--bbns-accent-2));
    border-radius: inherit;
    box-shadow: 0 0 18px color-mix(in srgb, var(--bbns-accent) 46%, transparent);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1s cubic-bezier(.22, .8, .2, 1);
}

.bbns__progress.is-filled span {
    transform: scaleX(1);
}

.bbns__progress--thin {
    height: 6px;
    margin-top: 15px;
}

.bbns__hero-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 18px;
}

.bbns__hero-mini-grid > div {
    min-width: 0;
    padding: 12px 10px;
    text-align: center;
    background: color-mix(in srgb, var(--bbns-accent-2) 7%, var(--bbns-surface-soft));
    border: 1px solid var(--bbns-line);
    border-radius: 15px;
}

.bbns__hero-mini-grid strong {
    color: var(--bbns-text);
    font-size: clamp(1rem, 9cqi, 1.5rem);
    font-weight: 950;
    line-height: 1;
}

.bbns__hero-mini-grid span {
    display: block;
    margin-top: 6px;
    color: var(--bbns-muted);
    font-size: .66rem;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
}

.bbns__metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.bbns__metric-grid--pulse,
.bbns__metric-grid--community {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bbns__metric {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 158px;
    padding: 18px;
    overflow: hidden;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(15, 35, 70, .08);
}

.bbns__metric::after {
    content: "";
    position: absolute;
    right: -30px;
    top: -36px;
    width: 100px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--bbns-accent-2) 16%, transparent), transparent 70%);
}

.bbns__metric-icon,
.bbns__action-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: var(--bbns-accent);
    background: color-mix(in srgb, var(--bbns-accent) 10%, var(--bbns-surface-strong));
    border: 1px solid color-mix(in srgb, var(--bbns-accent) 20%, var(--bbns-line));
    border-radius: 12px;
    font-size: 1rem;
}

.bbns__metric > strong {
    margin-top: auto;
    padding-top: 15px;
    color: var(--bbns-text);
    font-size: clamp(1.45rem, 18cqi, 2.45rem);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: .98;
}

.bbns__metric-label {
    display: block;
    margin-top: 8px;
    color: var(--bbns-text);
    font-size: .84rem;
    font-weight: 850;
    line-height: 1.25;
}

.bbns__metric small {
    display: block;
    margin-top: 4px;
    color: var(--bbns-muted);
    font-size: .68rem;
    line-height: 1.35;
}

.bbns__custom-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 13px;
}

.bbns__custom-kpi {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 13px 15px;
    color: inherit;
    text-decoration: none;
    background: color-mix(in srgb, var(--bbns-accent-2) 8%, var(--bbns-surface));
    border: 1px solid var(--bbns-line);
    border-radius: 16px;
}

.bbns__custom-kpi > span {
    color: var(--bbns-accent);
    font-size: 1.35rem;
}

.bbns__custom-kpi > div {
    min-width: 0;
    flex: 1;
}

.bbns__custom-kpi strong {
    color: var(--bbns-text);
    font-size: clamp(1.05rem, 10cqi, 1.6rem);
    font-weight: 950;
}

.bbns__custom-kpi b,
.bbns__custom-kpi small {
    display: block;
}

.bbns__custom-kpi b { font-size: .74rem; }
.bbns__custom-kpi small { color: var(--bbns-muted); font-size: .65rem; }

.bbns__attention-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.bbns__attention-card {
    min-width: 0;
    padding: 20px;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(15, 35, 70, .08);
}

.bbns__attention-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--bbns-muted);
    font-size: .75rem;
    font-weight: 850;
}

.bbns__attention-top span {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.bbns__attention-top svg { color: var(--bbns-accent); font-size: 1.15rem; }
.bbns__attention-top b { color: var(--bbns-text); white-space: nowrap; }

.bbns__attention-card > strong {
    margin-top: 18px;
    color: var(--bbns-text);
    font-size: clamp(1.55rem, 17cqi, 3.1rem);
    font-weight: 950;
    letter-spacing: -.05em;
    line-height: 1;
}

.bbns__data-note {
    margin: 18px 0 0;
    color: var(--bbns-muted);
    font-size: .68rem;
    line-height: 1.45;
    text-align: center;
}

.bbns__language-ribbon,
.bbns__category-ribbon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 12px 14px;
    background: var(--bbns-surface-soft);
    border: 1px solid var(--bbns-line);
    border-radius: 18px;
}

.bbns__language-ribbon > span,
.bbns__category-ribbon > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 3px;
    color: var(--bbns-text);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bbns__language-ribbon > span svg,
.bbns__category-ribbon > span svg { color: var(--bbns-accent); font-size: 1.15rem; }

.bbns__category-ribbon > div {
    display: flex;
    flex: 1 1 500px;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
    overflow: visible;
}

.bbns__category-ribbon a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 7px 10px;
    color: var(--bbns-text);
    text-decoration: none;
    background: var(--bbns-surface-strong);
    border: 1px solid var(--bbns-line);
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 800;
}

.bbns__category-ribbon a b {
    color: var(--bbns-accent);
    white-space: nowrap;
}

.bbns__leader-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
}

.bbns__leader-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 20px;
    box-shadow: 0 14px 34px rgba(15, 35, 70, .1);
    transform: perspective(900px) rotateX(var(--bbns-tilt-x, 0deg)) rotateY(var(--bbns-tilt-y, 0deg));
    transform-style: preserve-3d;
    transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}

.bbns__leader-card.is-tilting,
.bbns__action-card.is-tilting,
.bbns__vip-card.is-tilting {
    border-color: color-mix(in srgb, var(--bbns-accent) 46%, var(--bbns-line));
    box-shadow: 0 23px 46px rgba(15, 35, 70, .17);
}

.bbns__leader-image {
    position: relative;
    height: 126px;
    overflow: hidden;
    background: linear-gradient(145deg, #0b1748, #172d6e);
}

.bbns__leader-image > img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bbns__image-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}

.bbns__rank-badge {
    position: absolute;
    z-index: 3;
    left: 10px;
    top: 10px;
    max-width: calc(100% - 20px);
    padding: 5px 8px;
    color: #fff;
    background: rgba(7, 18, 61, .8);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    backdrop-filter: blur(8px);
    font-size: .61rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bbns__leader-body {
    min-width: 0;
    padding: 15px;
}

.bbns__leader-type {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--bbns-accent);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bbns__leader-type svg { font-size: 1rem; }

.bbns__leader-body h4 {
    margin: 8px 0 5px;
    color: var(--bbns-text);
    font-size: 1rem;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.bbns__leader-meta,
.bbns__leader-description {
    color: var(--bbns-muted);
    font-size: .68rem;
    line-height: 1.4;
}

.bbns__leader-meta { margin-bottom: 6px; }
.bbns__leader-description { margin-bottom: 10px; }

.bbns__leader-stats {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid var(--bbns-line);
    border-bottom: 1px solid var(--bbns-line);
    color: var(--bbns-muted);
    font-size: .65rem;
}

.bbns__leader-stats b {
    display: inline-block;
    width: auto;
    color: var(--bbns-text);
    font-size: .8rem;
}

.bbns__text-link,
.bbns__vip-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    color: var(--bbns-accent);
    text-decoration: none;
    font-size: .71rem;
    font-weight: 900;
}

.bbns__text-link svg,
.bbns__vip-info svg { transition: transform .2s ease; }
.bbns__text-link:hover svg,
.bbns__vip-info:hover svg { transform: translateX(3px); }

.bbns__leader-more {
    margin-top: 9px;
}

.bbns__leader-more summary {
    color: var(--bbns-muted);
    cursor: pointer;
    font-size: .65rem;
    font-weight: 800;
}

.bbns__leader-more ol {
    display: grid;
    gap: 6px;
    margin: 9px 0 0;
    padding: 0;
    list-style: none;
}

.bbns__leader-more li {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    min-width: 0;
    font-size: .63rem;
}

.bbns__leader-more li a {
    min-width: 0;
    overflow: hidden;
    color: var(--bbns-text);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bbns__leader-list-rank {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: var(--bbns-accent);
    background: color-mix(in srgb, var(--bbns-accent) 10%, transparent);
    border-radius: 7px;
    font-weight: 900;
}

.bbns__leader-card--empty {
    min-height: 260px;
    padding: 20px;
}

.bbns__community-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 16px;
    align-items: stretch;
}

.bbns__profile-path-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.bbns__profile-path-head {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.bbns__profile-path-head > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    color: #fff;
    background: var(--bbns-accent);
    border-radius: 14px;
    font-size: 1.25rem;
}

.bbns__profile-path-head b,
.bbns__profile-path-head small {
    display: block;
}

.bbns__profile-path-head b { color: var(--bbns-text); font-size: 1rem; }
.bbns__profile-path-head small { margin-top: 3px; color: var(--bbns-muted); font-size: .68rem; line-height: 1.35; }

.bbns__profile-types {
    display: grid;
    gap: 6px;
    margin: 15px 0;
}

.bbns__profile-types > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    background: color-mix(in srgb, var(--bbns-accent-2) 7%, var(--bbns-surface-soft));
    border-radius: 10px;
    font-size: .7rem;
}

.bbns__profile-types span {
    min-width: 0;
    color: var(--bbns-muted);
}

.bbns__profile-types b { color: var(--bbns-text); white-space: nowrap; }

.bbns__top-profiles {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
}

.bbns__top-profiles > span {
    color: var(--bbns-muted);
    font-size: .7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bbns__top-profiles a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0 8px;
    align-items: center;
    min-width: 150px;
    padding: 8px 10px;
    color: var(--bbns-text);
    text-decoration: none;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 14px;
}

.bbns__top-profiles i {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: linear-gradient(135deg, var(--bbns-accent), var(--bbns-accent-2));
    border-radius: 11px;
    font-size: .7rem;
    font-style: normal;
    font-weight: 950;
}

.bbns__top-profiles b { min-width: 0; overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.bbns__top-profiles small { color: var(--bbns-muted); font-size: .59rem; }

.bbns__dating-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: clamp(28px, 5cqi, 70px);
    align-items: center;
}

.bbns__dating-copy ul,
.bbns__vip-card ul {
    display: grid;
    gap: 9px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.bbns__dating-copy li,
.bbns__vip-card li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--bbns-text);
    font-size: .82rem;
    font-weight: 700;
}

.bbns__dating-copy li svg,
.bbns__vip-card li svg {
    flex: 0 0 auto;
    margin-top: .18em;
    color: #2ebc73;
}

.bbns__dating-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 390px;
    padding: 34px;
    text-align: center;
}

.bbns__dating-heart {
    display: grid;
    place-items: center;
    width: 84px;
    height: 84px;
    color: #fff;
    background: linear-gradient(145deg, #f04f72, var(--bbns-accent));
    border-radius: 28px;
    box-shadow: 0 18px 40px rgba(240, 79, 114, .3);
    font-size: 2.7rem;
}

.bbns__dating-visual > strong {
    margin-top: 24px;
    color: var(--bbns-text);
    font-size: clamp(2rem, 22cqi, 5.4rem);
    font-weight: 950;
    letter-spacing: -.055em;
    line-height: .95;
}

.bbns__dating-visual > b {
    margin-top: 8px;
    color: var(--bbns-muted);
    font-size: .85rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bbns__dating-visual .bbns__word-number {
    font-size: clamp(2rem, 18cqi, 4.2rem);
    color: var(--bbns-accent);
}

.bbns__dating-paths {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin-top: 24px;
}

.bbns__dating-paths span {
    min-width: 0;
    padding: 10px 8px;
    color: var(--bbns-muted);
    background: color-mix(in srgb, var(--bbns-accent-2) 7%, var(--bbns-surface-soft));
    border: 1px solid var(--bbns-line);
    border-radius: 13px;
    font-size: .62rem;
    font-weight: 800;
}

.bbns__dating-paths b {
    display: block;
    margin-top: 4px;
    color: var(--bbns-text);
    font-size: .85rem;
}

.bbns__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    max-width: 100%;
    padding: 11px 18px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, var(--bbns-accent), color-mix(in srgb, var(--bbns-accent) 62%, #c94f00));
    border: 1px solid var(--bbns-accent);
    border-radius: 14px;
    box-shadow: 0 13px 28px color-mix(in srgb, var(--bbns-accent) 24%, transparent);
    font-size: .78rem;
    font-weight: 900;
    text-align: center;
    transition: transform .2s ease, box-shadow .2s ease;
}

.bbns__button:hover,
.bbns__button:focus-visible {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px color-mix(in srgb, var(--bbns-accent) 33%, transparent);
    outline: none;
}

.bbns__button--secondary {
    color: var(--bbns-text);
    background: var(--bbns-surface-strong);
    border-color: color-mix(in srgb, var(--bbns-accent-2) 42%, var(--bbns-line));
    box-shadow: none;
}

.bbns__button--secondary:hover,
.bbns__button--secondary:focus-visible {
    color: var(--bbns-text);
    background: color-mix(in srgb, var(--bbns-accent-2) 10%, var(--bbns-surface-strong));
    box-shadow: 0 12px 25px rgba(15, 35, 70, .12);
}

.bbns__flywheel {
    display: grid;
    grid-template-columns: repeat(7, auto);
    justify-content: center;
    align-items: center;
    gap: clamp(8px, 1.6cqi, 22px);
    margin-top: 24px;
}

.bbns__flywheel > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: clamp(135px, 16cqi, 195px);
    min-height: 174px;
    padding: 18px;
    text-align: center;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 24px;
    box-shadow: 0 14px 32px rgba(15, 35, 70, .08);
}

.bbns__flywheel > div > span {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--bbns-accent), var(--bbns-accent-2));
    border-radius: 16px;
    font-size: 1.35rem;
}

.bbns__flywheel b { color: var(--bbns-text); font-size: .92rem; }
.bbns__flywheel small { margin-top: 6px; color: var(--bbns-muted); font-size: .66rem; line-height: 1.35; }
.bbns__flywheel > i { color: var(--bbns-accent); font-size: 1.4rem; }

.bbns__why-proof {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

.bbns__why-proof > div,
.bbns__momentum-stats > div {
    min-width: 0;
    padding: 13px;
    text-align: center;
    background: color-mix(in srgb, var(--bbns-accent-2) 7%, var(--bbns-surface));
    border: 1px solid var(--bbns-line);
    border-radius: 16px;
}

.bbns__why-proof strong,
.bbns__momentum-stats strong {
    color: var(--bbns-text);
    font-size: clamp(1.15rem, 12cqi, 2rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.bbns__why-proof span,
.bbns__momentum-stats span {
    display: block;
    margin-top: 5px;
    color: var(--bbns-muted);
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
}

.bbns__momentum-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, .65fr);
    gap: 16px;
}

.bbns__chart-card {
    min-height: 340px;
    padding: 20px;
}

.bbns__chart-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--bbns-muted);
    font-size: .76rem;
    font-weight: 850;
}

.bbns__chart-top b {
    padding: 5px 8px;
    border-radius: 999px;
    white-space: nowrap;
}

.bbns__chart-top .is-positive { color: #178d52; background: rgba(46, 188, 115, .12); }
.bbns__chart-top .is-negative { color: #c84646; background: rgba(218, 73, 73, .12); }

.bbns__chart {
    width: 100%;
    height: 270px;
    margin-top: 16px;
    overflow: visible;
}

.bbns__momentum-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.bbns__momentum-stats small {
    display: block;
    margin-top: 3px;
    color: var(--bbns-muted);
    font-size: .58rem;
}

.bbns__vip-intro {
    max-width: 880px;
    margin: 0 auto 24px;
    text-align: center;
}

.bbns__vip-intro h3 { font-size: clamp(1.8rem, 3.9cqi, 3.3rem); }
.bbns__vip-intro p { margin-left: auto; margin-right: auto; }

.bbns__done-for-you {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    max-width: 720px;
    margin-top: 15px;
    padding: 12px 16px;
    text-align: left;
}

.bbns__done-for-you > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    color: #fff;
    background: #2ebc73;
    border-radius: 11px;
}

.bbns__done-for-you b,
.bbns__done-for-you small { display: block; }
.bbns__done-for-you b { color: var(--bbns-text); font-size: .8rem; }
.bbns__done-for-you small { color: var(--bbns-muted); font-size: .67rem; line-height: 1.35; }

.bbns__vip-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    align-items: stretch;
}

.bbns__vip-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 22px;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 22px;
    box-shadow: 0 15px 34px rgba(15, 35, 70, .09);
    transform: perspective(900px) rotateX(var(--bbns-tilt-x, 0deg)) rotateY(var(--bbns-tilt-y, 0deg));
    transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}

.bbns__vip-card.is-featured {
    border-color: color-mix(in srgb, var(--bbns-accent) 54%, var(--bbns-line));
    box-shadow: 0 22px 46px color-mix(in srgb, var(--bbns-accent) 14%, rgba(15, 35, 70, .14));
}

.bbns__vip-badge {
    align-self: flex-start;
    padding: 5px 8px;
    color: var(--bbns-accent);
    background: color-mix(in srgb, var(--bbns-accent) 10%, transparent);
    border-radius: 999px;
    font-size: .61rem;
    font-weight: 950;
    text-transform: uppercase;
}

.bbns__vip-card h4 {
    margin: 14px 0 8px;
    color: var(--bbns-text);
    font-size: 1.25rem;
    letter-spacing: -.03em;
}

.bbns__vip-card > strong {
    color: var(--bbns-text);
    font-size: clamp(1.4rem, 14cqi, 2.4rem);
    font-weight: 950;
    letter-spacing: -.045em;
    line-height: 1;
}

.bbns__vip-card > p {
    margin: 8px 0 0;
    color: var(--bbns-muted);
    font-size: .74rem;
}

.bbns__vip-card ul { margin: 18px 0; }
.bbns__vip-card li { font-size: .7rem; }
.bbns__vip-card .bbns__button { width: 100%; margin-top: auto; }
.bbns__vip-info { display: flex; width: max-content; max-width: 100%; margin: 17px auto 0; }

.bbns__action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.bbns__action-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 210px;
    padding: 20px;
    color: inherit;
    text-decoration: none;
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 21px;
    box-shadow: 0 14px 32px rgba(15, 35, 70, .08);
    transform: perspective(900px) rotateX(var(--bbns-tilt-x, 0deg)) rotateY(var(--bbns-tilt-y, 0deg));
    transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}

.bbns__action-card small {
    margin-top: 13px;
    color: var(--bbns-accent);
    font-size: .62rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bbns__action-card h4 {
    margin: 5px 0 7px;
    color: var(--bbns-text);
    font-size: 1.05rem;
}

.bbns__action-card p {
    margin-bottom: 14px;
    color: var(--bbns-muted);
    font-size: .71rem;
    line-height: 1.45;
}

.bbns__action-card > b {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: var(--bbns-accent);
    font-size: .7rem;
}

.bbns__convert {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 920px;
    margin: auto;
    text-align: center;
}

.bbns__convert .bbns__slide-kicker { margin-top: 24px; }
.bbns__convert h3 { max-width: 850px; }
.bbns__convert > p { max-width: 760px; }

.bbns__convert-proof {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
    margin: 24px 0;
}

.bbns__convert-proof span {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    padding: 9px 12px;
    color: var(--bbns-muted);
    background: var(--bbns-surface);
    border: 1px solid var(--bbns-line);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
}

.bbns__convert-proof b { color: var(--bbns-text); font-size: .9rem; }

.bbns__convert-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.bbns__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px 20px 18px;
    border-top: 1px solid var(--bbns-line);
    background: color-mix(in srgb, var(--bbns-surface) 86%, transparent);
    backdrop-filter: blur(16px);
}

.bbns__nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    gap: 6px;
    min-width: 0;
    width: 100%;
    overflow: visible;
}

.bbns__nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 52px;
    padding: 7px 5px;
    color: var(--bbns-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.bbns__nav-item:hover,
.bbns__nav-item:focus-visible {
    color: var(--bbns-text);
    background: var(--bbns-surface-soft);
    outline: none;
}

.bbns__nav-item.is-active {
    color: var(--bbns-accent);
    background: color-mix(in srgb, var(--bbns-accent) 9%, var(--bbns-surface-strong));
    border-color: color-mix(in srgb, var(--bbns-accent) 22%, var(--bbns-line));
}

.bbns__nav-item span { font-size: 1rem; }
.bbns__nav-item b { max-width: 100%; overflow: hidden; font-size: .58rem; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }

.bbns__controls {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--bbns-muted);
    font-size: .66rem;
    white-space: nowrap;
}

.bbns__controls > span b { color: var(--bbns-text); }
.bbns__controls > span i { font-style: normal; }

.bbns__controls button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    color: var(--bbns-text);
    background: var(--bbns-surface-strong);
    border: 1px solid var(--bbns-line);
    border-radius: 11px;
    cursor: pointer;
}

.bbns__controls button:hover,
.bbns__controls button:focus-visible { color: #fff; background: var(--bbns-accent); border-color: var(--bbns-accent); outline: none; }
.bbns__play-triangle { display: none; font-size: .65rem; }
.bbns.is-paused .bbns__pause-bars { display: none; }
.bbns.is-paused .bbns__play-triangle { display: inline; }

.bbns [data-bbns-tilt]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle at var(--bbns-shine-x, 50%) var(--bbns-shine-y, 50%), rgba(255, 255, 255, .22), transparent 34%);
    transition: opacity .18s ease;
}

.bbns [data-bbns-tilt].is-tilting::before { opacity: 1; }

@media (max-width: 1120px) {
    .bbns__masthead { grid-template-columns: 155px minmax(0, 1fr); }
    .bbns__masthead-tools { grid-column: 1 / -1; justify-content: flex-start; }
    .bbns__hero-grid { grid-template-columns: minmax(0, 1fr) minmax(350px, 1fr); gap: 28px; }
    .bbns__metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .bbns__leader-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bbns__community-layout { grid-template-columns: 1fr; }
    .bbns__flywheel { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .bbns__flywheel > div { width: auto; }
    .bbns__flywheel > i { display: none; }
    .bbns__footer { grid-template-columns: 1fr; }
    .bbns__controls { justify-content: center; }
}

@media (max-width: 860px) {
    .bbns { --bbns-min-height: auto; margin: 1rem auto; border-radius: min(var(--bbns-radius), 24px); }
    .bbns__masthead { grid-template-columns: 130px minmax(0, 1fr); padding: 18px; gap: 15px; }
    .bbns__masthead-tools { display: none; }
    .bbns__slides { min-height: 690px; }
    .bbns__slide { min-height: 690px; padding: 34px 54px; }
    .bbns__hero-grid,
    .bbns__dating-layout,
    .bbns__momentum-layout { grid-template-columns: 1fr; }
    .bbns__hero-number-card { max-width: 620px; width: 100%; margin: 0 auto; }
    .bbns__metric-grid,
    .bbns__metric-grid--pulse,
    .bbns__metric-grid--community,
    .bbns__attention-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bbns__dating-visual { min-height: 330px; }
    .bbns__why-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bbns__vip-grid,
    .bbns__action-grid { grid-template-columns: 1fr; }
    .bbns__vip-card,
    .bbns__action-card { min-height: 0; }
    .bbns__vip-card ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .bbns__action-card { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 0 13px; }
    .bbns__action-card small,
    .bbns__action-card h4,
    .bbns__action-card p,
    .bbns__action-card > b { grid-column: 2; }
    .bbns__action-card .bbns__action-icon { grid-row: 1 / span 4; }
    .bbns__nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .bbns { width: 100%; margin-left: 0; margin-right: 0; }
    .bbns__masthead { grid-template-columns: 112px minmax(0, 1fr); padding: 14px; }
    .bbns__brand img { max-height: 42px; }
    .bbns__eyebrow { font-size: .55rem; letter-spacing: .08em; }
    .bbns__masthead h2 { font-size: .98rem; }
    .bbns__slides { min-height: 620px; }
    .bbns__slide { min-height: 620px; padding: 28px 24px 34px; justify-content: flex-start; }
    .bbns__side-arrow { top: auto; bottom: 12px; width: 38px; height: 38px; border-radius: 12px; transform: none; }
    .bbns__side-arrow:hover,
    .bbns__side-arrow:focus-visible { transform: scale(1.04); }
    .bbns__side-arrow--prev { left: 12px; }
    .bbns__side-arrow--next { right: 12px; }
    .bbns__side-arrow span { font-size: 1.7rem; }
    .bbns__hint-desktop { display: none; }
    .bbns__hint-mobile { display: inline; }
    .bbns__slide-head { gap: 14px; margin-bottom: 22px; }
    .bbns__head-icon { width: 46px; height: 46px; border-radius: 15px; font-size: 1.25rem; }
    .bbns__slide-head h3,
    .bbns__hero-copy h3,
    .bbns__dating-copy h3,
    .bbns__vip-intro h3,
    .bbns__convert h3 { font-size: clamp(1.55rem, 9.5vw, 2.45rem); }
    .bbns__hero-grid { gap: 23px; }
    .bbns__hero-number-card { padding: 20px; }
    .bbns__mark-tile { width: 48px; height: 48px; border-radius: 15px; }
    .bbns__mega { margin: 20px 0 14px; font-size: clamp(2rem, 18cqi, 4.4rem); letter-spacing: -.04em; }
    .bbns__hero-mini-grid { grid-template-columns: 1fr; }
    .bbns__hero-mini-grid > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; text-align: left; }
    .bbns__hero-mini-grid strong { font-size: clamp(1.1rem, 10cqi, 1.55rem); }
    .bbns__hero-mini-grid span { margin: 0; text-align: right; }
    .bbns__metric-grid,
    .bbns__metric-grid--pulse,
    .bbns__metric-grid--community,
    .bbns__attention-grid,
    .bbns__custom-kpis,
    .bbns__leader-grid { grid-template-columns: 1fr; }
    .bbns__metric { min-height: 122px; padding: 15px; }
    .bbns__metric > strong { font-size: clamp(1.55rem, 13cqi, 2.25rem); }
    .bbns__attention-card > strong { font-size: clamp(1.6rem, 14cqi, 2.6rem); }
    .bbns__leader-card { display: grid; grid-template-columns: 116px minmax(0, 1fr); }
    .bbns__leader-image { height: 100%; min-height: 190px; }
    .bbns__leader-description { display: none; }
    .bbns__dating-visual { min-height: 290px; padding: 24px; }
    .bbns__dating-paths { grid-template-columns: 1fr; }
    .bbns__flywheel { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .bbns__flywheel > div { min-height: 145px; padding: 13px; }
    .bbns__why-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bbns__momentum-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bbns__chart-card { min-height: 260px; padding: 15px; }
    .bbns__chart { height: 190px; }
    .bbns__vip-card ul { grid-template-columns: 1fr; }
    .bbns__done-for-you { align-items: flex-start; }
    .bbns__convert-proof { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .bbns__convert-proof span { justify-content: center; border-radius: 14px; }
    .bbns__footer { padding: 10px 12px 56px; }
    .bbns__nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
    .bbns__nav-item { min-height: 47px; padding: 5px 3px; }
    .bbns__nav-item b { font-size: .53rem; }
    .bbns__controls { display: none; }
}

@media (max-width: 390px) {
    .bbns__masthead { grid-template-columns: 95px minmax(0, 1fr); gap: 10px; }
    .bbns__masthead h2 { font-size: .88rem; }
    .bbns__slide { padding-left: 20px; padding-right: 20px; }
    .bbns__proof-chips span { width: 100%; justify-content: flex-start; }
    .bbns__leader-card { grid-template-columns: 96px minmax(0, 1fr); }
    .bbns__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .bbns *,
    .bbns *::before,
    .bbns *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }

    .bbns__slide,
    .bbns__slide.is-active,
    .bbns__slide.is-leaving-left,
    .bbns__slide.is-leaving-right,
    .bbns__slide.is-entering-left,
    .bbns__slide.is-entering-right {
        transform: none !important;
    }
}