.material-comparison-visual{position:relative;width:100%;overflow:hidden;background:#111}.material-comparison-visual a{display:block}.material-comparison-visual figure{position:relative;isolation:isolate}.material-comparison-visual img{width:100%;height:clamp(360px,52vw,760px);object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.material-comparison-visual figure:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,15,23,.28),transparent 36%,rgba(4,15,23,.5));pointer-events:none}.material-comparison-visual figcaption{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,56px);color:#fff}.material-comparison-visual__labels{display:flex;justify-content:space-between;gap:16px;font-size:clamp(.72rem,1.2vw,.95rem);font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.45)}.material-comparison-visual__copy{align-self:center;display:grid;gap:10px;max-width:min(92vw,720px);padding:clamp(18px,2.4vw,30px);border:1px solid rgba(255,255,255,.78);border-radius:17px;background:rgba(255,255,255,.78);color:#092031;box-shadow:0 16px 40px rgba(0,0,0,.2);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.material-comparison-visual__copy h2{margin:0;color:#092031;font-size:clamp(1.5rem,3.1vw,2.7rem);line-height:1.02;letter-spacing:-.045em}.material-comparison-visual__copy p{margin:0;color:#294452;font-size:clamp(.9rem,1.35vw,1.08rem);font-weight:520;line-height:1.55}.material-comparison-visual__eyebrow{color:#09638f;font-size:.73rem;font-weight:850;letter-spacing:.105em;text-transform:uppercase}.material-comparison-visual__button{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-top:3px;padding:10px 15px;border-radius:999px;background:#0f6fa8;color:#fff;font-size:.86rem;font-weight:800;line-height:1;box-shadow:0 7px 18px rgba(7,72,108,.2)}.material-comparison-visual a:hover img{transform:scale(1.025)}[data-theme="dark"] .material-comparison-visual__copy{border-color:rgba(255,255,255,.24);background:rgba(4,19,29,.72);color:#fff;box-shadow:0 16px 42px rgba(0,0,0,.35)}[data-theme="dark"] .material-comparison-visual__copy h2{color:#fff}[data-theme="dark"] .material-comparison-visual__copy p{color:rgba(255,255,255,.87)}[data-theme="dark"] .material-comparison-visual__eyebrow{color:#a8e6ff}[data-theme="dark"] .material-comparison-visual__button{background:#59b9e8;color:#061a27}.compare-unified{overflow:hidden;border:1px solid rgba(32,157,207,.28);border-radius:28px;background:var(--surface);box-shadow:0 24px 64px rgba(6,34,50,.11)}.compare-unified .compare{gap:0}.compare-unified .compare__col{border:0;border-radius:0;box-shadow:none}.compare-unified .compare__col+.compare__col{border-left:1px solid var(--border)}.material-compare-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;margin:0;padding:clamp(22px,3vw,32px);border-top:1px solid rgba(32,157,207,.3);background:linear-gradient(112deg,#071d2d,#0c4f70 58%,#488b65);color:#fff}.material-compare-card__icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.12);font-size:1.65rem}.material-compare-card__copy{display:grid;gap:6px;min-width:0}.material-compare-card__copy .eyebrow{color:#b8edff}.material-compare-card__copy strong{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.08}.material-compare-card__copy small{max-width:780px;color:rgba(255,255,255,.84);font-size:.94rem;line-height:1.55}.material-compare-card__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border-radius:999px;background:#fff;color:#0b557d;font-size:.88rem;font-weight:800;white-space:nowrap}.material-compare-card:hover .material-compare-card__button{background:#dff6ff}@media(max-width:760px){.material-comparison-visual img{height:clamp(330px,82vw,480px);object-position:52% center}.material-comparison-visual figcaption{padding:18px}.material-comparison-visual__copy{max-width:100%;gap:8px;padding:16px}.material-comparison-visual__copy h2{font-size:clamp(1.34rem,6.3vw,1.85rem)}.material-comparison-visual__copy p{font-size:.85rem;line-height:1.45}.material-comparison-visual__eyebrow{font-size:.62rem}.material-comparison-visual__button{padding:9px 12px;font-size:.76rem}.compare-unified .compare__col+.compare__col{border-top:1px solid var(--border);border-left:0}.material-compare-card{grid-template-columns:54px minmax(0,1fr);gap:16px}.material-compare-card__button{grid-column:1/-1;width:100%;justify-content:space-between}.material-compare-card__copy small{font-size:.86rem}}