/* The product is the subject here: opaque, focused, and large enough to read. */
.how-proof{background:#03141e!important;opacity:1!important;border-color:#55f1d8!important;box-shadow:0 26px 80px rgba(0,0,0,.7),0 0 32px rgba(24,234,205,.15)!important}.how-proof:after{display:none!important}.how-proof:not(.how-proof-real-proof){background:#03141e!important}.how-proof .demo-agent,.how-proof .demo-settings,.how-proof .demo-mobile-break,.how-proof .demo-impact,.how-proof .demo-regression,.how-proof .demo-verified{min-height:clamp(350px,55vh,560px)}.how-frame .how-shade{background:linear-gradient(90deg,rgba(1,8,14,.96) 0%,rgba(1,8,14,.78) 46%,rgba(1,8,14,.6) 100%),linear-gradient(180deg,rgba(1,8,14,.55),transparent 34%,#02080d 100%)}.how-proof{height:clamp(350px,55vh,560px)}.demo-settings{padding:0}.settings-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(108,250,223,.22)}.settings-bar button{border:0;border-radius:8px;padding:9px 15px;background:#4cf0d5;color:#011116;font-weight:900}.settings-body{padding:18px}.settings-body>span{color:#66f2dc;font-size:.63rem;font-weight:900;letter-spacing:.14em}.settings-body div{height:34px;margin-top:13px;border-radius:6px;background:linear-gradient(90deg,#103847 0 35%,#0a2836 35%)}.settings-saved{margin:4px 18px;padding:12px;border-radius:8px;background:rgba(60,222,162,.16);color:#5cf1c8;font-weight:850}.demo-bubble{margin:16px 18px}.demo-mobile-break{padding:17px}.break-file{display:inline-block;padding:7px 10px;border:1px solid rgba(80,246,216,.55);border-radius:7px;color:#66f5dc;font-family:ui-monospace,monospace;font-size:.75rem}.break-screens{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.break-screens>div{min-height:120px;padding:12px;border:1px solid rgba(124,177,187,.25);border-radius:10px;background:#082735}.break-screens b,.break-screens span{display:block}.break-save{margin-top:48px;padding:7px;background:#4debd2;color:#061516;text-align:center;font-size:.68rem;font-weight:900}.break-phone{position:relative;overflow:hidden}.break-phone span{margin-top:9px;padding:7px;border-radius:4px;background:#123a49;color:#91abb1;font-size:.63rem}.break-phone button{position:absolute;left:12px;right:12px;bottom:-21px;border:0;border-radius:6px;padding:7px;background:#4debd2;color:#021017;font-weight:900}.break-phone em{position:absolute;right:9px;bottom:3px;color:#ff7c72;font-size:1.15rem;font-style:normal}.break-issue{margin-top:13px;padding:10px;border-left:3px solid #ff776f;background:rgba(127,42,43,.24);color:#ffd1cd;font-size:.72rem}.demo-mobile-break p{margin:11px 0 0;color:#dcebed;font-size:.7rem;line-height:1.35}.demo-impact{padding:0}.impact-section{padding:13px 17px;border-bottom:1px solid rgba(116,204,209,.18)}.impact-section:last-child{border:0}.impact-section span,.impact-section b,.impact-section strong{display:block}.impact-section span{margin-bottom:7px;color:#73f3db;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.impact-section strong{padding:9px 10px;border:1px solid rgba(99,245,219,.55);border-radius:7px;background:#092c38;font-family:ui-monospace,monospace;color:#f1ffff}.impact-section b{margin:6px 0;color:#e3f3f3;font-size:.78rem}.impact-required{background:rgba(19,97,89,.22)}.how-proof-regression ul{margin-top:18px}.how-proof-regression .demo-check-row{font-size:.92rem}.how-proof-regression .demo-check-row small{font-size:.72rem}.how-proof-regression li{font-size:.74rem}.how-proof-verified .verify-row{font-size:.92rem}.how-proof-verified .verify-resolved{font-size:.9rem}.how-proof-verified .verify-done{font-size:1.15rem}@media(max-width:900px){.how-proof{top:112px!important;left:14px!important;right:14px!important;width:auto!important;height:clamp(350px,53svh,480px)!important;transform:none!important}.how-proof .demo-agent,.how-proof .demo-settings,.how-proof .demo-mobile-break,.how-proof .demo-impact,.how-proof .demo-regression,.how-proof .demo-verified{min-height:100%}.how-frame[data-mellow-video="cinematic-subtitles"] .mellow-video-caption{bottom:max(120px,calc(env(safe-area-inset-bottom) + 96px))}.break-screens>div{min-height:105px}.demo-mobile-break{padding:12px}.break-screens{gap:8px;margin-top:11px}.break-screens>div{padding:9px}.break-save{margin-top:40px}.impact-section{padding:10px 13px}.impact-section b{font-size:.7rem}.how-proof-regression .demo-check-row{font-size:.7rem}.how-proof-regression li{font-size:.58rem}}