/* Compact first screen and familiar controls. */
.brand-copy{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.brand-slogan{font-size:8px;letter-spacing:.15px;font-weight:500;color:var(--premium-muted);white-space:nowrap}
.hero{padding-top:36px}
.hero h1{margin-top:10px}
.platform-section .section-heading{position:relative;padding-top:29px}
.platform-section .section-heading .eyebrow{position:absolute;right:0;top:0;text-align:right}
.hero:before,.feature-card:after,.start-card:after{display:none}
.feature-card,.channel-card,.solution-card,.start-card,.integration-options article,.platform-map{border:0;box-shadow:0 8px 30px #33214c0d}
html[data-theme=dark] .feature-card,html[data-theme=dark] .channel-card,html[data-theme=dark] .solution-card,html[data-theme=dark] .start-card,html[data-theme=dark] .integration-options article,html[data-theme=dark] .platform-map{border:0;box-shadow:0 10px 35px #0002}
.process-grid article{border-top:0;padding-top:0}
@media(max-width:700px){.hero{padding-top:24px}.brand-slogan{font-size:6px;letter-spacing:0}.brand-copy{gap:2px}.platform-section .section-heading{padding-top:0}.platform-section .section-heading .eyebrow{position:static;text-align:left}}

/* A balanced diagram: all input channels connect to the agent; output branches reach both cards. */
.platform-map{width:100%;max-width:490px;justify-self:end;align-self:center;padding:28px;background:var(--premium-surface);border-radius:18px}
.map-heading{border:0;padding-bottom:0;gap:10px}.map-heading img{width:30px;height:30px}.map-heading b{letter-spacing:.6px}
.map-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.map-sources span{border:0;background:var(--map-node,#f3eff9);text-align:center;font-size:11px;padding:13px 5px;border-radius:9px;line-height:1.4}
.map-flow{display:block;width:100%;height:36px;overflow:visible;fill:none;stroke:var(--premium-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.map-flow-arrow{stroke-width:1.8}
.map-agent{display:grid;grid-template-columns:28px minmax(0,1fr);gap:15px;min-height:108px;padding:22px;border:0;border-radius:12px;background:var(--map-agent,#eee6f8)}
.map-agent strong{font-size:15px;line-height:1.55;letter-spacing:-.2px}.map-agent p{font-size:10px;line-height:1.85;margin-top:5px}
.map-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.map-outcomes>div{padding:18px 14px;min-height:110px;display:flex;flex-direction:column;justify-content:center;border:0;background:var(--map-node,#f3eff9);border-radius:10px}
.map-outcomes strong{font-size:12px;line-height:1.6}.map-outcomes span{font-size:10px;line-height:1.8;margin-top:7px}
.platform-map>.text-link{font-size:11px;line-height:1.7;margin-top:22px}
html[data-theme=dark] .platform-map{--map-node:#2a2237;--map-agent:#392a4c}
@media(max-width:1100px){.map-heading{font-size:11px}.map-heading b{font-size:8px}.platform-map{padding:23px}.map-agent{padding:18px;gap:11px}.map-agent strong{font-size:14px}.map-sources span{font-size:10px}}
@media(max-width:850px){.platform-map{justify-self:center;max-width:480px}}
@media(max-width:640px){.platform-map{padding:23px}.map-agent strong{font-size:14px}.map-heading{font-size:12px}.map-sources span{font-size:10px}.map-outcomes>div{padding:16px 12px;min-height:104px}.platform-map>.text-link{font-size:10px}}

.map-sources,.map-outcomes{gap:0}.map-sources span,.map-outcomes>div{margin:0 5px}
.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
@media(max-width:640px){.brand-slogan{white-space:normal;max-width:85px;font-size:7px;line-height:1.25}.brand-copy{gap:3px}.header-inner{gap:10px}.hero h1{margin-top:0}}

.platform-section .section-heading{max-width:none}.platform-section .section-heading h2,.platform-section .section-heading>p{max-width:780px}
.hero-flow-arrow{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--premium-muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;align-self:center}

/* Icons are boxes, without the baseline offset of inline SVG or text glyphs. */
.demo-composer button{display:grid;place-items:center;padding:0;line-height:0}
.demo-composer button>.ic{display:block;margin:0}
.button>.ic,.cabinet-link>.ic,.text-link>.ic{display:block;flex-shrink:0;align-self:center}
a:has(.inline-arrow),button:has(.inline-arrow){display:inline-flex;align-items:center;gap:6px}
.inline-arrow{display:block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle}
.support-select-chevron{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;line-height:0}
.support-select-chevron svg{display:block;width:18px;height:18px}
.loader-skip>span{display:flex;align-items:center}