.comparison-section{padding-block:3rem;scroll-margin-top:6rem}
.comparison-section .comparison-intro{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.5rem}
.comparison-section .comparison-kicker{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--brand-accent,#9bb7ae)}
.comparison-section h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;line-height:1.16;letter-spacing:-.035em;margin:.65rem 0}
.comparison-section .comparison-lede{color:#a8b4b2;max-width:44rem;font-size:.95rem;line-height:1.65}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.comparison-teaser{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(168,192,185,.2);border-radius:1.5rem;background:linear-gradient(145deg,rgba(42,57,57,.8),rgba(18,27,28,.96));transition:border-color .2s,transform .2s}
.comparison-teaser:hover{border-color:rgba(166,201,187,.5);transform:translateY(-2px)}
.comparison-teaser-art{display:grid;grid-template-columns:1fr 1fr;gap:1px;position:relative;background:rgba(168,192,185,.16);overflow:hidden}
.comparison-teaser-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.comparison-teaser-art .versus-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#152322;border:1px solid #8ba99f;color:#d9e9e2;font-size:.68rem;font-weight:800;letter-spacing:.04em;box-shadow:0 3px 15px #0006}
.comparison-teaser-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.comparison-teaser-meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center;font-size:.67rem;color:#abbcb7;line-height:1.5;margin-bottom:.85rem}
.comparison-teaser-status{border:1px solid #94b4a54d;background:#94b4a512;color:#c2dbd0;padding:.25rem .55rem;border-radius:99px;font-weight:700}
.comparison-teaser h3{font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;letter-spacing:-.025em;line-height:1.3;color:#f0f4f1}
.comparison-teaser p{margin:.6rem 0 1.2rem;color:#b6c1bf;line-height:1.65;font-size:.86rem}
.comparison-teaser-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;border-top:1px solid #a5bbb21f;padding-top:1rem}
.comparison-teaser-detail{font-size:.72rem;color:#94aaa2}
.comparison-teaser-action{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:44px;flex-shrink:0;padding:.7rem 1rem;border:1px solid #b3c9bd70;background:#b8cec0;color:#12201a;border-radius:.8rem;font-weight:800;font-size:.76rem;transition:background .2s}
.comparison-teaser-action:hover{background:#d2e1d5}
.comparison-teaser-action:focus-visible{outline:3px solid #e7f4eb;outline-offset:4px}
@media(max-width:700px){.comparison-section{padding-block:2rem}.comparison-grid{grid-template-columns:1fr;gap:1rem}.comparison-teaser-content{padding:1.15rem}.comparison-intro{display:block!important}.comparison-teaser-footer{flex-wrap:wrap}.comparison-teaser-action{width:100%}.comparison-teaser-art img{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.comparison-teaser{transition:none}.comparison-teaser:hover{transform:none}}