.cbh-page {
    --cbh-ink: #062f35;
    --cbh-muted: #5f716f;
    --cbh-green: #007f6f;
    --cbh-green-dark: #005e54;
    --cbh-mint: #e3f5ef;
    --cbh-gold: #efb629;
    --cbh-line: #dce7e4;
    --cbh-blue: #245ca6;
    background:
        radial-gradient(circle at 92% 4%, rgba(0, 127, 111, .09), transparent 24%),
        radial-gradient(circle at 8% 16%, rgba(239, 182, 41, .09), transparent 22%),
        #f7f9fd;
    color: var(--cbh-ink);
    scroll-behavior: smooth;
}

.hpj-workspace-content:has(> .cbh-page) {
    padding: 0;
}

.hpj-workspace-content > .cb2-home.cb2-page.cbh-page {
    background:
        radial-gradient(circle at 92% 4%, rgba(0, 127, 111, .09), transparent 24%),
        radial-gradient(circle at 8% 16%, rgba(239, 182, 41, .09), transparent 22%),
        #f7f9fd;
    margin: 0;
    max-width: none;
    overflow: hidden;
    width: 100%;
}

.cbh-page [id] {
    scroll-margin-top: 84px;
}

.cbh-page h1,
.cbh-page h2,
.cbh-page h3,
.cbh-page p {
    overflow-wrap: anywhere;
}

.cbh-page button,
.cbh-page input {
    font: inherit;
}

.cbh-eyebrow,
.cbh-kicker,
.cbh-feature-label {
    color: var(--cbh-green);
    display: inline-block;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cbh-hero {
    align-items: center;
    display: grid;
    gap: clamp(42px, 6vw, 88px);
    grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
    min-height: 660px;
    padding-bottom: 108px;
    padding-top: 78px;
    position: relative;
}

.cbh-hero__copy {
    position: relative;
    z-index: 2;
}

.cbh-hero__copy h1 {
    color: var(--cbh-ink);
    font-family: "Hanken Grotesk", "Inter", sans-serif;
    font-size: clamp(2.8rem, 5vw, 4.9rem);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: .97;
    margin: 18px 0 23px;
}

.cbh-hero__copy h1 span {
    color: var(--cbh-green);
}

.cbh-hero__copy > p {
    color: #4d625f;
    font-size: clamp(1.05rem, 1.5vw, 1.22rem);
    line-height: 1.65;
    margin: 0;
    max-width: 660px;
}

.cbh-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 29px;
}

.cbh-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 12px;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 800;
    gap: 12px;
    justify-content: center;
    min-height: 50px;
    padding: 12px 19px;
    text-decoration: none;
    transition: box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.cbh-button:hover,
.cbh-button:focus-visible {
    transform: translateY(-2px);
}

.cbh-button--primary {
    background: var(--cbh-green);
    box-shadow: 0 14px 28px rgba(0, 127, 111, .2);
    color: #fff;
}

.cbh-button--primary:hover,
.cbh-button--primary:focus-visible {
    background: var(--cbh-green-dark);
    color: #fff;
}

.cbh-button--ghost {
    background: rgba(255, 255, 255, .78);
    border-color: #cbdad6;
    color: var(--cbh-ink);
}

.cbh-button--ghost:hover,
.cbh-button--ghost:focus-visible {
    background: #fff;
    color: var(--cbh-green-dark);
}

.cbh-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 22px;
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}

.cbh-checks li {
    color: #51635f;
    font-size: .85rem;
    font-weight: 700;
}

.cbh-checks li::before {
    background: var(--cbh-mint);
    border-radius: 50%;
    color: var(--cbh-green);
    content: "✓";
    display: inline-grid;
    font-weight: 900;
    height: 20px;
    margin-right: 7px;
    place-items: center;
    width: 20px;
}

.cbh-hero__visual {
    min-width: 0;
    perspective: 1200px;
    position: relative;
}

.cbh-hero__visual::before {
    background: linear-gradient(135deg, rgba(0, 127, 111, .2), rgba(239, 182, 41, .16));
    border-radius: 48% 52% 56% 44%;
    content: "";
    filter: blur(2px);
    inset: -45px -38px -44px 18px;
    opacity: .7;
    position: absolute;
    transform: rotate(-4deg);
}

.cbh-browser {
    background: #fff;
    border: 1px solid rgba(202, 218, 213, .94);
    border-radius: 20px;
    box-shadow: 0 32px 80px rgba(5, 48, 53, .17);
    min-height: 405px;
    overflow: hidden;
    position: relative;
    transform: rotateY(-4deg) rotateX(1deg);
    z-index: 1;
}

.cbh-browser__bar {
    align-items: center;
    background: #f7faf9;
    border-bottom: 1px solid #e1eae7;
    color: #78908a;
    display: flex;
    font-size: .7rem;
    gap: 6px;
    min-height: 42px;
    padding: 0 15px;
}

.cbh-browser__bar i {
    background: #d7e2df;
    border-radius: 50%;
    display: block;
    height: 8px;
    width: 8px;
}

