.explainer{background-color:var(--color-paper-white, #FAFAF8);padding-top:4rem;padding-bottom:4rem}.explainer__container{max-width:var(--container-wide, 1080px);margin:0 auto;padding:0 1rem}.explainer__header{text-align:center;margin-bottom:2.5rem}.explainer__title{font-family:var(--font-heading, "Playfair Display", serif);font-size:clamp(1.75rem,4vw,2.4375rem);font-weight:var(--font-medium, 500);color:var(--color-warm-black, #1A1A18);margin:0;letter-spacing:var(--tracking-tight, -.02em)}.explainer__comparison{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.explainer__card{padding:2rem;border-radius:var(--radius-lg, 8px)}.explainer__card--old{background-color:#f5f5f3}.explainer__card--new{background-color:var(--color-sage-light, #E8EDE6)}.explainer__card-header{margin-bottom:1.25rem}.explainer__card-label{display:block;font-family:var(--font-body, "Inter", sans-serif);font-size:.75rem;font-weight:var(--font-semibold, 600);color:var(--color-warm-black, #1A1A18);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.explainer__card-sublabel{display:block;font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-normal, 400);color:var(--color-muted-gray, #5A5A58)}.explainer__card-quote{margin:0 0 1rem;padding:0;border:none}.explainer__card-quote p{font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-normal, 400);font-style:italic;color:var(--color-warm-black, #1A1A18);line-height:var(--leading-relaxed, 1.618);margin:0}.explainer__card-arrow{display:flex;justify-content:center;margin-bottom:1rem;color:var(--color-muted-gray, #5A5A58)}.explainer__card-arrow svg{width:20px;height:20px}.explainer__card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.explainer__card-list li{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-normal, 400);line-height:1.5}.explainer__card-icon{flex-shrink:0;width:1rem;text-align:center;font-weight:var(--font-semibold, 600)}.explainer__card-list--negative li{color:var(--color-muted-gray, #5A5A58)}.explainer__card-list--negative .explainer__card-icon{color:#b74d4d}.explainer__card-list--positive li{color:var(--color-warm-black, #1A1A18)}.explainer__card-list--positive .explainer__card-icon{color:var(--color-sage-green, #7B9971)}.explainer__closing{text-align:center;padding-top:1.5rem;border-top:1px solid #E8E8E6}.explainer__closing-text{font-family:var(--font-body, "Inter", sans-serif);font-size:1rem;font-weight:var(--font-normal, 400);color:var(--color-warm-black, #1A1A18);line-height:var(--leading-relaxed, 1.618);max-width:640px;margin:0 auto 1.5rem}.explainer__cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 1.5rem;font-family:var(--font-body, "Inter", sans-serif);font-size:.875rem;font-weight:var(--font-semibold, 600);color:var(--color-deep-teal, #1A7B7B);background-color:transparent;border:2px solid var(--color-deep-teal, #1A7B7B);border-radius:var(--radius-md, 6px);text-decoration:none;cursor:pointer;transition:background-color .25s ease,color .25s ease}.explainer__cta:hover{background-color:var(--color-deep-teal, #1A7B7B);color:#fff}.explainer__cta:focus-visible{outline:2px solid var(--color-deep-teal, #1A7B7B);outline-offset:2px;background-color:var(--color-deep-teal, #1A7B7B);color:#fff}.explainer__cta:focus:not(:focus-visible){outline:none}@media (min-width: 900px){.explainer{padding-top:6rem;padding-bottom:6rem}.explainer__header{margin-bottom:3rem}.explainer__comparison{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.explainer__card{padding:2rem}.explainer__card-quote p{font-size:1rem}.explainer__card-list li{font-size:.875rem}.explainer__closing{padding-top:2rem}.explainer__closing-text{font-size:1.125rem;margin-bottom:2rem}}@media (max-width: 639px){.explainer{padding-top:2.5rem;padding-bottom:2.5rem}.explainer__header{margin-bottom:1.5rem}.explainer__card{padding:1.5rem}.explainer__card-quote p,.explainer__closing-text{font-size:.9375rem}.explainer__cta{width:100%}}@media (prefers-reduced-motion: reduce){.explainer__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/explainer.css.map */