.on-comp{--coral:#ff6b4a;--amber:#ff9a3c;--coral-deep:#e8472a;--charcoal:#1a1614;--warm-gray:#5c4f47;--body:#4a4541;--warm-white:#fefaf7;--stone:#f0ebe5;--page-bg:#f9f7f5;background:var(--page-bg);padding:88px 0}.on-comp__head{margin:0 auto;max-width:1180px;padding:0 24px}.on-comp__eyebrow{color:var(--coral);display:block;font-family:Open Sans,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.on-comp__divider{background:var(--coral);height:2px;margin-bottom:32px;width:60px}.on-comp__heading{color:var(--charcoal);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.2rem,3.5vw,2.8rem);font-weight:400;letter-spacing:-.01em;line-height:1.1;margin:0 0 25px}.on-comp__heading em{color:var(--coral);font-style:italic}.on-comp__intro{color:var(--body);font-family:Open Sans,sans-serif;font-size:1.05rem;line-height:1.8;margin:0 0 48px;max-width:720px}.on-comp__bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.on-comp__inner{margin:0 auto;max-width:1600px;padding:0 40px}.on-comp__wrap{background:var(--warm-white);border:.5px solid rgba(26,22,20,.1);border-radius:14px;box-shadow:0 1px 2px rgba(26,22,20,.04),0 28px 56px -28px rgba(26,22,20,.14);overflow:hidden}.on-comp__table{border-collapse:collapse;font-family:Open Sans,sans-serif;table-layout:fixed;width:100%}.on-comp__th{font-family:Cormorant Garamond,Georgia,serif;padding:26px 30px;vertical-align:middle}.on-comp__th--label{background:var(--stone);color:var(--warm-gray);font-size:1.15rem;font-weight:500;line-height:1.25;text-align:left;width:16%}.on-comp__th--on{background:linear-gradient(135deg,var(--coral) 0,var(--amber) 100%);color:var(--warm-white);font-weight:600}.on-comp__th--neutral,.on-comp__th--on{font-size:1.25rem;line-height:1.2;text-align:center;width:28%}.on-comp__th--neutral{background:var(--stone);color:var(--charcoal);font-weight:500}.on-comp__td{border-top:.5px solid rgba(26,22,20,.08);font-family:Open Sans,sans-serif;font-size:1.05rem;line-height:1.7;padding:28px 30px;vertical-align:top}.on-comp__td--criterion{color:var(--charcoal);font-size:1.05rem;font-weight:700;line-height:1.5}.on-comp__td--on{background:rgba(255,154,60,.05);box-shadow:inset 1px 0 0 rgba(255,107,74,.18),inset -1px 0 0 rgba(255,107,74,.18);color:var(--charcoal)}.on-comp__td--on b,.on-comp__td--on strong{color:var(--coral-deep);font-weight:700}.on-comp__td--neutral{color:var(--body)}.on-comp__td--criterion strong,.on-comp__td--neutral b,.on-comp__td--neutral strong{color:var(--charcoal);font-weight:700}.on-comp__row:hover .on-comp__td{background:rgba(255,107,74,.025)}.on-comp__row:hover .on-comp__td--on{background:rgba(255,154,60,.1)}.on-comp__cards{display:none}@media (max-width:860px){.on-comp{padding:60px 0}.on-comp__head,.on-comp__inner{padding:0 20px}.on-comp__table{display:none}.on-comp__cards{display:block}.on-comp__card{border-bottom:.5px solid rgba(26,22,20,.08);padding:24px}.on-comp__card:last-child{border-bottom:0}.on-comp__card-criterion{color:var(--warm-gray);font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.on-comp__card-on{background:rgba(255,107,74,.06);border-left:3px solid var(--coral);border-radius:0 6px 6px 0;margin-bottom:12px;padding:16px}.on-comp__card-label{color:var(--coral);font-family:Open Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.on-comp__card-others .on-comp__card-label{color:var(--warm-gray)}.on-comp__card-value{color:var(--charcoal);font-size:15px;line-height:1.6}.on-comp__card-value b,.on-comp__card-value strong{font-weight:700}.on-comp__card-on .on-comp__card-value b,.on-comp__card-on .on-comp__card-value strong{color:var(--coral-deep)}.on-comp__card-others summary{color:var(--warm-gray);cursor:pointer;font-size:13px;list-style:none;padding:8px 0}.on-comp__card-others summary:after{content:" ↓"}.on-comp__card-others[open] summary:after{content:" ↑"}.on-comp__card-other{padding:12px 0}.on-comp__card-others .on-comp__card-value{color:var(--body);font-size:14px}}.on-comp__card-value p,.on-comp__td p{margin:0}