.cbh-browser__bar i:first-child { background: #f09b8f; }
.cbh-browser__bar i:nth-child(2) { background: #f0c666; }
.cbh-browser__bar i:nth-child(3) { background: #6bc6a5; }
.cbh-browser__bar span { margin-left: 9px; }

.cbh-browser__body {
    background: #fbfdfc;
    padding: 22px;
}

.cbh-mini-metrics {
    display: grid;
    gap: 11px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cbh-mini-metrics > div {
    background: #fff;
    border: 1px solid #e2ebe8;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(11, 53, 56, .04);
    padding: 13px;
}

.cbh-mini-metrics span,
.cbh-mini-metrics small {
    color: #72857f;
    display: block;
    font-size: .58rem;
}

.cbh-mini-metrics strong {
    color: var(--cbh-ink);
    display: block;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 1.28rem;
    margin: 4px 0;
}

.cbh-mini-metrics small { color: var(--cbh-green); }

.cbh-visual-grid {
    display: grid;
    gap: 13px;
    grid-template-columns: minmax(0, 1.35fr) minmax(150px, .65fr);
    margin-top: 13px;
}

.cbh-mini-calendar,
.cbh-mini-chart {
    background: #fff;
    border: 1px solid #e2ebe8;
    border-radius: 13px;
    min-width: 0;
    padding: 14px;
}

.cbh-mini-calendar__head,
.cbh-mini-chart > div:first-child {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.cbh-mini-calendar__head strong,
.cbh-mini-chart strong {
    font-size: .72rem;
}

.cbh-mini-calendar__head span,
.cbh-mini-chart span {
    color: #7a8e88;
    font-size: .58rem;
}

.cbh-time-row {
    align-items: center;
    display: grid;
    gap: 6px;
    grid-template-columns: 36px 1fr 1fr;
    margin-top: 7px;
}

.cbh-time-row time {
    color: #71837e;
    font-size: .57rem;
}

.cbh-time-row span {
    border-radius: 6px;
    display: block;
    font-size: .52rem;
    min-height: 28px;
    overflow: hidden;
    padding: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cbh-time-row .is-booked { background: #dff3ed; color: #006c5f; }
.cbh-time-row .is-open { background: #f2f5f4; color: #788b85; }
.cbh-time-row .is-waiting { background: #fff2ce; color: #886300; }

.cbh-mini-chart {
    display: flex;
    flex-direction: column;
}

.cbh-bars {
    align-items: end;
    border-bottom: 1px solid #dfe8e5;
    display: flex;
    flex: 1;
    gap: 7px;
    min-height: 145px;
    padding: 15px 3px 0;
}

.cbh-bars i {
    background: linear-gradient(180deg, #23aa95, #007f6f);
    border-radius: 4px 4px 0 0;
    flex: 1;
    height: var(--bar);
    min-width: 6px;
    opacity: .86;
}

.cbh-mini-chart > small {
    color: #748781;
    font-size: .58rem;
    margin-top: 11px;
}

.cbh-mini-chart > small b { color: var(--cbh-green); }

.cbh-float-card {
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .95);
    border: 1px solid rgba(211, 226, 221, .95);
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(5, 48, 53, .15);
    display: flex;
    gap: 9px;
    padding: 11px 13px;
    position: absolute;
    z-index: 3;
}

.cbh-float-card > b {
    background: var(--cbh-mint);
    border-radius: 9px;
    color: var(--cbh-green);
    display: grid;
    height: 31px;
    place-items: center;
    width: 31px;
}

.cbh-float-card strong,
.cbh-float-card small { display: block; }
.cbh-float-card strong { color: var(--cbh-ink); font-size: .68rem; }
.cbh-float-card small { color: #78908a; font-size: .57rem; margin-top: 2px; }
.cbh-float-card--left { bottom: -26px; left: -28px; }
.cbh-float-card--right { right: -22px; top: 73px; }

.cbh-search-wrap {
    margin-top: -56px;
    position: relative;
    z-index: 5;
}

.cbh-search-card {
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(208, 223, 218, .9);
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(6, 47, 53, .1);
    display: grid;
    gap: 15px 25px;
    grid-template-columns: minmax(250px, .65fr) minmax(360px, 1.35fr);
    padding: 23px 25px;
}

.cbh-search-card__intro {
    align-items: center;
    display: flex;
    gap: 13px;
}

.cbh-search-card__intro > span {
    background: var(--cbh-mint);
    border-radius: 12px;
    color: var(--cbh-green);
    display: grid;
    flex: 0 0 auto;
    font: 900 1.25rem/1 "Hanken Grotesk", sans-serif;
    height: 44px;
    place-items: center;
    width: 44px;
}

.cbh-search-card h2 {
    color: var(--cbh-ink);
    font: 900 1.15rem/1.15 "Hanken Grotesk", sans-serif;
    margin: 0;
}

.cbh-search-card__intro p {
    color: #6a7c77;
    font-size: .8rem;
    margin: 4px 0 0;
}

.cbh-search-field {
    align-items: center;
    background: #f6f9f8;
    border: 1px solid #ccdbd7;
    border-radius: 12px;
    display: flex;
    min-height: 52px;
    padding: 0 13px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.cbh-search-field:focus-within {
    border-color: var(--cbh-green);
    box-shadow: 0 0 0 4px rgba(0, 127, 111, .1);
}

.cbh-search-field > span[aria-hidden] {
    color: var(--cbh-green);
    font-size: 1.5rem;
    line-height: 1;
    margin-right: 10px;
}

.cbh-search-field input {
    background: transparent;
    border: 0;
    color: var(--cbh-ink);
    flex: 1;
    min-width: 0;
    outline: 0;
}

.cbh-search-field input::placeholder { color: #81908c; }

.cbh-search-field button {
    background: transparent;
    border: 0;
    color: var(--cbh-green);
    cursor: pointer;
    font-size: .76rem;
    font-weight: 800;
}

.cbh-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    grid-column: 1 / -1;
}

.cbh-suggestions button {
    background: #f3f7f6;
    border: 1px solid #dbe6e3;
    border-radius: 999px;
    color: #4e625d;
    cursor: pointer;
    font-size: .72rem;
    font-weight: 700;
    padding: 7px 11px;
}

.cbh-suggestions button:hover,
.cbh-suggestions button:focus-visible {
    background: var(--cbh-mint);
    border-color: #b8ded4;
    color: var(--cbh-green-dark);
}

.cbh-search-status {
    color: var(--cbh-green-dark);
    font-size: .76rem;
    font-weight: 700;
    grid-column: 1 / -1;
    margin: -7px 0 0;
    min-height: 1.1em;
}

.cbh-search-results {
    border-top: 1px solid #e0e9e6;
    grid-column: 1 / -1;
    padding-top: 18px;
}

.cbh-search-results[hidden] {
    display: none;
}

.cbh-search-results__head {
    align-items: end;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 11px;
}

.cbh-search-results__head span,
.cbh-search-results__head strong {
    display: block;
}

.cbh-search-results__head span {
    color: var(--cbh-green);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.cbh-search-results__head strong {
    color: var(--cbh-ink);
    font: 900 1.08rem/1.15 "Hanken Grotesk", sans-serif;
    margin-top: 3px;
}

.cbh-search-results__head small {
    color: #687b76;
    font-size: .72rem;
    font-weight: 750;
}

.cbh-search-results__list {
    display: grid;
    gap: 8px;
}

.cbh-search-result {
    align-items: center;
    background: #f8fbfa;
    border: 1px solid #dce8e4;
    border-radius: 12px;
    color: inherit;
    display: grid;
    gap: 9px 13px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px 14px;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.cbh-search-result:hover,
.cbh-search-result:focus-visible {
    background: #eef8f5;
    border-color: #add8ce;
    color: inherit;
    transform: translateX(3px);
}

.cbh-search-result__category {
    color: var(--cbh-green);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cbh-search-result strong,
.cbh-search-result small {
    display: block;
}

.cbh-search-result strong {
    color: var(--cbh-ink);
    font-size: .86rem;
    margin-top: 2px;
}

.cbh-search-result small {
    color: #697b76;
    font-size: .7rem;
    line-height: 1.4;
    margin-top: 3px;
}

.cbh-search-result__arrow {
    background: var(--cbh-mint);
    border-radius: 9px;
    color: var(--cbh-green);
    display: grid;
    font-weight: 900;
    height: 33px;
    place-items: center;
    width: 33px;
}

.cbh-search-results__empty {
    align-items: center;
    background: #fff8e9;
    border: 1px solid #f0deb0;
    border-radius: 13px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 14px;
}

.cbh-search-results__empty[hidden] { display: none; }

.cbh-search-results__empty > span {
    background: #ffe9ad;
    border-radius: 9px;
    color: #886100;
    display: grid;
    font-weight: 900;
    height: 34px;
    place-items: center;
    width: 34px;
}

.cbh-search-results__empty strong,
.cbh-search-results__empty small { display: block; }
.cbh-search-results__empty strong { color: #543f0e; font-size: .82rem; }
.cbh-search-results__empty small { color: #776534; font-size: .69rem; margin-top: 3px; }
.cbh-search-results__empty button { background: #fff; border: 1px solid #dfc67f; border-radius: 9px; color: #705313; cursor: pointer; font-size: .7rem; font-weight: 850; padding: 8px 11px; }

.cbh-search-results__more {
    color: #6b7e78;
    font-size: .69rem;
    margin: 11px 0 0;
    text-align: center;
}

.cbh-section,
.cbh-audience,
.cbh-growth,
.cbh-faq,
.cbh-simulator {
    padding-bottom: 82px;
    padding-top: 82px;
}

.cbh-section__head {
    margin-bottom: 31px;
    max-width: 780px;
}

.cbh-section__head--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.cbh-section__head h2,
.cbh-audience__intro h2,
.cbh-simulator__copy h2,
.cbh-cta h2 {
    color: var(--cbh-ink);
    font: 900 clamp(2rem, 3.6vw, 3.4rem)/1.02 "Hanken Grotesk", sans-serif;
    letter-spacing: -.04em;
    margin: 10px 0 13px;
}

.cbh-section__head p,
.cbh-audience__intro > p,
.cbh-simulator__copy > p {
    color: var(--cbh-muted);
    font-size: 1.02rem;
    line-height: 1.65;
    margin: 0;
}

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

.cbh-path-card {
    background: #fff;
    border: 1px solid var(--cbh-line);
    border-radius: 21px;
    box-shadow: 0 12px 35px rgba(6, 47, 53, .06);
    color: inherit;
    display: flex;
    flex-direction: column;
    min-height: 300px;
    overflow: hidden;
    padding: 23px;
    position: relative;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}

.cbh-path-card::after {
    background: var(--card-accent, var(--cbh-green));
    border-radius: 50%;
    content: "";
    height: 180px;
    opacity: .08;
    position: absolute;
    right: -76px;
    top: -86px;
    width: 180px;
}

.cbh-path-card:hover,
.cbh-path-card:focus-visible {
    box-shadow: 0 22px 52px rgba(6, 47, 53, .12);
    color: inherit;
    transform: translateY(-5px);
}

.cbh-path-card--player { --card-accent: #286ab5; }
.cbh-path-card--pro { --card-accent: #8c56b5; }
.cbh-path-card--arena { --card-accent: #008875; }

.cbh-path-card__number {
    color: #9aacA7;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.cbh-path-card__icon {
    background: color-mix(in srgb, var(--card-accent) 12%, white);
    border-radius: 15px;
    color: var(--card-accent);
    display: grid;
    font-size: 1.4rem;
    height: 51px;
    margin: 29px 0 19px;
    place-items: center;
    width: 51px;
}

.cbh-path-card__copy strong {
    color: var(--cbh-ink);
    display: block;
    font: 900 1.4rem/1.1 "Hanken Grotesk", sans-serif;
}

.cbh-path-card__copy small {
    color: var(--cbh-muted);
    display: block;
    font-size: .91rem;
    line-height: 1.55;
    margin-top: 9px;
}

.cbh-path-card__link {
    color: var(--card-accent);
    font-size: .81rem;
    font-weight: 800;
    margin-top: auto;
    padding-top: 20px;
}

.cbh-exclusives {
    background:
        radial-gradient(circle at 90% 7%, rgba(0, 127, 111, .12), transparent 24%),
        linear-gradient(180deg, #eef6f4, #f8fbfa);
    border-bottom: 1px solid #d9e7e3;
    border-top: 1px solid #d9e7e3;
    padding: 82px 0;
}

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

.cbh-exclusive-card {
    --exclusive-accent: var(--cbh-green);
    background: #fff;
    border: 1px solid #d8e5e1;
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(6, 47, 53, .055);
    display: flex;
    flex-direction: column;
    min-height: 440px;
    overflow: hidden;
    padding: 23px;
    position: relative;
}

.cbh-exclusive-card::before {
    background: var(--exclusive-accent);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.cbh-exclusive-card--formation { --exclusive-accent: #286ab5; }
.cbh-exclusive-card--split { --exclusive-accent: #d18a08; }
.cbh-exclusive-card--monthly { --exclusive-accent: #008875; }
.cbh-exclusive-card--profile { --exclusive-accent: #8054a2; }
.cbh-exclusive-card--messages { --exclusive-accent: #1874a5; }
.cbh-exclusive-card--cecilia { --exclusive-accent: #c54f86; }

.cbh-exclusive-card__tag {
    color: var(--exclusive-accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.cbh-exclusive-card__symbol {
    align-items: center;
    background: color-mix(in srgb, var(--exclusive-accent) 11%, white);
    border-radius: 14px;
    color: var(--exclusive-accent);
    display: inline-flex;
    font: 900 1.2rem/1 "Hanken Grotesk", sans-serif;
    height: 48px;
    justify-content: center;
    margin: 24px 0 17px;
    width: 48px;
}

.cbh-exclusive-card h3 {
    color: var(--cbh-ink);
    font: 900 1.32rem/1.08 "Hanken Grotesk", sans-serif;
    margin: 0 0 10px;
}

.cbh-exclusive-card > p {
    color: var(--cbh-muted);
    font-size: .84rem;
    line-height: 1.58;
    margin: 0;
}

.cbh-exclusive-card ul {
    display: grid;
    gap: 7px;
    list-style: none;
    margin: 17px 0 0;
    padding: 0;
}

.cbh-exclusive-card li {
    color: #5f726d;
    font-size: .73rem;
    line-height: 1.45;
    padding-left: 17px;
    position: relative;
}

.cbh-exclusive-card li::before {
    color: var(--exclusive-accent);
    content: "✓";
    font-weight: 900;
    left: 0;
    position: absolute;
}

.cbh-exclusive-card > a {
    border-top: 1px solid #e5ecea;
    color: var(--exclusive-accent);
    font-size: .77rem;
    font-weight: 850;
    margin-top: auto;
    padding-top: 15px;
    text-decoration: none;
}

.cbh-exclusive-card > a:hover,
.cbh-exclusive-card > a:focus-visible { text-decoration: underline; }

.cbh-exclusive-note {
    color: #6b7d78;
    font-size: .72rem;
    line-height: 1.5;
    margin: 17px auto 0;
    max-width: 850px;
    text-align: center;
}

.cbh-platform-flow {
    background:
        radial-gradient(circle at 85% 15%, rgba(63, 190, 164, .22), transparent 27%),
        linear-gradient(135deg, #052e34, #064a49);
    color: #fff;
    overflow: hidden;
    padding: 76px 0 82px;
    position: relative;
}

.cbh-platform-flow::before {
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
    content: "";
    height: 390px;
    left: -130px;
    position: absolute;
    top: -190px;
    width: 390px;
}

.cbh-section__head--inverse h2,
.cbh-section__head--inverse .cbh-kicker { color: #fff; }
.cbh-section__head--inverse p { color: rgba(255, 255, 255, .72); }

.cbh-flow-list {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 48px 0 0;
    padding: 0;
}

.cbh-flow-list li {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    min-width: 0;
    padding: 0 21px;
    position: relative;
}

.cbh-flow-list li:first-child { padding-left: 0; }
.cbh-flow-list li:last-child { padding-right: 0; }

.cbh-flow-list li:not(:last-child)::after {
    color: rgba(255, 255, 255, .35);
    content: "→";
    font-size: 1.3rem;
    position: absolute;
    right: -7px;
    top: 12px;
}

.cbh-flow-list b {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 11px;
    display: grid;
    flex: 0 0 auto;
    font-size: .8rem;
    height: 38px;
    place-items: center;
    width: 38px;
}

.cbh-flow-list strong,
.cbh-flow-list small { display: block; }
.cbh-flow-list strong { color: #fff; font-size: .9rem; line-height: 1.2; }
.cbh-flow-list small { color: rgba(255, 255, 255, .65); font-size: .73rem; line-height: 1.45; margin-top: 6px; }

.cbh-audience {
    border-bottom: 1px solid rgba(206, 221, 216, .72);
}

.cbh-audience__intro {
    align-items: end;
    display: grid;
    gap: 55px;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    margin-bottom: 38px;
}

.cbh-audience__intro h2 { margin-bottom: 0; }

.cbh-audience--player .cbh-kicker { color: var(--cbh-blue); }
.cbh-audience--pro .cbh-kicker { color: #8754aa; }

.cbh-steps {
    background: linear-gradient(135deg, #eef6ff, #f8fbff);
    border: 1px solid #d7e4f1;
    border-radius: 22px;
    display: grid;
    gap: 35px;
    grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
    margin-bottom: 18px;
    padding: 30px;
}

.cbh-steps__copy h3,
.cbh-benefit-strip h3 {
    color: var(--cbh-ink);
    font: 900 1.65rem/1.1 "Hanken Grotesk", sans-serif;
    margin: 9px 0 10px;
}

.cbh-steps__copy p {
    color: var(--cbh-muted);
    line-height: 1.6;
    margin: 0 0 15px;
}

.cbh-text-link {
    color: var(--cbh-green);
    font-size: .85rem;
    font-weight: 850;
    text-decoration: none;
}

.cbh-text-link:hover,
.cbh-text-link:focus-visible { color: var(--cbh-green-dark); text-decoration: underline; }

.cbh-steps ol {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.cbh-steps li {
    align-items: flex-start;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(207, 222, 235, .9);
    border-radius: 13px;
    display: flex;
    gap: 11px;
    padding: 14px;
}

.cbh-steps li > b {
    background: #dbeafd;
    border-radius: 9px;
    color: var(--cbh-blue);
    display: grid;
    flex: 0 0 auto;
    font-size: .76rem;
    height: 31px;
    place-items: center;
    width: 31px;
}

.cbh-steps strong,
.cbh-steps small { display: block; }
.cbh-steps strong { color: var(--cbh-ink); font-size: .83rem; }
.cbh-steps small { color: #6a7c78; font-size: .72rem; line-height: 1.45; margin-top: 4px; }

.cbh-feature-grid {
    display: grid;
    gap: 17px;
}

.cbh-feature-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.cbh-feature {
    background: #fff;
    border: 1px solid var(--cbh-line);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(6, 47, 53, .045);
    display: flex;
    flex-direction: column;
    min-height: 280px;
    padding: 22px;
}

.cbh-feature__icon {
    align-items: center;
    background: var(--cbh-mint);
    border-radius: 12px;
    color: var(--cbh-green);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    margin-bottom: 17px;
    min-width: 42px;
    padding: 0 9px;
    width: max-content;
}

.cbh-audience--player .cbh-feature__icon { background: #e8f2ff; color: var(--cbh-blue); }
.cbh-audience--pro .cbh-feature__icon { background: #f2eafb; color: #8152a1; }

.cbh-feature h3,
.cbh-arena-feature h3 {
    color: var(--cbh-ink);
    font: 900 1.17rem/1.16 "Hanken Grotesk", sans-serif;
    margin: 0 0 9px;
}

.cbh-feature > p,
.cbh-arena-feature__copy > p {
    color: var(--cbh-muted);
    font-size: .88rem;
    line-height: 1.6;
    margin: 0;
}

.cbh-feature details,
.cbh-arena-feature details {
    border-top: 1px solid #e6edeb;
    margin-top: auto;
    padding-top: 15px;
}

.cbh-feature summary,
.cbh-arena-feature summary {
    color: var(--cbh-green-dark);
    cursor: pointer;
    font-size: .79rem;
    font-weight: 850;
    list-style: none;
    padding-right: 24px;
    position: relative;
}

.cbh-feature summary::-webkit-details-marker,
.cbh-arena-feature summary::-webkit-details-marker,
.cbh-faq-list summary::-webkit-details-marker { display: none; }

.cbh-feature summary::after,
.cbh-arena-feature summary::after {
    content: "+";
    font-size: 1.05rem;
    position: absolute;
    right: 3px;
    top: -2px;
}

.cbh-feature details[open] summary::after,
.cbh-arena-feature details[open] summary::after { content: "−"; }

.cbh-feature details p,
.cbh-arena-feature details p {
    color: #657772;
    font-size: .79rem;
    line-height: 1.55;
    margin: 11px 0 0;
}

.cbh-pro-visual {
    background: linear-gradient(135deg, #25193a, #4c3067 64%, #6b418d);
    border-radius: 22px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(300px, 1.15fr) minmax(0, .85fr);
    margin-bottom: 18px;
    overflow: hidden;
    padding: 25px;
    position: relative;
}

.cbh-pro-visual::after {
    background: rgba(255, 255, 255, .07);
    border-radius: 50%;
    content: "";
    height: 280px;
    position: absolute;
    right: -110px;
    top: -120px;
    width: 280px;
}

.cbh-profile-card {
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border-radius: 17px;
    display: grid;
    gap: 15px;
    grid-template-columns: auto 1fr auto;
    padding: 18px;
    position: relative;
    z-index: 1;
}

.cbh-profile-card__avatar {
    background: linear-gradient(135deg, #ab7dcc, #694488);
    border: 3px solid #eadff2;
    border-radius: 50%;
    color: #fff;
    display: grid;
    font-weight: 900;
    height: 64px;
    place-items: center;
    width: 64px;
}

.cbh-profile-card span,
.cbh-profile-card p { color: #7a6d83; font-size: .68rem; margin: 0; }
.cbh-profile-card h3 { color: #241b2d; font: 900 1.14rem/1 "Hanken Grotesk", sans-serif; margin: 4px 0 5px; }
.cbh-profile-card i { background: #f0e8f6; border-radius: 999px; color: #6c438a; display: inline-block; font-size: .57rem; font-style: normal; margin: 7px 3px 0 0; padding: 4px 7px; }
.cbh-profile-card > strong { background: #e7f5ef; border-radius: 999px; color: #00705f; font-size: .65rem; padding: 7px 10px; }

.cbh-pro-visual__stats {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    position: relative;
    z-index: 1;
}

.cbh-pro-visual__stats > div {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 13px;
}

.cbh-pro-visual__stats small,
.cbh-pro-visual__stats span { color: rgba(255, 255, 255, .65); display: block; font-size: .57rem; }
.cbh-pro-visual__stats strong { color: #fff; display: block; font: 900 1.45rem/1 "Hanken Grotesk", sans-serif; margin: 6px 0; }

.cbh-benefit-strip {
    align-items: center;
    background: #fff;
    border: 1px solid #dfd4e7;
    border-radius: 20px;
    display: grid;
    gap: 35px;
    grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr);
    margin-top: 18px;
    padding: 27px;
}

.cbh-benefit-strip h3 { margin-bottom: 0; }
.cbh-benefit-strip ul { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.cbh-benefit-strip li { background: #f8f4fb; border-radius: 11px; color: #635d67; font-size: .84rem; line-height: 1.5; padding: 11px 13px; }
.cbh-benefit-strip b { color: #684180; }

.cbh-arena-stack {
    display: grid;
    gap: 13px;
}

.cbh-arena-feature {
    align-items: center;
    background: #fff;
    border: 1px solid var(--cbh-line);
    border-radius: 19px;
    box-shadow: 0 9px 27px rgba(6, 47, 53, .04);
    display: grid;
    gap: 25px;
    grid-template-columns: 56px minmax(0, 1fr) 215px;
    padding: 22px 24px;
}

.cbh-arena-feature__number {
    align-self: start;
    background: var(--cbh-mint);
    border-radius: 13px;
    color: var(--cbh-green);
    display: grid;
    font: 900 .78rem/1 "Hanken Grotesk", sans-serif;
    height: 45px;
    letter-spacing: .08em;
    place-items: center;
    width: 45px;
}

.cbh-arena-feature__copy .cbh-feature-label { font-size: .62rem; margin-bottom: 5px; }
.cbh-arena-feature h3 { font-size: 1.3rem; }
.cbh-arena-feature details { margin-top: 13px; }

.cbh-impact {
    background: #f1f8f5;
    border-radius: 14px;
    padding: 15px;
}

.cbh-impact span,
.cbh-impact strong,
.cbh-impact small { display: block; }
.cbh-impact span { color: #778983; font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.cbh-impact strong { color: var(--cbh-green-dark); font: 900 1.03rem/1.1 "Hanken Grotesk", sans-serif; margin: 6px 0; }
.cbh-impact small { color: #697b76; font-size: .72rem; line-height: 1.45; }

.cbh-visual-guides {
    background: #eef5f4;
    padding: 82px 0;
}

.cbh-guide-grid {
    align-items: start;
    display: grid;
    gap: 19px;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, .5fr);
}

.cbh-guide-grid figure {
    background: #fff;
    border: 1px solid #d6e4e0;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(6, 47, 53, .07);
    margin: 0;
    overflow: hidden;
}

.cbh-guide-grid figure > a {
    background: #e6efed;
    color: inherit;
    display: block;
    max-height: 525px;
    overflow: hidden;
    position: relative;
}

.cbh-guide-grid img {
    display: block;
    height: auto;
    transition: transform .3s ease;
    width: 100%;
}

.cbh-guide-grid figure:first-child img { aspect-ratio: 1717 / 916; object-fit: cover; }
.cbh-guide-grid figure:nth-child(2) img { aspect-ratio: 1024 / 1060; object-fit: cover; object-position: top; }
.cbh-guide-grid a:hover img,
.cbh-guide-grid a:focus-visible img { transform: scale(1.015); }

.cbh-guide-grid a > span {
    backdrop-filter: blur(7px);
    background: rgba(5, 47, 53, .87);
    border-radius: 999px;
    bottom: 13px;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    padding: 8px 12px;
    position: absolute;
    right: 13px;
}

.cbh-guide-grid figcaption { padding: 19px 20px 21px; }
.cbh-guide-grid figcaption strong { color: var(--cbh-ink); font: 900 1.12rem/1.1 "Hanken Grotesk", sans-serif; }
.cbh-guide-grid figcaption p { color: var(--cbh-muted); font-size: .84rem; line-height: 1.55; margin: 7px 0 0; }

.cbh-simulator {
    align-items: center;
    display: grid;
    gap: clamp(40px, 7vw, 90px);
    grid-template-columns: minmax(0, .83fr) minmax(430px, 1.17fr);
}

.cbh-simulator__copy h2 { margin-top: 10px; }

.cbh-levers {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 25px;
}

.cbh-levers > div {
    align-items: center;
    background: #fff;
    border: 1px solid var(--cbh-line);
    border-radius: 12px;
    display: flex;
    gap: 10px;
    padding: 11px;
}

.cbh-levers b {
    background: var(--cbh-mint);
    border-radius: 9px;
    color: var(--cbh-green);
    display: grid;
    flex: 0 0 auto;
    height: 32px;
    place-items: center;
    width: 32px;
}

.cbh-levers strong,
.cbh-levers small { display: block; }
.cbh-levers strong { color: var(--cbh-ink); font-size: .74rem; }
.cbh-levers small { color: #748680; font-size: .62rem; margin-top: 2px; }

.cbh-calculator {
    background: linear-gradient(145deg, #053b3e, #00695f);
    border-radius: 23px;
    box-shadow: 0 24px 60px rgba(6, 47, 53, .18);
    color: #fff;
    padding: 28px;
}

.cbh-calculator__head {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    margin-bottom: 22px;
    padding-bottom: 21px;
}

.cbh-calculator__head span,
.cbh-calculator__head small,
.cbh-calculator__head strong { display: block; }
.cbh-calculator__head span { color: rgba(255, 255, 255, .66); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cbh-calculator__head strong { color: #fff; font: 900 clamp(2.1rem, 4vw, 3.4rem)/1 "Hanken Grotesk", sans-serif; letter-spacing: -.04em; margin: 8px 0 6px; }
.cbh-calculator__head small { color: #8ed7ca; font-size: .72rem; }

.cbh-calculator > label { display: block; margin-top: 18px; }
.cbh-calculator > label > span { color: rgba(255, 255, 255, .78); display: flex; font-size: .76rem; font-weight: 700; justify-content: space-between; margin-bottom: 9px; }
.cbh-calculator output { color: #fff; font-weight: 900; }

.cbh-calculator input[type="range"] {
    accent-color: #f5c54d;
    cursor: pointer;
    display: block;
    width: 100%;
}

.cbh-calculator__breakdown {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
}

.cbh-calculator__breakdown > div {
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 11px;
    padding: 11px;
}

.cbh-calculator__breakdown span,
.cbh-calculator__breakdown strong { display: block; }
.cbh-calculator__breakdown span { color: rgba(255, 255, 255, .6); font-size: .59rem; }
.cbh-calculator__breakdown strong { color: #fff; font-size: .82rem; margin-top: 5px; }
.cbh-calculator > p { color: rgba(255, 255, 255, .55); font-size: .62rem; line-height: 1.45; margin: 16px 0 0; }

.cbh-growth {
    padding-top: 20px;
}

.cbh-growth-grid {
    counter-reset: growth;
    display: grid;
    gap: 13px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cbh-growth-grid article {
    background: #fff;
    border: 1px solid var(--cbh-line);
    border-radius: 16px;
    min-height: 190px;
    padding: 22px;
}

.cbh-growth-grid article > span {
    color: #9aacA7;
    font-size: .67rem;
    font-weight: 900;
}

.cbh-growth-grid h3 {
    color: var(--cbh-ink);
    font: 900 1.08rem/1.1 "Hanken Grotesk", sans-serif;
    margin: 28px 0 8px;
}

.cbh-growth-grid p { color: var(--cbh-muted); font-size: .8rem; line-height: 1.55; margin: 0; }

.cbh-faq {
    padding-top: 20px;
}

.cbh-faq-list {
    display: grid;
    gap: 10px;
    margin: 0 auto;
    max-width: 920px;
}

.cbh-faq-list details {
    background: #fff;
    border: 1px solid var(--cbh-line);
    border-radius: 14px;
    padding: 0 18px;
}

.cbh-faq-list details[open] {
    border-color: #b9d9d1;
    box-shadow: 0 10px 28px rgba(6, 47, 53, .06);
}

.cbh-faq-list summary {
    color: var(--cbh-ink);
    cursor: pointer;
    font-size: .91rem;
    font-weight: 850;
    list-style: none;
    padding: 17px 42px 17px 0;
    position: relative;
}

.cbh-faq-list summary::after {
    background: #eef6f3;
    border-radius: 8px;
    color: var(--cbh-green);
    content: "+";
    display: grid;
    height: 27px;
    place-items: center;
    position: absolute;
    right: 0;
    top: 13px;
    width: 27px;
}

.cbh-faq-list details[open] summary::after { content: "−"; }
.cbh-faq-list p { color: var(--cbh-muted); font-size: .86rem; line-height: 1.65; margin: 0; max-width: 790px; padding: 0 0 18px; }

.cbh-no-results {
    padding-bottom: 90px;
    padding-top: 90px;
    text-align: center;
}

.cbh-no-results > span {
    background: var(--cbh-mint);
    border-radius: 17px;
    color: var(--cbh-green);
    display: grid;
    font: 900 1.5rem/1 "Hanken Grotesk", sans-serif;
    height: 58px;
    margin: 0 auto 17px;
    place-items: center;
    width: 58px;
}

.cbh-no-results h2 { color: var(--cbh-ink); font: 900 1.55rem/1.1 "Hanken Grotesk", sans-serif; margin: 0 0 7px; }
.cbh-no-results p { color: var(--cbh-muted); margin: 0 0 17px; }
.cbh-no-results button { background: var(--cbh-green); border: 0; border-radius: 10px; color: #fff; cursor: pointer; font-weight: 800; padding: 11px 15px; }

.cbh-cta {
    background:
        radial-gradient(circle at 88% 10%, rgba(255, 255, 255, .16), transparent 24%),
        linear-gradient(135deg, #007265, #009682);
    color: #fff;
    padding: 70px 0;
}

.cbh-cta__inner {
    align-items: center;
    display: grid;
    gap: 30px 55px;
    grid-template-columns: minmax(0, 1fr) minmax(350px, .9fr);
}

.cbh-cta .cbh-kicker { color: #c2f0e5; }
.cbh-cta h2 { color: #fff; font-size: clamp(2rem, 3.5vw, 3.2rem); margin-top: 8px; }
.cbh-cta p { color: rgba(255, 255, 255, .75); line-height: 1.6; margin: 0; }
.cbh-cta__actions { display: grid; gap: 9px; grid-template-columns: 1fr 1fr; }
.cbh-cta__actions a:first-child { grid-column: 1 / -1; }
.cbh-button--light { background: #fff; color: var(--cbh-green-dark); }
.cbh-button--light:hover,
.cbh-button--light:focus-visible { color: var(--cbh-green-dark); }
.cbh-button--outline-light { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .38); color: #fff; }
.cbh-button--outline-light:hover,
.cbh-button--outline-light:focus-visible { background: rgba(255, 255, 255, .13); color: #fff; }

.cbh-cta__contact {
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    grid-column: 1 / -1;
    justify-self: center;
    text-decoration: none;
}

.cbh-cta__contact:hover,
.cbh-cta__contact:focus-visible { color: #fff; text-decoration: underline; }

.cbh-page .cb2-footer { margin-top: 0; }

.cbh-back-top {
    align-items: center;
    background: var(--cbh-ink);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    bottom: 22px;
    box-shadow: 0 8px 22px rgba(6, 47, 53, .22);
    color: #fff;
    display: flex;
    height: 43px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 22px;
    text-decoration: none;
    transform: translateY(10px);
    transition: opacity .18s ease, transform .18s ease;
    width: 43px;
    z-index: 40;
}

.cbh-back-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.cbh-back-top:hover,
.cbh-back-top:focus-visible { background: var(--cbh-green); color: #fff; }

.cbh-page [data-help-search][hidden],
.cbh-page [data-help-group][hidden] { display: none !important; }

.cbh-page.is-searching [data-help-group],
.cbh-page.is-searching .cbh-platform-flow,
.cbh-page.is-searching .cbh-simulator,
.cbh-page.is-searching .cbh-growth,
.cbh-page.is-searching .cbh-cta { display: none; }

@media (max-width: 1120px) {
    .cbh-hero { gap: 42px; grid-template-columns: minmax(0, .85fr) minmax(450px, 1.15fr); }
    .cbh-hero__copy h1 { font-size: clamp(2.7rem, 4.6vw, 4rem); }
    .cbh-flow-list { gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .cbh-flow-list li { padding: 10px 0; }
    .cbh-flow-list li:not(:last-child)::after { display: none; }
    .cbh-pro-visual { grid-template-columns: 1fr; }
    .cbh-arena-feature { grid-template-columns: 52px minmax(0, 1fr); }
    .cbh-impact { grid-column: 2; }
}

@media (max-width: 900px) {
    .cbh-hero { grid-template-columns: 1fr; min-height: 0; padding-bottom: 105px; padding-top: 60px; }
    .cbh-hero__copy { max-width: 720px; }
    .cbh-hero__copy h1 { font-size: clamp(2.8rem, 8vw, 4.6rem); }
    .cbh-hero__visual { margin: 5px auto 0; max-width: 700px; width: 100%; }
    .cbh-search-card { grid-template-columns: 1fr; }
    .cbh-suggestions,
    .cbh-search-status { grid-column: auto; }
    .cbh-path-grid,
    .cbh-feature-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cbh-exclusive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cbh-path-card:last-child { grid-column: 1 / -1; min-height: 250px; }
    .cbh-audience__intro { align-items: start; gap: 15px; grid-template-columns: 1fr; }
    .cbh-steps { grid-template-columns: 1fr; }
    .cbh-guide-grid { grid-template-columns: 1fr 1fr; }
    .cbh-simulator { grid-template-columns: 1fr; }
    .cbh-growth-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cbh-cta__inner { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .cbh-hero { padding-bottom: 90px; padding-top: 45px; }
    .cbh-hero__copy h1 { font-size: clamp(2.45rem, 12vw, 3.7rem); }
    .cbh-browser { min-height: 0; transform: none; }
    .cbh-mini-metrics { grid-template-columns: 1fr 1fr; }
    .cbh-mini-metrics > div:last-child { grid-column: 1 / -1; }
    .cbh-visual-grid { grid-template-columns: 1fr; }
    .cbh-mini-chart { display: none; }
    .cbh-float-card--right { right: -5px; top: 76px; }
    .cbh-float-card--left { bottom: -25px; left: -4px; }
    .cbh-search-wrap { margin-top: -46px; }
    .cbh-search-card { border-radius: 18px; padding: 20px; }
    .cbh-section,
    .cbh-audience,
    .cbh-growth,
    .cbh-faq,
    .cbh-simulator { padding-bottom: 62px; padding-top: 62px; }
    .cbh-path-grid,
    .cbh-feature-grid--three,
    .cbh-growth-grid,
    .cbh-exclusive-grid { grid-template-columns: 1fr; }
    .cbh-exclusive-card { min-height: 0; }
    .cbh-path-card:last-child { grid-column: auto; }
    .cbh-flow-list { grid-template-columns: 1fr; margin-top: 25px; }
    .cbh-flow-list li { background: rgba(255, 255, 255, .06); border-radius: 12px; padding: 13px; }
    .cbh-steps { padding: 22px; }
    .cbh-steps ol { grid-template-columns: 1fr; }
    .cbh-feature { min-height: 0; }
    .cbh-profile-card { align-items: start; grid-template-columns: auto 1fr; }
    .cbh-profile-card > strong { grid-column: 2; justify-self: start; }
    .cbh-pro-visual__stats { grid-template-columns: 1fr; }
    .cbh-benefit-strip { grid-template-columns: 1fr; }
    .cbh-arena-feature { align-items: start; gap: 12px; grid-template-columns: 43px minmax(0, 1fr); padding: 18px; }
    .cbh-arena-feature__number { border-radius: 10px; height: 38px; width: 38px; }
    .cbh-impact { grid-column: 1 / -1; }
    .cbh-guide-grid { grid-template-columns: 1fr; }
    .cbh-guide-grid figure:nth-child(2) img { aspect-ratio: 1024 / 900; }
    .cbh-levers { grid-template-columns: 1fr; }
    .cbh-calculator { padding: 22px; }
    .cbh-calculator__breakdown { grid-template-columns: 1fr; }
    .cbh-cta { padding: 58px 0; }
    .cbh-cta__actions { grid-template-columns: 1fr; }
    .cbh-cta__actions a:first-child { grid-column: auto; }
}

@media (max-width: 480px) {
    .cbh-hero__actions,
    .cbh-button { width: 100%; }
    .cbh-checks { align-items: flex-start; flex-direction: column; }
    .cbh-browser__body { padding: 13px; }
    .cbh-mini-metrics { gap: 7px; }
    .cbh-time-row { grid-template-columns: 33px 1fr; }
    .cbh-time-row span:last-child { display: none; }
    .cbh-float-card--right { display: none; }
    .cbh-search-card__intro { align-items: flex-start; }
    .cbh-search-field { padding-right: 9px; }
    .cbh-search-results__head { align-items: flex-start; flex-direction: column; gap: 5px; }
    .cbh-search-results__empty { grid-template-columns: auto 1fr; }
    .cbh-search-results__empty button { grid-column: 1 / -1; width: 100%; }
    .cbh-suggestions { flex-wrap: nowrap; margin-left: -3px; overflow-x: auto; padding: 3px 3px 8px; }
    .cbh-suggestions button { flex: 0 0 auto; }
    .cbh-section__head h2,
    .cbh-audience__intro h2,
    .cbh-simulator__copy h2,
    .cbh-cta h2 { font-size: 2.05rem; }
    .cbh-path-card { min-height: 270px; }
    .cbh-profile-card__avatar { height: 50px; width: 50px; }
    .cbh-arena-feature { grid-template-columns: 1fr; }
    .cbh-arena-feature__copy,
    .cbh-impact { grid-column: auto; }
    .cbh-calculator__head strong { font-size: 2rem; }
    .cbh-back-top { bottom: 75px; right: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .cbh-page *,
    .cbh-page *::before,
    .cbh-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    .cbh-page .cb2-nav,
    .cbh-search-wrap,
    .cbh-hero__actions,
    .cbh-cta,
    .cbh-page .cb2-footer,
    .cbh-back-top { display: none !important; }
    .cbh-page { background: #fff; }
    .cbh-hero { grid-template-columns: 1fr; min-height: 0; padding: 30px 0; }
    .cbh-hero__visual { display: none; }
    .cbh-audience,
    .cbh-section,
    .cbh-growth,
    .cbh-faq,
    .cbh-simulator { break-inside: avoid; padding: 30px 0; }
}
