/* Deltaplex comparisons — shares the corporate brand tokens and navigation. */
.compare-site { --cmp-ink:#111827; --cmp-muted:#596579; --cmp-paper:#f5f6f8; --cmp-line:#dce1e8; --cmp-accent:#4f46e5; }
.compare-site .cmp-wrap { width:min(1152px,calc(100% - 48px)); margin-inline:auto; }
.compare-site main { overflow:clip; }
.compare-site p { margin:0; }
.compare-site .cmp-label { display:block; font-family:var(--font-mono); font-size:11px; font-weight:500; letter-spacing:.11em; text-transform:uppercase; color:var(--cmp-accent); }
.compare-site h1,.compare-site h2,.compare-site h3 { margin:0; font-weight:600; letter-spacing:-.035em; }
.compare-site h1 { font-size:clamp(44px,5.5vw,72px); line-height:1.06; }
.compare-site h2 { font-size:clamp(30px,3.25vw,44px); line-height:1.15; }
.compare-site h3 { font-size:22px; line-height:1.25; letter-spacing:-.025em; }
.compare-site .cmp-intro { color:var(--cmp-muted); font-size:18px; line-height:1.65; max-width:600px; }
.compare-site .cmp-section { padding:88px 0; scroll-margin-top:140px; }
.compare-site .cmp-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:36px; }
.compare-site .cmp-heading h2 { max-width:650px; margin-top:12px; }
.compare-site .cmp-heading>p { max-width:310px; font-size:15px; line-height:1.65; color:var(--cmp-muted); }
.compare-site .cmp-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:15px 21px; font-size:14px; font-weight:600; line-height:1.25; border:1px solid var(--cmp-accent); border-radius:5px; background:var(--cmp-accent); color:white; transition:background .18s,transform .18s; }
.compare-site .cmp-button:hover { background:#3730a3; border-color:#3730a3; transform:translateY(-1px); }
.compare-site .cmp-button--light { color:var(--cmp-ink); background:transparent; border-color:#bdc5d2; }
.compare-site .cmp-button--light:hover { background:#eef0f5; border-color:#a5adbd; }
.compare-site .cmp-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.compare-site .cmp-arrow { display:inline-block; flex:none; width:17px; height:17px; }
.compare-site .cmp-text-link { display:inline-flex; gap:9px; align-items:center; color:var(--cmp-accent); font-size:14px; font-weight:600; }
.compare-site .cmp-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.compare-site .cmp-hero { position:relative; padding:76px 0 70px; background:#fff; }
.compare-site .cmp-hero-grid { display:grid; grid-template-columns:1.14fr 1fr; gap:66px; align-items:center; }
.compare-site .cmp-hero h1 { margin:22px 0; }
.compare-site .cmp-hero h1 span { color:var(--cmp-accent); }
.compare-site .cmp-hero-note { margin-top:18px; font-size:12px; color:#69758a; line-height:1.5; }
.compare-site .cmp-diagram { border:1px solid #303c55; border-radius:8px; background:#101b30; padding:30px 28px 24px; color:#fff; position:relative; box-shadow:12px 12px 0 #eef0f5; }
.compare-site .cmp-diagram-top { display:flex; justify-content:space-between; gap:10px; padding-bottom:25px; border-bottom:1px solid #2e3a51; font-family:var(--font-mono); font-size:10px; color:#a4b0c8; letter-spacing:.07em; }
.compare-site .cmp-diagram-top .live { display:flex; align-items:center; gap:6px; color:#c5e8d7; }
.compare-site .live::before { content:''; width:5px; height:5px; border-radius:50%; background:#a7dfc0; }
.compare-site .cmp-flow-labels { display:flex; justify-content:space-between; margin-top:22px; font-size:9px; font-family:var(--font-mono); color:#a4b0c8; letter-spacing:.09em; }
.compare-site .cmp-flow { display:grid; grid-template-columns:1fr 36px 1fr; align-items:center; gap:0; margin:14px 0; }
.compare-site .cmp-endpoints { display:grid; gap:8px; }
.compare-site .cmp-endpoint { padding:10px 12px; border:1px solid #35425a; border-radius:3px; font-size:12px; color:#e6eaf3; display:flex; align-items:center; gap:8px; }
.compare-site .cmp-endpoint svg { color:#a5b4fc; flex:none; }
.compare-site .cmp-flow-line { height:1px; background:#6972d0; position:relative; }
.compare-site .cmp-flow-line::after { content:''; position:absolute; right:0; top:-3px; border-left:5px solid #a5b4fc; border-block:3px solid transparent; }
.compare-site .cmp-core { background:#272a61; border:1px solid #777ee8; padding:21px 12px; text-align:center; border-radius:4px; }
.compare-site .cmp-core-name { font-size:16px; letter-spacing:.05em; font-weight:500; }
.compare-site .cmp-core p { margin-top:7px; color:#c7ccef; font-size:11px; line-height:1.5; }
.compare-site .cmp-core-mark { width:27px; height:27px; margin:0 auto 13px; color:#c7ccef; }
.compare-site .cmp-destinations { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:15px; }
.compare-site .cmp-destinations span { font-size:11px; padding:7px 9px; border:1px solid #35425a; border-radius:3px; color:#d4dced; }
.compare-site .cmp-output-line { height:20px; width:1px; background:#6972d0; margin:auto; position:relative; }
.compare-site .cmp-output-line::after { content:''; position:absolute; bottom:0; left:-3px; border-top:5px solid #a5b4fc; border-inline:3px solid transparent; }
.compare-site .cmp-workflow { margin-top:24px; padding-top:19px; border-top:1px solid #2e3a51; display:flex; justify-content:space-between; font-family:var(--font-mono); color:#a5b4fc; font-size:10px; gap:5px; }
.compare-site .cmp-diagram figcaption { color:#9caac0; font-size:11px; margin-top:18px; line-height:1.5; }
.compare-site figure { margin:0; }
.compare-site .cmp-proof { border-block:1px solid var(--cmp-line); background:var(--cmp-paper); }
.compare-site .cmp-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.compare-site .cmp-proof-item { display:flex; align-items:center; gap:18px; padding:28px 26px; border-right:1px solid var(--cmp-line); }
.compare-site .cmp-proof-item:first-child { padding-left:0; }
.compare-site .cmp-proof-item:last-child { border-right:0; }
.compare-site .cmp-proof-item strong { font-size:21px; font-weight:600; letter-spacing:-.03em; white-space:nowrap; }
.compare-site .cmp-proof-item span { color:var(--cmp-muted); font-size:12px; line-height:1.5; }
.compare-site .cmp-directory { background:#fff; }
.compare-site .cmp-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; }
.compare-site .cmp-filters button { background:#fff; color:var(--cmp-muted); border:1px solid var(--cmp-line); border-radius:4px; padding:10px 15px; font-family:inherit; font-size:13px; cursor:pointer; }
.compare-site .cmp-filters button:hover { border-color:#a5adbd; }
.compare-site .cmp-filters button[aria-pressed="true"] { color:#fff; background:#17243a; border-color:#17243a; }
.compare-site .cmp-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.compare-site .cmp-card { display:flex; flex-direction:column; border:1px solid var(--cmp-line); border-radius:6px; padding:28px; min-height:286px; position:relative; transition:transform .18s,border-color .18s,box-shadow .18s; background:#fff; }
.compare-site .cmp-card:hover { border-color:#a2a3e8; box-shadow:0 8px 24px #17243a0b; transform:translateY(-3px); }
.compare-site .cmp-card[hidden] { display:none; }
.compare-site .cmp-vendor { display:flex; gap:12px; align-items:center; margin-bottom:24px; }
.compare-site .cmp-vendor-mark { display:inline-flex; align-items:center; justify-content:center; height:38px; width:38px; flex:none; background:var(--cmp-paper); border:1px solid var(--cmp-line); border-radius:4px; font-size:15px; font-weight:600; letter-spacing:-.06em; color:#354159; }
.compare-site .cmp-vendor-name { font-size:17px; font-weight:600; letter-spacing:-.025em; }
.compare-site .cmp-card h3 { font-size:19px; margin-bottom:10px; }
.compare-site .cmp-card p { font-size:14px; line-height:1.65; color:var(--cmp-muted); margin-bottom:24px; }
.compare-site .cmp-card-link { display:flex; justify-content:space-between; align-items:center; font-size:13px; font-weight:600; color:var(--cmp-accent); margin-top:auto; }
.compare-site .cmp-card>a::after { position:absolute; content:''; inset:0; border-radius:6px; }
.compare-site .cmp-card:focus-within { outline:3px solid #a5b4fc; outline-offset:3px; }
.compare-site .cmp-card-cta { background:#17243a; border-color:#17243a; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.compare-site .cmp-card-cta .cmp-label { color:#b7bdff; margin-bottom:20px; }
.compare-site .cmp-card-cta h3 { font-size:26px; }
.compare-site .cmp-card-cta p { color:#bac5d7; margin-top:12px; }
.compare-site .cmp-card-cta .cmp-card-link { color:#c7caff; }
.compare-site .cmp-snapshot { background:var(--cmp-paper); border-block:1px solid var(--cmp-line); }
.compare-site .cmp-snapshot-top { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.compare-site .cmp-select-wrap { display:grid; gap:9px; min-width:245px; }
.compare-site .cmp-select-wrap label { font-family:var(--font-mono); font-size:10px; text-transform:uppercase; letter-spacing:.07em; color:var(--cmp-muted); }
.compare-site select { background:#fff; color:var(--cmp-ink); border:1px solid #adb7c8; border-radius:4px; font-family:inherit; font-size:15px; padding:13px 34px 13px 14px; width:100%; cursor:pointer; }
.compare-site .cmp-table-wrap { overflow:auto; border:1px solid var(--cmp-line); border-radius:6px; background:#fff; }
.compare-site .cmp-scroll-hint { display:none; }
.compare-site .cmp-table { width:100%; border-collapse:collapse; text-align:left; table-layout:fixed; }
.compare-site .cmp-table th,.compare-site .cmp-table td { padding:22px 24px; border-bottom:1px solid var(--cmp-line); vertical-align:top; font-size:14px; line-height:1.65; }
.compare-site .cmp-table thead th { padding-block:22px; background:#edf0f4; color:#17243a; font-size:17px; font-weight:600; letter-spacing:-.02em; }
.compare-site .cmp-table thead th:first-child { width:24%; font-size:11px; font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.06em; color:var(--cmp-muted); }
.compare-site .cmp-table thead th:nth-child(2) { background:#4f46e5; color:#fff; }
.compare-site .cmp-table tbody th { font-weight:500; color:#354159; background:#fcfcfd; }
.compare-site .cmp-table tbody td:nth-child(2) { background:#f4f3ff; color:#292661; font-weight:500; }
.compare-site .cmp-table tbody td:nth-child(3) { color:var(--cmp-muted); }
.compare-site .cmp-table tr:last-child>* { border-bottom:0; }
.compare-site .cmp-table-bottom { display:flex; align-items:start; justify-content:space-between; gap:32px; margin-top:22px; }
.compare-site .cmp-table-note { color:var(--cmp-muted); font-size:12px; line-height:1.6; max-width:740px; }
.compare-site .cmp-table-bottom a { flex:none; margin-top:2px; }
.compare-site .cmp-advantages { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:44px; }
.compare-site .cmp-advantage { border-top:2px solid #17243a; padding-top:24px; }
.compare-site .cmp-number { font-family:var(--font-mono); font-size:12px; color:var(--cmp-accent); margin-bottom:28px; display:block; }
.compare-site .cmp-advantage p { margin-top:15px; font-size:15px; line-height:1.75; color:var(--cmp-muted); }
.compare-site .cmp-closing { color:#fff; background:#101b30; padding:68px 0; position:relative; }
.compare-site .cmp-closing-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:center; }
.compare-site .cmp-closing .cmp-label { color:#b7bdff; margin-bottom:16px; }
.compare-site .cmp-closing h2 { color:#fff; }
.compare-site .cmp-closing p { font-size:16px; line-height:1.7; color:#b4c0d3; margin-top:20px; max-width:650px; }
.compare-site .cmp-closing .cmp-actions { justify-content:end; margin-top:0; }
.compare-site .cmp-closing .cmp-button--light { color:#e6eaf3; border-color:#526079; }
.compare-site .cmp-closing .cmp-button--light:hover { background:#26344b; }
.compare-site .site-footer { border-top:1px solid #2e3a51; }
.compare-site .site-footer .footer-brand-block p { color:#9ba8be; }
.compare-site .site-footer .footer-col li { color:#9ba8be; }
.compare-site .site-footer .footer-bottom { color:#9ba8be; }
.compare-site .cmp-breadcrumb { display:flex; align-items:center; gap:10px; list-style:none; margin:0 0 36px; padding:0; color:var(--cmp-muted); font-size:12px; flex-wrap:wrap; }
.compare-site .cmp-breadcrumb a:hover { color:var(--cmp-accent); }
.compare-site .cmp-detail-hero { padding:30px 0 66px; }
.compare-site .cmp-detail-hero .cmp-hero-grid { grid-template-columns:1.45fr 1fr; gap:64px; align-items:start; }
.compare-site .cmp-detail-hero h1 { font-size:clamp(40px,4.5vw,60px); margin:20px 0; }
.compare-site .cmp-versus { display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:500; }
.compare-site .cmp-versus .vs { font-family:var(--font-mono); color:var(--cmp-muted); font-size:11px; }
.compare-site .cmp-versus .ours { color:var(--cmp-accent); }
.compare-site .cmp-detail-panel { background:#101b30; color:#fff; padding:30px; border-radius:6px; margin-top:4px; position:relative; box-shadow:10px 10px 0 #eef0f5; }
.compare-site .cmp-detail-panel .cmp-label { color:#b7bdff; }
.compare-site .cmp-detail-panel h2 { color:#fff; font-size:27px; margin-top:17px; }
.compare-site .cmp-detail-panel ol { list-style:none; padding:0; margin:27px 0 0; counter-reset:flow; }
.compare-site .cmp-detail-panel li { display:flex; gap:14px; padding-block:17px; border-top:1px solid #334058; counter-increment:flow; color:#f0f2fa; font-size:14px; line-height:1.4; }
.compare-site .cmp-detail-panel li::before { content:'0'counter(flow); color:#9ca8ff; font-family:var(--font-mono); font-size:11px; margin-top:2px; }
.compare-site .cmp-detail-panel small { display:block; color:#a7b4ca; margin-top:4px; font-size:12px; line-height:1.55; }
.compare-site .cmp-section-nav { border-block:1px solid var(--cmp-line); background:#fff; position:sticky; top:64px; z-index:20; }
.compare-site .cmp-section-nav .cmp-wrap { display:flex; align-items:center; gap:30px; overflow:auto; }
.compare-site .cmp-section-nav a { white-space:nowrap; display:block; font-size:13px; padding:18px 0; color:var(--cmp-muted); border-bottom:2px solid transparent; }
.compare-site .cmp-section-nav a:hover { color:var(--cmp-accent); border-color:var(--cmp-accent); }
.compare-site .cmp-plan { background:var(--cmp-paper); border-block:1px solid var(--cmp-line); }
.compare-site .cmp-plan-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:start; }
.compare-site .cmp-plan h2 { margin:12px 0 22px; }
.compare-site .cmp-plan p { font-size:16px; line-height:1.75; color:var(--cmp-muted); }
.compare-site .cmp-plan .cmp-text-link { margin-top:25px; }
.compare-site .cmp-steps { counter-reset:steps; list-style:none; padding:0; margin:0; }
.compare-site .cmp-steps li { counter-increment:steps; display:flex; align-items:start; gap:20px; border-bottom:1px solid var(--cmp-line); padding:23px 0; }
.compare-site .cmp-steps li:first-child { padding-top:0; }
.compare-site .cmp-steps li::before { content:'0'counter(steps); font-family:var(--font-mono); font-size:12px; color:var(--cmp-accent); margin-top:4px; }
.compare-site .cmp-steps h3 { font-size:18px; margin-bottom:8px; }
.compare-site .cmp-steps p { font-size:14px; line-height:1.65; }
.compare-site .cmp-faq-grid { display:grid; grid-template-columns:.8fr 1.5fr; gap:80px; }
.compare-site .cmp-faq-grid h2 { margin-top:12px; }
.compare-site .cmp-faq-list { border-top:1px solid var(--cmp-line); }
.compare-site details { border-bottom:1px solid var(--cmp-line); }
.compare-site summary { cursor:pointer; font-size:16px; line-height:1.6; font-weight:500; padding:22px 34px 22px 0; list-style:none; position:relative; }
.compare-site summary::-webkit-details-marker { display:none; }
.compare-site summary::after { content:'+'; position:absolute; right:2px; top:20px; color:var(--cmp-accent); font-size:23px; font-weight:400; }
.compare-site details[open] summary::after { content:'−'; }
.compare-site details p { padding:0 32px 24px 0; font-size:15px; line-height:1.75; color:var(--cmp-muted); }
.compare-site .cmp-related { padding:60px 0; border-top:1px solid var(--cmp-line); }
.compare-site .cmp-related-top { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:26px; }
.compare-site .cmp-related h2 { font-size:25px; }
.compare-site .cmp-related-links { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.compare-site .cmp-related-links a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px; border:1px solid var(--cmp-line); border-radius:4px; font-size:14px; }
.compare-site .cmp-related-links a:hover { border-color:#a2a3e8; color:var(--cmp-accent); }
.compare-site .cmp-trademark { padding:24px 0; color:#6b7483; font-size:11px; line-height:1.65; }
.compare-site .cmp-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.compare-site .cmp-skip { position:fixed; left:12px; top:-60px; z-index:100; padding:12px 20px; background:#fff; color:#17243a; border:2px solid #4f46e5; }
.compare-site .cmp-skip:focus { top:8px; }
.compare-site [data-enhancement][hidden],.compare-site [data-directory-cta][hidden] { display:none; }
.compare-site .cmp-section-nav { top:var(--cmp-nav-height,64px); }
@media(max-width:1050px) {
  .compare-site .cmp-hero-grid { gap:36px; }
  .compare-site .cmp-proof-item { display:block; padding:22px; }
  .compare-site .cmp-proof-item span { display:block; margin-top:5px; }
  .compare-site .cmp-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .compare-site .cmp-card-cta { min-height:260px; }
  .compare-site .cmp-detail-hero .cmp-hero-grid { gap:36px; grid-template-columns:1.3fr 1fr; }
}
@media(max-width:820px) {
  .compare-site .cmp-section-nav { top:var(--cmp-nav-height,113px); }
  .compare-site .cmp-hero-grid,.compare-site .cmp-detail-hero .cmp-hero-grid { grid-template-columns:1fr; gap:44px; }
  .compare-site .cmp-hero { padding:48px 0; }
  .compare-site .cmp-hero h1 { max-width:650px; }
  .compare-site .cmp-diagram { max-width:530px; width:100%; margin-inline:auto; }
  .compare-site .cmp-detail-panel { max-width:560px; width:100%; }
  .compare-site .cmp-detail-panel ol { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .compare-site .cmp-detail-panel li { display:block; padding-bottom:0; }
  .compare-site .cmp-detail-panel li::before { display:block; margin-bottom:10px; }
  .compare-site .cmp-heading { display:block; }
  .compare-site .cmp-heading>p { max-width:620px; margin-top:20px; }
  .compare-site .cmp-section { padding:64px 0; scroll-margin-top:180px; }
  .compare-site .cmp-plan-grid,.compare-site .cmp-faq-grid { grid-template-columns:1fr; gap:36px; }
  .compare-site .cmp-advantages { gap:24px; }
  .compare-site .cmp-advantage h3 { font-size:20px; }
  .compare-site .cmp-closing-grid { grid-template-columns:1fr; gap:28px; }
  .compare-site .cmp-closing .cmp-actions { justify-content:start; }
  .compare-site .cmp-table th,.compare-site .cmp-table td { padding:18px; }
  .compare-site .cmp-table { min-width:670px; }
  .compare-site .cmp-scroll-hint { display:block; color:var(--cmp-muted); font-size:12px; margin:0 0 12px; }
  .compare-site .cmp-table-wrap { overscroll-behavior-inline:contain; }
  .compare-site .cmp-table-bottom { display:block; }
  .compare-site .cmp-table-bottom a { margin-top:16px; }
  .compare-site .cmp-related-links { grid-template-columns:1fr; }
  .compare-site .cmp-snapshot-top { align-items:start; flex-direction:column; }
  .compare-site .cmp-select-wrap { width:100%; }
}
@media(max-width:540px) {
  .compare-site .site-nav-links { gap:0; justify-content:space-between; overflow:visible; }
  .compare-site .site-nav-links a { font-size:12px; padding-inline:5px; }
  .compare-site .cmp-wrap { width:calc(100% - 40px); }
  .compare-site h1 { font-size:44px; }
  .compare-site .cmp-detail-hero h1 { font-size:39px; }
  .compare-site .cmp-intro { font-size:16px; }
  .compare-site .cmp-diagram { padding:22px 18px; box-shadow:6px 6px 0 #eef0f5; }
  .compare-site .cmp-proof-grid { grid-template-columns:1fr; }
  .compare-site .cmp-proof-item,.compare-site .cmp-proof-item:first-child { display:flex; align-items:center; padding:20px 0; border-right:0; border-bottom:1px solid var(--cmp-line); }
  .compare-site .cmp-proof-item:last-child { border-bottom:0; }
  .compare-site .cmp-proof-item strong { width:155px; flex:none; font-size:19px; }
  .compare-site .cmp-proof-item span { margin:0; }
  .compare-site .cmp-directory-grid { grid-template-columns:1fr; }
  .compare-site .cmp-card { min-height:255px; padding:25px; }
  .compare-site .cmp-filters { gap:6px; }
  .compare-site .cmp-filters button { padding:10px 12px; font-size:12px; }
  .compare-site .cmp-advantages { grid-template-columns:1fr; gap:28px; }
  .compare-site .cmp-number { margin-bottom:16px; }
  .compare-site .cmp-advantage p { margin-top:10px; }
  .compare-site .cmp-detail-panel { padding:25px; }
  .compare-site .cmp-detail-panel ol { display:block; margin-top:20px; }
  .compare-site .cmp-detail-panel li { display:flex; padding:14px 0; }
  .compare-site .cmp-detail-panel li:last-child { padding-bottom:0; }
  .compare-site .cmp-section-nav .cmp-wrap { gap:23px; }
  .compare-site .cmp-section-nav a { font-size:12px; }
  .compare-site .cmp-related-top { align-items:start; flex-direction:column; }
  .compare-site .cmp-closing { padding:54px 0; }
  .compare-site .cmp-closing .cmp-actions { flex-direction:column; align-items:stretch; }
  .compare-site .cmp-hero .cmp-actions { gap:10px; flex-direction:column; align-items:stretch; }
  .compare-site .cmp-hero .cmp-button { padding:14px 16px; font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .compare-site * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media(max-width:380px) {
  .compare-site .site-nav-brand-text { font-size:12px; letter-spacing:.2em; }
  .compare-site .site-nav-cta .btn { font-size:11px; padding-inline:10px; }
  .compare-site .site-nav-links a { font-size:11px; padding-inline:4px; }
}

/* Visual comparison edition: the chart is the primary reading surface. */
.cmp-visual .cmp-visual-hero { padding:48px 0 40px; }
.cmp-visual .cmp-visual-hero-row { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.cmp-visual .cmp-visual-hero h1 { font-size:clamp(36px,4.1vw,56px); margin:15px 0 14px; letter-spacing:-.04em; }
.cmp-visual .cmp-visual-hero p { color:var(--cmp-muted); font-size:17px; line-height:1.6; }
.cmp-visual .cmp-visual-hero-cta { display:flex; flex-direction:column; align-items:center; gap:14px; flex:none; }
.cmp-visual .cmp-visual-hero-cta>span { font-size:11px; color:var(--cmp-muted); }
.cmp-visual .cmp-matrix-section { padding:32px 0 40px; background:#f7f8fa; border-block:1px solid var(--cmp-line); }
.cmp-visual .cmp-matrix-shell { width:min(1480px,calc(100% - 48px)); margin-inline:auto; }
.cmp-visual .cmp-matrix-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:21px; }
.cmp-visual .cmp-matrix-heading h2 { font-size:30px; margin-bottom:17px; }
.cmp-visual .cmp-download { display:inline-flex; align-items:center; gap:9px; padding:12px 17px; border:1px solid #bac3d2; border-radius:5px; color:#17243a; background:#fff; font-size:13px; font-weight:600; white-space:nowrap; }
.cmp-visual .cmp-download:hover { border-color:#4f46e5; color:#4f46e5; }
.cmp-visual .cmp-matrix-legend { display:flex; flex-wrap:wrap; gap:12px 20px; }
.cmp-visual .cmp-matrix-legend>span { display:flex; align-items:center; gap:7px; color:var(--cmp-muted); font-size:11px; white-space:nowrap; }
.cmp-visual .cmp-status { display:inline-flex; align-items:center; justify-content:center; position:relative; width:22px; height:22px; flex:none; border-radius:50%; font-size:24px; line-height:1; font-weight:400; color:#738097; }
.cmp-visual .cmp-status--yes { background:#8994a7; }
.cmp-visual .cmp-status--yes::after { content:''; display:block; position:absolute; left:6px; top:7px; width:9px; height:5px; border-left:1.8px solid white; border-bottom:1.8px solid white; transform:rotate(-45deg); }
.cmp-visual .cmp-status--scoped { border:1.7px solid #8994a7; background:linear-gradient(90deg,#fff 50%,#8994a7 50%); }
.cmp-visual .cmp-status--alternative { border:1.7px solid #8994a7; background:transparent; }
.cmp-visual .cmp-status--separate { background:#edf0f5; font-size:22px; }
.cmp-visual .cmp-status--unknown { font-size:19px; }
.cmp-visual .cmp-status--no { font-size:22px; }
.cmp-visual .cmp-matrix-legend .cmp-status { height:15px; width:15px; font-size:16px; }
.cmp-visual .cmp-matrix-legend .cmp-status--yes::after { width:6px; height:3px; left:4px; top:5px; border-width:1.5px; }
.cmp-visual .cmp-matrix-scroll { font-size:11px; line-height:1.6; color:var(--cmp-muted); margin:0 0 12px; }
.cmp-visual .cmp-matrix-viewport { --feature-width:190px; --dp-width:118px; overflow:auto; overscroll-behavior-inline:contain; border:1px solid #dce1e8; border-radius:6px; background:#fff; }
.cmp-visual .cmp-matrix { min-width:1370px; width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.cmp-visual .cmp-matrix col.cmp-feature-col { width:var(--feature-width); }
.cmp-visual .cmp-matrix col.cmp-dp-col { width:var(--dp-width); }
.cmp-visual .cmp-matrix th,.cmp-visual .cmp-matrix td { height:59px; border-right:1px solid #e2e6ed; border-bottom:1px solid #e2e6ed; text-align:center; padding:7px 6px; background:#fff; }
.cmp-visual .cmp-matrix thead th { height:72px; padding:12px 7px; background:#edf0f4; font-size:12px; line-height:1.5; font-weight:600; vertical-align:middle; color:#23314a; }
.cmp-visual .cmp-matrix thead a { display:block; }
.cmp-visual .cmp-matrix thead a:hover { color:#4f46e5; }
.cmp-visual .cmp-matrix .cmp-header-arrow { display:block; color:#66738b; font-weight:400; font-size:12px; margin-top:2px; }
.cmp-visual .cmp-matrix th:first-child { position:sticky; left:0; z-index:3; text-align:left; padding-inline:16px; box-shadow:1px 0 0 #dce1e8; }
.cmp-visual .cmp-matrix tbody th { font-size:13px; font-weight:500; line-height:1.5; color:#354159; background:#fcfcfd; }
.cmp-visual .cmp-matrix td:nth-child(2),.cmp-visual .cmp-matrix th:nth-child(2) { position:sticky; left:var(--feature-width); z-index:3; border-inline:2px solid #4f46e5; background:#f1efff; }
.cmp-visual .cmp-matrix thead th:nth-child(2) { background:#4f46e5; color:#fff; }
.cmp-visual .cmp-matrix thead th:first-child,.cmp-visual .cmp-matrix thead th:nth-child(2) { z-index:4; }
.cmp-visual .cmp-matrix td:nth-child(2) .cmp-status--yes { background:#4f46e5; }
.cmp-visual .cmp-matrix .cmp-matrix-group th { height:33px; padding:8px 16px; border-right:0; background:#e9e7ff; color:#4338ca; font-family:var(--font-mono); font-weight:500; font-size:10px; line-height:1.5; text-transform:uppercase; letter-spacing:.09em; box-shadow:none; }
.cmp-visual .cmp-matrix tbody[aria-labelledby="matrix-group-core"] .cmp-matrix-group th { background:#edf0f4; color:#354159; }
.cmp-visual .cmp-method-note { display:block; color:var(--cmp-muted); font-size:10px; line-height:1.4; margin:0 auto 6px; padding-inline:3px; }
.cmp-visual .cmp-matrix tr:last-child>* { border-bottom:0; }
.cmp-visual .cmp-matrix tr>*:last-child { border-right:0; }
.cmp-visual .cmp-matrix-brand { display:flex; flex-direction:column; gap:5px; align-items:center; font-size:13px; }
.cmp-visual .cmp-matrix-brand svg { width:20px; height:20px; }
.cmp-visual .cmp-cell-note { display:inline-flex; align-items:center; justify-content:center; height:42px; width:42px; padding:0; border:0; background:transparent; border-radius:5px; cursor:help; }
.cmp-visual .cmp-cell-note:hover { background:#15274308; }
.cmp-visual .cmp-cell-note:focus-visible { outline:2px solid #4f46e5; outline-offset:1px; box-shadow:none; }
.cmp-visual .cmp-matrix-foot { display:flex; align-items:start; justify-content:space-between; gap:32px; margin-top:18px; }
.cmp-visual .cmp-matrix-foot p { font-size:11px; line-height:1.7; color:var(--cmp-muted); max-width:760px; }
.cmp-visual .cmp-matrix-foot>a { flex:none; font-size:12px; margin-top:2px; }
.cmp-visual .cmp-matrix-note { position:fixed; z-index:200; max-width:310px; width:max-content; padding:16px 18px; color:#fff; border:1px solid #39445b; background:#17243a; border-radius:6px; box-shadow:0 6px 22px #17243a26; font-size:12px; line-height:1.65; pointer-events:none; }
.cmp-visual .cmp-matrix-note[hidden] { display:none; }
.cmp-visual .cmp-matrix-note strong { display:block; color:#c7caff; font-size:11px; margin-bottom:5px; font-weight:500; }
.cmp-visual .cmp-compact-directory { padding:48px 0 56px; }
.cmp-visual .cmp-compact-directory-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:25px; }
.cmp-visual .cmp-compact-directory-heading h2 { font-size:26px; }
.cmp-visual .cmp-shortlist { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--cmp-line); border-left:1px solid var(--cmp-line); border-radius:5px; overflow:hidden; }
.cmp-visual .cmp-shortlist a { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:22px 18px; border-bottom:1px solid var(--cmp-line); border-right:1px solid var(--cmp-line); font-size:13px; font-weight:500; }
.cmp-visual .cmp-shortlist a:hover { color:#4f46e5; background:#f5f4ff; }
.cmp-visual .cmp-shortlist svg { color:#4f46e5; width:14px; }
.cmp-visual .cmp-visual-detail-hero { padding:26px 0 36px; background:#fff; }
.cmp-visual .cmp-visual-detail-hero .cmp-breadcrumb { margin-bottom:28px; }
.cmp-visual .cmp-visual-detail-row { display:flex; align-items:center; justify-content:space-between; gap:56px; }
.cmp-visual .cmp-visual-detail-row>div:first-child { max-width:760px; }
.cmp-visual .cmp-visual-detail-hero h1 { font-size:clamp(34px,4vw,51px); margin:15px 0 16px; line-height:1.12; }
.cmp-visual .cmp-visual-detail-hero .cmp-intro { max-width:670px; font-size:17px; line-height:1.65; }
.cmp-visual .cmp-visual-comparison { padding:0 0 40px; scroll-margin-top:90px; }
.cmp-visual .cmp-detail-table thead th { padding:17px 22px; }
.cmp-visual .cmp-detail-table thead th:first-child { width:24%; }
.cmp-visual .cmp-detail-table tbody th,.cmp-visual .cmp-detail-table td { padding:19px 22px; font-size:14px; line-height:1.5; }
.cmp-visual .cmp-cell-copy { display:flex; gap:11px; align-items:start; }
.cmp-visual .cmp-cell-copy .cmp-status { height:17px; width:17px; margin-top:2px; background:#4f46e5; }
.cmp-visual .cmp-cell-copy .cmp-status::after { left:4px; top:5px; width:7px; height:4px; border-width:1.5px; }
.cmp-visual .cmp-visual-comparison .cmp-table-note { margin-top:14px; font-size:11px; }
.cmp-visual .cmp-visual-benefits { padding:0 0 48px; }
.cmp-visual .cmp-benefit-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; }
.cmp-visual .cmp-benefit-heading h2 { font-size:27px; }
.cmp-visual .cmp-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--cmp-line); border-radius:6px; }
.cmp-visual .cmp-benefit-grid article { padding:26px; border-right:1px solid var(--cmp-line); }
.cmp-visual .cmp-benefit-grid article:last-child { border-right:0; }
.cmp-visual .cmp-benefit-grid svg { color:#4f46e5; margin-bottom:17px; }
.cmp-visual .cmp-benefit-grid h3 { font-size:18px; line-height:1.4; }
.cmp-visual .cmp-benefit-grid p { font-size:14px; line-height:1.65; color:var(--cmp-muted); margin-top:10px; }
.cmp-visual .cmp-closing { padding:44px 0; }
.cmp-visual .cmp-closing h2 { font-size:32px; }
.cmp-visual .cmp-closing p { margin-top:12px; font-size:15px; }
.cmp-visual .cmp-closing-grid { gap:32px; grid-template-columns:1.2fr 1fr; }
.cmp-visual .cmp-closing .cmp-label { font-size:10px; margin-bottom:12px; }
.cmp-visual .cmp-closing .cmp-actions { flex-wrap:nowrap; gap:10px; }
.cmp-visual .cmp-closing .cmp-button { padding:14px 17px; font-size:13px; }
.cmp-visual .cmp-visual-faq { padding:40px 0; }
.cmp-visual .cmp-visual-faq-grid { display:grid; grid-template-columns:.8fr 1.5fr; gap:50px; }
.cmp-visual .cmp-visual-faq h2 { font-size:25px; margin-top:13px; }
.cmp-visual .cmp-visual-faq summary { font-size:14px; padding-block:17px; }
.cmp-visual .cmp-visual-faq summary::after { top:13px; }
.cmp-visual .cmp-visual-faq details p { font-size:14px; padding-bottom:18px; }
.cmp-visual .cmp-visual-related { padding:23px 0; border-top:1px solid var(--cmp-line); }
.cmp-visual .cmp-visual-related .cmp-wrap { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.cmp-visual .cmp-visual-related .cmp-wrap>div { display:flex; gap:24px; font-size:12px; color:var(--cmp-muted); }
.cmp-visual .cmp-visual-related .cmp-wrap>div a:hover { color:#4f46e5; }
.cmp-visual .cmp-trademark { font-size:10px; padding-block:18px; }
@media(max-width:1050px) {
 .cmp-visual .cmp-visual-hero-row,.cmp-visual .cmp-visual-detail-row { gap:30px; }
 .cmp-visual .cmp-visual-detail-hero h1 { font-size:42px; }
 .cmp-visual .cmp-shortlist { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .cmp-visual .cmp-closing-grid { grid-template-columns:1fr; }
 .cmp-visual .cmp-closing .cmp-actions { justify-content:start; }
}
@media(max-width:820px) {
 .cmp-visual .cmp-visual-hero-row,.cmp-visual .cmp-visual-detail-row { flex-direction:column; align-items:start; gap:24px; }
 .cmp-visual .cmp-visual-hero-cta { flex-direction:row; align-items:center; gap:20px; }
 .cmp-visual .cmp-visual-hero { padding:32px 0; }
 .cmp-visual .cmp-visual-hero h1 { font-size:42px; }
 .cmp-visual .cmp-matrix-heading { align-items:start; }
 .cmp-visual .cmp-matrix-heading h2 { font-size:26px; }
 .cmp-visual .cmp-matrix-foot { flex-direction:column; gap:14px; }
 .cmp-visual .cmp-detail-table { min-width:0; }
 .cmp-visual .cmp-visual-detail-hero { padding-bottom:27px; }
 .cmp-visual .cmp-benefit-grid article { padding:20px; }
 .cmp-visual .cmp-benefit-heading { align-items:start; flex-direction:column; gap:12px; }
 .cmp-visual .cmp-visual-faq-grid { grid-template-columns:1fr; gap:22px; }
 .cmp-visual .cmp-visual-comparison { scroll-margin-top:130px; }
}
@media(max-width:540px) {
 .cmp-visual .cmp-visual-hero h1 { font-size:36px; }
 .cmp-visual .cmp-visual-hero p { font-size:15px; }
 .cmp-visual .cmp-visual-hero-cta { flex-direction:column; align-items:stretch; gap:12px; width:100%; }
 .cmp-visual .cmp-visual-hero-cta>span { text-align:center; }
 .cmp-visual .cmp-visual-hero-cta>.cmp-text-link { justify-content:center; font-size:12px; }
 .cmp-visual .cmp-matrix-shell { width:calc(100% - 32px); }
 .cmp-visual .cmp-matrix-section { padding:26px 0 30px; }
 .cmp-visual .cmp-matrix-heading { flex-direction:column; gap:18px; }
 .cmp-visual .cmp-matrix-heading h2 { margin-bottom:13px; }
 .cmp-visual .cmp-matrix-legend { gap:10px 14px; }
 .cmp-visual .cmp-matrix-legend>span { font-size:10px; }
 .cmp-visual .cmp-matrix-scroll { font-size:10px; }
 .cmp-visual .cmp-matrix-viewport { --feature-width:126px; --dp-width:91px; border-radius:4px; }
 .cmp-visual .cmp-matrix { min-width:1257px; }
 .cmp-visual .cmp-matrix tbody th { font-size:12px; }
 .cmp-visual .cmp-matrix th:first-child { padding-inline:11px; }
 .cmp-visual .cmp-matrix th,.cmp-visual .cmp-matrix td { height:61px; }
 .cmp-visual .cmp-matrix thead th { height:77px; }
 .cmp-visual .cmp-matrix-brand { font-size:12px; }
 .cmp-visual .cmp-matrix-foot p { font-size:10px; }
 .cmp-visual .cmp-compact-directory { padding:32px 0 36px; }
 .cmp-visual .cmp-compact-directory-heading { flex-direction:column; align-items:start; gap:12px; }
 .cmp-visual .cmp-compact-directory-heading h2 { font-size:24px; }
 .cmp-visual .cmp-shortlist { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cmp-visual .cmp-shortlist a { padding:19px 15px; font-size:12px; }
 .cmp-visual .cmp-visual-detail-hero .cmp-breadcrumb { font-size:11px; margin-bottom:22px; }
 .cmp-visual .cmp-visual-detail-hero h1 { font-size:36px; }
 .cmp-visual .cmp-visual-detail-hero .cmp-intro { font-size:15px; }
 .cmp-visual .cmp-detail-table thead th { font-size:12px; padding:15px 11px; line-height:1.5; word-break:normal; }
 .cmp-visual .cmp-detail-table thead th:first-child { font-size:9px; width:26%; }
 .cmp-visual .cmp-detail-table tbody th,.cmp-visual .cmp-detail-table td { padding:15px 11px; font-size:12px; }
 .cmp-visual .cmp-cell-copy { flex-direction:column; gap:7px; }
 .cmp-visual .cmp-visual-comparison { padding-bottom:30px; }
 .cmp-visual .cmp-benefit-grid { grid-template-columns:1fr; }
 .cmp-visual .cmp-benefit-grid article { display:grid; grid-template-columns:27px 1fr; gap:0 17px; padding:23px; border-right:0; border-bottom:1px solid var(--cmp-line); }
 .cmp-visual .cmp-benefit-grid article:last-child { border-bottom:0; }
 .cmp-visual .cmp-benefit-grid article>svg { grid-row:1/3; margin:0; }
 .cmp-visual .cmp-benefit-grid h3 { font-size:17px; }
 .cmp-visual .cmp-benefit-grid p { font-size:13px; margin-top:7px; }
 .cmp-visual .cmp-visual-benefits { padding-bottom:35px; }
 .cmp-visual .cmp-closing h2 { font-size:28px; }
 .cmp-visual .cmp-closing .cmp-actions { flex-wrap:wrap; }
 .cmp-visual .cmp-closing .cmp-button { width:100%; }
 .cmp-visual .cmp-visual-related .cmp-wrap { flex-direction:column; align-items:start; gap:17px; }
 .cmp-visual .cmp-visual-related .cmp-wrap>div { flex-wrap:wrap; gap:16px; }
 .cmp-visual .cmp-matrix-note { max-width:calc(100vw - 24px); }
}