.hwc-section{background:var(--color-background, #ffffff);position:relative}.hwc-wrap{max-width:980px;margin-inline:auto;padding-inline:16px;position:relative;z-index:1}.hwc-heading{text-align:center;font-weight:900;color:#0f172a;margin:0 0 44px;font-size:clamp(1.75rem,5vw,3.25rem);letter-spacing:-.03em;line-height:1.1}.hwc-table{display:grid;grid-template-columns:1.4fr 1.05fr 1fr;align-items:stretch;background:#fff;border-radius:24px;padding:8px;box-shadow:0 4px 40px #0f172a0f}.hwc-col{display:flex;flex-direction:column;position:relative}.hwc-col--ours{background:linear-gradient(180deg,#fff,#fff7ed);border:2.5px solid var(--hwc-color, #f97316);border-radius:18px;box-shadow:0 10px 35px -10px #f9731673,0 4px 16px #0000000d;z-index:3;transform:translateY(-12px);overflow:visible}.hwc-best-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:linear-gradient(135deg,var(--hwc-color, #f97316),#fb923c);color:#fff;font-weight:800;font-size:11px;letter-spacing:.1em;border-radius:9999px;box-shadow:0 4px 12px #f9731666;z-index:4;white-space:nowrap}.hwc-best-badge svg{color:#fff}.hwc-cell{display:flex;align-items:center;gap:12px;padding:14px 18px;min-height:64px;border-top:1px solid rgba(15,23,42,.06);transition:background-color .2s ease}.hwc-col>.hwc-cell:first-of-type{border-top:0}.hwc-col--ours .hwc-cell{border-top-color:#f9731626}.hwc-head{justify-content:center;min-height:96px;padding-block:24px 18px}.hwc-head--criteria{background:transparent}.hwc-head--ours{color:#0f172a;font-weight:900;font-size:20px;min-height:96px}.hwc-head--others{color:#94a3b8;font-weight:700;font-size:16px}.hwc-brand-logo{max-height:48px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.hwc-brand-text{font-size:22px;letter-spacing:-.03em;font-weight:900;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:transparent}.hwc-cell--criteria{color:#0f172a;font-weight:700;font-size:15px;padding-inline:20px 12px}.hwc-icon{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;color:var(--hwc-color, #f97316);flex-shrink:0}.hwc-icon svg{width:22px;height:22px}.hwc-cell--ours{padding-inline:22px}.hwc-text--ours{font-weight:700;color:#0f172a;font-size:15px}.hwc-cell--others{color:#94a3b8;padding-inline:16px}.hwc-text--others{color:#94a3b8;font-size:14px;font-style:italic}.hwc-mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.hwc-mark--ours{width:26px;height:26px;background:linear-gradient(135deg,var(--hwc-color, #f97316) 0%,#fb923c 100%);border-radius:9999px;box-shadow:0 4px 12px #f9731659,inset 0 -2px 4px #0000001a}.hwc-mark--ours svg{width:14px;height:14px}.hwc-mark--others{width:26px;height:26px;opacity:.6}.hwc-mark--others svg{width:20px;height:20px}.hwc-table>.hwc-col>.hwc-cell:not(.hwc-head):hover{background:#f973160a}.hwc-cta-wrap{text-align:center;margin-top:36px}.hwc-cta{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;padding:14px 28px;border-radius:9999px;box-shadow:0 6px 20px #00000014;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none}.hwc-cta:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px #0000001f}.hwc-cta:active{transform:scale(.98)}@media(max-width:640px){.hwc-heading{margin-bottom:32px}.hwc-table{grid-template-columns:1.1fr 1.05fr .95fr;padding:6px;border-radius:18px}.hwc-cell{padding:12px 8px;min-height:54px;gap:6px}.hwc-head{min-height:78px;padding-block:18px 12px}.hwc-head--ours{font-size:14px;min-height:78px}.hwc-head--others{font-size:12px}.hwc-brand-text{font-size:15px}.hwc-brand-logo{max-height:32px}.hwc-cell--ours,.hwc-cell--others{padding-inline:10px}.hwc-cell--criteria{font-size:13px;padding-inline:12px 6px;gap:6px}.hwc-text--ours{font-size:13px}.hwc-text--others{font-size:12px}.hwc-icon{width:20px;height:20px}.hwc-icon svg{width:18px;height:18px}.hwc-mark--ours,.hwc-mark--others{width:22px;height:22px}.hwc-mark--ours svg{width:12px;height:12px}.hwc-mark--others svg{width:16px;height:16px}.hwc-col--ours{border-width:2px;border-radius:14px;transform:translateY(-8px)}.hwc-best-badge{font-size:9px;padding:4px 10px;top:-12px;gap:4px}.hwc-best-badge svg{width:11px;height:11px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/section-how-we-compare.css.map */