@media (max-width:760px){.compare-page .hl-table thead{top:116px}}.cmp-hub h1,.cmp-hub h2,.cmp-hub h3{color:#161f34;font-family:var(--font-display), sans-serif;letter-spacing:0;margin:0;font-weight:600}.cmp-hub h1{text-wrap:pretty;max-width:640px;font-size:clamp(38px,3.8vw,54px);line-height:1.04}.cmp-hub h2{text-wrap:balance;font-size:clamp(34px,3.6vw,50px);line-height:1.06}.cmp-hub h3{font-size:clamp(22px,2vw,27px);line-height:1.2}.cmp-hub .cmp-hero-copy p{color:#5b6470;max-width:560px;font-family:var(--font-body), system-ui, sans-serif;text-wrap:pretty;margin:22px 0 0;font-size:18px;line-height:1.6}.cmp-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.cmp-btn{color:#fff;min-height:52px;font-family:var(--font-body), system-ui, sans-serif;letter-spacing:.05em;text-transform:uppercase;transition:transform .25s var(--ease), background .25s var(--ease);background:#af704f;border:1px solid #af704f;border-radius:8px;justify-content:center;align-items:center;gap:16px;padding:0 24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.cmp-btn:hover{transform:translateY(-2px)}.cmp-btn.is-ghost{color:#161f34;background:0 0;border-color:#161f3438}.cmp-btn svg{width:18px;height:18px}.cmp-hero{padding:168px 0 72px}.cmp-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,5vw,80px);display:grid}.cmp-window{background:#161f34;width:100%;max-width:560px;min-height:300px;margin:0;padding:18px;box-shadow:0 44px 88px -54px #0e1526d9}.cmp-window .echo-demo-body{max-height:none}.compare-page .pc-final-cta{background:#fff}body:has(.compare-page) .site-foot{background:#fff}.cmp-hub .cmp-hub-hero{background:#161f34;align-items:center;min-height:548px;padding:124px 0 48px;display:flex}.cmp-hub-hero .cmp-hero-grid{grid-template-columns:minmax(0,1fr) 440px;gap:64px;width:100%}.cmp-hub-hero h1{color:#fff}.cmp-hub-hero .cmp-hero-copy>p{color:#ffffffb3;max-width:520px}.cmp-hub-visual{background:#161f34;border:1px solid #ffffff1f;border-radius:20px;align-items:center;width:440px;max-width:100%;height:344px;display:flex;overflow:hidden}.cmp-hub-visual .cmp-window{height:100%;min-height:0;box-shadow:none;border:0;border-radius:20px;margin:0}.cmp-hub-visual .echo-demo-body{max-height:280px;overflow:auto}.cmp-hub-directory{background:#fff;padding:128px 0 64px}.cmp-hub-directory h2{margin-bottom:48px}.cmp-hub-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.cmp-hub-item{color:#161f34;min-height:82px;font:400 16px/22px var(--font-body), sans-serif;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:12px;text-decoration:none;transition:background .2s;display:flex}.cmp-hub-item:hover,.cmp-hub-item:focus-visible{color:#161f34;background:#161f340a}.cmp-hub-item:focus-visible{outline-offset:2px;outline:2px solid #161f34}.cmp-hub-mark{color:#161f34;height:56px;font:500 20px/1 var(--font-body), sans-serif;text-transform:uppercase;border:1px solid #161f341f;border-radius:6px;flex:0 0 56px;place-items:center;display:grid}.cmp-hub-trademark{color:#5b6470;font:400 13px/1.6 var(--font-body), sans-serif;margin:48px 0 0}@media (max-width:1199px){.cmp-hub-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.cmp-hub-hero .cmp-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.cmp-hub-visual{justify-self:center;width:100%;min-width:0;max-width:440px}}@media (max-width:640px){.cmp-hub-directory{padding:72px 0 40px}.cmp-hub-list{grid-template-columns:1fr}}@media (max-width:960px){.cmp-hero{padding:132px 0 48px}.cmp-hero-grid,.cmp-row-grid,.cmp-switch,.cmp-cards{grid-template-columns:1fr}.cmp-row.is-flip .cmp-row-copy{order:0}.cmp-hero-panel,.cmp-row .cmp-panel,.cmp-window{min-height:0}.cmp-section{padding:28px 0}}@media (max-width:600px){.cmp-block{border-radius:22px}.cmp-actions .cmp-btn{width:100%}}.cmp-hub{--font-mono:var(--font-body)}.compare-page .fog-on-light .fog-field input{background:#fff}.compare-page .fog-on-light .fog-field input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #fff}.compare-page .fog-on-light .fog-field input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px #fff}.cmp-hub .fog-section{--fog-font:var(--font-body)!important}.cmp-hub .cmp-btn,.cmp-hub .fog-btn{color:#0e1010}
