.client-proof-panel {
    display: grid;
    justify-items: start;
    gap: 1rem;
    width: min(100%, 48rem);
    min-width: 0;
    padding: clamp(1rem, 3vw, 2rem);
    border: 1px solid var(--hs-color-border-strong);
    border-radius: 1rem;
    background: var(--hs-color-surface-deep);
    overflow-wrap: anywhere;
}

.client-proof-panel h2,
.client-proof-panel p { margin: 0; }
.client-proof-panel p { line-height: 1.6; }
.client-proof-panel section { display: grid; gap: 1rem; width: 100%; }
.client-proof-panel label { display: flex; align-items: center; gap: .6rem; }
.client-proof-panel input[type="email"],
.client-proof-panel input[type="text"] {
    width: min(100%, 30rem);
    min-height: 44px;
    padding: .6rem .8rem;
    border: 1px solid var(--hs-color-border-strong);
    border-radius: .5rem;
    background: var(--hs-color-bg-deep);
    color: var(--hs-color-text-strong);
    font: inherit;
}
.client-proof-panel button,
.client-proof-panel a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .6rem .9rem;
    border-radius: .55rem;
    font: inherit;
}
.client-proof-panel button { background: var(--hs-color-action-primary); color: var(--hs-color-text-strong); cursor: pointer; }
.client-proof-panel button:disabled { opacity: .6; cursor: default; }
.client-proof-panel :is(button, a, input):focus-visible {
    outline: 2px solid var(--hs-color-blueprint-highlight);
    outline-offset: 3px;
}