@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/inter-400-normal-C38fXH4l.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/inter-500-normal-Cerq10X2.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/inter-600-normal-LgqL8muc.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/inter-700-normal-Yt3aPRUw.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/manrope-500-normal-BYYD-dBL.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/manrope-600-normal-4f0koTD-.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/manrope-700-normal-BZp_XxE4.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'DM Mono';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/dm-mono-400-normal-4GdczIuU.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'DM Mono';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/dm-mono-500-normal-DRMDZjhP.woff2') format('woff2');
}

:root {
    color-scheme: light;
}

* {
    box-sizing: border-box;
}

html {
    min-width: 20rem;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

button,
input {
    font: inherit;
}

button,
[type='submit'] {
    cursor: pointer;
}

.bms-marketing-body {
    --bms-canvas: #f3f5f3;
    --bms-canvas-deep: #e8eeea;
    --bms-ledger: #fff;
    --bms-ledger-soft: #f7f9f7;
    --bms-well: #edf1ef;
    --bms-ink: #121a17;
    --bms-muted: #5b6963;
    --bms-faint: #75817c;
    --bms-line: rgb(18 36 30 / 12%);
    --bms-line-strong: rgb(18 36 30 / 20%);
    --bms-indigo: #3d49b7;
    --bms-indigo-strong: #303a91;
    --bms-indigo-glow: rgb(61 73 183 / 23%);
    --bms-forest: #1f6b50;
    --bms-forest-soft: #e5f2eb;
    --bms-glass: rgb(251 253 252 / 82%);
    --bms-glass-fallback: #f9fbfa;
    --bms-glass-edge: rgb(17 24 23 / 12%);
    --bms-glass-highlight: rgb(255 255 255 / 78%);
    --bms-focus: #303a91;
    --bms-sheet-shadow: 0 26px 70px rgb(17 24 23 / 12%), 0 3px 12px rgb(17 24 23 / 5%);
    --bms-glass-shadow: inset 0 1px 0 var(--bms-glass-highlight), 0 15px 42px rgb(17 24 23 / 14%);
    background:
        radial-gradient(circle at 8% 3%, rgb(31 107 80 / 10%), transparent 28rem),
        radial-gradient(circle at 91% 5%, rgb(61 73 183 / 11%), transparent 31rem),
        linear-gradient(145deg, #f7f9f7 0%, #edf1ef 48%, #f0f0f6 100%);
    color: var(--bms-ink);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.5;
    min-height: 100vh;
}

.bms-marketing-body :is(a, button, input, summary):focus-visible {
    outline: 3px solid var(--bms-focus);
    outline-offset: 3px;
}

.bms-marketing-body a {
    color: inherit;
    text-decoration: none;
}

.bms-marketing-body :is(h1, h2, h3, p, dl, dd, dt) {
    margin: 0;
}

.bms-number {
    font-family: 'DM Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
    font-variant-numeric: tabular-nums;
}

.bms-kicker {
    color: var(--bms-muted);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.bms-skip-link {
    background: var(--bms-ink);
    border-radius: .625rem;
    color: var(--bms-ledger);
    left: 1rem;
    padding: .625rem .875rem;
    position: fixed;
    top: 1rem;
    transform: translateY(-180%);
    z-index: 100;
}

.bms-skip-link:focus {
    transform: translateY(0);
}

.bms-marketing-shell {
    margin: 0 auto;
    max-width: 80rem;
    padding: .875rem;
    width: 100%;
}

.bms-glass {
    -webkit-backdrop-filter: blur(18px) saturate(112%);
    backdrop-filter: blur(18px) saturate(112%);
    background: var(--bms-glass);
    border: 1px solid var(--bms-glass-edge);
    box-shadow: var(--bms-glass-shadow);
}

.bms-marketing-nav {
    align-items: center;
    border-radius: 1.125rem;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    min-height: 4rem;
    padding: .625rem .75rem .625rem 1rem;
    position: relative;
    z-index: 10;
}

.bms-brand {
    align-items: center;
    display: inline-flex;
    flex: none;
    font-family: Manrope, Inter, sans-serif;
    font-size: .9375rem;
    font-weight: 700;
    gap: .625rem;
    letter-spacing: -.025em;
}

.bms-brand-mark {
    align-items: center;
    background: linear-gradient(145deg, #246e55, #174536);
    border-radius: .625rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
    color: #fff;
    display: inline-flex;
    height: 1.875rem;
    justify-content: center;
    position: relative;
    width: 1.875rem;
}

.bms-brand-mark::before {
    border-bottom: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: '';
    height: .6875rem;
    width: .875rem;
}

.bms-brand-mark::after {
    background: currentColor;
    content: '';
    height: 1.125rem;
    left: .5625rem;
    position: absolute;
    top: .375rem;
    width: 2px;
}

.bms-marketing-links {
    align-items: center;
    display: flex;
    gap: 1.125rem;
}

.bms-marketing-links > a:not(.bms-button) {
    color: var(--bms-muted);
    font-size: .8125rem;
    font-weight: 500;
    transition: color 140ms ease;
}

.bms-marketing-links > a:not(.bms-button):hover {
    color: var(--bms-ink);
}

.bms-button {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    font: 600 .8125rem/1.2 Inter, system-ui, sans-serif;
    gap: .5rem;
    justify-content: center;
    min-height: 2.625rem;
    padding: .6875rem .9375rem;
    transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.bms-button--primary {
    background: linear-gradient(180deg, #4653c4, #303a91);
    border: 0;
    box-shadow: 0 11px 26px var(--bms-indigo-glow);
    color: #fff;
}

.bms-button:hover {
    transform: translateY(-1px);
}

.bms-button:active {
    transform: scale(.985);
    transition-duration: 80ms;
}

.bms-marketing-hero {
    align-items: center;
    display: grid;
    gap: clamp(2rem, 5vw, 4.75rem);
    grid-template-columns: minmax(0, 1.04fr) minmax(22rem, .96fr);
    min-height: 42rem;
    padding: clamp(4.5rem, 9vw, 8rem) clamp(1.25rem, 4vw, 3.5rem) 3.5rem;
}

.bms-marketing-copy h1,
.bms-marketing-method h2,
.bms-marketing-cta h2,
.bms-sample-outcome h2,
.bms-privacy-intro h1,
.bms-privacy-ledger h2,
.bms-static-error h1 {
    font-family: Manrope, Inter, sans-serif;
    font-weight: 600;
}

.bms-marketing-copy h1 {
    font-size: clamp(3.25rem, 6.5vw, 5.75rem);
    letter-spacing: -.06em;
    line-height: .96;
    margin-top: .875rem;
    max-width: 10.5ch;
    text-wrap: balance;
}

.bms-marketing-lede {
    color: var(--bms-muted);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    line-height: 1.7;
    margin-top: 1.5rem;
    max-width: 46ch;
}

.bms-command {
    border-radius: 1.125rem;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 1.75rem;
    max-width: 36rem;
    padding: .4375rem;
}

.bms-command input {
    background: transparent;
    border: 0;
    color: var(--bms-ink);
    font: 400 .9375rem/1.4 Inter, system-ui, sans-serif;
    min-width: 0;
    padding: .75rem .875rem;
    width: 100%;
}

.bms-command input::placeholder {
    color: var(--bms-muted);
    opacity: 1;
}

.bms-command-note {
    color: var(--bms-muted);
    font-size: .75rem;
    line-height: 1.5;
    margin: .625rem 0 0 .25rem;
}

.bms-sample-report {
    background: var(--bms-ledger);
    border: 1px solid var(--bms-line);
    border-radius: 1.5rem;
    box-shadow: var(--bms-sheet-shadow);
    overflow: hidden;
    transform: rotate(.7deg);
}

.bms-sample-report__header {
    align-items: center;
    border-bottom: 1px solid var(--bms-line);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .875rem 1rem;
}

.bms-status {
    align-items: center;
    background: var(--bms-well);
    border-radius: 999px;
    color: var(--bms-muted);
    display: inline-flex;
    font-size: .6875rem;
    font-weight: 600;
    gap: .375rem;
    min-height: 1.75rem;
    padding: .3125rem .625rem;
    white-space: nowrap;
}

.bms-status::before {
    background: currentColor;
    border-radius: 50%;
    content: '';
    height: .375rem;
    width: .375rem;
}

.bms-status--measured {
    background: var(--bms-forest-soft);
    color: var(--bms-forest);
}

.bms-sample-report__body {
    padding: 1.375rem;
}

.bms-sample-outcome {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 5.5rem minmax(0, 1fr);
}

.bms-sample-code {
    align-items: center;
    background: var(--bms-forest-soft);
    border-radius: 1.125rem;
    color: var(--bms-forest);
    display: flex;
    font-size: 2.125rem;
    font-weight: 500;
    height: 5.5rem;
    justify-content: center;
    letter-spacing: -.07em;
}

.bms-sample-outcome h2 {
    font-size: 1.125rem;
    letter-spacing: -.025em;
    line-height: 1.25;
}

.bms-sample-outcome p {
    color: var(--bms-muted);
    font-size: .75rem;
    margin-top: .375rem;
}










.bms-sample-signals {
    display: grid;
    gap: .4rem;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.bms-sample-signals li {
    align-items: baseline;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.bms-sample-signals span {
    color: var(--bms-muted);
    font-size: .875rem;
}

.bms-sample-signals strong {
    color: var(--bms-ink);
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

.bms-sample-facts {
    border-top: 1px solid var(--bms-line);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bms-sample-facts > div {
    min-width: 0;
    padding: .875rem 1rem;
}

.bms-sample-facts > div + div {
    border-left: 1px solid var(--bms-line);
}

.bms-sample-facts dt {
    color: var(--bms-muted);
    font-size: .6875rem;
    font-weight: 600;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.bms-sample-facts dd {
    font-family: 'DM Mono', ui-monospace, monospace;
    font-size: .875rem;
    font-weight: 500;
    margin-top: .3125rem;
}

.bms-proof-rail {
    background: var(--bms-ledger);
    border: 1px solid var(--bms-line);
    border-radius: 1.125rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 clamp(1.25rem, 4vw, 3.5rem);
    overflow: hidden;
}

.bms-proof-rail > div {
    min-width: 0;
    padding: 1.125rem 1.25rem;
}

.bms-proof-rail > div + div {
    border-left: 1px solid var(--bms-line);
}

.bms-proof-rail strong {
    display: block;
    font-family: Manrope, Inter, sans-serif;
    font-size: .875rem;
}

.bms-proof-rail span {
    color: var(--bms-muted);
    display: block;
    font-size: .75rem;
    margin-top: .25rem;
}

.bms-marketing-method {
    display: grid;
    gap: clamp(3rem, 8vw, 7rem);
    grid-template-columns: minmax(0, .9fr) minmax(26rem, 1.1fr);
    padding: clamp(6rem, 11vw, 10rem) clamp(1.25rem, 6vw, 5.5rem);
}

.bms-marketing-method__intro h2,
.bms-marketing-cta h2 {
    font-size: clamp(2.25rem, 4.5vw, 4rem);
    letter-spacing: -.05em;
    line-height: 1.02;
    margin-top: .75rem;
    text-wrap: balance;
}

.bms-marketing-method__intro > p:last-child,
.bms-marketing-cta p {
    color: var(--bms-muted);
    line-height: 1.7;
    margin-top: 1.25rem;
    max-width: 48ch;
}

.bms-method-list {
    background: var(--bms-ledger);
    border: 1px solid var(--bms-line);
    border-radius: 1.25rem;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.bms-method-list li {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: 1.5rem;
}

.bms-method-list li + li {
    border-top: 1px solid var(--bms-line);
}

.bms-method-list > li > span {
    color: var(--bms-forest);
    font-size: .8125rem;
    padding-top: .1875rem;
}

.bms-method-list h3 {
    font-family: Manrope, Inter, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -.02em;
}

.bms-method-list p {
    color: var(--bms-muted);
    font-size: .875rem;
    line-height: 1.65;
    margin-top: .375rem;
}

.bms-marketing-cta {
    align-items: end;
    background:
        linear-gradient(rgb(239 249 244 / 4%) 1px, transparent 1px),
        linear-gradient(90deg, rgb(239 249 244 / 4%) 1px, transparent 1px),
        linear-gradient(145deg, #162d26, #152029 70%, #20223b);
    background-size: 24px 24px, 24px 24px, auto;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: 1.75rem;
    color: #f4f7f5;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin: 0 clamp(1.25rem, 4vw, 3.5rem) clamp(1.25rem, 4vw, 3.5rem);
    padding: clamp(2rem, 5vw, 4rem);
}

.bms-marketing-cta .bms-kicker,
.bms-marketing-cta p {
    color: #b8c8c1;
}

.bms-marketing-cta .bms-button {
    flex: none;
}

.bms-marketing-footer {
    align-items: center;
    border-top: 1px solid var(--bms-line);
    color: var(--bms-muted);
    display: flex;
    font-size: .75rem;
    gap: 1rem;
    justify-content: space-between;
    margin: 0 clamp(1.25rem, 4vw, 3.5rem);
    padding: 1.5rem 0 1rem;
}

.bms-marketing-footer a {
    color: var(--bms-ink);
    font-weight: 600;
}

.bms-privacy-shell,
.bms-error-shell {
    max-width: 72rem;
}

.bms-privacy-back {
    align-items: center;
    color: var(--bms-muted);
    display: inline-flex;
    font-size: .8125rem;
    font-weight: 600;
    gap: .5rem;
    min-height: 2.625rem;
    padding-inline: .625rem;
}

.bms-privacy-back:hover {
    color: var(--bms-ink);
}

.bms-privacy-main {
    margin-inline: auto;
    max-width: 55rem;
    padding: clamp(4.5rem, 10vw, 8rem) clamp(.625rem, 4vw, 2rem) clamp(5rem, 10vw, 8rem);
}

.bms-privacy-intro h1 {
    font-size: clamp(3rem, 7vw, 5.5rem);
    letter-spacing: -.06em;
    line-height: .98;
    margin-top: .875rem;
}

.bms-privacy-intro > p:last-child {
    color: var(--bms-muted);
    font-size: .875rem;
    margin-top: 1.25rem;
}

.bms-privacy-ledger,
.bms-static-error__ledger {
    background: var(--bms-ledger);
    border: 1px solid var(--bms-line);
    border-radius: 1.5rem;
    box-shadow: var(--bms-sheet-shadow);
    overflow: hidden;
}

.bms-privacy-ledger {
    margin-top: 3rem;
}

.bms-privacy-ledger section {
    display: grid;
    gap: 1rem 3rem;
    grid-template-columns: minmax(10rem, .38fr) minmax(0, 1fr);
    padding: clamp(1.5rem, 4vw, 2.5rem);
}

.bms-privacy-ledger section + section {
    border-top: 1px solid var(--bms-line);
}

.bms-privacy-ledger h2 {
    font-size: 1.0625rem;
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.35;
}

.bms-privacy-ledger :is(p, section > div) {
    color: var(--bms-muted);
    font-size: .9375rem;
    line-height: 1.75;
}

.bms-privacy-ledger section > div {
    display: grid;
    gap: 1rem;
}

.bms-privacy-ledger strong {
    color: var(--bms-ink);
    font-weight: 650;
}

/* The three values an owner has to copy into a firewall rule. They are the
   point of the page, so they get a ground of their own and a face that shows
   the difference between an l and a 1. */
.bms-collector-id {
    display: grid;
    gap: .5rem;
    margin: 0;
}

.bms-collector-id > div {
    background: var(--bms-well);
    border-radius: .75rem;
    display: grid;
    gap: .25rem;
    padding: .75rem .875rem;
}

.bms-collector-id dt {
    color: var(--bms-muted);
    font-size: .8125rem;
    line-height: 1.4;
}

.bms-collector-id dd {
    color: var(--bms-ink);
    font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .875rem;
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
}

.bms-privacy-ledger a {
    color: var(--bms-indigo);
    font-weight: 650;
    overflow-wrap: anywhere;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}

.bms-static-error {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 7rem);
    padding: clamp(3rem, 9vw, 7rem) .625rem;
}

.bms-static-error__ledger {
    max-width: 43rem;
    padding: clamp(2rem, 7vw, 4.5rem);
    width: 100%;
}

.bms-static-error h1 {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    letter-spacing: -.055em;
    line-height: 1;
    margin-top: .875rem;
    text-wrap: balance;
}

.bms-static-error__ledger > p:not(.bms-kicker) {
    color: var(--bms-muted);
    line-height: 1.7;
    margin-top: 1.5rem;
    max-width: 52ch;
}

.bms-static-error .bms-button {
    margin-top: 1.75rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }

    .bms-marketing-body {
        --bms-canvas: #0d1313;
        --bms-canvas-deep: #09100f;
        --bms-ledger: #171f1e;
        --bms-ledger-soft: #1b2422;
        --bms-well: #222c2a;
        --bms-ink: #f4f7f5;
        --bms-muted: #a9b5b0;
        --bms-faint: #87938e;
        --bms-line: rgb(239 249 244 / 11%);
        --bms-line-strong: rgb(239 249 244 / 20%);
        --bms-indigo: #8f99f2;
        --bms-indigo-strong: #3945a6;
        --bms-indigo-glow: rgb(74 86 201 / 28%);
        --bms-forest: #78bea0;
        --bms-forest-soft: #18352c;
        --bms-glass: rgb(17 24 25 / 82%);
        --bms-glass-fallback: #171f20;
        --bms-glass-edge: rgb(255 255 255 / 12%);
        --bms-glass-highlight: rgb(255 255 255 / 9%);
        --bms-focus: #b4bbff;
        --bms-sheet-shadow: inset 0 1px 0 rgb(255 255 255 / 4%), 0 30px 76px rgb(0 0 0 / 44%);
        --bms-glass-shadow: inset 0 1px 0 var(--bms-glass-highlight), 0 20px 50px rgb(0 0 0 / 38%);
        background:
            radial-gradient(circle at 8% 3%, rgb(59 123 96 / 14%), transparent 28rem),
            radial-gradient(circle at 91% 5%, rgb(57 67 159 / 19%), transparent 31rem),
            linear-gradient(145deg, #101817 0%, #0d1414 48%, #12131b 100%);
    }

    .bms-button--primary {
        background: linear-gradient(180deg, #4c59c8, #3945a6);
        box-shadow: none;
    }
}

@media (max-width: 900px) {
    .bms-marketing-hero,
    .bms-marketing-method {
        grid-template-columns: 1fr;
    }

    .bms-marketing-hero {
        min-height: auto;
        padding-top: 5.5rem;
    }

    .bms-marketing-copy h1 {
        max-width: 11ch;
    }

    .bms-sample-report {
        margin-inline: auto;
        max-width: 40rem;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .bms-marketing-shell {
        padding: .5625rem;
    }

    .bms-glass {
        -webkit-backdrop-filter: blur(12px) saturate(108%);
        backdrop-filter: blur(12px) saturate(108%);
        background: color-mix(in srgb, var(--bms-glass) 90%, var(--bms-glass-fallback));
    }

    .bms-marketing-nav {
        min-height: 3.625rem;
        padding: .5rem .5625rem .5rem .75rem;
    }

    .bms-marketing-links > a:not(.bms-button) {
        display: none;
    }

    .bms-marketing-links {
        gap: .5rem;
    }

    .bms-marketing-links .bms-button {
        min-height: 2.5rem;
        padding-inline: .75rem;
    }

    .bms-marketing-hero {
        gap: 2.5rem;
        padding: 3.75rem .625rem 2rem;
    }

    .bms-marketing-copy h1 {
        font-size: clamp(2.75rem, 13vw, 3.5rem);
    }

    .bms-command {
        grid-template-columns: 1fr;
    }

    .bms-command .bms-button {
        min-height: 2.875rem;
        width: 100%;
    }

    .bms-sample-report,
    .bms-privacy-ledger,
    .bms-static-error__ledger {
        border-radius: 1.1875rem;
        box-shadow: none;
    }

    .bms-sample-report {
        transform: none;
    }

    .bms-sample-outcome {
        grid-template-columns: 4.25rem minmax(0, 1fr);
    }

    .bms-sample-code {
        font-size: 1.75rem;
        height: 4.25rem;
    }

    .bms-sample-facts,
    .bms-proof-rail {
        grid-template-columns: 1fr;
    }

    .bms-sample-facts > div + div,
    .bms-proof-rail > div + div {
        border-left: 0;
        border-top: 1px solid var(--bms-line);
    }

    .bms-proof-rail {
        margin-inline: .625rem;
    }

    .bms-marketing-method {
        padding: 6rem .625rem;
    }

    .bms-marketing-cta {
        align-items: start;
        border-radius: 1.25rem;
        flex-direction: column;
        margin: 0 .625rem 1rem;
        padding: 2rem 1.25rem;
    }

    .bms-marketing-footer {
        align-items: start;
        flex-direction: column;
        margin-inline: .625rem;
    }

    .bms-privacy-main {
        padding-block: 4rem 5rem;
    }

    .bms-privacy-ledger {
        margin-top: 2rem;
    }

    .bms-privacy-ledger section {
        grid-template-columns: 1fr;
        padding: 1.5rem 1.125rem;
    }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .bms-glass {
        background: var(--bms-glass-fallback);
    }
}

@media (prefers-contrast: more), (prefers-reduced-transparency: reduce) {
    .bms-glass {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: var(--bms-glass-fallback);
        border-color: var(--bms-line-strong);
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bms-marketing-body *,
    .bms-marketing-body *::before,
    .bms-marketing-body *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
    }

    .bms-sample-report {
        transform: none;
    }
}

@media (forced-colors: active) {
    .bms-glass,
    .bms-sample-report,
    .bms-proof-rail,
    .bms-method-list,
    .bms-privacy-ledger,
    .bms-static-error__ledger,
    .bms-button,
    .bms-status {
        border: 1px solid CanvasText;
        box-shadow: none;
        forced-color-adjust: auto;
    }

    .bms-button--primary {
        background: Highlight;
        color: HighlightText;
    }
}

/* One command, then a readable example of the result. */
.bms-marketing-body .bms-marketing-shell { max-width: 1380px; padding: 0 clamp(1.25rem,5vw,5rem); }
.bms-marketing-body .bms-marketing-nav { margin: 0; padding: 1.5rem 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--bms-line); }
.bms-marketing-body .bms-marketing-hero { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(2rem,5vw,5rem); padding: 5rem 0 4rem; align-items: center; }
.bms-marketing-body .bms-marketing-copy h1 { font-size: clamp(3rem,6vw,5.8rem); line-height: 1.02; letter-spacing: -.065em; max-width: 10ch; margin: 1.1rem 0 1.5rem; }
.bms-marketing-body .bms-marketing-lede { max-width: 41ch; font-size: 1.1rem; line-height: 1.7; }
.bms-marketing-body .bms-command { padding: .4rem; border-radius: 10px; box-shadow: none; margin-top: 2rem; background: var(--bms-ledger); min-height: 4.3rem; }
.bms-marketing-body .bms-command input { font-size: 1rem; min-width: 0; }
.bms-marketing-body .bms-command-note { font-size: .75rem; margin-top: .5rem; line-height: 1.5; }
.bms-entry-hint { color: var(--bms-muted); font-size: .78rem; margin: .8rem 0 0; }
.bms-entry-steps { display: flex; gap: 1.75rem; list-style: none; padding: 1.6rem 0 0; margin: 1.6rem 0 0; border-top: 1px solid var(--bms-line); }
.bms-entry-steps li { display: grid; gap: .4rem; font-size: .75rem; }
.bms-entry-steps span { font-family: 'DM Mono', monospace; color: var(--bms-muted); }
.bms-entry-steps strong { font-weight: 600; }
.bms-marketing-body .bms-sample-report { border-radius: 10px; border: 0; box-shadow: 0 20px 60px rgb(0 0 0 / 7%); overflow: hidden; }
.bms-marketing-body .bms-sample-report__header { padding: 1rem 1.5rem; }
.bms-marketing-body .bms-sample-report__body { padding: 1.5rem; }
.bms-sample-domain { margin: 0 0 1.75rem; font-family: 'DM Mono', monospace; font-size: .95rem; display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.bms-sample-domain span { font-family: Inter, sans-serif; font-size: .7rem; color: var(--bms-muted); margin-left: auto; }
.bms-marketing-body .bms-sample-outcome { align-items: center; }
.bms-marketing-body .bms-sample-code { font-size: 4rem; line-height: 1; }
.bms-marketing-body .bms-sample-outcome h2 { font-size: 1.5rem; letter-spacing: -.04em; }
.bms-marketing-body .bms-sample-facts { padding: 1rem 1.5rem; }
.bms-marketing-body .bms-proof-rail { border-radius: 0; border: 0; border-top: 1px solid var(--bms-line); border-bottom: 1px solid var(--bms-line); box-shadow: none; background: transparent; }
@media (max-width: 900px) {
 .bms-marketing-body .bms-marketing-hero { grid-template-columns: 1fr; padding: 3rem 0; }
 .bms-marketing-body .bms-marketing-copy h1 { max-width: 12ch; }
 .bms-marketing-body .bms-sample-report { max-width: 42rem; width: 100%; }
}
@media (max-width: 640px) {
 .bms-marketing-body .bms-marketing-links > a:not(.bms-button) { display: none; }
 .bms-marketing-body .bms-marketing-hero { gap: 2.5rem; }
 .bms-marketing-body .bms-command { display: flex; flex-wrap: wrap; }
 .bms-marketing-body .bms-command input { flex: 1 1 10rem; min-height: 3rem; }
 .bms-marketing-body .bms-command button { flex: 1 0 auto; min-height: 3rem; }
 .bms-entry-steps { gap: 1rem; justify-content: space-between; }
}
.bms-marketing-body { background: var(--bms-canvas); }
.bms-marketing-body .bms-button--primary { background: #245749; color: #fff; border-color: transparent; box-shadow: none; }
.bms-marketing-body .bms-button--primary:hover { background: #1e493d; }

/* Show the decision a report supports, alongside its measured values. */
.bms-entry-label { display: block; margin: 1.75rem 0 .5rem; font-size: .8rem; font-weight: 600; }
.bms-marketing-body .bms-command { margin-top: 0; border: 1px solid var(--bms-line-strong); }
.bms-marketing-body .bms-marketing-hero { align-items: start; }
.bms-marketing-body .bms-sample-report { border: 1px solid var(--bms-line); box-shadow: 0 12px 40px rgb(0 0 0 / 5%); }
.bms-marketing-body .bms-sample-report__header { gap: .75rem; padding: .9rem 1.5rem; }
.bms-marketing-body .bms-sample-report__header .bms-kicker { font-size: .65rem; }
.bms-marketing-body .bms-sample-report__header .bms-status { font-size: .6rem; padding: .3rem .5rem; white-space: nowrap; }
.bms-sample-domain { gap: .6rem; }
.bms-sample-domain .bms-sample-site-icon { display: grid; place-items: center; width: 1.6rem; height: 1.6rem; flex: none; margin: 0; border: 1px solid var(--bms-line); border-radius: 4px; background: var(--bms-well); color: var(--bms-ink); font-size: .85rem; }
.bms-sample-reading { color: var(--bms-ink); font-size: .9rem; line-height: 1.55; max-width: 40ch; }
.bms-marketing-body .bms-sample-signals { margin-top: 1.25rem; }
.bms-marketing-body .bms-sample-signals li { min-width: 0; gap: .35rem; }
.bms-marketing-body .bms-sample-signals span { font-size: .65rem; }
.bms-marketing-body .bms-sample-signals strong { color: var(--bms-forest); font-size: 1.4rem; line-height: 1.25; }
.bms-sample-signals small { display: block; color: var(--bms-muted); font-size: .6rem; line-height: 1.5; }
.bms-marketing-body .bms-sample-facts { padding-block: .85rem; background: var(--bms-ledger-soft); }
.bms-sample-next { display: flex; gap: .85rem; padding: 1.2rem 1.5rem; border-top: 1px solid var(--bms-line); }
.bms-sample-next__mark { display: grid; flex: none; place-items: center; width: 1.75rem; height: 1.75rem; background: var(--bms-well); border-radius: 4px; font-size: .95rem; color: var(--bms-forest); }
.bms-sample-next .bms-kicker { font-size: .65rem; }
.bms-sample-next h3 { font-family: Manrope, sans-serif; font-size: .9rem; line-height: 1.4; margin-block: .3rem .4rem; letter-spacing: -.015em; }
.bms-sample-next div > p:last-child { color: var(--bms-muted); font-size: .75rem; line-height: 1.6; }
.bms-marketing-body .bms-sample-disclaimer { padding: .6rem 1.5rem; border-top: 1px solid var(--bms-line); color: var(--bms-muted); font-size: .6rem; text-align: right; }
@media (max-width: 640px) {
    .bms-marketing-body .bms-marketing-copy h1 { font-size: clamp(2.8rem, 11vw, 4rem); }
    .bms-marketing-body .bms-marketing-lede { font-size: .95rem; line-height: 1.65; }
    .bms-marketing-body .bms-sample-report__header { padding: .85rem 1rem; }
    .bms-marketing-body .bms-sample-report__body { padding: 1.25rem 1rem; }
    .bms-marketing-body .bms-sample-signals { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
    .bms-marketing-body .bms-sample-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-inline: 1rem; }
    .bms-marketing-body .bms-sample-facts > div { min-width: 0; padding: 0 .5rem; }
    .bms-marketing-body .bms-sample-facts > div:first-child { padding-left: 0; }
    .bms-marketing-body .bms-sample-facts > div + div { border-top: 0; border-left: 1px solid var(--bms-line); }
    .bms-marketing-body .bms-sample-facts dt { font-size: .6rem; }
    .bms-marketing-body .bms-sample-facts dd { font-size: .7rem; line-height: 1.5; margin-top: .3rem; }
    .bms-sample-next { padding: 1rem; }
    .bms-marketing-body .bms-sample-disclaimer { padding-inline: 1rem; font-size: .55rem; }
}

/* Rounded grouped surfaces, clear type, and a restrained floating control layer. */
.bms-marketing-body {
    --bms-canvas: #f5f5f7;
    --bms-canvas-deep: #ededf1;
    --bms-ledger: #fff;
    --bms-ledger-soft: #f8f8fa;
    --bms-well: #eaeaf0;
    --bms-ink: #1d1d1f;
    --bms-muted: #63636d;
    --bms-faint: #74747e;
    --bms-line: rgb(30 30 50 / 10%);
    --bms-line-strong: rgb(30 30 50 / 23%);
    --bms-indigo: #0068d9;
    --bms-indigo-strong: #0054b2;
    --bms-indigo-glow: rgb(0 113 227 / 20%);
    --bms-forest: #087b68;
    --bms-forest-soft: #e7f7f1;
    --bms-glass: rgb(255 255 255 / 78%);
    --bms-glass-fallback: #fff;
    --bms-glass-edge: rgb(255 255 255 / 92%);
    --bms-glass-highlight: rgb(255 255 255 / 95%);
    --bms-focus: #0068d9;
    --bms-sheet-shadow: 0 18px 60px rgb(20 30 55 / 6%);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif;
    background: var(--bms-canvas);
}
.bms-marketing-body :is(.bms-number, .bms-brand, .bms-button, .bms-command input, h1, h2, h3, .bms-sample-domain, .bms-sample-facts dd, .bms-entry-steps span, .bms-proof-rail strong) { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif; }
.bms-marketing-body .bms-kicker { font-size: .8rem; text-transform: none; letter-spacing: 0; font-weight: 650; }
.bms-marketing-body .bms-marketing-shell { max-width: 1480px; padding-inline: clamp(1rem, 4vw, 4.5rem); }
.bms-marketing-body .bms-marketing-nav { margin-top: 1.25rem; min-height: 4.3rem; padding: .6rem .7rem .6rem 1.4rem; border: 1px solid var(--bms-glass-edge); border-radius: 999px; background: var(--bms-glass); -webkit-backdrop-filter: blur(24px) saturate(140%); backdrop-filter: blur(24px) saturate(140%); box-shadow: inset 0 1px 0 var(--bms-glass-highlight), 0 8px 24px rgb(30 30 50 / 5%); }
.bms-marketing-body .bms-brand { font-size: 1.05rem; gap: .65rem; letter-spacing: -.035em; }
.bms-marketing-body .bms-brand-mark { background: linear-gradient(145deg, #3097ff, #075fca); width: 2.05rem; height: 2.05rem; border-radius: .7rem; }
.bms-marketing-body .bms-marketing-links { gap: 1.5rem; }
.bms-marketing-body .bms-marketing-links > a:not(.bms-button) { color: var(--bms-ink); font-size: .8rem; }
.bms-marketing-body .bms-button { border-radius: 999px; min-height: 2.9rem; padding-inline: 1.3rem; font-size: .85rem; font-weight: 600; }
.bms-marketing-body .bms-button--primary { background: #0071e3; color: #fff; box-shadow: inset 0 1px 0 rgb(255 255 255 / 17%); }
.bms-marketing-body .bms-button--primary:hover { background: #0064cb; box-shadow: 0 5px 16px rgb(0 113 227 / 18%); }
.bms-marketing-body .bms-marketing-hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: clamp(2rem, 5vw, 5.5rem); padding: clamp(3.5rem, 6vw, 6rem) 0 4rem; }
.bms-marketing-body .bms-marketing-copy > .bms-kicker { color: var(--bms-indigo); }
.bms-marketing-body .bms-marketing-copy h1 { font-size: clamp(3.4rem, 6.1vw, 6rem); font-weight: 700; line-height: 1.01; letter-spacing: -.055em; max-width: 10ch; }
.bms-marketing-body .bms-marketing-lede { color: var(--bms-muted); max-width: 42ch; font-size: 1.1rem; line-height: 1.65; }
.bms-marketing-body .bms-entry-label { font-size: .8rem; margin-top: 1.85rem; }
.bms-marketing-body .bms-command { border-radius: 999px; min-height: 4rem; padding: .45rem; background: var(--bms-ledger); border: 1px solid var(--bms-line-strong); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 4px 18px rgb(0 0 0 / 3%); }
.bms-marketing-body .bms-command input { padding-left: 1rem; font-size: 1.05rem; }
.bms-marketing-body .bms-command-note { max-width: 48ch; line-height: 1.65; }
.bms-marketing-body .bms-entry-steps { gap: 1.2rem; border: 0; margin-top: 1.75rem; padding-top: 0; }
.bms-marketing-body .bms-entry-steps li { grid-template-columns: auto minmax(0, 1fr); gap: .55rem; align-items: center; font-size: .72rem; }
.bms-marketing-body .bms-entry-steps span { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--bms-ledger); color: var(--bms-indigo); font-weight: 650; }
.bms-marketing-body .bms-sample-report { --bms-ink: #f5f5f7; --bms-muted: #b1b7c7; --bms-line: rgb(255 255 255 / 11%); --bms-ledger-soft: #141820; --bms-well: #242b39; --bms-forest: #74ddcc; --bms-forest-soft: #153d39; transform: none; border-radius: 2.4rem; border: 1px solid rgb(255 255 255 / 10%); color: var(--bms-ink); background: radial-gradient(ellipse at 70% 0, #122e52 0, transparent 52%), #0d1018; box-shadow: 0 24px 70px rgb(14 26 58 / 15%); }
.bms-marketing-body .bms-sample-report__header { border: 0; padding: 1.3rem 1.6rem .3rem; }
.bms-marketing-body .bms-sample-report__header .bms-kicker { font-size: .72rem; color: #e3e7f2; }
.bms-marketing-body .bms-sample-report__header .bms-status { font-size: .6rem; background: #233349; color: #c8dcf9; border: 1px solid #3a4f6c; }
.bms-marketing-body .bms-sample-report__body { padding: 1.1rem 1.6rem 1.35rem; }
.bms-marketing-body .bms-sample-domain { margin: 0 0 .65rem; font-size: .95rem; font-weight: 600; }
.bms-marketing-body .bms-sample-domain .bms-sample-site-icon { border-radius: .6rem; background: #263c59; color: #9ccaff; border: 0; }
.bms-marketing-body .bms-sample-outcome { grid-template-columns: minmax(7rem, .9fr) minmax(0, 1fr); gap: 1rem; }
.bms-sample-dial { position: relative; width: 100%; max-width: 11.5rem; aspect-ratio: 1; }
.bms-sample-dial svg { display: block; width: 100%; height: 100%; }
.bms-sample-dial__track { stroke: #29364f; }
.bms-sample-dial > span { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.bms-sample-dial strong { font-size: clamp(2.25rem, 4vw, 3.5rem); font-weight: 600; line-height: 1; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.bms-sample-dial small { font-size: .6rem; color: #b9c8e0; margin-top: .35rem; }
.bms-marketing-body .bms-sample-code { display: block; width: auto; height: auto; background: transparent; color: #78dbf6; font-size: 1.6rem; font-weight: 650; letter-spacing: -.03em; line-height: 1.15; margin-bottom: .5rem; }
.bms-marketing-body .bms-sample-outcome h2 { font-size: 1rem; font-weight: 600; letter-spacing: -.02em; }
.bms-marketing-body .bms-sample-outcome p { color: #b1bed3; font-size: .75rem; line-height: 1.5; max-width: 17ch; }
.bms-marketing-body .bms-sample-reading { margin-top: .65rem; font-size: .85rem; color: #d4daea; line-height: 1.5; }
.bms-marketing-body .bms-sample-signals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin-top: 1.15rem; }
.bms-marketing-body .bms-sample-signals li { display: flex; align-items: start; flex-direction: column; justify-content: start; min-width: 0; gap: .45rem; background: #0f3035; border: 1px solid #1d464a; border-radius: 1.15rem; padding: .85rem .7rem; }
.bms-marketing-body .bms-sample-signals li:nth-child(2) { background: #272141; border-color: #39305e; }
.bms-marketing-body .bms-sample-signals li:nth-child(3) { background: #162c49; border-color: #243e62; }
.bms-marketing-body .bms-sample-signals span { color: #c1d9df; font-size: .63rem; line-height: 1.4; min-height: 2.8em; }
.bms-marketing-body .bms-sample-signals strong { color: #6cead7; font-size: clamp(1.25rem, 2.5vw, 1.75rem); letter-spacing: -.045em; line-height: 1; font-weight: 600; white-space: nowrap; }
.bms-marketing-body .bms-sample-signals li:nth-child(2) strong { color: #c7afff; }
.bms-marketing-body .bms-sample-signals li:nth-child(3) strong { color: #8ec7ff; }
.bms-marketing-body .bms-sample-signals small { color: #b1bed0; font-size: .57rem; line-height: 1.5; }
.bms-marketing-body .bms-sample-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 1rem 1.6rem; background: transparent; gap: .7rem; }
.bms-marketing-body .bms-sample-facts > div { padding: 0; }
.bms-marketing-body .bms-sample-facts > div + div { border: 0; }
.bms-marketing-body .bms-sample-facts dt { color: #aebcd2; font-size: .6rem; text-transform: none; letter-spacing: 0; }
.bms-marketing-body .bms-sample-facts dd { color: #e9edf7; font-size: .72rem; line-height: 1.5; margin-top: .3rem; }
.bms-marketing-body .bms-sample-next { margin: 0 .75rem; padding: 1rem .85rem; border: 1px solid #26344a; border-radius: 1.4rem; background: #172234; }
.bms-marketing-body .bms-sample-next__mark { background: #233d60; border: 0; border-radius: 50%; color: #a6d0ff; width: 2rem; height: 2rem; }
.bms-marketing-body .bms-sample-next .bms-kicker { color: #91bdf3; font-size: .65rem; }
.bms-marketing-body .bms-sample-next h3 { font-size: .8rem; line-height: 1.4; font-weight: 650; margin: .25rem 0; }
.bms-marketing-body .bms-sample-next div > p:last-child { font-size: .68rem; color: #b7c4d9; }
.bms-marketing-body .bms-sample-disclaimer { border: 0; padding: .75rem 1.6rem 1rem; color: #aab5ca; font-size: .58rem; }
.bms-marketing-body .bms-proof-rail { margin: 0; border: 0; border-radius: 0; gap: 1rem; background: transparent; overflow: visible; }
.bms-marketing-body .bms-proof-rail > div { padding: 1.75rem; background: var(--bms-ledger); border: 1px solid var(--bms-line); border-radius: 1.75rem; }
.bms-marketing-body .bms-proof-rail strong { color: var(--bms-ink); font-size: 1.25rem; font-weight: 700; letter-spacing: -.035em; }
.bms-marketing-body .bms-proof-rail span { margin-top: .75rem; font-size: .85rem; line-height: 1.65; }
.bms-marketing-body .bms-marketing-method { padding-inline: 0; }
.bms-marketing-body .bms-marketing-method h2 { font-weight: 700; letter-spacing: -.05em; }
.bms-marketing-body .bms-method-list { border: 0; border-radius: 1.75rem; background: var(--bms-ledger); }
.bms-marketing-body .bms-method-list li { grid-template-columns: 2.5rem minmax(0, 1fr); padding: 1.75rem; }
.bms-marketing-body .bms-method-list > li > span { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .8rem; color: var(--bms-indigo); background: var(--bms-canvas); padding: 0; font-size: .9rem; font-weight: 650; }
.bms-marketing-body .bms-marketing-cta { margin-inline: 0; border-radius: 2rem; background: radial-gradient(ellipse at 0 0, #163b64, transparent 65%), #101621; background-size: auto; color: #f5f5f7; }
.bms-marketing-body .bms-marketing-cta .bms-kicker, .bms-marketing-body .bms-marketing-cta p { color: #b9c9e0; }
.bms-marketing-body .bms-marketing-cta h2 { font-weight: 700; }
.bms-marketing-body .bms-marketing-footer { margin-inline: 0; }
.bms-marketing-body .bms-privacy-ledger, .bms-marketing-body .bms-static-error__ledger { border-radius: 2rem; }

@media (prefers-color-scheme: dark) {
    .bms-marketing-body { --bms-canvas: #000; --bms-canvas-deep: #08080a; --bms-ledger: #1c1c1e; --bms-ledger-soft: #222225; --bms-well: #2c2c30; --bms-ink: #f5f5f7; --bms-muted: #a7a7b0; --bms-faint: #9797a2; --bms-line: rgb(255 255 255 / 11%); --bms-line-strong: rgb(255 255 255 / 25%); --bms-indigo: #80baff; --bms-forest: #69d7c0; --bms-forest-soft: #123d34; --bms-glass: rgb(35 35 39 / 82%); --bms-glass-fallback: #242428; --bms-glass-edge: rgb(255 255 255 / 16%); --bms-glass-highlight: rgb(255 255 255 / 12%); --bms-focus: #91c3ff; }
    .bms-marketing-body .bms-sample-report { border-color: #29384c; box-shadow: none; }
}
@media (max-width: 1000px) {
    .bms-marketing-body .bms-marketing-hero { grid-template-columns: minmax(0, 1fr); }
    .bms-marketing-body .bms-marketing-copy { width: min(100%, 40rem); margin-inline: auto; }
    .bms-marketing-body .bms-marketing-copy h1 { max-width: 12ch; }
    .bms-marketing-body .bms-sample-report { max-width: 36rem; margin-inline: auto; }
    .bms-marketing-body .bms-command { max-width: none; }
}
@media (max-width: 700px) {
    .bms-marketing-body .bms-marketing-nav { padding: .55rem .65rem .55rem 1rem; margin-top: .85rem; min-height: 3.85rem; gap: .6rem; }
    .bms-marketing-body .bms-brand { font-size: .88rem; gap: .45rem; }
    .bms-marketing-body .bms-brand-mark { width: 1.85rem; height: 1.85rem; }
    .bms-marketing-body .bms-marketing-links > a:not(.bms-button) { display: none; }
    .bms-marketing-body .bms-marketing-links .bms-button { padding-inline: .85rem; font-size: .72rem; min-height: 2.7rem; }
    .bms-marketing-body .bms-marketing-hero { padding-top: 3.25rem; gap: 2.5rem; }
    .bms-marketing-body .bms-marketing-copy h1 { font-size: clamp(3rem, 12vw, 4.5rem); margin: 1rem 0 1.25rem; }
    .bms-marketing-body .bms-marketing-lede { font-size: 1rem; line-height: 1.6; }
    .bms-marketing-body .bms-command { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem; min-height: 3.8rem; }
    .bms-marketing-body .bms-command input { min-height: 2.75rem; padding: .5rem .65rem; font-size: 1rem; }
    .bms-marketing-body .bms-command button { min-height: 2.75rem; padding-inline: 1rem; font-size: .8rem; width: auto; }
    .bms-marketing-body .bms-entry-steps { gap: .65rem; margin-top: 1.5rem; }
    .bms-marketing-body .bms-entry-steps li { display: flex; flex-direction: column; align-items: start; font-size: .68rem; gap: .6rem; flex: 1; }
    .bms-marketing-body .bms-sample-report { border-radius: 2rem; }
    .bms-marketing-body .bms-sample-report__header { padding-inline: 1.2rem; }
    .bms-marketing-body .bms-sample-report__body { padding-inline: 1.2rem; }
    .bms-marketing-body .bms-sample-signals { gap: .45rem; }
    .bms-marketing-body .bms-sample-signals li { padding: .75rem .55rem; border-radius: 1rem; }
    .bms-marketing-body .bms-sample-signals strong { font-size: 1.5rem; }
    .bms-marketing-body .bms-sample-signals span { font-size: .6rem; }
    .bms-marketing-body .bms-sample-facts { padding-inline: 1.2rem; }
    .bms-marketing-body .bms-sample-next { gap: .6rem; }
    .bms-marketing-body .bms-sample-next__mark { width: 1.5rem; height: 1.5rem; }
    .bms-marketing-body .bms-proof-rail { grid-template-columns: minmax(0, 1fr); }
    .bms-marketing-body .bms-proof-rail > div { padding: 1.5rem; }
    .bms-marketing-body .bms-marketing-method { padding-block: 4rem; gap: 2rem; }
    .bms-marketing-body .bms-method-list li { padding: 1.4rem; }
}
@media (max-width: 359px) {
    .bms-marketing-body .bms-marketing-shell { padding-inline: .75rem; }
    .bms-marketing-body .bms-marketing-nav { padding-inline: .7rem .45rem; }
    .bms-marketing-body .bms-brand { font-size: .8rem; }
    .bms-marketing-body .bms-marketing-links .bms-button { font-size: .66rem; padding-inline: .65rem; }
    .bms-marketing-body .bms-sample-signals { grid-template-columns: minmax(0, 1fr); }
    .bms-marketing-body .bms-sample-signals li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .75rem; }
    .bms-marketing-body .bms-sample-signals span { min-height: 0; align-self: center; }
    .bms-marketing-body .bms-sample-signals small { grid-column: 1 / -1; }
    .bms-marketing-body .bms-sample-outcome { gap: .5rem; }
    .bms-marketing-body .bms-sample-code { font-size: 1.35rem; }
    .bms-marketing-body .bms-sample-report__header { flex-wrap: wrap; }
}
@media (prefers-contrast: more), (prefers-reduced-transparency: reduce) {
    .bms-marketing-body .bms-marketing-nav { background: var(--bms-glass-fallback); -webkit-backdrop-filter: none; backdrop-filter: none; border-color: var(--bms-line-strong); box-shadow: none; }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .bms-marketing-body .bms-marketing-nav { background: var(--bms-glass-fallback); }
}
@media (forced-colors: active) {
    .bms-marketing-body .bms-sample-dial { display: none; }
    .bms-marketing-body .bms-sample-outcome { grid-template-columns: minmax(0, 1fr); }
    .bms-marketing-body :is(.bms-sample-report, .bms-sample-signals li, .bms-sample-next, .bms-proof-rail > div, .bms-marketing-nav) { border: 1px solid CanvasText; background: Canvas; color: CanvasText; box-shadow: none; }
}

/* Available reading width also adapts when text is enlarged. */
.bms-marketing-body .bms-marketing-shell { container: bms-marketing / inline-size; }
@container bms-marketing (max-width: 68rem) {
    .bms-marketing-body .bms-marketing-hero { grid-template-columns: minmax(0, 1fr); }
    .bms-marketing-body .bms-marketing-copy { width: min(100%, 40rem); margin-inline: auto; }
    .bms-marketing-body .bms-sample-report { max-width: 36rem; margin-inline: auto; }
    .bms-marketing-body .bms-marketing-method { grid-template-columns: minmax(0, 1fr); }
}
@container bms-marketing (max-width: 46rem) {
    .bms-marketing-body .bms-marketing-links > a:not(.bms-button) { display: none; }
    .bms-marketing-body .bms-proof-rail { grid-template-columns: minmax(0, 1fr); }
    .bms-marketing-body .bms-marketing-cta { align-items: start; flex-direction: column; }
}