.compare-hero{isolation:isolate;background:linear-gradient(115deg, var(--background) 8%, color-mix(in oklch, var(--compare-blue-soft) 48%, var(--background)) 55%, var(--background) 85%);position:relative;overflow:hidden}.compare-hero-inner{max-width:1546px;margin:auto;padding:0 5.4% 54px}.compare-hero-main{grid-template-columns:44% 56%;align-items:center;min-height:515px;display:grid}.compare-hero-copy{z-index:2;min-width:0;padding:40px 0;position:relative}.compare-hero-category{color:var(--primary);font-size:14px;font-weight:750}.compare-hero-title{letter-spacing:0;color:var(--navy);margin-top:20px;font-size:68px;font-weight:800;line-height:1.02}.compare-hero-description{max-width:570px;color:var(--ink-muted);margin-top:24px;font-size:20px;line-height:1.55}.compare-hero-action{white-space:normal;border-radius:12px;min-height:55px;margin-top:24px;padding-inline:30px;font-size:18px}.compare-hero-visual{isolation:isolate;align-self:stretch;width:116%;min-width:0;min-height:515px;position:relative}.compare-hero-photo-frame{clip-path:path("M 300 -100 L 1400 -100 L 1400 350 C 1100 800 100 620 75 340 C 30 190 120 45 300 -100 Z");position:absolute;inset:0 -7% 0 5%;transform:rotate(-6deg)}@supports (clip-path:shape(from 0% 0%, line to 100% 0%)){.compare-hero-photo-frame{clip-path:shape(from 40% -10%, line to 110% -10%, line to 110% 63%, curve to 13% 65% with 78% 125% / 23% 102%, curve to 40% -10% with -4% 28% / 28% -4%, close)}}.compare-hero-photo{object-fit:fill;width:100%;height:100%;display:block}.compare-hero-sweep{pointer-events:none;width:115%;height:109%;position:absolute;inset:-3% -8% 0 -7%}.compare-hero-sweep-light{fill:var(--compare-blue-soft)}.compare-hero-sweep-blue{fill:var(--compare-sweep-blue)}.compare-hero-sweep-white{fill:var(--background)}.compare-hero-sweep-green{fill:var(--compare-sweep-green)}.compare-hero-screen{transform-origin:0 0;clip-path:polygon(0 0,100% 0,100% 83%,0 100%);background:var(--card);width:40%;height:47%;color:var(--navy);flex-direction:column;padding:14px 8px 38px;display:flex;position:absolute;top:23.5%;left:19.5%;overflow:hidden;transform:skewY(1deg)skew(5deg)}.compare-hero-screen h2{text-align:center;letter-spacing:0;font-size:18px;font-weight:800;line-height:1.25}.compare-hero-screen-subtitle{text-align:center;margin-top:4px;font-size:7px}.compare-hero-screen-table{flex:1;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:1.6fr repeat(3,1fr);gap:1px;min-height:0;margin-top:10px;margin-bottom:12%;font-size:7px;line-height:1.25;display:grid}.compare-hero-screen-table>span{background:var(--surface);justify-content:center;align-items:center;min-width:0;padding:2px;display:flex}.compare-hero-screen-table .compare-hero-screen-label{justify-content:flex-start;gap:3px;font-weight:600}.compare-hero-screen-label svg{width:10px;height:10px;color:var(--primary);flex-shrink:0}.compare-hero-screen-table .compare-hero-screen-heading{background:var(--primary);color:var(--primary-foreground);border-radius:4px 4px 0 0;font-weight:700}.compare-hero-screen-table .compare-hero-screen-heading-green{background:var(--success);color:var(--success-foreground)}.compare-hero-screen-table .compare-hero-screen-heading-teal{background:var(--compare-teal);color:var(--primary-foreground)}.compare-hero-screen-cell{color:var(--primary);gap:3px}.compare-hero-screen-cell svg{background:var(--primary);width:9px;height:9px;color:var(--primary-foreground);border-radius:50%;padding:1px}.compare-hero-screen-cell-1 svg{background:var(--success)}.compare-hero-screen-cell-2 svg{background:var(--compare-teal)}.compare-hero-indicator{background:var(--border);width:20px;height:2px;box-shadow:0 4px 0 var(--border);border-radius:2px}.compare-hero-callout{background:var(--background);border:1px solid var(--compare-sweep-blue);width:164px;height:164px;box-shadow:var(--shadow-elegant);color:var(--primary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;top:52%}.compare-hero-callout svg{width:48px;height:48px}.compare-hero-callout span{text-align:center;color:var(--navy);font-size:18px;font-weight:750;line-height:1.15}.compare-hero-callout-options{left:5%}.compare-hero-callout-savings{color:var(--success);border-color:var(--compare-sweep-green);background:var(--compare-green-soft);top:46%;right:10%}.compare-hero-benefits{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:12px;display:grid;position:relative}.compare-hero-benefit{align-items:center;gap:22px;min-width:0;display:flex}.compare-hero-benefit+.compare-hero-benefit{border-left:1px solid var(--border);padding-left:30px}.compare-hero-benefit-icon{background:var(--compare-blue-soft);width:96px;height:96px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.compare-hero-benefit-icon svg{width:48px;height:48px}.compare-hero-benefit-green{background:var(--compare-green-soft);color:var(--success)}.compare-hero-benefit-purple{background:var(--compare-purple-soft);color:var(--compare-purple)}.compare-hero-benefit h2{letter-spacing:0;color:var(--navy);font-size:18px;font-weight:750;line-height:1.3}.compare-hero-benefit p{color:var(--ink-muted);margin-top:6px;font-size:16px;line-height:1.5}@media (width>=768px) and (width<=1199px){.compare-hero-inner{padding:0 5% 36px}.compare-hero-main{min-height:410px}.compare-hero-title{font-size:52px}.compare-hero-description{font-size:17px}.compare-hero-action{min-height:50px;padding-inline:22px;font-size:16px}.compare-hero-visual{min-height:410px}.compare-hero-callout{gap:8px;width:128px;height:128px}.compare-hero-callout svg{width:38px;height:38px}.compare-hero-callout span{font-size:15px}.compare-hero-screen{padding:10px 5px}.compare-hero-screen h2{font-size:13px}.compare-hero-screen-table{margin-top:6px;font-size:6px}.compare-hero-benefits{gap:20px}.compare-hero-benefit{gap:14px}.compare-hero-benefit+.compare-hero-benefit{padding-left:20px}.compare-hero-benefit-icon{width:68px;height:68px}.compare-hero-benefit-icon svg{width:36px;height:36px}.compare-hero-benefit h2{font-size:15px}.compare-hero-benefit p{font-size:14px}}@media (width>=768px) and (width<=959px){.compare-hero-title{font-size:44px}.compare-hero-main{grid-template-columns:45% 55%}.compare-hero-description{font-size:16px}.compare-hero-callout{width:105px;height:105px}.compare-hero-callout span{font-size:13px}.compare-hero-benefit-icon{width:52px;height:52px}.compare-hero-benefit{gap:10px}}@media (width<=767px){.compare-hero-inner{padding:32px 20px}.compare-hero-main{flex-direction:column;min-height:0;display:flex}.compare-hero-copy{width:100%;padding:0}.compare-hero-title{font-size:42px}.compare-hero-description{margin-top:18px;font-size:16px}.compare-hero-action{width:100%;padding-inline:16px;font-size:16px}.compare-hero-visual{aspect-ratio:1.42;align-self:center;width:110%;min-height:0;margin-top:26px}.compare-hero-photo-frame{inset:0 -4% 0 4%}.compare-hero-callout{gap:5px;width:88px;height:88px;top:52%}.compare-hero-callout-options{left:7%}.compare-hero-callout-savings{top:48%;right:4%}.compare-hero-callout svg{width:30px;height:30px}.compare-hero-callout span{font-size:11px}.compare-hero-screen{padding:6px 3px}.compare-hero-screen h2{font-size:9px}.compare-hero-screen-subtitle{font-size:4px}.compare-hero-screen-table{margin-top:4px;font-size:4px}.compare-hero-screen-label svg,.compare-hero-screen-cell svg{width:6px;height:6px}.compare-hero-screen-table>span{padding:1px}.compare-hero-indicator{width:10px;height:1px;box-shadow:0 2px 0 var(--border)}.compare-hero-benefits{grid-template-columns:1fr;gap:20px;margin-top:30px}.compare-hero-benefit+.compare-hero-benefit{border-left:0;border-top:1px solid var(--border);padding-top:20px;padding-left:0}.compare-hero-benefit-icon{width:64px;height:64px}.compare-hero-benefit-icon svg{width:34px;height:34px}.compare-hero-benefit h2{font-size:16px}.compare-hero-benefit p{font-size:14px}}