#the-difference{--comparison-accent:#a855f7}
#the-difference>#change-heading{text-align:center;font:600 44px/1.12 'Clash Display',Inter,sans-serif;margin:0 0 48px}
#the-difference .change-stage{justify-content:center;gap:18px;padding:10px 0 12px}
#the-difference .change-cards{flex:1;max-height:710px;min-height:0;gap:28px}
#the-difference .change-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:34px 24px 20px;border-radius:32px;border:1px solid transparent;background:#f2f2f2}
#the-difference .change-after{background:#fff;border-color:#e5e5e7;box-shadow:0 8px 18px #201b3010}
#the-difference .change-card h3{font:600 30px/1.2 Inter,Arial,sans-serif;color:#858585;margin:0 0 16px;white-space:nowrap}
#the-difference .change-after h3{color:var(--comparison-accent)}
#the-difference .change-card>p{font:500 16px/1.5 Inter,Arial,sans-serif;color:#111;margin:0 0 32px}
#the-difference .change-card ul{gap:22px;margin:0 8px 30px}
#the-difference .change-card li{display:flex;align-items:flex-start;gap:14px;padding:0;font:400 18px/1.45 Inter,Arial,sans-serif;color:#171717}
#the-difference .change-card li:before{content:none}
.comparison-check{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:#ddd;color:#818181;font:700 17px/1 Inter,Arial,sans-serif}
.comparison-check:before{content:'?'}
.change-after .comparison-check{background:var(--comparison-accent);color:#fff}
.change-after .comparison-check:before{content:'\2713';font-weight:400;font-size:21px}
.comparison-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:auto 0 0}
.comparison-details>div{background:#fff;padding:14px 16px;border-radius:18px;min-width:0}
.change-after .comparison-details>div{box-shadow:inset 0 0 0 1px #e6e6e8}
.comparison-details dt{font:500 14px/1.4 Inter,Arial,sans-serif;color:#181818;margin-bottom:10px}
.change-after .comparison-details dt{color:var(--comparison-accent)}
.comparison-details dd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin:0;min-height:25px}
.comparison-details strong{font:500 21px/1.25 Inter,Arial,sans-serif;color:#121212}
.comparison-details dd>span{background:#e2f6ed;color:#209969;border-radius:20px;padding:3px 8px;font:400 10px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.comparison-details .comparison-focus{grid-column:1/-1}
.comparison-focus strong{font-size:25px}
#the-difference .change-terms{font:400 10px/1.5 Inter,Arial,sans-serif;flex:none;color:#929299}
@media(min-width:761px) and (max-height:850px){
 #the-difference .change-card{padding:24px 20px 16px;border-radius:28px}
 #the-difference .change-card h3{font-size:27px;margin-bottom:12px}
 #the-difference .change-card>p{font-size:14px;margin-bottom:23px}
 #the-difference .change-card ul{gap:14px;margin-bottom:22px}
 #the-difference .change-card li{font-size:15px;gap:12px}
 .comparison-check{width:22px;height:22px;border-radius:7px}
 .comparison-details>div{padding:10px 14px}.comparison-details dt{font-size:12px;margin-bottom:6px}.comparison-details strong{font-size:19px}.comparison-focus strong{font-size:22px}
}
@media(min-width:761px) and (max-width:1050px){
 #the-difference .change-card h3{font-size:24px;white-space:normal}
 #the-difference .change-card li{font-size:15px}
 .comparison-details>div{padding:12px}.comparison-details strong{font-size:18px}.comparison-details dd>span{font-size:9px}
}
@media(max-width:760px){
 #the-difference>#change-heading{font-size:32px;margin-bottom:30px}
 #the-difference .change-stage{gap:12px;padding:8px 0}
 #the-difference .change-cards{max-height:620px;overflow:visible}
 #the-difference .change-card{padding:25px 16px 16px;border-radius:28px}
 #the-difference .change-card h3{font-size:24px;margin-bottom:12px;white-space:normal}
 #the-difference .change-card>p{font-size:13px;margin-bottom:26px}
 #the-difference .change-card ul{gap:16px;margin:0 4px 24px}
 #the-difference .change-card li{font-size:14px;gap:10px;line-height:1.4}
 .comparison-check{width:22px;height:22px;border-radius:7px;font-size:14px}.change-after .comparison-check:before{font-size:18px}
 .comparison-details{gap:8px}.comparison-details>div{padding:12px;border-radius:14px}.comparison-details dt{font-size:12px;margin-bottom:8px}.comparison-details strong{font-size:18px}.comparison-details dd>span{font-size:9px;padding:2px 6px}.comparison-focus strong{font-size:21px}
 #the-difference .change-terms{font-size:9px}
}
@media(max-width:760px) and (max-height:740px){
 #the-difference .change-card{padding:18px 14px 12px;border-radius:24px}
 #the-difference .change-card h3{font-size:22px;margin-bottom:8px}
 #the-difference .change-card>p{font-size:11px;margin-bottom:18px}
 #the-difference .change-card ul{gap:11px;margin-bottom:18px}
 #the-difference .change-card li{font-size:12px;line-height:1.35}
 .comparison-check{width:19px;height:19px;border-radius:6px}.change-after .comparison-check:before{font-size:16px}
 .comparison-details>div{padding:8px 10px}.comparison-details dt{font-size:10px;margin-bottom:5px}.comparison-details dd{min-height:21px;gap:4px}.comparison-details strong{font-size:16px}.comparison-details dd>span{font-size:8px}.comparison-focus strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){#the-difference .change-cards{max-height:none;flex:none}#the-difference .change-stage{height:auto}.comparison-details{margin-top:12px}}