.wq-visual { width:100%; min-width:0; color:#18252a; background:#f4f7f7; border:1px solid #dce4e4; border-radius:8px; overflow:hidden; text-align:left; }
.wq-visual * { box-sizing:border-box; letter-spacing:0; }
.wq-visual svg { width:24px; height:24px; flex-shrink:0; stroke-width:1.5; }
.wq-visual-bar { display:flex; align-items:center; gap:10px; padding:18px 20px; border-bottom:1px solid #dce4e4; background:#fff; }
.wq-visual-bar > svg { color:#177568; width:20px; height:20px; }
.wq-visual-bar strong { font-size:15px; line-height:1.5; font-weight:600; }
.wq-visual-bar small { margin-left:auto; font-size:11px; color:#667979; white-space:nowrap; }
.wq-overview { padding:56px 30px; }
.wq-event-route,.wq-destinations { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.wq-event-route > div,.wq-destinations > div { display:flex; flex-direction:column; align-items:center; gap:12px; position:relative; font-size:14px; text-align:center; }
.wq-event-route > div > svg { width:36px; height:36px; color:#177568; }
.wq-event-route > div:not(:last-child)::after { content:''; position:absolute; left:calc(50% + 28px); top:18px; width:calc(100% - 36px); border-top:1px dashed #98b6b0; }
.wq-event-hub { display:flex; align-items:center; justify-content:center; gap:12px; margin:46px 0; padding:20px 16px; background:#182a2b; color:#fff; font-size:14px; position:relative; }
.wq-event-hub::before,.wq-event-hub::after { content:''; position:absolute; left:50%; height:30px; border-left:1px solid #98b6b0; }
.wq-event-hub::before { bottom:100%; }.wq-event-hub::after { top:100%; }
.wq-destinations svg { color:#177568; }.wq-destinations > div:nth-child(2) svg { color:#bb6038; }.wq-destinations > div:nth-child(3) svg { color:#527bc0; }
.wq-event-table { padding:24px; }
.wq-event-table > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:12px; align-items:center; padding:21px 0; border-bottom:1px solid #dce4e4; }
.wq-event-table > div > span { display:flex; align-items:center; gap:10px; font-size:14px; }
.wq-event-table code { font-size:12px; overflow-wrap:anywhere; color:#177568; }
.wq-event-table > .wq-table-head { padding:0 0 16px; color:#607475; }
.wq-visual .wq-event-table p,.wq-test-layout p { margin:24px 0 0; font-size:13px; color:#607475; line-height:1.7; }
.wq-flow-list { list-style:none; margin:0; padding:32px 24px; display:grid; gap:0; }
.wq-flow-list li { position:relative; display:flex; align-items:center; gap:16px; min-height:60px; padding:14px 0; font-size:15px; line-height:1.5; }
.wq-flow-list li:not(:last-child) { border-bottom:1px solid #dce4e4; }
.wq-flow-list svg { color:#177568; }.wq-flow-list li:nth-child(2) svg { color:#bb6038; }
.wq-email-layout { display:flex; gap:18px; padding:24px; min-height:272px; }
.wq-mail-tools { display:flex; flex-direction:column; gap:23px; color:#607475; padding-top:10px; }
.wq-mail-tools svg { width:18px; height:18px; }
.wq-mail-preview { flex:1; min-width:0; background:#fff; padding:16px 20px; display:flex; flex-direction:column; gap:12px; }
.wq-mail-brand { font-size:10px; font-weight:600; color:#617675; }
.wq-mail-art { height:64px; background:#d8ebe6; display:grid; place-items:center; color:#177568; }
.wq-mail-art svg { width:32px; height:32px; }
.wq-mail-preview > strong { font-size:14px; line-height:1.5; }
.wq-mail-rule { display:block; height:3px; background:#dde4e4; width:100%; }.wq-short { width:64%; }
.wq-mail-cta { margin-top:4px; padding:8px 10px; background:#182a2b; color:white; display:flex; justify-content:space-between; align-items:center; font-size:12px; }
.wq-mail-cta svg { width:14px; height:14px; }
.wq-test-layout { padding:24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; min-height:272px; }
.wq-test-variant { min-width:0; padding:14px; background:#fff; display:flex; flex-direction:column; gap:14px; }
.wq-test-variant > small { font-size:12px; color:#607475; }
.wq-test-image { height:66px; background:#dce6ea; display:grid; place-items:center; color:#6b848e; }
.wq-test-button { font-size:11px; padding:7px; background:#182a2b; color:#fff; text-align:center; }
.wq-alternative { order:2; margin-top:auto; }.wq-test-layout p { grid-column:1/-1; margin:0; }
.weswoo-integration-page figure:has(> .wq-visual) { min-width:0; }
.weswoo-integration-page figure:has(> .wq-visual-check) { width:230px; }
.weswoo-integration-capabilities { scroll-margin-top:100px; }
.weswoo-integration-capabilities > .main-container > .grid { align-items:start; }
.weswoo-integration-capabilities .wq-visual { min-height:310px; }
.weswoo-integration-page .price-year { display:none; }
.weswoo-integration-page #priceCheck:focus-visible + span { outline:2px solid #177568; outline-offset:4px; }
.wq-contact-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:24px; }
.wq-contact-actions > a { display:inline-flex; align-items:center; gap:10px; }
.wq-contact-actions svg { width:20px; height:20px; }
.weswoo-integration-page .wq-visual-review { padding-bottom:100px; }
.weswoo-integration-page .wq-visual-events { padding-bottom:190px; }
.weswoo-integration-page figure:has(> .wq-visual-review) { width:100%; align-self:stretch; }
.wq-visual-check .wq-visual-bar { padding:12px; }.wq-visual-check .wq-flow-list { padding:8px 16px; }.wq-visual-check .wq-flow-list li { min-height:40px; font-size:13px; padding:10px 0; }.wq-visual-check .wq-flow-list svg { width:18px; height:18px; }.wq-visual-check .wq-visual-bar small { display:none; }
@media(max-width:600px) {
 .wq-visual-bar { padding:14px; gap:8px; }.wq-visual-bar strong { font-size:14px; }
 .wq-overview { padding:38px 18px; }.wq-event-route,.wq-destinations { gap:12px; }.wq-event-route > div,.wq-destinations > div { font-size:12px; }
 .wq-event-hub { margin:38px 0; font-size:12px; }.wq-event-route > div > svg { width:28px; height:28px; }
 .wq-event-table { padding:18px; }.wq-event-table > div { gap:10px; }.wq-event-table code { font-size:11px; }
 .wq-event-table > div > span { font-size:13px; gap:8px; }.wq-event-table svg { width:18px; height:18px; }
 .wq-test-layout,.wq-email-layout { padding:18px; }
 .weswoo-integration-page figure:has(> .wq-visual-check) { width:190px; }
}
.wq-sync-example,.wq-notification-example,.wq-delivery-example,.wq-review-example { padding:24px; display:grid; gap:18px; }
.wq-sync-systems { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wq-sync-systems strong { font-size:16px; }
.wq-sync-example dl,.wq-review-example dl { margin:0; }
.wq-sync-example dl > div,.wq-review-example dl > div { display:flex; gap:12px; justify-content:space-between; padding:10px 0; border-bottom:1px solid #dce4e4; font-size:13px; }
.wq-sync-example dt,.wq-review-example dt { color:#627276; }
.wq-sync-example dd,.wq-review-example dd { margin:0; text-align:right; }
.wq-visual .wq-sync-example p,.wq-visual .wq-notification-example p,.wq-visual .wq-delivery-example p,.wq-visual .wq-review-example p { margin:0; font-size:13px; line-height:1.7; color:#4a5c60; }
.wq-sync-example > p { display:flex; align-items:flex-start; gap:10px; }
.wq-sync-example > p svg { width:18px; height:18px; color:#a85c39; }
.wq-example-caption { font-size:11px; color:#67797b; }
.wq-notification-example > svg,.wq-review-example > svg { width:36px; height:36px; color:#a85c39; }
.wq-notification-example > strong,.wq-review-example > strong { font-size:18px; line-height:1.5; }
.wq-visual details { border-top:1px solid #ccd9d9; padding-top:12px; }
.wq-visual summary { font-size:13px; cursor:pointer; font-weight:600; line-height:1.6; }
.wq-visual details[open] > p { margin-top:12px; }
.wq-visual summary:focus-visible { outline:2px solid #177568; outline-offset:5px; }
.wq-delivery-example > p { display:flex; gap:8px; align-items:center; }
.wq-delivery-example > div { display:grid; gap:6px; }
.wq-delivery-example > div strong { font-size:15px; }
.wq-delivery-example > div span { font-size:12px; line-height:1.6; color:#627276; }