.bb-compare__grid{position:relative;display:grid;gap:0;max-width:66rem;margin-inline:auto}.bb-compare__col{position:relative;z-index:1;min-width:0}.bb-compare__card{position:relative;height:100%;padding:clamp(1.5rem,1rem + 2vw,2.6rem);border-radius:var(--r-xl)}.bb-compare__col--without .bb-compare__card{background:color-mix(in srgb,var(--bb-text) 4%,var(--bb-surface));box-shadow:inset 0 0 0 1px var(--bb-line);color:var(--bb-text-soft)}.bb-compare__col--with .bb-compare__card{--bb-text: var(--bb-ink);--bb-text-soft: var(--bb-ink-soft);--bb-line: rgba(20, 17, 13, .14);--bb-focus: var(--bb-berry);background:radial-gradient(80% 60% at 100% 0%,#ffffff73,#fff0 60%),var(--bb-grad-butter);box-shadow:var(--sh-butter),var(--sh-3);color:var(--bb-ink)}.bb-compare__label{display:flex;align-items:center;gap:.7rem;margin:0 0 1.25rem;font-size:clamp(1.4rem,1.2rem + .8vw,1.95rem);line-height:1.1;color:var(--bb-text)}.bb-compare__label-icon{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.85rem;background:color-mix(in srgb,var(--bb-text) 8%,transparent)}.bb-compare__col--with .bb-compare__label-icon{background:var(--bb-ink);color:var(--bb-butter)}.bb-compare__list{display:grid;gap:.85rem;margin:0;padding:0}.bb-compare__item{display:flex;align-items:flex-start;gap:.75rem;line-height:1.45}.bb-compare__col--with .bb-compare__item{font-weight:600}.bb-compare__col--without .bb-compare__item>span:last-child{color:var(--bb-text-soft)}.bb-compare__mark{display:grid;place-items:center;flex:none;width:1.6rem;height:1.6rem;margin-top:.05rem;border-radius:50%}.bb-compare__mark .bb-icon{--icon-size: .95rem;stroke-width:2.4}.bb-compare__mark--x{background:var(--bb-jam-soft);color:color-mix(in srgb,var(--bb-jam) 85%,var(--bb-ink))}.bb-compare__mark--check{background:var(--bb-ink);color:var(--bb-butter)}.bb-compare__badge{position:absolute;top:-.95rem;right:1.25rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:var(--r-pill);background:var(--bb-ink);color:var(--bb-butter);font-size:var(--fs-nano);font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--sh-2);transform:rotate(3deg);animation:bb-sc-badge 4.5s var(--ease-spring) infinite}.bb-compare__vs{position:relative;z-index:3;display:grid;place-items:center;justify-self:start;width:3.6rem;height:3.6rem;margin:-1.1rem 0 -1.1rem 1.5rem;border-radius:50%;background:var(--bb-ink);color:var(--bb-butter);box-shadow:0 0 0 5px var(--bb-butter),var(--sh-2);font-family:var(--bb-font-display);font-size:1.3rem;font-style:italic;font-weight:700;line-height:1;animation:bb-sc-wiggle 5s var(--ease-spring) infinite}.bb-compare__vs span{transform:translateY(-.06em)}.bb-compare__cta{display:flex;margin-top:clamp(2.5rem,1.5rem + 3vw,4rem)}.bb-compare__cta--center{justify-content:center}.bb-compare{--cv-h: 1300px;--cv-h-lg: 1080px}.bb-compare{overflow-x:clip}@media(max-width:767px){.bb-js .bb-compare [data-reveal=left]:not(.is-in),.bb-js .bb-compare [data-reveal=right]:not(.is-in){transform:translate3d(0,2.5rem,0)}}.bb-compare__cta .bb-btn{max-width:100%;min-width:0;white-space:normal;text-align:left}@media(min-width:480px){.bb-compare__cta .bb-btn{white-space:nowrap}}@media(min-width:768px){.bb-compare__grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:1.25rem;align-items:center}.bb-compare__vs{justify-self:center;margin:0 -1.6rem}.bb-compare__col--without .bb-compare__card{transform:rotate(-1.4deg) scale(.97)}.bb-compare__col--with .bb-compare__card{transform:rotate(1.1deg)}.bb-compare__col--with{z-index:2}}@keyframes bb-sc-badge{0%,to{transform:rotate(3deg)}50%{transform:rotate(-2deg) translate3d(0,-2px,0)}}@media(prefers-reduced-motion:reduce){.bb-compare__badge,.bb-compare__vs{animation:none}}body.bb-motion-reduced .bb-compare__badge,body.bb-motion-reduced .bb-compare__vs{animation:none!important}
