/* S08: four complementary commercial routes. All panels remain readable without JS. */
.cx-comparison{--cmp-blue:#315cf6;--cmp-ink:#132b4c;--cmp-line:#d7e1ef;color:var(--cmp-ink)}
.cx-cmp-instruction{font-size:13px;color:#65778e;margin:0 0 17px;max-width:780px}
.cx-cmp-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cx-cmp-channel{appearance:none;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px;position:relative;min-height:134px;padding:15px 14px 15px 9px;border:1px solid var(--cmp-line);border-radius:20px;background:linear-gradient(135deg,#fff,#f5f8fd);color:var(--cmp-ink);text-align:left}
.cx-cmp-channel>span{min-width:0}.cx-cmp-channel strong{display:block;font-size:14px;line-height:1.35;font-weight:750;letter-spacing:-.02em}.cx-cmp-channel small{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:#687b94}.cx-cmp-channel b{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;line-height:1.35;font-weight:650;color:#496dba}.cx-cmp-channel b i{margin-left:auto;font-style:normal;font-size:16px}.cx-cmp-channel-drawing{width:70px;height:88px;color:#5072a4;overflow:visible}
.cx-cmp-channel:hover,.cx-cmp-channel:focus-visible{border-color:#a1b8ee;box-shadow:0 11px 32px -23px #315cf666}.cx-cmp-channel[aria-selected=true]{border-color:#7196ed;background:linear-gradient(125deg,#ecf3ff,#fff);box-shadow:0 10px 35px -24px #315cf688}.cx-cmp-channel[aria-selected=true]:after{content:'';position:absolute;left:28px;right:28px;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,#315cf6,#76cbdc)}
.cx-cmp-panels{margin-top:22px}.cx-cmp-panel{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:36px;align-items:start;padding:32px;border:1px solid var(--cmp-line);border-radius:25px;background:#fff}.cx-cmp-panel+.cx-cmp-panel{margin-top:22px}.cx-comparison.is-enhanced .cx-cmp-panel{margin-top:0}.cx-cmp-scene-column,.cx-cmp-detail{min-width:0}
.cx-cmp-scene{position:relative;isolation:isolate;border:1px solid #dbe5f3;border-radius:20px;padding:18px;background:radial-gradient(ellipse at 75% 5%,#deebff,transparent 64%),linear-gradient(150deg,#f4f8fe,#e9f0fa);min-height:374px;overflow:hidden}.cx-cmp-scene:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#6d90bb09 1px,transparent 1px),linear-gradient(90deg,#6d90bb09 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.cx-cmp-scene-label{display:flex;justify-content:space-between;gap:12px;font:500 9px/1.45 var(--mono);color:#4d6a91;margin-bottom:16px}.cx-cmp-scene-label>span:last-child{color:#8291a6;text-align:right;font-size:8px}
.cx-cmp-agenda,.cx-cmp-directory-app{border:1px solid #d4deec;border-radius:13px;background:#fff;box-shadow:0 14px 30px -24px #142f61;overflow:hidden}.cx-cmp-appbar{display:flex;gap:9px;align-items:center;padding:12px 13px;border-bottom:1px solid #e7edf5;background:#fafbfd;font-size:11px}.cx-cmp-appbar>i{font-style:normal;color:#476cb9;font-size:15px}.cx-cmp-appbar>strong{font-weight:700}.cx-cmp-appbar>span{margin-left:auto;font-size:9px;color:#8b99ad}.cx-cmp-account{display:flex;gap:11px;align-items:flex-start;margin:0 13px;padding:13px 0;border-bottom:1px solid #edf1f7}.cx-cmp-account:last-child{border-bottom:0}.cx-cmp-initials{flex:0 0 29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e8effc;color:#5470a1;font:600 9px/1 var(--sans)}.cx-cmp-account:nth-child(3) .cx-cmp-initials{background:#e8f1f2;color:#5a7a83}.cx-cmp-account:nth-child(4) .cx-cmp-initials{background:#edeaf5;color:#756a90}.cx-cmp-account>div{min-width:0;flex:1}.cx-cmp-account b{display:block;font-size:11px;line-height:1.35}.cx-cmp-account p{font-size:10px;line-height:1.45;color:#738097;margin-top:4px}.cx-cmp-account small{display:inline-block;font-size:8px;line-height:1.4;margin-top:5px;padding:3px 6px;border:1px solid #e2e9f5;border-radius:5px;color:#5675a9;background:#f6f9fe}.cx-cmp-status-dot{width:5px;height:5px;margin-top:5px;background:#85a8ea;border-radius:50%;flex-shrink:0}
.cx-cmp-arrival{position:relative;display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid #88aaef;border-radius:12px;background:linear-gradient(110deg,#fff,#f0f6ff);box-shadow:0 13px 35px -25px #315cf699}.cx-cmp-envelope{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#315cf6;color:#fff;font-size:21px}.cx-cmp-arrival>div{min-width:0}.cx-cmp-arrival strong{display:block;font-size:11px;line-height:1.4;font-weight:750}.cx-cmp-arrival p{font-size:10px;line-height:1.5;color:#657a99;margin-top:4px}.cx-cmp-arrival small{display:block;font:500 7px/1.4 var(--mono);letter-spacing:.06em;color:#6283b5;margin-bottom:5px}
.cx-cmp-fair-hall{width:100%;height:auto;max-height:257px;margin:-8px 0 -2px;filter:drop-shadow(0 12px 12px #2846710c)}.cx-cmp-fair-route{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:4px;font-size:10px;line-height:1.3}.cx-cmp-fair-route>span{display:flex;gap:6px;align-items:center}.cx-cmp-fair-route i{font-style:normal;color:#5279c2}.cx-cmp-fair-route>b{font-weight:400;color:#96b2da}
.cx-cmp-directory-search{margin:12px 12px 5px;padding:8px 10px;display:flex;align-items:center;gap:8px;border:1px solid #e4eaf4;border-radius:8px;background:#f8fafd;color:#8592a8;font-size:10px}.cx-cmp-directory-search>span{font-size:18px}.cx-cmp-directory-row{display:flex;align-items:center;gap:10px;margin:0 12px;padding:11px 2px;border-bottom:1px solid #edf1f7}.cx-cmp-directory-row:last-child{border-bottom:0}.cx-cmp-provider-mark{height:29px;width:29px;flex:0 0 29px;border-radius:8px;display:grid;place-items:center;color:#8192ab;background:#eff3f8;font-size:9px}.cx-cmp-directory-row>div{flex:1;min-width:0}.cx-cmp-directory-row b{display:block;font-size:11px;line-height:1.35}.cx-cmp-directory-row p{margin-top:3px;font-size:9px;line-height:1.4;color:#7b8aa1}.cx-cmp-directory-row>div>span{display:block;margin-top:5px;font-size:8px;color:#7489ab}.cx-cmp-directory-row>i{font-style:normal;color:#4f7bd5}.cx-cmp-featured{margin:9px 8px 0;padding:12px 8px;border:1px solid #9bb8ed;border-radius:9px;background:#f4f8ff}.cx-cmp-featured .cx-cmp-provider-mark{background:#315cf6;color:white}.cx-cmp-destination{position:relative;margin:14px 6px 0 28px;border:1px solid #c4d5ef;border-radius:10px;background:white;box-shadow:0 12px 22px -20px #20457e}.cx-cmp-destination:before{content:'↳';position:absolute;left:-24px;top:12px;color:#6a91d9;font-size:24px}.cx-cmp-destination>div{display:flex;align-items:center;gap:9px;padding:9px 12px;border-bottom:1px solid #eaf0f8;font-size:10px}.cx-cmp-window-dots{color:#94a8c7;font-size:10px;letter-spacing:2px}.cx-cmp-destination ul{display:flex;flex-wrap:wrap;gap:5px 15px;margin:0;padding:11px 13px 11px 25px;font-size:9px;line-height:1.4;color:#6580a8}.cx-cmp-destination li::marker{color:#90abe2}
.cx-cmp-query{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #cbd9ee;border-radius:99px;background:#fff}.cx-cmp-query>span{font-size:23px;color:#6c84aa}.cx-cmp-query p{font-size:11px;line-height:1.5;color:#547092;min-width:0}.cx-cmp-miniweb{margin-top:15px;border:1px solid #d1ddef;border-radius:12px;background:white;overflow:hidden;box-shadow:0 15px 35px -26px #1a3b76}.cx-cmp-miniweb-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid #e9eff7}.cx-cmp-miniweb-nav strong{font-size:11px;color:#30466a}.cx-cmp-miniweb-nav>span{font-size:8px;color:#8591a6}.cx-cmp-miniweb-main{display:grid;grid-template-columns:96px minmax(0,1fr);gap:13px;padding:21px 16px;align-items:center}.cx-cmp-miniweb-product{display:grid;place-items:center;min-height:122px;border-radius:11px;background:linear-gradient(140deg,#edf4fc,#d7e6f4)}.cx-cmp-miniweb-product .cx-drawing{height:94px;width:94px;color:#537ba5;filter:drop-shadow(0 8px 10px #28477622)}.cx-cmp-miniweb-main small{display:block;font:500 7px/1.5 var(--mono);letter-spacing:.04em;color:#6486b3}.cx-cmp-miniweb-main>div>strong{display:block;font-family:var(--serif);font-size:23px;line-height:1.07;font-weight:500;color:#183e68;margin:7px 0}.cx-cmp-miniweb-main p{font-size:9px;line-height:1.5;color:#778ba6}.cx-cmp-mock-cta{display:inline-flex;gap:14px;align-items:center;margin-top:12px;padding:7px 10px;border-radius:7px;background:#284a71;color:#fff;font-size:8px;line-height:1.3}.cx-cmp-mock-cta i{font-style:normal}.cx-cmp-web-connector{height:28px;display:flex;align-items:center;justify-content:center;color:#6b93d2;position:relative}.cx-cmp-web-connector>span{height:13px;width:1px;background:#a6bce0}.cx-cmp-web-connector>i{position:absolute;font-style:normal;font-size:17px;line-height:1;bottom:-2px}.cx-cmp-web .cx-cmp-arrival{margin-top:0}
.cx-cmp-bridge{display:flex;gap:9px;margin:17px 3px 0;color:#577093;font-size:12px;line-height:1.7}.cx-cmp-bridge>span{color:#426ce1;font-size:22px;flex-shrink:0;line-height:1.3}.cx-cmp-detail-label{font:500 9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#5075bc}.cx-cmp-detail h3{font-family:var(--serif);font-size:31px;line-height:1.12;font-weight:450;letter-spacing:-.025em;margin:12px 0 15px;max-width:530px}.cx-cmp-intro{font-size:13px;line-height:1.75;color:#65768d}.cx-cmp-detail dl{margin:23px 0 0;display:grid;gap:0}.cx-cmp-detail dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid #e5ebf4}.cx-cmp-detail dt{font-size:11px;line-height:1.55;font-weight:750;color:#3f5b81}.cx-cmp-detail dd{margin:0;font-size:11px;line-height:1.65;color:#6a7d96}
.cx-cmp-matrix-wrap{margin-top:26px;overflow-x:auto;border:1px solid var(--cmp-line);border-radius:19px;background:#fff;scrollbar-color:#bacce7 #f5f8fc;scrollbar-width:thin}.cx-cmp-matrix{width:100%;border-collapse:collapse;table-layout:fixed;color:#506580;min-width:700px}.cx-cmp-matrix caption{text-align:left;padding:18px 21px;color:#3f587a;font-size:12px;font-weight:650;caption-side:top}.cx-cmp-matrix thead{background:#edf3fc}.cx-cmp-matrix thead th{font-size:12px;font-weight:750;line-height:1.45;text-align:left;color:#335581;padding:14px 20px;border-bottom:1px solid #dce6f3}.cx-cmp-matrix td{font-size:11px;line-height:1.65;padding:12px 20px 18px;vertical-align:top;border-right:1px solid #ecf1f7}.cx-cmp-matrix td:last-child{border-right:0}.cx-cmp-criterion th{text-align:left;padding:12px 20px 3px;font:500 8px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8194af;border-top:1px solid #e8eef7;background:#fafcff}.cx-cmp-next{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:25px;padding:25px 29px;border:1px solid #d1dff4;border-radius:20px;background:linear-gradient(100deg,#edf4ff,#f8fbff 70%)}.cx-cmp-next>div{max-width:660px}.cx-cmp-next strong{font-size:17px;font-weight:750;line-height:1.35;display:block}.cx-cmp-next p{font-size:13px;line-height:1.65;color:#657c9c;margin-top:8px}.cx-cmp-next .cx-button{flex-shrink:0;font-size:12px;max-width:345px}
@media(prefers-reduced-motion:no-preference){html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-cmp-channel,html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-cmp-channel-drawing,html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-cmp-icon-accent{transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s,border-color .45s,fill .45s}html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-cmp-channel:hover .cx-cmp-channel-drawing,html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-cmp-channel:focus-visible .cx-cmp-channel-drawing{transform:translateY(-3px)}html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-cmp-channel[aria-selected=true] .cx-cmp-icon-accent{fill:#c7ddff}html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-comparison.is-enhanced .cx-cmp-panel[data-active=true] .cx-cmp-arrival{animation:cx-cmp-arrive .8s cubic-bezier(.2,.75,.2,1) both}html:not(:has([data-cx-motion][aria-pressed="true"])) .cx-comparison.is-enhanced .cx-cmp-panel[data-active=true] .cx-cmp-featured{animation:cx-cmp-frame 1.2s ease-out both}}
@keyframes cx-cmp-arrive{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cx-cmp-frame{from{box-shadow:0 0 0 0 #7fa2ec66}to{box-shadow:0 0 0 8px #7fa2ec00}}
@media(max-width:1150px){.cx-cmp-channels{gap:10px}.cx-cmp-channel{grid-template-columns:57px minmax(0,1fr);gap:5px;padding:13px 10px 13px 6px}.cx-cmp-channel-drawing{width:57px;height:80px}.cx-cmp-channel strong{font-size:12px}.cx-cmp-channel small{font-size:10px}.cx-cmp-channel b{font-size:9px}.cx-cmp-panel{padding:24px;gap:25px}.cx-cmp-detail h3{font-size:28px}.cx-cmp-detail dl>div{grid-template-columns:102px minmax(0,1fr);gap:12px}.cx-cmp-scene{padding:15px}.cx-cmp-scene-label{font-size:8px}.cx-cmp-miniweb-main{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:17px 12px}.cx-cmp-miniweb-product .cx-drawing{width:77px;height:87px}.cx-cmp-miniweb-main>div>strong{font-size:21px}.cx-cmp-appbar>span{display:none}.cx-cmp-fair-route{gap:9px;font-size:9px}}
@media(max-width:820px){.cx-cmp-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-cmp-channel{grid-template-columns:72px minmax(0,1fr);gap:11px;min-height:126px;padding:13px 16px 13px 10px}.cx-cmp-channel-drawing{width:72px;height:86px}.cx-cmp-channel strong{font-size:14px}.cx-cmp-channel small{font-size:11px}.cx-cmp-channel b{font-size:10px}.cx-cmp-panel{grid-template-columns:1fr;gap:27px}.cx-cmp-scene-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.48fr);align-items:center;gap:20px}.cx-cmp-bridge{margin:0;font-size:12px}.cx-cmp-scene{min-height:0}.cx-cmp-detail h3{font-size:30px;max-width:650px}.cx-cmp-intro{max-width:720px}.cx-cmp-detail dl{grid-template-columns:1fr 1fr;column-gap:25px}.cx-cmp-detail dl>div{display:block}.cx-cmp-detail dd{margin-top:7px;font-size:12px}.cx-cmp-detail dt{font-size:12px}.cx-cmp-next{gap:25px;padding:22px}.cx-cmp-next .cx-button{max-width:290px}.cx-cmp-next strong{font-size:16px}}
@media(max-width:600px){.cx-cmp-scene-column{display:block}.cx-cmp-bridge{margin-top:15px}.cx-cmp-detail dl{grid-template-columns:1fr}.cx-cmp-detail dl>div{display:grid;grid-template-columns:103px minmax(0,1fr);gap:13px}.cx-cmp-detail dd{margin-top:0}.cx-cmp-next{display:grid;gap:19px}.cx-cmp-next .cx-button{max-width:none}.cx-cmp-matrix caption{font-size:11px}.cx-cmp-matrix thead th{font-size:11px}}
@media(max-width:420px){.cx-cmp-instruction{font-size:12px}.cx-cmp-channels{gap:8px}.cx-cmp-channel{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:10px 13px 13px;min-height:195px}.cx-cmp-channel-drawing{width:72px;height:75px;margin-left:-5px}.cx-cmp-channel strong{font-size:13px}.cx-cmp-channel small{font-size:10px;margin-top:5px}.cx-cmp-channel b{font-size:9px;margin-top:10px}.cx-cmp-panel{padding:17px;border-radius:20px;gap:23px}.cx-cmp-scene{padding:12px;border-radius:15px}.cx-cmp-scene-label{gap:8px;font-size:8px;margin-bottom:12px}.cx-cmp-scene-label>span:last-child{font-size:7px;max-width:85px}.cx-cmp-account{margin-inline:10px;padding-block:10px;gap:8px}.cx-cmp-initials{flex-basis:26px;height:26px}.cx-cmp-account b{font-size:10px}.cx-cmp-account p{font-size:9px}.cx-cmp-arrival{padding:11px;gap:9px}.cx-cmp-envelope{width:30px;height:30px;flex-basis:30px;font-size:18px}.cx-cmp-arrival strong{font-size:10px}.cx-cmp-arrival p{font-size:9px}.cx-cmp-directory-row{margin-inline:9px;gap:7px}.cx-cmp-directory-row b{font-size:10px}.cx-cmp-directory-row p{font-size:9px}.cx-cmp-directory-row>div>span{font-size:7px}.cx-cmp-provider-mark{flex-basis:25px;width:25px;height:25px}.cx-cmp-featured{margin-inline:5px}.cx-cmp-directory-search{font-size:9px}.cx-cmp-destination{margin-left:22px;margin-right:0}.cx-cmp-query{padding:8px 10px;gap:8px}.cx-cmp-query p{font-size:10px}.cx-cmp-miniweb-nav{padding:10px 11px;gap:7px}.cx-cmp-miniweb-nav strong{font-size:10px}.cx-cmp-miniweb-nav>span{font-size:7px}.cx-cmp-miniweb-main{grid-template-columns:65px minmax(0,1fr);gap:10px;padding:15px 11px}.cx-cmp-miniweb-product{min-height:113px}.cx-cmp-miniweb-product .cx-drawing{width:65px;height:76px}.cx-cmp-miniweb-main small{font-size:6px}.cx-cmp-miniweb-main>div>strong{font-size:21px}.cx-cmp-miniweb-main p{font-size:8px}.cx-cmp-mock-cta{font-size:7px;padding:6px 7px;gap:9px}.cx-cmp-detail h3{font-size:27px}.cx-cmp-intro{font-size:12px}.cx-cmp-detail dl>div{grid-template-columns:96px minmax(0,1fr);gap:10px}.cx-cmp-detail dd,.cx-cmp-detail dt{font-size:11px}.cx-cmp-bridge{font-size:11px}.cx-cmp-next{padding:19px}.cx-cmp-matrix-wrap{margin-top:20px}.cx-cmp-panel+.cx-cmp-panel{margin-top:17px}.cx-comparison.is-enhanced .cx-cmp-panel{margin-top:0}}