/* Visual explanations for the existing Pipeline Plus company page. */
.icon-definitions{position:absolute;overflow:hidden;pointer-events:none}.line-icon{display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.service-feature{min-width:0}.service-feature h3{font-size:24px;max-width:330px;margin-top:28px}.service-feature>p{margin-top:16px;font-size:15px;line-height:1.7;color:var(--muted);max-width:390px}.service-art{position:relative;height:230px;overflow:hidden;background:#eae7df;border-radius:16px;color:var(--blue)}.service-wires{position:absolute;width:100%;height:100%;inset:0;stroke:var(--blue);stroke-width:1.4}.service-wires circle{fill:var(--blue);stroke:none}.art-label{font-size:12px;font-weight:500;position:absolute;white-space:nowrap}.demand-source{display:flex;align-items:center;gap:9px;position:absolute;left:9%;font-size:12px;font-weight:500}.demand-source .line-icon{width:21px;height:21px}.source-search{top:26%}.source-ads{top:66%}.demand-target{position:absolute;left:65%;top:36%;width:58px;height:58px;display:grid;place-items:center;background:var(--blue);border-radius:16px;color:white}.demand-target .line-icon{width:28px;height:28px}.demand-label{top:69%;left:60%}.website-art{display:grid;place-items:center;padding:25px}.browser-preview{width:100%;max-width:300px;background:var(--paper);border-radius:10px;overflow:hidden;transform:rotate(-3deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}.browser-bar{height:28px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding:0 11px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:var(--line)}.browser-bar>span{font-size:8px;color:var(--muted);margin-left:8px}.browser-body{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;padding:16px}.browser-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.mini-heading{font-size:18px;line-height:1.05;font-weight:700;color:var(--ink);letter-spacing:-.03em}.mini-copy-line{width:90%;height:2px;background:var(--line);margin-top:4px}.mini-copy-line.short{width:65%;margin-top:0}.mini-cta{font-size:7px;font-weight:700;background:var(--blue);color:#fff;border-radius:20px;padding:5px 8px;margin-top:3px;white-space:nowrap}.browser-body img{height:115px;object-fit:cover;border-radius:5px}.website-pointer{position:absolute;right:15%;bottom:18%;width:24px;height:24px;color:var(--ink);transform:rotate(-12deg);transition:transform .3s}.service-feature:hover .browser-preview{transform:rotate(0)}.service-feature:hover .website-pointer{transform:translate(-7px,-5px) rotate(-12deg)}.system-in,.system-out,.system-core,.system-record{position:absolute;display:grid;place-items:center;background:var(--paper);border-radius:12px;width:46px;height:46px;top:calc(50% - 23px)}.system-in{left:calc(20% - 23px)}.system-out{left:calc(80% - 23px)}.system-core{left:calc(50% - 33px);width:66px;height:66px;top:calc(50% - 33px);background:var(--blue);color:white;border-radius:20px}.system-core .line-icon{width:32px;height:32px}.system-record{left:calc(70% - 18px);top:10%;width:36px;height:36px}.system-record .line-icon{width:20px;height:20px}.system-label{bottom:12%;left:50%;transform:translateX(-50%)}
.automation-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end}.automation-intro h2{font-size:clamp(34px,3.6vw,50px);max-width:620px}.automation-intro .lede{margin:0;max-width:500px}.automation-intro .text-link{color:#fff;margin-top:22px}.automation-experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;margin-top:64px}.workflow-selector h3{font-size:18px;line-height:1.4;margin-bottom:24px;letter-spacing:-.02em}.workflow-selector ol{list-style:none;padding:0;margin:0}.workflow-selector li+li{border-top:1px solid #414a5b}.workflow-step{width:100%;display:flex;text-align:left;align-items:flex-start;gap:16px;background:transparent;color:inherit;border:0;padding:21px 0;font:inherit;cursor:pointer;transition:color .2s}.workflow-step:disabled{cursor:default;opacity:1}.step-icon{width:38px;min-height:38px;display:grid;place-items:center;border-radius:12px;background:#1b2434;color:#a9bfff;transition:background .25s,color .25s}.step-icon .line-icon{width:22px;height:22px}.workflow-step>span:nth-child(2){flex:1}.workflow-step strong{display:block;font-size:17px;line-height:1.5;font-weight:500}.step-description{display:block;font-size:14px;line-height:1.65;color:#bdc3cd;margin-top:6px;max-width:350px}.workflow-step[aria-pressed=true] .step-icon{background:#a9bfff;color:var(--ink)}.workflow-step[aria-pressed=true] strong,.workflow-step:hover strong{color:#a9bfff}.workflow-step:focus-visible{outline-color:#a9bfff}.flow-theatre{min-width:0;border:1px solid #414a5b;border-radius:16px;padding:24px;background:#111721;container-type:inline-size}.flow-map{padding:12px 0 22px}.flow-map>svg{display:block;width:100%;height:auto;overflow:visible}.flow-rails{stroke:#414a5b;stroke-width:1.5}.flow-traces{stroke:#a9bfff;stroke-width:2;opacity:0}.flow-traces path{stroke-dasharray:.12 .88;stroke-dashoffset:1}.flow-traces.has-motion{opacity:1}.flow-node{stroke:#a9bfff;stroke-width:1.5}.flow-node>rect{fill:#1b2434;stroke:#414a5b;transition:fill .3s,stroke .3s}.flow-node text{stroke:none;fill:#bdc3cd;font:12px Inter,sans-serif;text-anchor:middle}.flow-hub>rect{fill:var(--blue);stroke:var(--blue)}.flow-hub{stroke:white}.flow-node.is-active>rect{stroke:#a9bfff;fill:#25375b}.flow-node.is-active text{fill:white}.flow-hub.is-active>rect{fill:var(--blue)}.workflow-example{background:var(--paper);color:var(--ink);border-radius:12px;padding:25px;min-height:275px}.demo-scene[hidden]{display:none}.scene-heading{display:flex;gap:12px;align-items:center}.scene-icon{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:#eae7df;color:var(--blue)}.scene-icon .line-icon{width:20px;height:20px}.demo-scene h4{font:700 21px/1.2 Inter,sans-serif;letter-spacing:-.03em;margin:0}.example-message{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.example-message>span{font-size:11px;color:var(--muted)}.example-message p{font-size:17px;line-height:1.5;margin-top:7px;max-width:340px}.example-conversation{display:grid;gap:10px;margin-top:22px;font-size:12px;line-height:1.5}.assistant-message{max-width:86%;background:#eae7df;padding:10px 13px;border-radius:9px 9px 9px 0}.customer-message{max-width:83%;justify-self:end;background:var(--blue);color:white;padding:10px 13px;border-radius:9px 9px 0 9px}.sample-week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px;max-width:380px}.sample-week>span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.sample-week i{display:grid;place-items:center;height:35px;width:100%;background:#eae7df;border-radius:6px}.sample-week .selected i{background:var(--blue);color:white}.sample-week .line-icon{width:18px;height:18px}.example-record{margin:23px 0 0;font-size:11px}.example-record>div{display:flex;gap:12px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.example-record dt{color:var(--muted)}.example-record dd{margin:0;display:flex;align-items:center;gap:5px;color:var(--blue)}.example-record .line-icon{width:13px;height:13px}
@media(max-width:1150px){.service-showcase{gap:26px}.service-art{height:205px}.service-feature h3{font-size:22px}.automation-intro{gap:40px}.automation-experience{gap:40px;grid-template-columns:.9fr 1.1fr}.flow-theatre{padding:20px}.workflow-example{padding:20px;min-height:290px}.demo-scene h4{font-size:19px}.step-description{font-size:13px}}
@media(max-width:900px){.service-showcase{gap:24px}.service-art{height:180px}.service-feature h3{font-size:20px}.service-feature>p{font-size:14px}.demand-source{font-size:10px;left:7%;gap:5px}.demand-source .line-icon{width:18px;height:18px}.demand-target{width:44px;height:44px;left:65%}.art-label{font-size:10px}.system-in,.system-out{width:36px;height:36px;top:calc(50% - 18px)}.system-in{left:calc(20% - 18px)}.system-out{left:calc(80% - 18px)}.system-core{width:54px;height:54px;top:calc(50% - 27px);left:calc(50% - 27px)}.system-record{width:28px;height:28px;top:9%}.website-art{padding:18px}.mini-heading{font-size:15px}.browser-body{padding:12px;gap:8px}.browser-body img{height:95px}.mini-cta{font-size:6px}.automation-intro{grid-template-columns:1fr;gap:25px}.automation-intro .lede{max-width:650px}.automation-experience{grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}.step-icon{width:32px;min-height:32px;border-radius:9px}.step-icon .line-icon{width:19px;height:19px}.workflow-step{gap:12px}.workflow-step strong{font-size:15px}.flow-theatre{padding:16px}.workflow-example{padding:16px;min-height:290px}.scene-heading{gap:8px}.scene-icon{min-width:30px;height:30px;border-radius:8px}.scene-icon .line-icon{width:17px;height:17px}.demo-scene h4{font-size:17px}.example-message p{font-size:16px}}
@media(max-width:650px){.service-showcase{grid-template-columns:1fr;gap:40px}.service-feature{display:grid;grid-template-columns:1fr;max-width:520px;width:100%;margin-inline:auto}.service-art{height:230px}.service-feature h3{font-size:24px;max-width:none;margin-top:23px}.service-feature>p{font-size:15px;max-width:none;margin-top:12px}.demand-source{font-size:12px;left:12%;gap:9px}.demand-source .line-icon{width:23px;height:23px}.demand-target{width:58px;height:58px}.art-label{font-size:12px}.browser-preview{max-width:320px}.browser-body{padding:16px;gap:12px}.mini-heading{font-size:21px}.browser-body img{height:120px}.mini-cta{font-size:8px}.system-in,.system-out{width:46px;height:46px;top:calc(50% - 23px)}.system-in{left:calc(20% - 23px)}.system-out{left:calc(80% - 23px)}.system-core{width:66px;height:66px;top:calc(50% - 33px);left:calc(50% - 33px)}.system-record{width:36px;height:36px;top:10%}.automation-experience{grid-template-columns:1fr;gap:26px}.workflow-selector h3{font-size:17px;margin-bottom:14px}.workflow-selector ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.workflow-selector li+li{border-top:0}.workflow-selector li{border-top:1px solid #414a5b!important}.workflow-step{gap:10px;padding:16px 0}.workflow-step strong{font-size:14px;line-height:1.4}.step-description{font-size:12px;margin-top:8px;line-height:1.6}.step-icon{width:28px;min-width:28px;min-height:28px;border-radius:8px}.step-icon .line-icon{width:17px;height:17px}.flow-theatre{max-width:520px;width:100%;margin-inline:auto;padding:20px}.workflow-example{min-height:275px;padding:20px}.scene-icon{width:36px;min-width:36px;height:36px}.demo-scene h4{font-size:21px}.flow-map{padding-top:8px;padding-bottom:20px}}
@media(max-width:360px){.service-art{height:210px}.workflow-selector ol{gap:0 12px}.workflow-step{gap:7px}.step-icon{display:none}.flow-theatre{padding:14px}.demo-scene h4{font-size:18px}.workflow-example{padding:16px;min-height:275px}}
@media(prefers-reduced-motion:reduce){.browser-preview,.website-pointer{transform:none!important}.flow-node>rect,.workflow-step,.step-icon{transition:none}.flow-traces{display:none}}

.mobile-step-summary{display:none}.flow-traces path{opacity:0}
@media(max-width:650px){.has-workflow .step-description{display:none}.has-workflow .workflow-step{min-height:72px;align-items:center}.has-workflow .mobile-step-summary{display:block;min-height:60px;font-size:13px;color:#bdc3cd;line-height:1.65;margin-top:10px}.workflow-selector h3{margin-bottom:20px}}
/* Reserve the tallest mobile example so playback never shifts the page. */
@media(max-width:650px){.workflow-example{min-height:320px}.has-workflow .mobile-step-summary{min-height:66px}}
@media(max-width:360px){.has-workflow .mobile-step-summary{min-height:74px}}
/* Decluttered demonstration and channel marks. */
.flow-map{padding-top:0}.workflow-example{min-height:245px}.scene-heading{min-height:38px}.scene-heading h4{font-size:22px}.scene-icon img{width:24px;height:24px;object-fit:contain}.example-message{border-top:0;padding-top:0;margin-top:30px}.example-message p{margin:0;font-size:20px}.example-record{font-size:13px}.example-record>div{padding-block:13px}.sample-week>span{font-size:13px}.example-conversation{font-size:14px}.system-core{background:var(--paper)}.system-core img{width:44px;height:44px;object-fit:contain}.flow-hub>rect,.flow-hub.is-active>rect{fill:var(--paper);stroke:var(--paper)}.flow-hub.is-active>rect{stroke:#a9bfff}.channel-logo{width:24px;height:24px;object-fit:contain}.demand-source{gap:8px;left:9%}.hero-primary{margin-bottom:0}.hero-secondary{padding-bottom:0}
@media(max-width:900px) and (min-width:651px){.demand-source{font-size:10px;left:6%;gap:5px}.channel-logo{width:19px;height:19px}.workflow-example{min-height:275px}.example-conversation{font-size:12px}.example-message p{font-size:17px}.scene-heading h4{font-size:18px}}
@media(max-width:650px){.workflow-example{min-height:290px}.demand-source{left:10%;gap:8px}.channel-logo{width:24px;height:24px}.scene-heading h4{font-size:21px}.example-message p{font-size:19px}}
@media(max-width:360px){.example-conversation{font-size:12px}.example-record{font-size:12px}.scene-heading h4{font-size:18px}}
@media(max-width:650px){.workflow-example{min-height:260px}}
/* Real brand assets, no decorative ring, one primary booking component. */
.system-core{background:transparent;border:0;box-shadow:none;border-radius:0}.system-core img{width:54px;height:54px;object-fit:contain}.demand-target,.system-in{background:var(--paper);color:var(--ink)}.demand-target img{width:34px;height:34px;object-fit:contain}.system-in img{width:26px;height:26px;object-fit:contain}.contact{background:var(--ink)}.contact .button{background:var(--blue);color:white}.contact .button:hover{background:#1038b7}.automation-intro .button{margin-top:22px}.other-trade .button{margin-top:0}.nav-call{font-size:14px;gap:18px}.button .arrow{width:18px;height:18px}
@media(max-width:540px){.nav-call{font-size:12px;gap:10px;padding-inline:16px}.system-core img{width:48px;height:48px}}
/* One message enters, is processed, and leaves before the next cycle. */
#services .section-head{grid-template-columns:1fr;margin-bottom:42px}.flow-map{padding-top:4px}.flow-traces{opacity:1}.flow-traces path{stroke-dasharray:none;stroke-dashoffset:0}.flow-logo{transform-box:fill-box;transform-origin:center}.thinking-dots{opacity:0;fill:#a9bfff;stroke:none}.thinking-dots.is-visible{opacity:1}.thinking-dots circle{opacity:.25}.flow-theatre{scroll-margin-top:100px}.delivery-preview{margin-top:30px}.delivery-preview>p{font-size:19px;line-height:1.55;max-width:400px}.delivery-preview[hidden],.scene-channel img[hidden]{display:none}.system-in{color:var(--blue)}.scene-heading{min-height:40px}.workflow-example{min-height:265px}
@media(max-width:650px){.workflow-example{min-height:280px}.delivery-preview>p{font-size:18px}.flow-map{padding-block:4px 20px}}
.flow-node text{font-size:13px}
@media(max-width:650px){.flow-node text{font-size:20px}}

/* Explicit mobile-safe channel sizing and a neutral brand hub. */
.channel-logo{display:block;width:24px!important;height:24px!important;min-width:24px;max-width:24px;object-fit:contain;flex:0 0 24px}
.flow-theatre{background:var(--ink)}
.flow-node>rect{fill:#20242b;stroke:#41464e}
.flow-node.is-active>rect{fill:#292e36;stroke:#a9bfff}
.flow-hub>rect,.flow-hub.is-active>rect{fill:var(--paper);stroke:none}
.flow-hub{stroke:none}
.delivery-destinations{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.delivery-destinations li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--ink)}
.delivery-destinations .line-icon{color:var(--blue);width:22px;height:22px}
.example-record dd{max-width:60%;text-align:right;justify-content:flex-end;flex-wrap:wrap}
@media(min-width:651px) and (max-width:900px){.channel-logo{width:20px!important;height:20px!important;min-width:20px;max-width:20px;flex-basis:20px}}
