.comparison-columns{padding-bottom:var(--spacing-12);position:relative;&.has-bottom-connector{padding-bottom:var(--spacing-2)}.container{margin-inline:auto;padding-inline:var(--spacing-4);position:relative;width:100%;z-index:1}.connector{display:none}.column{display:flex;flex-direction:column}.columns{display:grid;gap:var(--spacing-6);grid-template-columns:1fr}.comparison-columns-column{--accent:var(--brand-70);--accent-soft:rgba(0,202,151,.12);--accent-text:var(--brand-50);&.comparison-columns-column--green{--accent:var(--brand-70);--accent-soft:rgba(0,202,151,.12);--accent-text:var(--brand-50)}&.comparison-columns-column--blue,&.comparison-columns-column--indigo{--accent:var(--indigo-60);--accent-soft:rgba(93,114,221,.12);--accent-text:var(--indigo-60)}&.comparison-columns-column--navy{--accent:var(--gray-20);--accent-soft:rgba(23,23,40,.08);--accent-text:var(--gray-20)}&.comparison-columns-column--gray{--accent:var(--gray-700);--accent-soft:rgba(93,97,124,.12);--accent-text:var(--gray-700)}}.card{background:var(--base-white);border:1px solid var(--gray-90);border-radius:var(--radius-xl);border-top:4px solid var(--accent);box-shadow:0 4px 6px -2px rgba(14,24,41,.03),0 12px 16px -4px rgba(14,24,41,.08);display:flex;flex-direction:column;gap:var(--spacing-5);height:100%;padding:var(--spacing-6)}.card-head{align-items:flex-start;display:flex;gap:var(--spacing-3)}.icon{align-items:center;background:var(--accent-soft);border-radius:var(--radius-lg);color:var(--accent-text);display:flex;flex-shrink:0;font-size:1.8rem;height:44px;justify-content:center;width:44px}.head-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.heading{color:var(--gray-20);font-size:clamp(1.9rem,1.6rem + 1.4vw,2.4rem);font-weight:var(--weight-extrabold);line-height:1.2;margin:0}.sublabel{color:var(--gray-700);font-size:1.3rem;font-weight:var(--weight-bold);margin:0}.pill{align-items:center;background:var(--accent-soft);border-radius:10rem;color:var(--accent-text);display:inline-flex;flex-shrink:0;font-size:1.2rem;font-weight:var(--weight-bold);gap:.4em;line-height:1.2;padding:.4em .8em;white-space:nowrap;i{font-size:.85em}}.copy{color:var(--gray-700);font-size:1.6rem;line-height:1.6;p{font-size:inherit;margin:0 0 1em;&:last-child{margin-bottom:0}}ol,ul{margin:0 0 1em;padding-left:1.4rem;li{display:list-item;margin-bottom:.5em;&:last-child{margin-bottom:0}}}ul{list-style:disc}ol{list-style:decimal}b,strong{color:var(--gray-20)}}.callout{align-items:flex-start;background:#fef6e7;border:1px solid #f8e3b5;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);margin-top:auto;padding:var(--spacing-4);>i{color:#d9892b;flex-shrink:0;font-size:1.6rem;margin-top:2px}}.callout-body{color:#8a5a1a;font-size:1.4rem;line-height:1.55;p{font-size:inherit;margin:0 0 .5em;&:last-child{margin-bottom:0}}h1,h2,h3{color:#b5731f;font-size:1.3rem;font-weight:var(--weight-bold);letter-spacing:.05em;margin:0 0 .25em;text-transform:uppercase}b,strong{color:#6f4612}}&.comparison-columns--dark{background:var(--gray-20);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;padding-bottom:var(--spacing-6);padding-top:var(--spacing-16);width:100vw;&.has-bottom-connector{padding-bottom:var(--spacing-2)}.splatter{bottom:-12%;height:auto;mix-blend-mode:luminosity;opacity:.18;pointer-events:none;position:absolute;right:-8%;width:min(70vw,48rem);z-index:0}.card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12);box-shadow:none}.heading{color:var(--base-white)}.copy,.sublabel{color:hsla(0,0%,100%,.72)}.copy b,.copy strong{color:var(--base-white)}.connector-dot{background:var(--base-white)}.connector-stem{background:hsla(0,0%,100%,.3)}.connector-branch--left{border-color:var(--brand-70)}.connector-branch--right{border-color:var(--indigo-70)}}&.is-enhanced .column{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;&.is-visible{opacity:1;transform:none}}@media (min-width:768px){.container{padding-inline:var(--spacing-8)}.connector{display:block;height:34px;position:relative}.connector-dot{background:var(--gray-50);border-radius:50%;height:9px;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:9px;z-index:1}.connector-stem{background:var(--gray-90);height:12px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:2px}.connector-branch{border-top:2px solid;height:20px;opacity:.55;position:absolute;top:14px}.connector-branch--left{border-left:2px solid;border-color:var(--brand-70);border-top-left-radius:10px;left:25%;width:calc(25% - 1px)}.connector-branch--right{border-right:2px solid;border-color:var(--indigo-60);border-top-right-radius:10px;right:25%;width:calc(25% - 1px)}.connector--bottom{height:66px;margin-top:-2px}.connector--bottom .connector-branch{border-bottom:2px solid;border-top:none;height:22px;top:0}.connector--bottom .connector-branch--left{border-bottom-left-radius:10px;border-left:2px solid;border-color:var(--brand-70);border-top-left-radius:0}.connector--bottom .connector-branch--right{border-bottom-right-radius:10px;border-right:2px solid;border-color:var(--indigo-60);border-top-right-radius:0}.connector--bottom .connector-stem{height:40px;top:22px;z-index:1}.connector--bottom .connector-dot{bottom:auto;top:62px;transform:translate(-50%,-50%);z-index:1}.columns{gap:var(--spacing-8);grid-template-columns:repeat(2,1fr)}}}@media (prefers-reduced-motion:reduce){.comparison-columns.is-enhanced .column{opacity:1;transform:none;transition:none}}