/* V49.6: new uncluttered hero and a single functional before/after control. */
.ai-hero{display:grid!important;grid-template-columns:42% 58%!important;min-height:445px!important;background:#071b2c!important;isolation:isolate}
.ai-hero-copy{background:linear-gradient(90deg,rgba(5,23,40,.98) 0%,rgba(7,31,52,.94) 75%,rgba(7,31,52,.84) 100%)!important;padding:clamp(28px,3.7vw,54px) clamp(24px,4vw,66px)!important}
.ai-hero-photo{min-height:445px!important}
.ai-comparison{touch-action:pan-y;overflow:hidden}
.ai-comparison img{object-fit:cover!important;object-position:center!important}
.ai-comparison .ai-divider{width:2px!important;background:#fff!important;box-shadow:0 0 0 1px #112b4040,0 0 18px #0007!important;z-index:2}
.ai-comparison .ai-handle{width:48px!important;height:48px!important;display:flex!important;gap:8px;justify-content:center;align-items:center;font-size:23px!important;line-height:1;z-index:2;color:#0b3255!important;box-shadow:0 3px 15px #0005!important}
.ai-comparison .ai-handle span{display:inline-block;transform:translateY(-2px)}
.ai-comparison input{appearance:none;-webkit-appearance:none;outline-offset:-6px}
.ai-comparison input:focus-visible{outline:3px solid #73bfff;outline-offset:-4px}
.ai-comparison .ai-photo-label{z-index:2}
.ai-hero h1{font-size:clamp(30px,3vw,43px)!important;line-height:1.12!important}
.ai-benefits{padding-top:29px!important;padding-bottom:29px!important}
@media(max-width:850px){.ai-hero{grid-template-columns:1fr!important}.ai-hero-copy{background:linear-gradient(110deg,#071b2c,#123754)!important;padding:32px 25px!important}.ai-hero-photo{min-height:340px!important}}
@media(max-width:520px){.ai-hero-photo{min-height:250px!important}.ai-comparison .ai-handle{width:42px!important;height:42px!important}.ai-hero-copy{padding:27px 20px!important}}