:root{--blue-1: #0781D4;--blue-2: #053B72;--blue-glow: rgba(7, 129, 212, .35);--surface: #EFF4FF;--ink: #0F172A;--muted: #475569;--border: #E6EAF5;--bg-besttech: #F5F8FF;--bg-row-header: #FAFBFF;--ease: cubic-bezier(.22, .61, .36, 1);--t-fast: .12s;--t-med: .3s;--t-slow: .8s;--stagger: 80ms}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.compare-section{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--surface);position:relative;width:100%}.compare-container{max-width:1200px;margin:0 auto;padding:0 24px}@media (min-width: 768px){.compare-container{padding:0 40px}}.compare-heading{font-size:2.5rem;font-weight:600;line-height:1.2;color:var(--ink);margin:0 0 16px;text-align:center;opacity:0;transform:translateY(40px);animation:cmpFadeUp .5s var(--ease) forwards;animation-delay:calc(var(--stagger) * 1)}@media (max-width: 767px){.compare-heading{font-size:2rem}}.compare-subtext{font-size:1.125rem;font-weight:400;line-height:1.6;color:var(--muted);margin:0 0 48px;text-align:center;opacity:0;transform:translateY(40px);animation:cmpFadeUp .5s var(--ease) forwards;animation-delay:calc(var(--stagger) * 2)}@media (max-width: 767px){.compare-subtext{font-size:1rem;margin-bottom:32px}}.table-wrap{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 16px #0f172a14;overflow:auto;max-height:80vh;margin-bottom:32px;--edge: linear-gradient(90deg, rgba(0, 0, 0, .12), transparent);opacity:0;transform:translateY(40px)}.table-wrap.reveal{animation:cmpFadeUp .5s var(--ease) forwards;animation-delay:calc(var(--stagger) * 3)}.table-wrap:before,.table-wrap:after{content:"";position:absolute;top:0;bottom:0;width:16px;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:1}.table-wrap:before{left:0;background:var(--edge)}.table-wrap:after{right:0;background:var(--edge);transform:scaleX(-1)}.table-wrap.has-left:before{opacity:.18}.table-wrap.has-right:after{opacity:.18}.cmp-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.9375rem;line-height:1.5}.cmp-table thead{position:sticky;top:0;z-index:10;background:var(--surface);transition:box-shadow var(--t-med) var(--ease)}.cmp-table thead.is-stuck th{box-shadow:0 6px 16px #0f172a0f}.cmp-table th{padding:16px;text-align:left;font-weight:600;color:var(--ink);border-bottom:2px solid var(--border);background:var(--surface);position:relative;transform:scale(1.02);animation:headerScaleIn var(--t-fast) var(--ease) forwards}.cmp-table thead th:nth-child(1){animation-delay:calc(var(--stagger) * .5)}.cmp-table thead th:nth-child(2){animation-delay:calc(var(--stagger) * 1)}.cmp-table thead th:nth-child(3){animation-delay:calc(var(--stagger) * 1.5)}.cmp-table thead th:nth-child(4){animation-delay:calc(var(--stagger) * 2)}@keyframes headerScaleIn{0%{transform:scale(1.02)}to{transform:scale(1)}}.cmp-header-best{background:linear-gradient(180deg,var(--bg-besttech) 0%,rgba(245,248,255,.5) 100%)!important;color:var(--blue-1)!important;border-left:2px solid var(--blue-1);border-right:2px solid var(--blue-1)}.cmp-row-header{padding:16px;font-weight:500;color:var(--ink);background:var(--bg-row-header);border-right:1px solid var(--border);text-align:left;white-space:nowrap;min-width:140px}.cmp-table td{padding:16px;color:var(--muted);border-bottom:1px solid var(--border);transition:background-color var(--t-fast) var(--ease)}.cmp-cell-best{background:linear-gradient(180deg,#f5f8ff4d,#f5f8ff1a);border-left:2px solid var(--blue-1);border-right:2px solid var(--blue-1);color:var(--ink);font-weight:500}.cmp-table .is-best{position:relative;overflow:hidden}.cmp-table.glow .is-best:before{content:"";position:absolute;top:0;bottom:0;width:38px;left:-60px;background:linear-gradient(90deg,#0781d400,#0781d424,#0781d400);animation:sweep var(--t-slow) var(--ease) both;z-index:1;pointer-events:none}@keyframes sweep{to{left:calc(100% + 60px)}}.cmp-table tbody tr{transition:background-color var(--t-fast) var(--ease)}.cmp-table tbody tr:hover{background-color:#0781d408}.cmp-table[data-hover-col="1"] td:nth-child(1),.cmp-table[data-hover-col="1"] th:nth-child(1),.cmp-table[data-hover-col="2"] td:nth-child(2),.cmp-table[data-hover-col="2"] th:nth-child(2),.cmp-table[data-hover-col="3"] td:nth-child(3),.cmp-table[data-hover-col="3"] th:nth-child(3),.cmp-table[data-hover-col="4"] td:nth-child(4),.cmp-table[data-hover-col="4"] th:nth-child(4){background:linear-gradient(180deg,#0781d40f,#0781d405)!important}.cmp-table :where(th,td):focus-within{outline:2px solid var(--blue-1);outline-offset:-2px;border-radius:4px}.cmp-table th:focus,.cmp-table td:focus{outline:2px solid var(--blue-1);outline-offset:-2px;border-radius:4px}.compare-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}.compare-cta{padding:16px 32px;font-size:1rem;font-weight:700;font-family:inherit;border:none;border-radius:8px;cursor:pointer;transition:all var(--t-med) var(--ease);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.compare-cta--primary{background:var(--blue-1);color:#fff;box-shadow:0 4px 20px #0781d440}.compare-cta--primary:hover{box-shadow:0 0 0 1px #fff inset,0 8px 30px #0781d466;transform:translateY(-2px)}.compare-cta--primary:active{transform:translateY(0)}.compare-cta--secondary{background:transparent;color:var(--blue-1);border:2px solid var(--blue-1)}.compare-cta--secondary:hover{background:var(--blue-1);color:#fff;transform:translateY(-2px)}.compare-cta--secondary:active{transform:translateY(0)}.compare-cta:focus-visible{outline:2px solid var(--blue-1);outline-offset:2px}@keyframes cmpFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.compare-heading,.compare-subtext,.table-wrap{animation:none;opacity:1;transform:none}.cmp-table th{animation:none;transform:none}.cmp-table.glow .is-best:before{animation:none}.cmp-table tbody tr,.cmp-table td,.compare-cta{transition:none}}@media (max-width: 767px){.table-wrap{border-radius:8px;margin-left:-24px;margin-right:-24px;border-left:none;border-right:none}.compare-container{padding:0}.cmp-table{font-size:.875rem}.cmp-table th,.cmp-table td{padding:12px}.compare-ctas{flex-direction:column;padding:0 24px}.compare-cta{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/comparison-table.css.map */