.comparison-hero{display:grid;grid-template-columns:46% 54%;--hero-accent:rgb(var(--color-button));background:rgb(var(--color-background));color:rgb(var(--color-foreground));isolation:isolate;overflow:hidden}
.comparison-hero__copy{position:relative;z-index:1;align-self:center;padding:clamp(36px,4.7vw,76px) clamp(24px,4.4vw,72px);padding-right:20px}
.comparison-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.7;color:rgb(var(--color-foreground));margin:0 0 22px}
.comparison-hero h1{font-family:var(--font-heading-family,Montserrat,sans-serif);font-weight:800;font-size:clamp(30px,3.3vw,54px);letter-spacing:-.035em;line-height:1.12;color:rgb(var(--color-foreground));margin:0 0 24px;text-wrap:balance}
.comparison-hero h1 span{display:block;color:rgb(var(--color-foreground));margin-top:8px;text-decoration:underline;text-decoration-color:var(--hero-accent);text-decoration-thickness:3px;text-underline-offset:8px}
.comparison-hero__description{max-width:480px;font-size:15px;line-height:1.8;color:rgba(var(--color-foreground),.75)}
.comparison-hero__description p{margin:0}
.comparison-hero__detail{max-width:480px;border-top:1px solid rgba(var(--color-foreground),.18);padding-top:20px;margin:24px 0;font-size:12px;line-height:1.7;letter-spacing:.025em}
.comparison-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:17px 26px;min-height:52px;border-radius:4px;background:var(--hero-accent);color:rgb(var(--color-button-text));font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s ease,filter .2s ease}
.comparison-hero__button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.comparison-hero__button:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:5px}
.comparison-hero__note{font-size:11px;color:rgba(var(--color-foreground),.65);line-height:1.7;margin:16px 0 0}
.comparison-hero__visual{margin-left:-36px;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);background:#d3cec7;min-width:0}
.comparison-hero__image{display:block;width:100%;height:100%;aspect-ratio:1.12;object-fit:cover;object-position:center}
.comparison-hero__visual picture{display:block;height:100%}
.comparison-hero--square .comparison-hero__image{aspect-ratio:1;object-fit:contain}
@media(min-width:1500px){.comparison-hero__copy{padding-left:max(72px,calc((100vw - 1400px)/2))}}
@media(max-width:989px){.comparison-hero{grid-template-columns:1fr}.comparison-hero__copy{padding:36px 24px 30px}.comparison-hero h1{font-size:clamp(30px,7.3vw,48px);max-width:620px}.comparison-hero__eyebrow{margin-bottom:16px;font-size:10px}.comparison-hero__description{font-size:14px;max-width:580px}.comparison-hero__detail{margin:20px 0;padding-top:16px}.comparison-hero__visual{margin:0;clip-path:none}.comparison-hero__image{aspect-ratio:auto;height:auto;object-fit:contain}.comparison-hero__button{min-width:220px}.comparison-hero__note{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.comparison-hero__button{transition:none}}