/* MA41 compare */
.cp-hero{position:relative;padding:40px 0 56px;overflow:hidden;background:radial-gradient(820px 380px at 85% 0,rgba(255,209,0,.08),transparent 70%),radial-gradient(600px 300px at 10% 100%,rgba(43,212,125,.07),transparent 70%)}
.cp-hero:after{content:"";position:absolute;inset-inline:0;bottom:0;height:8px;background:var(--haz)}
.cp-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center}
.cp-hero h1{font-size:54px;line-height:1.28;margin:12px 0 16px}
.cp-hero h1 em{font-style:normal;color:var(--y)}
.cp-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.cp-sum div{background:#0F0F12;border:1px solid var(--bd);border-radius:18px;padding:16px 18px}
.cp-sum b{display:block;text-align:start;font-size:34px;line-height:1.1;color:var(--g);font-family:Inter,Cairo,sans-serif}
.cp-sum small{color:#D0D0DC;font-size:14px;line-height:1.4;display:block;margin-top:4px}
.cp-est{font-size:13px;color:var(--fa);margin-top:10px}
.cp-ph{position:relative;margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--bd2);aspect-ratio:4/4.2;max-height:520px}
.cp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cp-ph:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,8,12,.85))}
.cp-ph figcaption{position:absolute;inset-inline:18px;bottom:18px;display:flex;align-items:center;gap:14px;background:rgba(15,15,18,.92);backdrop-filter:blur(8px);border:1px solid var(--bd2);border-radius:18px;padding:14px 16px}
.cp-ph figcaption .ic{width:44px;height:44px;border-radius:12px;background:var(--y);color:#08080C;display:grid;place-items:center;flex:none}
.cp-ph figcaption svg{width:22px;height:22px}
.cp-ph figcaption small{display:block;color:var(--mu);font-size:13px}.cp-ph figcaption b{font-size:16px}
.cp-ph .dt{margin-inline-start:auto;font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;background:#1C1C2A;color:var(--mu)}
.cp-sec{padding:64px 0}.cp-sec+.cp-sec{padding-top:8px}
.cp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cp-head h2{margin-bottom:6px}
.cp-route{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0F0F12;border:1px solid var(--bd);border-radius:14px;padding:10px 16px;font-size:16px}
.cp-route svg{width:20px;height:20px;color:var(--y)}.cp-route .km{color:var(--mu)}
.cp-chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 22px}
.cp-chip{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:8px 18px;border-radius:16px;background:#0F0F12;border:1px solid var(--bd2);color:var(--tx);font:inherit;font-size:15px;cursor:pointer;transition:.15s}
.cp-chip b{font-weight:700}.cp-chip small{color:var(--fa);font-size:13px;margin-inline-start:4px}
.cp-chip:hover{border-color:#4a4a66}
.cp-chip.on{background:var(--y);border-color:var(--y);color:#08080C}.cp-chip.on small{color:#3a3000}
.cp-modes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cp-m{position:relative;background:#0F0F12;border:1px solid var(--bd);border-radius:22px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;transition:.2s}
.cp-m .bb{display:none;position:absolute;top:-13px;inset-inline-start:18px;background:var(--y);color:#08080C;font-size:13px;font-weight:800;padding:3px 12px;border-radius:99px}
.cp-m.best{border-color:var(--y);box-shadow:0 0 0 1px var(--y),0 18px 50px -20px rgba(255,209,0,.35)}
.cp-m.best .bb{display:block}
.cp-m .hd{display:flex;align-items:center;gap:12px}.cp-m .hd b{font-size:18px}
.cp-m .ic{width:44px;height:44px;border-radius:12px;background:#1C1C2A;display:grid;place-items:center;color:var(--tx)}
.cp-m .ic svg{width:24px;height:24px}
.cp-sc .ic{background:var(--y);color:#08080C}
.cp-m .big b{font-size:48px;line-height:1;font-family:Inter,Cairo,sans-serif;font-weight:800}
.cp-m .big small{display:block;color:var(--mu);font-size:14px;margin-top:6px}
.cp-m .tb{height:8px;border-radius:99px;background:#1C1C2A;overflow:hidden}
.cp-m .tb i{display:block;height:100%;border-radius:99px;background:#5A5A78;transition:width .3s}
.cp-sc .tb i{background:var(--g)}
.cp-m dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0;border-top:1px solid var(--bd);padding-top:12px}
.cp-m dt{font-size:13px;color:var(--fa)}.cp-m dd{margin:0;font-weight:800;font-size:17px}
.cp-why{display:flex;align-items:center;gap:12px;margin:20px 0 0;background:rgba(43,212,125,.08);border:1px solid rgba(43,212,125,.3);border-radius:16px;padding:14px 18px;font-weight:700}
.cp-why .ic{width:36px;height:36px;border-radius:10px;background:var(--g);color:#08080C;display:grid;place-items:center;flex:none}.cp-why svg{width:20px;height:20px}
.cp-sec .sc-note{font-size:14px;color:var(--fa);margin-top:12px}
.cp-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.cp-two h2{font-size:34px}
.cp-honest{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.cp-honest li{display:flex;gap:14px;align-items:flex-start;background:#0F0F12;border:1px solid var(--bd);border-radius:18px;padding:16px 18px}
.cp-honest svg{width:26px;height:26px;color:var(--y);flex:none;margin-top:3px}
.cp-honest b{display:block;font-size:17px}.cp-honest small{color:#C8C8D6;font-size:15px;line-height:1.55}
.cp-meth{background:#0F0F12;border:1px solid var(--bd);border-radius:24px;padding:28px}
.cp-meth h3{font-size:22px;margin:10px 0 14px}
.cp-meth ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}
.cp-meth li{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:14.5px;line-height:1.55;padding-bottom:10px;border-bottom:1px dashed var(--bd)}
.cp-meth li b{color:var(--y)}.cp-meth li span{color:#C8C8D6}
.cp-meth p{color:var(--mu);font-size:14px;margin-bottom:16px}
.cp-last{padding-bottom:72px}
@media(max-width:900px){
 .cp-hero{padding:22px 0 40px}
 .cp-hero .wrap{grid-template-columns:1fr;gap:24px}
 .cp-hero h1{font-size:36px}
 .cp-sum{gap:8px;margin-top:18px}.cp-sum div{padding:12px 10px}.cp-sum b{font-size:24px}.cp-sum small{font-size:12.5px}
 .cp-ph{aspect-ratio:16/10}
 .cp-sec{padding:40px 0}
 .cp-head{align-items:flex-start}.cp-head h2{font-size:30px}
 .cp-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:0;padding-bottom:4px}
 .cp-chip{flex:none}
 .cp-modes{grid-template-columns:1fr 1fr;gap:12px;padding-top:12px}
 .cp-m{padding:16px 14px 14px;gap:9px;border-radius:18px}
 .cp-m .hd b{font-size:16px}.cp-m .ic{width:38px;height:38px}
 .cp-m .big b{font-size:38px}.cp-m .big small{font-size:12.5px}
 .cp-m dl{grid-template-columns:1fr;gap:6px}.cp-m dd{font-size:15px}
 .cp-m .bb{font-size:11.5px;padding:2px 9px;inset-inline-start:10px;top:-11px}
 .cp-two{grid-template-columns:1fr}.cp-two h2{font-size:28px}
 .cp-meth{padding:20px}.cp-meth li{grid-template-columns:1fr;gap:2px}
 .ev-host{flex-direction:column;align-items:flex-start;padding:28px 24px 28px 30px}.ev-host .btn{width:100%}
}
.cp-honest{grid-template-columns:repeat(3,1fr)!important}
.cp-meth{margin-top:28px}
.cp-mt li{display:grid!important;grid-template-columns:120px 1fr!important;align-items:center}
.cp-mt li>div{display:flex;flex-wrap:wrap;gap:8px}
.cp-mt .kv{display:inline-flex;align-items:center;gap:8px;background:#15151B;border:1px solid var(--bd);border-radius:10px;padding:5px 12px;white-space:nowrap;font-size:14px}
.cp-mt .kv i{font-style:normal;color:var(--fa)}.cp-mt .kv bdi{color:var(--tx);font-weight:700;font-family:Inter,Cairo,sans-serif}
.cp-chips{display:grid!important;grid-template-columns:repeat(6,1fr)}
.cp-chip{flex-wrap:wrap;justify-content:center;text-align:center;line-height:1.35;padding:10px 12px}
.cp-chip small{width:100%;margin:0}
.cp-wk .tb i{background:#8E8EA4}
.cp-m.best{margin-top:0}
.cp-modes{padding-top:14px}
.cp-est,.cp-sec .sc-note{color:#A6A6BA}
.cp-sum small{color:#DADAE4}
.cp-m dt{color:#A6A6BA}
@media(max-width:900px){
 .cp-honest{grid-template-columns:1fr!important}
 .cp-mt li{grid-template-columns:1fr!important}
 .cp-chips{grid-template-columns:1fr 1fr;overflow:visible!important}
 .cp-chip{font-size:14px;padding:8px 10px}
 .cp-chip:last-child{grid-column:1/-1}
 .cp-sum small{font-size:13px}
}
.cp-chip{flex-direction:column;gap:2px;justify-content:flex-start}
.cp-chip b{display:block}.cp-chip .ar{font-size:12px;color:var(--fa);line-height:1}.cp-chip.on .ar{color:#3a3000}
.cp-chip small{margin-top:auto!important;padding-top:4px}
.cp-mt .kv b{font-weight:700;color:var(--tx)}
.cp-mt li{grid-template-columns:110px 1fr!important}
.ev-host>div{flex:1;max-width:none}.ev-host .btn{flex:none;min-width:220px}
.cp-ph{max-height:470px}
@media(max-width:900px){.cp-chip:last-child{grid-column:auto}.cp-chips{grid-template-columns:1fr 1fr}
 .cp-sum small{min-height:3.9em}.cp-ph figcaption b{font-size:14px}.cp-ph figcaption{gap:10px;padding:12px}
 .cp-mt li>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.cp-mt li{grid-template-columns:minmax(0,1fr)!important}.cp-mt .kv{justify-content:space-between;padding:5px 9px;font-size:13px;min-width:0}}
.cp-ph{aspect-ratio:4/4.4}
.cp-meth summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px}
.cp-meth summary::-webkit-details-marker{display:none}
.cp-meth summary .eyebrow{grid-column:1/-1}
.cp-meth summary h3{margin:4px 0 0}
.cp-meth .tg{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--bd2);font-weight:700;font-size:15px;color:var(--y)}
.cp-meth[open] .tg{opacity:.6}
.cp-meth[open] summary{margin-bottom:16px}
.cp-meth .kv{background:transparent!important;border:0!important;padding:2px 0!important;font-size:15px!important}
.cp-meth .kv i{color:#B4B4C6!important}
.cp-mt li>div{gap:4px 22px!important}
.cp-sum small,.cp-m .big small{color:#E0E0EA}
.cp-est,.cp-sec .sc-note,.cp-m dt{color:#B4B4C6!important}
@media(max-width:900px){
 .cp-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to left,#000 85%,transparent)}
 html[dir=rtl] .cp-chips{-webkit-mask-image:linear-gradient(to left,transparent,#000 15%)}
 .cp-chip{flex:0 0 46%;scroll-snap-align:start;min-height:84px}
 .cp-modes{grid-template-columns:1fr!important;gap:8px;padding-top:12px}
 .cp-m{display:grid;grid-template-columns:minmax(0,1.25fr) auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:12px 14px}
 .cp-m .hd{gap:10px}.cp-m .hd b{font-size:15px}.cp-m .ic{width:36px;height:36px;border-radius:10px}.cp-m .ic svg{width:20px;height:20px}
 .cp-m .big{text-align:center}.cp-m .big b{font-size:28px}.cp-m .big small{font-size:11.5px;margin-top:2px}
 .cp-m .tb{grid-column:1/-1;height:6px;order:5}
 .cp-m dl{border:0;padding:0;margin:0;gap:2px;text-align:end}.cp-m dd{font-size:14px}.cp-m dt{font-size:11.5px}
 .cp-m dl div{display:flex;justify-content:flex-end;gap:6px;align-items:baseline}
 .cp-m.best{margin-top:12px}
 .cp-meth summary{grid-template-columns:1fr}.cp-meth .tg{justify-content:center}
 .cp-mt li>div{grid-template-columns:1fr 1fr!important}
}
@media(max-width:900px){.cp-m .big .dd{display:none}}
@media(max-width:900px){.cp-sum small{min-height:0}.cp-chip{flex:0 0 42%}
 .cp-m{grid-template-columns:minmax(0,1fr) 70px minmax(0,1.1fr);padding:14px}.cp-m dd{font-size:15px}.cp-m dt{font-size:12.5px}}
