.webcheck-content { min-height: 48vh; padding-top: 4rem; }
.webcheck-content .eyebrow { color: var(--muted); }
.webcheck-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
.webcheck-layout--case { grid-template-columns: minmax(0, 2fr) minmax(230px, 1fr); }
.webcheck-panel { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 10px 35px rgba(10,35,49,.06); }
.webcheck-panel h2, .webcheck-explanation h2 { margin-top: .5rem; font-size: clamp(1.65rem, 3vw, 2.1rem); }
.webcheck-panel > p, .webcheck-explanation > p { color: var(--muted); }
.webcheck-form .button { margin-top: 1rem; }
.webcheck-form .button:disabled { opacity: .55; }
.webcheck-help { color: var(--muted); font-size: .875rem; line-height: 1.65; margin: .65rem 0 1.25rem; }
#wc-reference { text-transform: uppercase; letter-spacing: .075em; }
#wc-code { letter-spacing: .2em; font-variant-numeric: tabular-nums; }
.webcheck-steps { list-style: none; padding: 0; margin: 2rem 0; counter-reset: steps; }
.webcheck-steps li { position: relative; padding-left: 3.4rem; margin: 1.6rem 0; counter-increment: steps; }
.webcheck-steps li::before { content: counter(steps, decimal-leading-zero); position: absolute; left: 0; top: .2rem; color: var(--blue); font-size: 1rem; }
.webcheck-steps h3 { margin: 0 0 .35rem; font-size: 1.1rem; }
.webcheck-steps p { margin: 0; color: var(--muted); font-size: .95rem; }
.webcheck-access { width: 100%; max-width: 650px; margin: 0; }
.webcheck-turnstile { min-height: 65px; }
[data-webcheck-countdown] { font-variant-numeric: tabular-nums; font-weight: 600; }
.webcheck-notice { margin: 1.25rem 0; padding: 1rem 1.2rem; border-left: 3px solid #26755a; border-radius: 4px; background: #edf7f2; color: #1b553f; }
.webcheck-notice.is-error { border-color: #a73a36; background: #fff4f3; color: #82312e; }
.webcheck-notice strong { display: block; font-size: 1rem; }
.webcheck-notice p { margin: .25rem 0; font-size: .925rem; line-height: 1.65; }
.webcheck-case { max-width: 850px; margin: 0 auto; overflow-wrap: anywhere; }
.webcheck-case > h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
.webcheck-case-bar { display: flex; gap: 1rem; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
.webcheck-badge { margin: 0; padding: .4rem .85rem; border-radius: 99px; color: #165b76; background: #e8f4f9; font-size: .875rem; }
.webcheck-text-button { padding: .5rem; border: 0; background: none; text-decoration: underline; color: var(--blue-deep); cursor: pointer; }
.webcheck-case-section { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.webcheck-case-section h3, .webcheck-proposal h3 { margin-top: 1rem; font-size: 1.25rem; }
.webcheck-proposal { margin-top: 3rem; padding: clamp(1.25rem, 4vw, 2.5rem); border: 1px solid #cddfe7; border-radius: 14px; background: #f6fafc; }
.webcheck-proposal > h2 { margin-top: .4rem; }
.webcheck-price { margin-bottom: 0; color: var(--blue-deep); font-size: 2rem; }
.webcheck-price span { font-size: .9rem; }
.webcheck-accept { margin-top: 2rem; }
.webcheck-accept summary { width: fit-content; cursor: pointer; }
.webcheck-accept[open] summary { margin-bottom: 1.5rem; }
.webcheck-decline { margin-top: 1.5rem; font-size: .9rem; }
.webcheck-decline summary { width: fit-content; color: var(--blue-deep); cursor: pointer; text-decoration: underline; }
.webcheck-consent { display: flex; gap: .8rem; align-items: flex-start; margin: 1.5rem 0 .5rem; font-size: .9rem; cursor: pointer; }
.webcheck-consent input { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin-top: .2rem; accent-color: var(--blue); }
@media (max-width: 760px) { .webcheck-layout { grid-template-columns: 1fr; } .webcheck-content { padding-top: 2rem; } }