.protection-comparison{max-width:140rem;width:100%;margin:0 auto}@media (max-width: 1440px){.protection-comparison{margin:0 2rem;width:fit-content}}@media (max-width: 1200px){.protection-comparison{margin:0}}.protection-comparison__container{padding:8rem 14rem;background-color:transparent;transition:background-color 1.2s cubic-bezier(.16,1,.3,1);border-radius:1.6rem;display:flex;flex-direction:column;gap:6.4rem}.protection-comparison__container.is-visible{background-color:#1c1c1d}@media (max-width: 1200px){.protection-comparison__container{padding:8rem 4rem;margin:0 2rem;width:fit-content}}@media (max-width: 768px){.protection-comparison__container{padding:4rem}}@media (max-width: 500px){.protection-comparison__container{margin:0;border-radius:0;padding:4rem 2rem;gap:3.2rem}}.protection-comparison__header{opacity:0;transform:translateY(2rem);transition:opacity .8s ease-out,transform .8s ease-out}.protection-comparison__header.is-visible{opacity:1;transform:translateY(0)}.protection-comparison__header h1,.protection-comparison__header h2,.protection-comparison__header h3,.protection-comparison__header h4,.protection-comparison__header h5,.protection-comparison__header h6{color:#fff!important}.protection-comparison__header p{color:#d0d5dd!important}.protection-comparison__content,.protection-comparison__column{display:flex;gap:3.2rem}@media (max-width: 500px){.protection-comparison__content,.protection-comparison__column{gap:1.6rem}}@media (max-width: 768px){.protection-comparison__content{flex-direction:column}}.protection-comparison__column{flex-direction:column;flex:1}.protection-comparison__card{background-color:transparent;border-radius:1.6rem;padding:2.4rem;display:flex;flex-direction:column;gap:4rem;opacity:0;transform:translateY(3rem);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),background-color 1s cubic-bezier(.16,1,.3,1)}.protection-comparison__card.is-visible{background-color:#212529;opacity:1;transform:translateY(0)}@media (max-width: 500px){.protection-comparison__card{padding:1.6rem;gap:2.4rem}}.protection-comparison__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem}@media (max-width: 500px){.protection-comparison__card-header{flex-direction:column-reverse}}.protection-comparison__card-title{font-size:2.4rem;line-height:1.2;color:#fcfcfd;letter-spacing:-.01em}@media (max-width: 500px){.protection-comparison__card-title{font-size:2rem;line-height:1.4;letter-spacing:unset}}@media (max-width: 768px){.protection-comparison__card-title br{display:unset}}@media (max-width: 500px){.protection-comparison__card-title br{display:none}}.protection-comparison__list{display:flex;flex-direction:column;gap:2rem;list-style:none;overflow:hidden}@media (max-width: 500px){.protection-comparison__list{gap:1.2rem}}.protection-comparison__item{display:flex;align-items:flex-start;gap:2rem;position:relative;opacity:0;transform:translate(-1rem);transition:opacity .5s ease-out,transform .5s ease-out}.protection-comparison__item.is-visible{opacity:1;transform:translate(0)}.protection-comparison__item.is-visible:after{transform:scaleY(1)}@media (max-width: 500px){.protection-comparison__item{gap:1.2rem}}.protection-comparison__item:after{content:"";position:absolute;top:2.8rem;left:1.4rem;width:.1rem;height:100%;background-color:#495057;z-index:0;transform:scaleY(0);transform-origin:top;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}@media (max-width: 500px){.protection-comparison__item:after{top:2.4rem;left:1.2rem}}.protection-comparison__item:last-of-type:after{background:linear-gradient(180deg,#495057,#49505700)}.protection-comparison__item-content{font-size:1.6rem;font-weight:600;line-height:1.5;color:#eef2f6;padding:1.2rem 1.6rem;background-color:#1c1c1d;border-radius:1rem;width:100%}@media (max-width: 500px){.protection-comparison__item-content{font-size:1.4rem}}.protection-comparison__item-content strong{color:#64bdf6}@media (max-width: 1200px){.protection-comparison__item-content br{display:none}}.protection-comparison__icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:2.8rem;height:2.8rem;border-radius:50%;position:relative;z-index:1}@media (max-width: 500px){.protection-comparison__icon{width:2.4rem;height:2.4rem}}.protection-comparison__icon figure{width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center}.protection-comparison__icon figure svg{width:100%;height:100%;object-fit:contain;stroke:#fff}.protection-comparison__icon--yext{background-color:#f04438}.protection-comparison__icon--olly{background-color:#1b67f6}.protection-comparison__quote{background-color:transparent;border-radius:1.6rem;padding:2.4rem;display:flex;flex-direction:column;gap:2.4rem;opacity:0;transform:translateY(2rem);transition:opacity .8s ease-out,transform .8s ease-out,background-color .8s ease-out}.protection-comparison__quote.is-visible{background-color:#212529;opacity:1;transform:translateY(0)}@media (max-width: 500px){.protection-comparison__quote{padding:1.6rem}}.protection-comparison__quote-text{font-size:1.8rem;font-weight:700;line-height:1.5;color:#eef2f6}@media (max-width: 500px){.protection-comparison__quote-text{font-size:1.6rem}}.protection-comparison__quote-footer{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.protection-comparison__quote-author{font-size:1.6rem;font-weight:600;line-height:1.5;color:#adb5bd}.protection-comparison__quote-logo{width:2.4rem;height:2.4rem}.protection-comparison__diff{background-color:transparent;border-radius:1.6rem;padding:2.4rem;display:flex;flex-direction:column;gap:5.4rem;opacity:0;transform:scale(.98);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),background-color 1s cubic-bezier(.16,1,.3,1)}.protection-comparison__diff.is-visible{background-color:#1b67f6;opacity:1;transform:scale(1)}@media (max-width: 768px){.protection-comparison__diff{flex-direction:row;gap:1.2rem}}@media (max-width: 500px){.protection-comparison__diff{flex-direction:column;gap:2.4rem;padding:1.6rem;margin-top:1.6rem}}.protection-comparison__diff-title{font-size:2.4rem;line-height:1.2;color:#fcfcfd;letter-spacing:-.01em}@media (max-width: 768px){.protection-comparison__diff-title{max-width:20rem;width:100%}}@media (max-width: 500px){.protection-comparison__diff-title{font-size:2rem;line-height:1.4;letter-spacing:unset}}@media (max-width: 768px){.protection-comparison__diff-title br{display:unset}}.protection-comparison__diff-rows{display:flex;flex-direction:column;gap:2rem}.protection-comparison__diff-rows hr{width:100%;height:.1rem;background-color:#3187ff;border:none}.protection-comparison__diff-row{display:flex;flex-direction:column;gap:1.2rem}@media (max-width: 500px){.protection-comparison__diff-row{flex-direction:row}}.protection-comparison__diff-row--olly .protection-comparison__diff-icon figure{width:2rem;height:2rem;border-radius:50%;background-color:#f5f8ff}.protection-comparison__diff-row--olly .protection-comparison__diff-icon svg{stroke:#1350e2;width:1rem;height:auto;stroke-width:4}.protection-comparison__diff-row--olly .protection-comparison__diff-text{font-weight:700}.protection-comparison__diff-icon{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:2.4rem;height:2.4rem;border-radius:50%;position:relative;z-index:1}@media (max-width: 500px){.protection-comparison__diff-icon{width:2.4rem;height:2.4rem}}.protection-comparison__diff-icon figure{display:flex;align-items:center;justify-content:center}.protection-comparison__diff-icon figure svg{stroke:#fff}.protection-comparison__diff-text{font-size:1.6rem;font-weight:600;line-height:1.5;color:#fff}.protection-comparison__footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:4rem;border-top:.1rem solid #495057;opacity:0;transform:translateY(2rem);transition:opacity .8s ease-out,transform .8s ease-out}.protection-comparison__footer.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.protection-comparison__footer{padding-top:2.4rem;flex-direction:column;align-items:flex-start;gap:2.4rem;margin-top:-4rem}}@media (max-width: 500px){.protection-comparison__footer{margin-top:-.8rem}}.protection-comparison__footer-text{font-size:1.8rem;font-weight:600;line-height:1.5;color:#eef2f6}@media (max-width: 500px){.protection-comparison__footer-text{font-size:1.6rem;font-weight:700}}@media (max-width: 768px){.protection-comparison__footer-text br{display:unset}}@media (max-width: 500px){.protection-comparison__footer-text br{display:none}}
