/* Client assets inform these diagrams; raw screenshots stay out of service illustrations. */
.context-popup{width:82%;max-width:280px;background:white;border:1px solid #e2e6ee;border-radius:12px;padding:22px;box-shadow:0 8px 25px #293c5410;transform:translateY(-8px)}.context-brand{font-size:9px;color:#9198a4}.context-popup strong{display:block;font-size:23px;line-height:1.22;letter-spacing:-.025em;margin:13px 0 20px}.context-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #dde4ef;border-radius:7px;padding:7px 8px 7px 12px;color:#929ba8;font-size:10px}.context-input span{display:grid;place-items:center;background:#316cf0;color:white;width:29px;height:27px;border-radius:4px;font-size:16px}.context-popup small{display:block;color:#7a8799;font-size:9px;margin-top:9px}.context-caption{position:absolute;bottom:14px;font-size:9px;color:#8993a3;letter-spacing:.015em}.context-flow{display:flex;align-items:center;flex-direction:column;width:83%}.context-trigger{width:100%;background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:13px;font-size:11px;font-weight:600;display:flex;gap:12px;align-items:center}.context-trigger>span{font-size:9px;color:#91a0b6}.context-connector{width:1px;height:18px;background:#cbd7e8}.context-wait{font-size:9px;color:#7d8da3}.context-message{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #bfcff0;padding:17px 12px;border-radius:9px;box-shadow:0 5px 18px #316cf009}.context-envelope{display:grid;place-items:center;background:#ecf2ff;color:#316cf0;border-radius:7px;width:33px;height:33px;font-size:17px}.context-message small{display:block;font-size:7px;letter-spacing:.08em;color:#8394b0;margin-bottom:5px}.context-message b{font-size:12px;font-weight:600}.context-finish{font-size:9px;color:#7c8c9e;background:#f0f3f7;padding:5px 12px;border-radius:20px}.context-ab{width:80%;max-width:280px;background:white;border:1px solid #e1e6ee;border-radius:12px;padding:20px;box-shadow:0 8px 25px #293c5409;transform:translateY(-6px)}.context-ab-head{display:flex;align-items:center;gap:10px}.context-ab-head>span{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font-size:11px;background:#f0f3f7;color:#77869b}.context-ab-head b{font-size:10px;font-weight:600}.context-ab-head:nth-of-type(4)>span{background:#eaf1ff;color:#316cf0}.context-letter{padding:12px 0 0 34px;display:grid;gap:5px}.context-letter i{height:4px;background:#e8ecf1;border-radius:3px}.context-letter i:last-child{width:65%}.context-ab-rule{height:1px;background:#edf0f4;margin:15px 0}.context-products{display:flex;gap:8px;padding:12px 0 0 34px}.context-products span{height:36px;flex:1;border:1px solid #d9e4f5;border-radius:5px;background:linear-gradient(135deg,#eff4fc,#dce8f9);position:relative}.context-products span:after{content:'';position:absolute;left:30%;right:30%;top:7px;bottom:7px;border:1px solid #b7cbe9;border-radius:3px;background:#fff9}.feature-visual{position:relative}.real-replay{position:absolute;right:8px;bottom:8px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fffffff0;border:1px solid #e2e7ee;color:#7f8da2;z-index:5;font-size:16px;opacity:0}.feature-visual:hover .real-replay,.real-replay:focus-visible{opacity:1}.feature-visual.is-playing .context-message,.feature-visual.is-playing .context-input span{animation:context-emphasis 2s ease both}.feature-visual.is-playing .context-products span{animation:context-reveal .6s both}.feature-visual.is-playing .context-products span:nth-child(2){animation-delay:.2s}.feature-visual.is-playing .context-products span:nth-child(3){animation-delay:.4s}.feature-visual.is-playing .mail-pair{animation:context-shift 2s ease both}.feature-visual.is-playing .audience-orbit span:nth-child(2),.feature-visual.is-playing .plan-event{animation:context-emphasis 2s ease both}@keyframes context-emphasis{0%,100%{box-shadow:0 0 0 0 #316cf000}45%{box-shadow:0 0 0 4px #316cf015}}@keyframes context-reveal{from{opacity:.3;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes context-shift{0%,100%{translate:0 0}50%{translate:0 -6px}}@media(hover:none){.real-replay{opacity:1}}@media(prefers-reduced-motion:reduce){.feature-visual.is-playing *{animation:none!important}.real-replay{display:none}}
/* Borderless service art, with purposeful color and diagram-specific content. */
.direction-dub .feature{border:0}.direction-dub .feature-visual,.direction-dub .service-art,.direction-dub .feature-visual .service-art{border:0;box-shadow:none}.direction-dub .service-art:before{display:none}.direction-dub .feature-visual .art-0,.direction-dub .art-0{background:linear-gradient(145deg,#e4efff,#cfdef8)}.direction-dub .feature-visual .art-1,.direction-dub .art-1{background:#e9e6df}.direction-dub .feature-visual .art-2,.direction-dub .art-2{background:linear-gradient(145deg,#d7ece8,#edf5ee)}.direction-dub .feature-visual .art-3,.direction-dub .art-3{background:linear-gradient(145deg,#eee8fb,#e0e3fa)}.direction-dub .feature-visual .art-4,.direction-dub .art-4{background:#f3e5da}.direction-dub .feature-visual .art-5,.direction-dub .art-5{background:#f0e9df;padding:0}.viz-heading{font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.viz-heading>span{font-size:9px;color:#8190a5;font-weight:400}.growth-art,.ab-dashboard,.calendar-art{width:86%;background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 25px #34465a0b}.growth-art svg{display:block;width:100%;height:130px;overflow:visible}.growth-bottom{display:flex;justify-content:space-between;font-size:8px;margin-top:9px;color:#7d8da2}.growth-bottom b{color:#316cf0;font-weight:600}.growth-art small{display:block;font-size:8px;color:#93a0b0;margin-top:12px}.ab-metric{font-size:9px;color:#7c8798}.ab-values{display:flex;gap:16px;margin:17px 0}.ab-values>div{flex:1}.ab-values>div>span{font-size:9px;display:block;color:#7c8798}.ab-values b{font-size:32px;letter-spacing:-.04em;font-weight:700;display:block;line-height:1.4}.ab-values b>span{font-size:16px;margin-left:3px}.ab-values>div:last-child b{color:#316cf0}.ab-lift{display:flex;align-items:center;gap:10px;background:#edf7f1;padding:10px;border-radius:6px;color:#307553}.ab-lift>b{font-size:15px;white-space:nowrap}.ab-lift>span{font-size:8px}.ab-dashboard small{display:block;font-size:8px;color:#8591a3;line-height:1.5;margin-top:13px}.branch-art{width:92%;position:relative;height:230px;text-align:center;padding-top:4px}.branch-root{display:inline-block;padding:10px 26px;background:white;border-radius:7px;font-size:11px;font-weight:600}.branch-art>svg{position:absolute;left:0;top:41px;width:100%;height:160px;fill:none;stroke:#8bb8b3;stroke-width:1.2}.branch-cols{display:flex;justify-content:space-around;position:absolute;top:64px;left:0;right:0;gap:8px}.branch-col{width:31%;display:flex;align-items:center;flex-direction:column;gap:18px;z-index:1}.branch-product{font-size:9px;background:#ecf5f0;border-radius:5px;padding:5px 10px}.branch-wait{background:#f8fcf9;font-size:9px;color:#73938c;padding:4px 10px;border-radius:5px}.branch-col b{font-size:8px;background:#fff;padding:10px 5px;border-radius:6px;width:100%;font-weight:600;color:#315c56}.branch-follow{font-size:7px;color:#789890;background:#e5f0e9;padding:4px;border-radius:4px;white-space:nowrap}.branch-art>small{position:absolute;bottom:-3px;left:0;right:0;font-size:8px;color:#77958e}.people-art{width:86%;text-align:center}.people-art .viz-heading{justify-content:center;font-size:12px}.people-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:9px 10px}.people-grid svg{width:16px;height:20px;fill:#b4c3d7}.people-grid .picked svg{fill:#316cf0}.people-grid .picked{background:#ffffffd9;border-radius:5px;box-shadow:0 2px 5px #316cf00a}.people-filter{display:inline-flex;gap:7px;align-items:center;background:white;padding:10px 12px;border-radius:20px;margin-top:20px;font-size:9px;color:#537092}.people-filter>span{width:6px;height:6px;background:#316cf0;border-radius:50%}.calendar-art{padding:17px;width:90%}.calendar-days{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-size:8px;color:#96a0ac;margin-bottom:9px}.calendar-body{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,35px);gap:3px}.calendar-body i{background:#f4f5f8;border-radius:3px}.cal-event{align-self:center;font-size:6px;z-index:1;padding:7px 2px;text-align:center;border-radius:4px;background:#316cf0;color:white;white-space:nowrap}.cal-event.project{background:#e7def7;color:#785aa0;text-align:left;padding-left:8px;font-size:8px}.calendar-key{display:flex;gap:14px;font-size:7px;color:#9a9da6;margin-top:12px}.calendar-key span:before{content:'';display:inline-block;background:#316cf0;width:5px;height:5px;border-radius:2px;margin-right:4px}.calendar-key span:last-child:before{background:#b399d6}.feature-visual.is-playing .growth-line{stroke-dasharray:400;animation:growth-draw 2.5s ease both}.feature-visual.is-playing .branch-col{animation:context-reveal .7s both;animation-delay:var(--delay)}.feature-visual.is-playing .branch-art>svg path{stroke-dasharray:600;animation:growth-draw 2.5s both}.feature-visual.is-playing .people-grid .picked{animation:pick-people 1.5s both;animation-delay:var(--delay)}.feature-visual.is-playing .ab-values>div:last-child{animation:context-reveal .8s both;animation-delay:.4s}.feature-visual.is-playing .cal-event{animation:context-reveal .7s both}.feature-visual.is-playing .cal-event.project{animation-delay:.6s}@keyframes growth-draw{from{stroke-dashoffset:600;opacity:.3}to{stroke-dashoffset:0;opacity:1}}@keyframes pick-people{from{opacity:.25;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
body.direction-dub .feature-visual,body.direction-dub .feature,body.direction-dub .service-art{border:0!important}body.direction-dub .service-art:before{display:none!important}body.direction-dub .service-art.art-0{background:linear-gradient(145deg,#e4efff,#cfdef8)!important}body.direction-dub .service-art.art-1{background:#e9e6df!important}body.direction-dub .service-art.art-2{background:linear-gradient(145deg,#d7ece8,#edf5ee)!important}body.direction-dub .service-art.art-3{background:linear-gradient(145deg,#eee8fb,#e0e3fa)!important}body.direction-dub .service-art.art-4{background:#f3e5da!important}body.direction-dub .service-art.art-5{background:#f0e9df!important;padding:0!important}
.people-art .viz-heading{margin-bottom:14px}.people-grid{gap:6px 10px}.people-grid>span{height:23px;display:grid;place-items:center}.people-filter{margin-top:14px}.calendar-art{transform:scale(.94);transform-origin:center}
.timeline-step .calendar-art{transform:scale(.8);width:100%}.timeline-step .branch-art{transform:scale(.88)}
/* Let the diagrams carry the message; keep only essential readable labels. */
.viz-heading{font-size:15px;margin-bottom:19px}.growth-art{padding:24px}.growth-art svg{height:160px}.branch-root{font-size:13px}.branch-product,.branch-wait{font-size:11px}.branch-col b{font-size:10px}.branch-follow{font-size:15px;padding:3px 12px;line-height:1.1}.branch-art{height:225px}.ab-dashboard .ab-metric{font-size:11px}.ab-values>div>span{font-size:11px}.ab-values b{font-size:38px}.ab-lift>b{font-size:19px}.ab-lift>span{font-size:11px}.ab-dashboard .result-status{font-size:11px;margin-top:12px;color:#68748a}.people-art .viz-heading{font-size:15px}.people-filter{font-size:11px}.cal-event{font-size:8px}.cal-event.project{font-size:10px}.calendar-days{font-size:10px}.calendar-art .viz-heading>span{font-size:11px}
/* Simplified comparison uses indexed order rates, preserving the measured relative lift. */
.ab-visual{width:82%;background:white;border-radius:14px;padding:20px}.ab-visual-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ab-visual-top strong{font-size:20px;color:#316cf0;letter-spacing:-.03em}.ab-columns{display:flex;justify-content:center;gap:28px;align-items:flex-end;margin:18px 0 10px;height:135px}.ab-columns>div{display:flex;align-items:center;flex-direction:column;gap:5px;width:65px}.ab-columns b{font-size:12px;color:#7d8a9b;font-weight:500}.ab-columns strong{font-size:13px}.ab-column{display:block;width:100%;border-radius:6px 6px 0 0;transform-origin:bottom}.col-a{height:64px;background:#c9d6eb}.col-b{height:96px;background:#316cf0}.ab-index{text-align:center;font-size:10px;color:#6b7a90}.ab-visual small{display:block;text-align:center;font-size:9px;color:#919aaa;margin-top:6px}.feature-visual.is-playing .ab-column{animation:bar-rise 2s ease both}.feature-visual.is-playing .col-b{animation-delay:.25s}@keyframes bar-rise{from{transform:scaleY(.12)}to{transform:scaleY(1)}}
body.direction-dub .service-art.art-5{justify-content:center!important;align-items:center!important}.calendar-art{flex:none;margin:0;transform:none;width:88%}.timeline-step .calendar-art{transform:scale(.8);width:100%}.people-art{padding-top:5px}.people-filter{margin-top:20px}.branch-col b{font-size:10px}.branch-product{font-size:10px}

.art-5 .generated-email-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center}