/* Marketing reference: Wati composition; verified Adjoltz app styling, synthetic data. */
@font-face{font-family:AdjoltzAppInter;src:url('app-inter-latin.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:AdjoltzAppDisplay;src:url('app-inter-tight-latin.woff2') format('woff2');font-weight:500 800;font-style:normal;font-display:swap}
.api-layout .marketing-section{background:var(--white);padding-top:62px;padding-bottom:60px}
.marketing-heading{margin:0 auto 46px;text-align:center}
.api-layout .marketing-heading h2{margin:0;font-size:clamp(34px,4vw,52px);font-weight:500;line-height:1.17}
.crm-tabs{display:flex;justify-content:center;gap:8px;margin:-18px auto 36px}
.crm-tab{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:120px;padding:12px 20px;border:1px solid transparent;border-radius:99px;background:transparent;color:var(--dg);font:500 var(--fs-sm)/1.25 var(--font);text-decoration:none;transition:background .15s,color .15s}
.crm-tab:hover{background:var(--lg);text-decoration:none}
.crm-tab[aria-selected=true]{background:var(--dg);color:var(--white)}
.api-layout .crm-tab[aria-selected=true]:hover,.api-layout .crm-tab[aria-selected=true]:focus-visible{background:var(--dg);color:var(--white)}
.crm-tab:focus-visible{outline:2px solid var(--dg);outline-offset:4px}
.crm-panel{scroll-margin-top:130px}
.crm-panel[hidden]{display:none}
.marketing-section:not(.crm-enhanced) .crm-panel+.crm-panel{margin-top:60px}
.marketing-demo{margin:0;outline-offset:8px;border-radius:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.marketing-demo:focus-visible{outline:2px solid var(--dg)}
.marketing-stage{--app-bg:#08090a;--app-panel:#101113;--app-line:rgba(255,255,255,.08);--app-text:#f5f7f7;--app-dim:#bcc3c7;--app-faint:#97a2a9;--app-green:#25d366;--chat-panel:#111b21;--chat-bg:#0b141a;--chat-in:#202c33;--chat-out:#264c39;--chat-read:#53bdeb;position:relative;container-type:inline-size;aspect-ratio:1200/660;font-family:AdjoltzAppInter,system-ui,sans-serif;color:var(--app-text);font-size:1.1cqw;line-height:1.45;user-select:none}
.marketing-stage svg{width:1.3em;height:1.3em;fill:currentColor;flex:none}
.marketing-console{position:absolute;left:12%;top:0;width:88%;height:86%;display:grid;grid-template-columns:5.6% minmax(0,1fr);background:var(--app-bg);border-radius:1.5cqw;box-shadow:0 14px 38px -15px rgba(8,9,10,.36);overflow:hidden}
.marketing-rail{background:#0e1011;border-right:1px solid var(--app-line);padding:1.2cqw .5cqw;display:flex;flex-direction:column;gap:1cqw;min-width:0}
.marketing-brand{height:3.5cqw;margin:0 0 .5cqw;display:flex;align-items:center;justify-content:center}
.marketing-brand img{width:2.5cqw;height:3.1cqw;object-fit:contain}
.marketing-brand .marketing-app-logo{display:none}
.marketing-nav{display:grid;gap:.7cqw}
.marketing-nav>span{display:flex;align-items:center;justify-content:center;gap:.8cqw;min-height:3cqw;border-radius:.9cqw;color:var(--app-dim);font-weight:600;white-space:nowrap}
.marketing-nav>span>span{display:none}
.marketing-nav>span[data-nav=inbox]{background:rgba(255,255,255,.1);color:var(--app-text)}
.marketing-nav svg{width:1.5cqw;height:1.5cqw}
.marketing-rail-foot{margin-top:auto;text-align:center;font-size:.85cqw;color:var(--app-faint)}
.marketing-main{min-width:0;position:relative}
.marketing-inbox{height:100%;display:grid;grid-template-columns:27% minmax(0,1fr)}
.marketing-chat-list{background:var(--chat-panel);border-right:1px solid var(--app-line);padding:1.4cqw 1cqw;overflow:hidden}
.marketing-chat-list>h3{font:700 1.8cqw/1.2 AdjoltzAppDisplay,sans-serif;margin:0 0 1cqw;color:var(--app-text)}
.marketing-search{display:flex;align-items:center;gap:.7cqw;color:var(--app-faint);background:var(--chat-in);padding:.65cqw .8cqw;border-radius:.8cqw;font-size:.95cqw;white-space:nowrap}
.marketing-search svg{width:1.05cqw;height:1.05cqw}
.marketing-list-filters{display:flex;gap:.6cqw;margin:1cqw 0}
.marketing-list-filters span{font-size:.9cqw;padding:.35cqw .9cqw;border-radius:99px;background:var(--chat-in);color:var(--app-faint)}
.marketing-list-filters .is-active{background:#093a31;color:var(--app-green)}
.marketing-contact{display:flex;gap:.8cqw;align-items:center;padding:1.2cqw .3cqw;border-bottom:1px solid var(--app-line)}
.marketing-contact.is-selected{background:rgba(255,255,255,.055);margin:0 -.5cqw;padding-inline:.8cqw;border-radius:.8cqw}
.marketing-avatar{display:grid;place-items:center;width:3.1cqw;height:3.1cqw;flex:none;background:var(--chat-in);color:var(--app-dim);border-radius:50%;font-weight:500;font-size:1.15cqw}
.marketing-contact.is-selected .marketing-avatar{background:#294d40;color:#e2f6e9}
.marketing-contact>div{flex:1;min-width:0}
.marketing-contact b{display:block;font-weight:500;font-size:1.05cqw}
.marketing-contact small{display:block;color:var(--app-faint);font-size:.92cqw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.marketing-contact>time{align-self:flex-start;color:var(--app-faint);font-size:.8cqw}
.marketing-chat{min-width:0;height:100%;display:flex;flex-direction:column;background:var(--chat-bg)}
.marketing-chat-header{flex:none;display:flex;align-items:center;gap:1cqw;padding:.9cqw 1.3cqw;background:var(--chat-panel);border-bottom:1px solid var(--app-line)}
.marketing-chat-header>div{flex:1;min-width:0}
.marketing-chat-header b{display:block;font-size:1.15cqw;font-weight:600}
.marketing-chat-header small{display:block;color:var(--app-faint);font-size:.86cqw}
.marketing-chat-header>svg{color:var(--app-faint)}
.marketing-chat-body{min-height:0;flex:1;overflow:auto;scrollbar-width:none;padding:1.3cqw 2cqw;display:flex;flex-direction:column;gap:.7cqw}
.marketing-chat-body::-webkit-scrollbar{display:none}
.marketing-day{align-self:center;padding:.3cqw .8cqw;border-radius:.5cqw;background:#1d282f;color:var(--app-faint);font-size:.85cqw;margin-bottom:1cqw;flex:none}
.marketing-thread{display:flex;flex-direction:column;gap:.85cqw;flex:none}
.marketing-bubble{max-width:76%;padding:.7cqw .9cqw;background:var(--chat-in);border-radius:0 .7cqw .7cqw .7cqw;align-self:flex-start;font-size:1.08cqw;color:#e9edef;text-align:left;flex:none}
.marketing-bubble.business{background:var(--chat-out);align-self:flex-end;border-radius:.7cqw 0 .7cqw .7cqw}
.marketing-bubble p{margin:0;line-height:1.45}
.marketing-bubble time{display:flex;align-items:center;justify-content:flex-end;gap:.4cqw;color:#bcc9cc;font-size:.78cqw;line-height:1.2;margin-top:.45cqw}
.marketing-bubble time svg{width:1.25cqw;height:.8cqw;color:var(--chat-read)}
.marketing-bubble img{width:100%;height:10cqw;object-fit:cover;object-position:50% 65%;border-radius:.5cqw;margin-bottom:.7cqw}
.marketing-choices{display:grid;gap:.5cqw;margin-top:.75cqw;padding-top:.7cqw;border-top:1px solid rgba(255,255,255,.1);font-size:.98cqw;text-align:center;color:var(--chat-read)}
.marketing-choices>span{padding:.4cqw;border-radius:.45cqw;background:rgba(0,0,0,.12)}
.marketing-choices>span.is-selected{color:var(--app-text);background:#187146}
.marketing-compose{display:flex;align-items:center;gap:1cqw;padding:.8cqw 1.1cqw;background:var(--chat-panel);color:var(--app-faint);flex:none}
.marketing-compose>span{flex:1;border-radius:.7cqw;background:var(--chat-in);padding:.65cqw .9cqw;font-size:1cqw;text-align:left}
.marketing-campaigns{display:none;padding:2.2cqw 2cqw}
.marketing-campaign-header{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-bottom:2cqw}
.marketing-campaign-header h3{font:700 2.1cqw/1.2 AdjoltzAppDisplay,sans-serif;margin:0 0 .4cqw;color:var(--app-text)}
.marketing-campaign-header p{font-size:1.02cqw;color:var(--app-dim);margin:0}
.marketing-new-campaign{background:var(--app-green);color:#04231d;font-size:.96cqw;font-weight:600;padding:.7cqw 1.1cqw;border-radius:.85cqw;white-space:nowrap}
.marketing-campaign-panel{border:1px solid var(--app-line);border-radius:1.3cqw;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent);overflow:hidden}
.marketing-campaign-panel>.marketing-search{margin:1.4cqw 1.4cqw .8cqw;background:var(--app-bg);padding:.8cqw}
.marketing-campaign-filters{display:flex;gap:.6cqw;margin:0 1.4cqw 1.2cqw;font-size:.9cqw}
.marketing-campaign-filters>span{padding:.35cqw .8cqw;border-radius:99px;border:1px solid var(--app-line);color:var(--app-dim)}
.marketing-campaign-filters>span:first-child{border-color:#1e6434;background:#142b1b;color:var(--app-green)}
.marketing-campaign-row{border-top:1px solid var(--app-line);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1cqw;padding:1.3cqw 1.4cqw;align-items:center}
.marketing-campaign-row h4{font:600 1.12cqw/1.35 AdjoltzAppInter,sans-serif;margin:0 0 .5cqw;color:var(--app-text)}
.marketing-campaign-row p{font-size:.85cqw;margin:0;color:var(--app-faint)}
.marketing-finished{display:inline-block;background:#17191a;border:1px solid var(--app-line);color:var(--app-dim);font-size:.72cqw;font-weight:500;padding:.05cqw .5cqw;margin-left:.5cqw;border-radius:99px;vertical-align:middle}
.marketing-campaign-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5cqw;font-variant-numeric:tabular-nums}
.marketing-campaign-stats b{display:block;font-size:1.2cqw;line-height:1.2}
.marketing-campaign-stats small{display:block;font-size:.78cqw;color:var(--app-faint)}
.marketing-delivery-track{grid-column:1/-1;background:#566068;height:.35cqw;border-radius:99px;overflow:hidden;margin-top:.2cqw}
.marketing-delivery-track>span{display:block;height:100%;width:97%;background:linear-gradient(90deg,#47bbdf 0 65%,var(--app-green) 65%)}
.marketing-example-note{font-size:.86cqw;color:var(--app-faint);margin:1.3cqw 0 0;text-align:right}
.marketing-phone{position:absolute;left:0;top:30%;width:24.5%;height:68%;border-radius:2.5cqw;box-shadow:0 11px 24px -8px rgba(8,9,10,.4);background:var(--chat-bg);overflow:hidden;display:flex;flex-direction:column;padding:0;border:5px solid #30383d}
.marketing-phone-status{display:flex;justify-content:space-between;padding:.55cqw 1.2cqw .45cqw;font-size:.83cqw;color:var(--app-dim);background:var(--chat-panel)}
.marketing-phone-status>span:last-child{font-weight:600;letter-spacing:.04em}
.marketing-phone .marketing-chat-header{gap:.7cqw;padding:.65cqw .75cqw}
.marketing-phone .marketing-chat-header>svg:first-child{transform:rotate(90deg);width:1.1cqw}
.marketing-phone .marketing-avatar{width:2.6cqw;height:2.6cqw;font-size:.9cqw;background:#294d40;color:#e2f6e9}
.marketing-phone .marketing-chat-header b{font-size:1.05cqw}
.marketing-phone .marketing-chat-header small{font-size:.78cqw}
.marketing-phone .marketing-chat-body{padding:1cqw .9cqw;gap:.6cqw}
.marketing-phone .marketing-thread{gap:.65cqw}
.marketing-phone .marketing-day{margin-bottom:.4cqw}
.marketing-phone .marketing-bubble{max-width:93%;font-size:1.05cqw;padding:.6cqw .7cqw}
.marketing-phone .marketing-bubble.business{align-self:flex-start;background:var(--chat-in);border-radius:0 .7cqw .7cqw .7cqw}
.marketing-phone .marketing-bubble.customer{align-self:flex-end;background:var(--chat-out);border-radius:.7cqw 0 .7cqw .7cqw}
.marketing-phone .marketing-bubble img{height:8.2cqw;margin-bottom:.5cqw}
.marketing-phone .marketing-choices{font-size:.96cqw;gap:.3cqw;padding-top:.45cqw;margin-top:.5cqw}
.marketing-phone .marketing-compose{padding:.65cqw .6cqw;gap:.6cqw}
.marketing-phone .marketing-compose>span{font-size:.94cqw;padding:.5cqw .7cqw}
.marketing-phone-home{height:.3cqw;width:32%;border-radius:99px;background:var(--app-dim);margin:.5cqw auto .6cqw}
.marketing-demo[data-demo-kind=sales] .marketing-inbox,.marketing-demo[data-demo-kind=support] .marketing-inbox{grid-template-columns:23% minmax(0,1fr) 22%}
.crm-record{padding:1.6cqw 1.2cqw;background:var(--chat-panel);border-left:1px solid var(--app-line);min-width:0}
.crm-record h3{margin:0;color:var(--app-text);font:600 1.15cqw/1.3 AdjoltzAppDisplay,sans-serif}
.crm-record-id{font-size:.9cqw;color:var(--app-faint);margin:.4cqw 0 1.6cqw}
.crm-record-contact{display:flex;align-items:center;gap:.8cqw;padding-bottom:1.4cqw;border-bottom:1px solid var(--app-line);font-size:1.05cqw}
.crm-record dl{margin:1.5cqw 0;display:grid;gap:1.5cqw;font-size:.95cqw}
.crm-record dt{color:var(--app-faint);margin-bottom:.4cqw}
.crm-record dd{margin:0;color:var(--app-text)}
.crm-status{display:inline-block;color:var(--app-green);background:var(--app-selected,#142b1b);border-radius:99px;padding:.25cqw .6cqw;font-size:.86cqw}
.crm-record-note{margin:1.8cqw 0 0;color:var(--app-faint);font-size:.8cqw}
.crm-attachment,.crm-order{display:flex;align-items:center;gap:.7cqw;padding:.7cqw;margin-bottom:.7cqw;background:rgba(0,0,0,.12);border-radius:.5cqw}
.crm-attachment>svg,.crm-order>svg{color:var(--chat-read);width:1.6cqw;height:1.6cqw}
.crm-attachment b{display:block;font-size:1cqw;font-weight:500;overflow-wrap:anywhere}
.crm-attachment small{display:block;font-size:.8cqw;color:var(--app-dim);margin-top:.25cqw}
.crm-order span{font-size:.95cqw}
.crm-handoff{display:none;padding:2cqw 3cqw}
.crm-handoff-heading h3{font:700 2cqw/1.2 AdjoltzAppDisplay,sans-serif;color:var(--app-text);margin:0 0 .65cqw}
.crm-handoff-heading p{font-size:1.05cqw;color:var(--app-dim);margin:0;max-width:52ch}
.crm-flow{display:flex;flex-direction:column;max-width:46cqw;margin:2.3cqw auto 0}
.crm-flow-node{display:flex;align-items:center;gap:1.1cqw;padding:1.2cqw 1.4cqw;border:1px solid var(--app-line);border-radius:.9cqw;background:var(--chat-panel);position:relative}
.crm-flow-node+.crm-flow-node{margin-top:1.4cqw}
.crm-flow-node+.crm-flow-node:before{content:"";position:absolute;bottom:100%;left:50%;height:1.4cqw;width:1px;background:var(--app-faint)}
.crm-flow-node>svg{width:1.7cqw;height:1.7cqw;color:var(--app-dim)}
.crm-flow-node>div{flex:1;min-width:0}
.crm-flow-node b{display:block;color:var(--app-text);font-size:1.1cqw;font-weight:600}
.crm-flow-node small{display:block;color:var(--app-faint);font-size:.9cqw;margin-top:.3cqw}
.crm-flow-node .crm-flow-tick{color:var(--app-faint);opacity:.45}
.crm-flow-node.is-done{border-color:var(--app-green)}
.crm-flow-node.is-done>svg{color:var(--app-green);opacity:1}
.marketing-demo[data-view=handoff] .marketing-inbox{display:none}
.marketing-demo[data-view=handoff] .crm-handoff{display:block}
.marketing-demo[data-motion=on] .crm-handoff{animation:marketing-view-in .4s cubic-bezier(.16,1,.3,1) both}
.marketing-demo[data-thread=followup] .marketing-thread-intro,.marketing-demo[data-thread=intro] .marketing-thread-followup{display:none}
/* Static/no-script scenes anchor the final reply above the composer. */
.marketing-demo:not([data-motion=on]) .marketing-chat-body{justify-content:flex-end;overflow:hidden}
.marketing-demo[data-view=campaigns] .marketing-console{grid-template-columns:17% minmax(0,1fr)}
.marketing-demo[data-view=campaigns] .marketing-inbox{display:none}
.marketing-demo[data-view=campaigns] .marketing-campaigns{display:block}
.marketing-demo[data-view=campaigns] .marketing-app-mark{display:none}
.marketing-demo[data-view=campaigns] .marketing-brand{justify-content:flex-start;padding-left:1cqw}
.marketing-demo[data-view=campaigns] .marketing-app-logo{display:block;width:7cqw;height:auto}
.marketing-demo[data-view=campaigns] .marketing-nav>span{justify-content:flex-start;padding-left:.8cqw;font-size:1cqw;min-height:2.8cqw}
.marketing-demo[data-view=campaigns] .marketing-nav>span>span{display:inline}
.marketing-demo[data-view=campaigns] .marketing-nav>span[data-nav=inbox]{background:transparent;color:var(--app-dim)}
.marketing-demo[data-view=campaigns] .marketing-nav>span[data-nav=campaigns]{background:#142b1b;color:var(--app-text)}
.marketing-demo[data-motion=on] .marketing-bubble:not([hidden]){animation:marketing-message-in .32s cubic-bezier(.16,1,.3,1) both}
.marketing-demo[data-motion=on] .marketing-campaigns{animation:marketing-view-in .4s cubic-bezier(.16,1,.3,1) both}
.marketing-demo[data-playing=false] .marketing-stage *{animation-play-state:paused!important}
.marketing-demo figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px 0 0;font-size:13px;color:var(--gray2);text-align:center;line-height:1.5}
.marketing-demo .marketing-control-hint{color:var(--dg);font-size:13px}
.marketing-demo:hover .marketing-control-hint{text-decoration:underline;text-underline-offset:4px}
.marketing-demo ::selection{background:var(--app-green);color:#04231d}
@keyframes marketing-message-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes marketing-view-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){
 .api-layout .marketing-section{padding-block:48px}
 .marketing-heading{margin-bottom:30px}
 .crm-tabs{gap:4px;margin:0 auto 30px}
 .crm-tab{min-width:0;flex:1;max-width:130px;padding:12px 8px;min-height:44px;font-size:16px}
 .marketing-stage{aspect-ratio:auto;height:770px;container-type:normal;font-size:12px}
 .marketing-console{left:0;top:0;width:100%;height:390px;border-radius:14px;display:block}
 .marketing-rail,.marketing-chat-list{display:none}
 .crm-record{display:none}
 .marketing-main,.marketing-inbox{height:100%;display:block}
 .marketing-chat-header{gap:10px;padding:10px 12px}
 .marketing-avatar{width:30px;height:30px;font-size:12px}
 .marketing-chat-header b{font-size:13px}
 .marketing-chat-header small{font-size:10px}
 .marketing-chat-body{padding:12px 15px;gap:7px}
 .marketing-day{font-size:10px;padding:3px 8px;margin-bottom:5px}
 .marketing-thread{gap:8px}
 .marketing-bubble{font-size:12px;max-width:82%;padding:7px 9px;border-radius:0 8px 8px 8px}
 .marketing-bubble.business{border-radius:8px 0 8px 8px}
 .marketing-bubble time{font-size:9px;gap:4px;margin-top:4px}
 .marketing-bubble time svg{width:13px;height:9px}
 .marketing-bubble img{height:92px;border-radius:5px;margin-bottom:6px}
 .marketing-choices{gap:5px;margin-top:7px;padding-top:7px;font-size:11px}
 .marketing-choices>span{padding:5px;border-radius:5px}
 .marketing-compose{padding:8px 10px;gap:8px}
 .marketing-compose>span{font-size:11px;padding:7px 9px;border-radius:7px}
 .marketing-phone{left:12px;top:330px;width:224px;height:430px;border-radius:24px;border-width:4px}
 .marketing-phone-status{font-size:10px;padding:7px 14px 5px}
 .marketing-phone .marketing-chat-header{gap:7px;padding:7px 9px}
 .marketing-phone .marketing-chat-header>svg:first-child{width:12px}
 .marketing-phone .marketing-chat-header b{font-size:12px}
 .marketing-phone .marketing-chat-header small{font-size:9px}
 .marketing-phone .marketing-avatar{width:26px;height:26px;font-size:10px}
 .marketing-phone .marketing-chat-body{padding:8px;gap:5px}
 .marketing-phone .marketing-thread{gap:6px}
 .marketing-phone .marketing-day{margin-bottom:4px}
 .marketing-phone .marketing-bubble{font-size:11px;padding:6px 8px}
 .marketing-phone .marketing-bubble.business{border-radius:0 7px 7px 7px}
 .marketing-phone .marketing-bubble.customer{border-radius:7px 0 7px 7px}
 .marketing-phone .marketing-bubble img{height:74px;margin-bottom:5px}
 .marketing-phone .marketing-choices{font-size:10px;gap:3px;padding-top:5px;margin-top:5px}
 .marketing-phone .marketing-compose{padding:6px;gap:6px}
 .marketing-phone .marketing-compose>span{font-size:10px;padding:6px 8px}
 .marketing-phone-home{height:3px;margin:5px auto 6px}
 .crm-attachment,.crm-order{gap:7px;padding:7px;margin-bottom:6px;border-radius:6px}
 .crm-attachment>svg,.crm-order>svg{width:18px;height:18px}
 .crm-attachment b{font-size:11px}
 .crm-attachment small{font-size:9px;margin-top:3px}
 .crm-order span{font-size:11px}
 .crm-handoff{padding:20px 14px}
 .crm-handoff-heading h3{font-size:22px;max-width:22ch;margin-bottom:7px}
 .crm-handoff-heading p{font-size:11px;max-width:42ch}
 .crm-flow{max-width:none;margin:18px 0 0}
 .crm-flow-node{gap:10px;padding:11px 12px;border-radius:10px}
 .crm-flow-node+.crm-flow-node{margin-top:12px}
 .crm-flow-node+.crm-flow-node:before{height:12px}
 .crm-flow-node>svg{width:20px;height:20px}
 .crm-flow-node b{font-size:12px}
 .crm-flow-node small{font-size:10px;margin-top:3px}
 .marketing-campaigns{padding:20px 14px}
 .marketing-campaign-header{gap:8px;margin-bottom:18px}
 .marketing-campaign-header h3{font-size:23px;margin-bottom:5px}
 .marketing-campaign-header p{font-size:11px;max-width:23ch}
 .marketing-new-campaign{font-size:10px;padding:8px;border-radius:8px}
 .marketing-campaign-panel{border-radius:12px}
 .marketing-campaign-panel>.marketing-search{margin:12px 10px 8px;padding:8px;font-size:11px;gap:6px;border-radius:7px}
 .marketing-search svg{width:12px;height:12px}
 .marketing-campaign-filters{gap:6px;margin:0 10px 12px;font-size:10px}
 .marketing-campaign-filters>span{padding:3px 8px}
 .marketing-campaign-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;padding:12px 10px}
 .marketing-campaign-row h4{font-size:11px;margin-bottom:5px}
 .marketing-campaign-row p{font-size:9px}
 .marketing-finished{font-size:8px;padding:1px 4px;margin:3px 0 0}
 .marketing-campaign-stats{gap:4px}
 .marketing-campaign-stats b{font-size:13px}
 .marketing-campaign-stats small{font-size:8px}
 .marketing-delivery-track{height:3px;margin-top:3px}
 .marketing-example-note{font-size:9px;margin-top:9px}
 .marketing-demo[data-view=campaigns] .marketing-console{display:block}
 .marketing-demo figcaption{margin-top:16px;max-width:31ch;margin-inline:auto}
}
@media(prefers-reduced-motion:reduce){.marketing-demo .marketing-stage *{animation:none!important;transition:none!important}.crm-tab{transition:none}}