.comparison{background:linear-gradient(hsla(0,0%,100%,.56),hsla(0,0%,100%,.56)),linear-gradient(90deg,#fff,#ced2ee 21%,#f5dfba 47%,#efcf9c 69%,#e8896b);color:#08090c;overflow:hidden;padding:96px 0;position:relative}.comparison__background{inset:0;pointer-events:none;position:absolute;z-index:0}.comparison__background-img{height:100%;object-fit:cover;width:100%}.comparison__inner{position:relative;z-index:1}.comparison__intro{margin:0 auto 32px;text-align:center}.comparison__eyebrow{align-items:center;color:#1a1c26;display:flex;flex-direction:column;font-size:14px;font-weight:400;gap:12px;letter-spacing:.15em;line-height:1.1;margin-bottom:20px;opacity:0;text-align:center;text-transform:uppercase}.comparison__eyebrow-line{background:linear-gradient(90deg,rgba(99,99,99,0),#636363 50%,rgba(99,99,99,0));height:1px;width:220px}.comparison__heading{color:#08090c;font-size:68px;font-weight:300;letter-spacing:-.04em;line-height:1.25;margin-bottom:20px;opacity:0}.comparison__heading em{font-style:italic;font-weight:600}.comparison__subheading{color:#5e6273;font-size:21px;font-weight:300;letter-spacing:-.04em;line-height:1.6;margin-bottom:32px;opacity:0;text-align:center}.comparison__subheading p{margin:0}.comparison__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;opacity:0}.comparison__intro.is-visible .comparison__eyebrow{animation:fade-in-up .5s ease-out .2s forwards}.comparison__intro.is-visible .comparison__heading{animation:fade-in-up .5s ease-out .4s forwards}.comparison__intro.is-visible .comparison__subheading{animation:fade-in-up .5s ease-out .6s forwards}.comparison__intro.is-visible .comparison__actions{animation:fade-in-up .5s ease-out .8s forwards}@media (prefers-reduced-motion:reduce){.comparison__actions,.comparison__eyebrow,.comparison__heading,.comparison__subheading{animation:none;opacity:1;transform:none}}.comparison__columns{--comparison-shift-cap:380px;display:grid;margin:0 auto;max-width:440px;padding-top:48px;text-align:center}.comparison__column{grid-column:1;grid-row:1}.comparison__column-title{color:#1a1c26;font-size:14px;font-weight:400;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.comparison__column-list{color:#1a1c26;display:flex;flex-direction:column;font-size:36px;font-weight:300;gap:14px;letter-spacing:0;line-height:1;list-style:none;margin:0;padding:0}.comparison__column--highlight .comparison__column-list{color:#262320;font-weight:400}.comparison__column:not(.comparison__column--highlight){opacity:0;z-index:1}.comparison__column--highlight{opacity:0;z-index:2}.comparison__columns.is-visible .comparison__column:not(.comparison__column--highlight){animation:comparison-column-1-journey 3.6s ease-in-out forwards,comparison-brighten .5s ease-in-out .6s}.comparison__columns.is-visible .comparison__column--highlight{animation:comparison-column-2-journey 2.4s ease-in-out 1.2s forwards}@keyframes comparison-column-1-journey{0%,16.7%{opacity:1;transform:translateX(0) scale(1)}33.3%{opacity:1;transform:translateX(max(-115%,calc(var(--comparison-shift-cap)*-1))) scale(1)}77.8%{opacity:1;transform:translateX(max(-115%,calc(var(--comparison-shift-cap)*-1))) scale(1)}to{opacity:0;transform:translateX(0) scale(.92)}}@keyframes comparison-column-2-journey{0%{opacity:0;transform:translateX(0) scale(.92)}25%{opacity:1;transform:translateX(0) scale(1)}50%{opacity:1;transform:translateX(min(115%,var(--comparison-shift-cap))) scale(1)}66.7%{opacity:1;transform:translateX(min(115%,var(--comparison-shift-cap))) scale(1)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes comparison-brighten{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}@media (prefers-reduced-motion:reduce){.comparison__column:not(.comparison__column--highlight){animation:none;opacity:0;transform:none}.comparison__column--highlight{animation:none;opacity:1;transform:none}}@media (max-width:700px){.comparison__columns{--comparison-shift-cap:100px}.comparison__heading{font-size:32px}}.comparison__sequence{align-items:center;display:flex;flex-direction:column;gap:8px;margin:48px auto 0;max-width:700px}.comparison__sequence-first,.comparison__sequence-last{align-items:center;color:#08090c;display:flex;flex-wrap:wrap;font-size:23px;font-weight:400;height:56px;justify-content:center;letter-spacing:-.04em;line-height:1.6;margin:0;padding:0 16px;text-align:center;transform:translateY(64px);transition:transform .7s cubic-bezier(.22,1,.36,1);width:100%}.comparison__sequence-first.is-assembled,.comparison__sequence-last.is-assembled{transform:translateY(0)}.comparison__sequence-first-char{display:inline-block;filter:blur(6px);opacity:0;transform:translate(var(--char-dx,0),var(--char-dy,-20px)) rotate(var(--char-rot,0deg)) scale(.6);transition:transform .7s ease,opacity .7s ease,filter .7s ease;transition-delay:var(--char-delay,0s)}.comparison__sequence-first.is-assembled .comparison__sequence-first-char,.comparison__sequence-item.is-assembled .comparison__sequence-first-char,.comparison__sequence-last.is-assembled .comparison__sequence-first-char{filter:blur(0);opacity:1;transform:translate(0) rotate(0deg) scale(1)}.comparison__sequence-viewport{height:70px;overflow:hidden;position:relative;width:100%}.comparison__sequence-track{transition:transform .7s cubic-bezier(.22,1,.36,1);width:100%}.comparison__sequence-item{align-items:center;color:#b3b3b3;display:flex;font-size:20px;font-weight:300;height:70px;justify-content:center;letter-spacing:-.04em;line-height:1.6;margin:0;opacity:.45;padding:0 16px;text-align:center;transition:font-size .3s ease,color .3s ease,opacity .3s ease}.comparison__sequence-item.is-active{color:#393939;font-size:43px;opacity:1}.comparison__sequence-item.is-active.comparison__sequence-item--pending{opacity:0}@media (prefers-reduced-motion:reduce){.comparison__sequence-first,.comparison__sequence-first-char,.comparison__sequence-item,.comparison__sequence-last,.comparison__sequence-track{transition:none}}@media (max-width:700px){.comparison__sequence-viewport{height:54px}.comparison__sequence-first{font-size:24px;height:54px}.comparison__sequence-item{font-size:16px;height:54px}.comparison__sequence-item.is-active{font-size:26px}.comparison__sequence-last{font-size:24px;height:54px}}