.comparison-marketing{background:#fff;color:#0b1731}
.comparison-marketing .preview-nav{background:rgba(255,255,255,.86)}
.comparison-hero{display:flex;min-height:620px;padding:190px max(28px,calc((100vw - 1180px)/2)) 104px;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.comparison-hero h1{max-width:980px;margin:17px 0 22px;font-size:clamp(58px,7.5vw,105px);line-height:.92;letter-spacing:-.065em}
.comparison-hero h1 em,.comparison-klaxify h2 em{background:linear-gradient(90deg,#675cff,#df54aa,#ef6f61,#e2aa35);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.comparison-hero>p{max-width:760px;margin:0;color:#5b6880;font-size:20px;line-height:1.6}
.comparison-hero .hero-actions{margin-top:30px}
.comparison-review-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:34px;color:#718097;font-size:12px;font-weight:700;flex-wrap:wrap}
.comparison-review-note i{width:4px;height:4px;border-radius:50%;background:#adbacd}
.comparison-review-note a{color:#5159dc}
.comparison-intro{display:grid;grid-template-columns:1fr .72fr;gap:70px;padding-top:92px;padding-bottom:92px;align-items:start}
.comparison-intro h2,.comparison-table-section h2,.comparison-klaxify h2,.comparison-migration h2,.comparison-questions h2,.other-comparisons h2,.comparison-directory>header h2{margin:12px 0 18px;font-size:clamp(38px,4.4vw,62px);line-height:1;letter-spacing:-.05em}
.comparison-intro>div p{max-width:700px;color:#5d6980;font-size:18px;line-height:1.68}
.comparison-intro aside{padding:26px;border:1px solid #e2e7f0;border-radius:22px;background:linear-gradient(145deg,#fbfcff,#f6f3ff);box-shadow:0 18px 50px rgba(37,49,88,.08)}
.comparison-intro aside small{color:#6b60e8;font-size:9px;letter-spacing:.14em;font-weight:900}
.comparison-intro aside b{display:block;margin:9px 0 18px;font-size:21px}
.comparison-intro aside ul{margin:0;padding-left:18px;color:#59677e;line-height:1.55}
.comparison-intro aside li+li{margin-top:9px}
.comparison-intro aside a{display:inline-block;margin-top:19px;color:#5359d9;font-weight:800}
.comparison-fit-band{padding:58px 0;background:linear-gradient(110deg,#f4f1ff,#fff5f9,#edfbff)}
.comparison-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.comparison-fit-grid article{display:grid;grid-template-columns:54px 1fr;column-gap:18px;padding:28px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 14px 36px rgba(44,55,91,.07)}
.comparison-fit-grid article>span,.comparison-fit-grid article>img{grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eef0f7;color:#30435f;font-size:24px;font-weight:900;object-fit:contain;padding:10px}
.comparison-fit-grid .klaxify-fit>img{background:#0b1e43}
.comparison-fit-grid small{align-self:end;color:#738097;font-size:9px;letter-spacing:.12em;font-weight:900}
.comparison-fit-grid p{margin:7px 0 0;color:#435168;line-height:1.55}
.comparison-table-section{padding-top:104px;padding-bottom:104px}
.comparison-table-section>header{max-width:780px;margin-bottom:40px}
.comparison-table{overflow:hidden;border:1px solid #dfe5ef;border-radius:22px;background:#fff;box-shadow:0 22px 65px rgba(31,45,81,.08)}
.comparison-table>div{display:grid;grid-template-columns:.62fr 1fr 1fr}
.comparison-table>div>*{padding:21px 23px;border-right:1px solid #e5e9f1}
.comparison-table>div>*:last-child{border-right:0}
.comparison-table>div+div{border-top:1px solid #e5e9f1}
.comparison-table-head{background:#0b1e43;color:#fff}
.comparison-table strong{background:#fafbfe;color:#27364e}
.comparison-table span{color:#5d6980;line-height:1.5}
.comparison-klaxify{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding-top:95px;padding-bottom:95px;align-items:center}
.comparison-klaxify>div p{color:#5c697f;font-size:18px;line-height:1.65}
.comparison-klaxify ul{list-style:none;margin:0;padding:0}
.comparison-klaxify li{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #e4e8f0}
.comparison-klaxify li span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#e8f8ef;color:#168052;font-weight:900}
.comparison-klaxify li p{margin:2px 0;color:#405069;line-height:1.5}
.comparison-migration{padding:94px 0;background:linear-gradient(115deg,#f7f3ff,#eefbff)}
.comparison-migration>.shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.comparison-migration>div>div>p{color:#5c6980;font-size:17px;line-height:1.65}
.comparison-migration ol{list-style:none;margin:0;padding:0}
.comparison-migration li{display:flex;gap:15px;padding:18px;border:1px solid rgba(255,255,255,.95);border-radius:17px;background:rgba(255,255,255,.78)}
.comparison-migration li+li{margin-top:11px}
.comparison-migration li>b{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#0b1e43;color:#fff}
.comparison-migration li span{display:flex;flex-direction:column;gap:4px}
.comparison-migration li small{color:#6d7890;line-height:1.45}
.comparison-questions,.other-comparisons,.comparison-directory{padding-top:100px;padding-bottom:100px}
.comparison-questions>header,.other-comparisons>header,.comparison-directory>header{max-width:760px;margin-bottom:38px}
.comparison-questions>div{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.comparison-questions article{min-height:230px;padding:22px;border:1px solid #e1e6ef;border-radius:19px;background:linear-gradient(145deg,#fff,#f7f8fc)}
.comparison-questions article b{color:#655be4;font-size:13px}
.comparison-questions article p{margin-top:55px;color:#3f4d64;font-size:15px;line-height:1.55}
.other-comparisons{border-top:1px solid #e8ebf1}
.other-comparisons>div,.comparison-directory>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.other-comparisons a,.comparison-directory a{display:flex;min-height:145px;padding:22px;border:1px solid #e1e6ef;border-radius:18px;background:#fff;flex-direction:column;transition:transform .2s,box-shadow .2s}
.other-comparisons a:hover,.comparison-directory a:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(34,48,88,.1)}
.other-comparisons small,.comparison-directory small{color:#758198;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.other-comparisons b{margin:9px 0;font-size:19px}
.other-comparisons span{margin-top:auto;color:#575ddc;font-weight:800}
.comparison-index-hero{min-height:680px}
.comparison-directory>div{grid-template-columns:repeat(2,1fr)}
.comparison-directory a{position:relative;min-height:280px;padding:28px}
.comparison-directory a>span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:25px;border-radius:14px;background:linear-gradient(135deg,#eeebff,#fff0f7);color:#5f56da;font-size:21px;font-weight:900}
.comparison-directory h2{margin:8px 0 10px;font-size:27px}
.comparison-directory p{margin:0;color:#647087;line-height:1.55}
.comparison-directory a>b{margin-top:auto;color:#565cdf}
.comparison-cta{margin-top:30px}
.comparison-trademark{grid-column:1/-1;margin:0;color:#7c8493;font-size:11px;line-height:1.5}
@media(max-width:980px){
  .comparison-intro,.comparison-klaxify,.comparison-migration>.shell{grid-template-columns:1fr;gap:40px}
  .comparison-questions>div{grid-template-columns:repeat(2,1fr)}
  .other-comparisons>div{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .comparison-hero{min-height:560px;padding:145px 20px 70px}
  .comparison-hero h1{font-size:52px}
  .comparison-hero>p{font-size:17px}
  .comparison-review-note i{display:none}
  .comparison-review-note{flex-direction:column}
  .comparison-intro,.comparison-table-section,.comparison-klaxify,.comparison-questions,.other-comparisons,.comparison-directory{padding-top:72px;padding-bottom:72px}
  .comparison-fit-grid,.comparison-directory>div,.other-comparisons>div,.comparison-questions>div{grid-template-columns:1fr}
  .comparison-table{overflow-x:auto}
  .comparison-table>div{min-width:710px}
  .comparison-questions article{min-height:170px}
  .comparison-questions article p{margin-top:30px}
  .comparison-fit-grid article{grid-template-columns:44px 1fr}
  .comparison-fit-grid article>span,.comparison-fit-grid article>img{width:44px;height:44px;border-radius:13px}
}