/* Homepage before/after: intact photos, opposite cut corners, blue surfaces. */
.home-comparison{padding:84px 0;background:linear-gradient(115deg,#f4f9ff,#e6f1ff 64%,#f0f7ff);border-block:1px solid #dce9f7}
.home-comparison-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:64px}
.home-comparison-copy{min-width:0}
.home-comparison-kicker{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0064d9}
.home-comparison-kicker::before{content:"";width:30px;height:3px;background:#087aff}
.home-comparison h2{margin:0 0 24px;font-size:clamp(32px,3.2vw,46px);font-weight:800;line-height:1.13;letter-spacing:-.035em;color:#092540}
.home-comparison h2 span{color:#0067df}
.home-comparison-copy>p{max-width:390px;margin:0;color:#50647a;font-size:16px;line-height:1.8}
.home-comparison-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;max-width:100%;margin-top:30px;padding:15px 22px;background:linear-gradient(125deg,#118bfa,#0560cc);color:#fff;font-size:13px;line-height:1.4;font-weight:750;text-decoration:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .18s,background .18s}
.home-comparison-link svg,.home-comparison figcaption svg{flex-shrink:0;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-comparison-link:hover{background:linear-gradient(125deg,#2b9cff,#086dde);color:#fff;transform:translateY(-2px)}
.home-comparison-link:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #a9e0ff,inset 0 0 0 5px #064a94}
.home-comparison-frame{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;background:linear-gradient(135deg,#c4dfff,#8fbff0);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.home-comparison-photo{min-width:0;margin:0;background:#0a2f55;overflow:hidden}
.home-comparison-before{clip-path:polygon(0 0,100% 0,100% 100%,18px 100%,0 calc(100% - 18px))}
.home-comparison-after{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.home-comparison-image{position:relative}
.home-comparison-image img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
.home-comparison-badge{position:absolute;top:16px;left:16px;padding:7px 14px;background:#0a2f55;color:#fff;font-size:11px;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.home-comparison-after .home-comparison-badge{background:#0768d4}
.home-comparison figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:16px 18px;border-top:3px solid #6b9dc9;color:#e5f0fd;font-size:13px;font-weight:650;line-height:1.5}
.home-comparison-after figcaption{background:linear-gradient(115deg,#075daf,#0b4381);border-color:#5ebaff;color:#fff}
.home-comparison-caption-mark{font-size:23px;font-weight:400;line-height:1}
@media(max-width:1100px){.home-comparison-layout{gap:36px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.home-comparison figcaption{padding:13px 12px;font-size:12px}}
@media(max-width:800px){.home-comparison{padding:56px 0}.home-comparison-layout{grid-template-columns:1fr;gap:32px}.home-comparison-copy>p{max-width:560px}.home-comparison h2 br{display:none}.home-comparison h2{max-width:600px}.home-comparison-frame{width:100%;max-width:660px}.home-comparison figcaption{font-size:13px}}
@media(max-width:440px){.home-comparison{padding:44px 0}.home-comparison-frame{gap:7px;padding:8px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.home-comparison-before{clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px))}.home-comparison-after{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.home-comparison-badge{top:10px;left:10px;padding:5px 10px}.home-comparison figcaption{align-items:flex-start;min-height:63px;padding:11px 10px;font-size:11px}.home-comparison figcaption svg{width:17px;height:17px}.home-comparison-caption-mark{font-size:19px}.home-comparison-link{gap:16px;padding-inline:18px}.home-comparison-copy>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-comparison-link{transition:none}.home-comparison-link:hover{transform:none}}