.bd-practical-proof{padding:56px 0;background:#f5f5f3;border-block:1px solid #e0e1de}.bd-proof-grid,.bd-ux-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center}.bd-proof-copy h2,.bd-ux-demo-grid h2{font-size:clamp(30px,3.1vw,44px);line-height:1.12;letter-spacing:-.025em;margin:0 0 22px}.bd-proof-copy>p:not(.bd-eyebrow),.bd-ux-demo-grid>div>p{font-size:17px;line-height:1.65}.bd-proof-outcomes{margin:24px 0}.bd-proof-outcomes>div{padding:14px 0;border-top:1px solid #d6dbd8}.bd-proof-outcomes dt{font-size:14px;font-weight:700;color:#14191c}.bd-proof-outcomes dd{margin:4px 0 0;font-size:15px;line-height:1.6;color:#45525a}.bd-proof-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.bd-proof-actions .button{white-space:normal}.bd-proof-preview{margin:0;min-width:0;border:1px solid #bbc3c5;border-radius:8px;background:#fff;box-shadow:0 12px 32px #18232c08;overflow:hidden}.bd-proof-preview__top{padding:16px 24px;background:#192125;color:#fff;display:flex;justify-content:space-between;gap:16px;font-size:12px;font-weight:600}.bd-proof-preview__top>span:last-child{font-weight:400;color:#e0e6e8}.bd-proof-screen{padding:24px}.bd-proof-step{display:flex;align-items:center;gap:12px}.bd-proof-step>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #b7c0c4;border-radius:50%;font-size:12px;flex-shrink:0}.bd-proof-step h3{font-size:21px;line-height:1.25;margin:0}.bd-proof-screen dl{margin:20px 0 0}.bd-proof-screen dl>div{padding:10px 0;border-bottom:1px solid #e0e4e5}.bd-proof-screen dt,.bd-proof-message>span{display:block;font-size:12px;color:#475862;margin-bottom:5px}.bd-proof-screen dd{font-size:15px;line-height:1.5;margin:0;color:#182127}.bd-proof-transfer{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#34464d;margin:20px 0}.bd-proof-transfer>span{font-size:25px}.bd-proof-message{margin-top:18px;padding:18px;background:#f5f6f5;border:1px solid #c7d0d1;border-radius:4px}.bd-proof-message p{font-size:15px;line-height:1.6;margin:6px 0 12px}.bd-proof-message small{font-size:12px;color:#43545b}.bd-proof-preview figcaption{padding:0 24px 22px;font-size:12px;line-height:1.6;color:#45545b}.bd-ux-demo-section{background:#f5f5f3;border-block:1px solid #dfe3e2}.bd-ux-demo-grid{align-items:start}.bd-demo-principles{padding:0;margin:28px 0;list-style:none;counter-reset:demo}.bd-demo-principles li{position:relative;padding:14px 0 14px 42px;border-top:1px solid #d3dad8;counter-increment:demo}.bd-demo-principles li::before{content:counter(demo,decimal-leading-zero);position:absolute;left:0;top:17px;font-size:12px;color:#475861}.bd-demo-principles strong,.bd-demo-principles span{display:block;font-size:15px;line-height:1.6}.bd-demo-principles span{color:#43525a;margin-top:4px}.bd-ux-demo-grid .bd-demo-boundary{font-size:14px;color:#43525a}.bd-ux-demo{background:#fff;border:1px solid #bbc5c8;border-radius:8px;padding:28px;min-width:0}.bd-demo-tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#45565e}.bd-demo-heading h3{font-size:28px;margin:10px 0}.bd-demo-heading p{font-size:14px;color:#45565e}.bd-demo-presets{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.bd-demo-presets button{padding:10px 12px;min-height:44px;border:1px solid #9aa8ae;background:#fff;border-radius:4px;color:#172126;font:inherit;font-size:13px;cursor:pointer}.bd-demo-presets button:hover{background:#f0f3f2}.bd-demo-field{margin:22px 0}.bd-demo-field label{display:block;font-size:15px;font-weight:700;line-height:1.5}.bd-demo-field label span{font-size:13px;font-weight:400}.bd-demo-field>p{font-size:13px;line-height:1.5;color:#45565e;margin:6px 0 10px}.bd-demo-field input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #84949c;border-radius:4px;background:#fff;color:#172126;font:inherit;font-size:16px;line-height:1.5;min-height:48px;padding:11px 13px}.bd-demo-field input[aria-invalid=true]{border:2px solid #91342f}.bd-demo-errors{border:2px solid #91342f;border-radius:4px;padding:18px;background:#fff9f8;margin:20px 0}.bd-demo-errors h4{margin:0 0 8px;font-size:17px}.bd-demo-errors ul{margin:0;padding-left:20px}.bd-demo-errors a{font-size:14px;color:#762c28;text-decoration:underline;text-underline-offset:3px}.bd-demo-field .bd-demo-error{color:#762c28;font-weight:600}.bd-demo-check{min-height:48px;white-space:normal}.bd-demo-status{font-size:15px;line-height:1.65;margin-bottom:0}.bd-demo-status:empty{display:none}.bd-demo-status.is-success{padding:18px;background:#eff4f1;border:1px solid #889c94;border-radius:4px;color:#193d31}.bd-demo-nojs{font-size:13px;line-height:1.6;color:#45565e}.bd-ux-demo.is-ready .bd-demo-nojs{display:none}.bd-ux-demo [hidden]{display:none!important}.bd-practical-proof :focus-visible,.bd-ux-demo-section :focus-visible{outline:3px solid #172126;outline-offset:4px}.bd-demo-errors:focus{outline:3px solid #172126;outline-offset:4px}@media(max-width:900px){.bd-proof-grid,.bd-ux-demo-grid{grid-template-columns:1fr;gap:30px}.bd-proof-preview{max-width:650px;width:100%;justify-self:center}}@media(max-width:600px){.bd-practical-proof{padding:34px 0}.bd-ux-demo{padding:21px}.bd-proof-screen{padding:20px}.bd-proof-preview__top{padding:14px 20px}.bd-proof-preview figcaption{padding:0 20px 20px}.bd-proof-actions{align-items:flex-start;flex-direction:column}.bd-demo-presets{display:grid;grid-template-columns:1fr}.bd-demo-check{width:100%}.bd-proof-preview__top{flex-wrap:wrap;gap:6px}.bd-proof-transfer{align-items:flex-start}.bd-proof-actions .button{font-size:14px}}@media(prefers-reduced-motion:reduce){.bd-practical-proof *,.bd-ux-demo-section *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bd-mockup :is(.bd-practical-proof,.bd-ux-demo) .button{background:#15191b;color:#fff;border:1px solid #15191b;border-radius:4px;box-shadow:none;font-size:14px;min-height:48px}.bd-mockup :is(.bd-practical-proof,.bd-ux-demo) .button:hover{background:#303a3f;color:#fff;transform:none}.bd-practical-proof .bd-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;margin:0 0 18px}.bd-practical-proof .bd-text-link{font-size:14px;border-bottom:1px solid #15191b;text-decoration:none;text-underline-offset:5px}