.compare-hero{padding-block:var(--s12) var(--s8);border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32rem),linear-gradient(180deg,var(--surface),var(--bg))}.compare-hero-grid{display:grid;gap:var(--s6);align-items:end}.compare-hero-copy{display:grid;gap:var(--s3);max-width:900px}.compare-hero h1{max-width:880px;font-size:clamp(3rem,7vw,6.7rem);line-height:.94}.compare-hero h1 span{color:var(--accent)}.compare-hero .lead{max-width:70ch}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s1)}.proof-line{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.proof-line div{padding:18px;background:var(--surface)}.proof-line strong,.proof-line span{display:block}.proof-line strong{font-family:var(--font-display);font-size:1.05rem}.proof-line span{margin-top:4px;color:var(--muted);font-size:.82rem}.compare-intro{display:grid;gap:var(--s6);align-items:start}.compare-intro-copy{display:grid;gap:var(--s2);max-width:720px}.compare-intro-copy p{color:var(--muted)}.value-grid{display:grid;gap:var(--s2)}.value-card{display:grid;gap:14px;padding:var(--s4);border:1px solid var(--line);border-radius:10px;background:var(--surface)}.value-card .number{color:var(--accent);font:500 .75rem/1 var(--font-mono);letter-spacing:.08em}.value-card p{color:var(--muted)}.matrix-head{display:grid;gap:var(--s2);max-width:800px;margin-bottom:var(--s4)}.matrix-head p{color:var(--muted)}.matrix-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.matrix{width:100%;min-width:820px;border-collapse:collapse}.matrix th,.matrix td{padding:17px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.matrix thead th{background:var(--surface-2);font-family:var(--font-display);font-size:.95rem}.matrix thead .lexonet{background:var(--accent);color:var(--accent-fg)}.matrix tbody th{width:20%;font-weight:600}.matrix td{color:var(--muted)}.matrix td.lexonet{background:var(--accent-soft);color:var(--fg);font-weight:500}.matrix tr:last-child>*{border-bottom:0}.matrix-note{margin-top:var(--s2);color:var(--muted);font-size:.82rem}.control-section{border-block:1px solid var(--line);background:var(--surface)}.control-layout{display:grid;gap:var(--s6);align-items:center}.control-copy{display:grid;gap:var(--s2)}.control-copy>p{color:var(--muted)}.control-list{display:grid;gap:12px;margin:var(--s2) 0 0;padding:0;list-style:none}.control-list li{display:grid;grid-template-columns:24px 1fr;gap:11px}.control-list i{display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--ok-soft);color:var(--ok);font-style:normal;font-size:.72rem}.scp-panel{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:var(--shadow)}.scp-top{display:flex;justify-content:space-between;gap:var(--s2);padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);font:500 .72rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.scp-top span:last-child{color:var(--ok)}.scp-body{display:grid;gap:1px;background:var(--line)}.scp-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:15px;background:var(--surface)}.scp-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font:600 .72rem/1 var(--font-mono)}.scp-row strong,.scp-row small{display:block}.scp-row small{margin-top:3px;color:var(--muted)}.scp-state{color:var(--muted);font:500 .68rem/1 var(--font-mono);text-transform:uppercase}.support-grid{display:grid;gap:var(--s2)}.support-card{display:grid;gap:12px;padding:var(--s4);border-top:2px solid var(--accent);background:var(--surface)}.support-card .status{width:max-content;padding:6px 8px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font:500 .67rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.support-card p{color:var(--muted)}.decision{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}.decision article{padding:var(--s4);background:var(--surface)}.decision h3{margin-bottom:var(--s2)}.decision ul{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted)}.compare-cta{display:grid;justify-items:start;gap:var(--s3);padding:var(--s6);border:1px solid var(--accent);border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),var(--surface))}.compare-cta p{max-width:65ch;color:var(--muted)}.compare-cta .actions{display:flex;flex-wrap:wrap;gap:var(--s1)}
@media(min-width:720px){.value-grid,.support-grid{grid-template-columns:repeat(2,1fr)}.decision{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.compare-hero-grid{grid-template-columns:1.25fr .75fr}.compare-intro{grid-template-columns:.8fr 1.2fr}.value-grid{grid-template-columns:repeat(2,1fr)}.control-layout{grid-template-columns:.9fr 1.1fr}.support-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.compare-hero{padding-block:var(--s8)}.compare-cta{padding:var(--s4)}.compare-cta .btn{width:100%}.scp-row{grid-template-columns:40px 1fr}.scp-state{grid-column:2}}

/* Keep the product name readable on the highlighted LexoNET column. */
.matrix thead .lexonet{background:#315fc8;color:#fff!important}.matrix thead th{color:var(--fg)}

/* Auftrag W: Vergleichskomponenten auf die gemeinsame Skala setzen. */
.proof-line,.scp-body,.decision{gap:2px}
.matrix th,.matrix td{padding:18px}
.control-list li{gap:12px}
.scp-row{padding:16px}.scp-icon{border-radius:8px}.scp-row small{margin-top:4px}