.transformation{padding:100px 0;background:radial-gradient(circle at 15% 15%,#4c1514 0,#1a191b 34%,#101114 76%);color:#fff}.transformation-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:stretch}.transformation article{min-height:560px;padding:49px 48px;border-radius:23px}.transformation .before{background:linear-gradient(135deg,#ffffff20,#4c4e51d1);border:1px solid #ffffff26;backdrop-filter:blur(10px)}.transformation .after{background:#161618}.transformation span{font:800 11px Manrope;letter-spacing:1.3px;color:#ed564f}.transformation h2{margin:22px 0 35px;color:#fff;font-size:39px;line-height:1.15}.transformation h2 em{font-style:normal;color:#ee3a31}.transformation ul{margin:0;padding:0;list-style:none}.transformation li{position:relative;padding:0 0 16px 23px;font-size:15px;line-height:1.32}.before li::before{content:"×";position:absolute;left:0;color:#ff5b55;font-size:20px;line-height:14px}.after li::before{content:"✓";position:absolute;left:0;color:#ed4038;font-size:16px;font-weight:800}.transform-arrow{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;background:#d8342d;color:white;font-size:36px;box-shadow:0 9px 25px #0006}@media(max-width:700px){.transformation{padding:60px 0}.transformation-grid{grid-template-columns:1fr;gap:15px}.transformation article{min-height:0;padding:32px 25px;border-radius:16px}.transformation h2{font-size:27px}.transformation li{font-size:14px}.transform-arrow{position:relative;left:auto;top:auto;justify-self:center;transform:rotate(90deg);width:52px;height:52px;margin:-4px 0;font-size:26px}}