/* Scoped entry refinements; owner workspace and application controls retain their styles. */
.demo-entry.entry{padding:48px max(22px,4.5vw) 26px;min-height:0}
.demo-entry-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);max-width:1440px;margin:auto}
.demo-entry .demo-intro{padding:0;background:none}
.demo-entry .demo-intro h1{font-size:clamp(40px,4vw,58px);font-weight:650;line-height:1.08;letter-spacing:-.035em;margin:0 0 22px}
.demo-entry .demo-intro p{font-size:19px;line-height:1.55;max-width:47ch;color:#d4e0e7;margin:0}
.demo-entry-start{display:flex;gap:22px;align-items:center;margin:28px 0 12px}
.demo-entry-start p{font-size:13px;line-height:1.5;margin:0;color:#aec6d4}
.demo-entry.entry .demo-entry-start button{font-size:17px;min-height:56px;white-space:nowrap}
.demo-entry-alternatives{display:flex;flex-wrap:wrap;gap:4px 22px}
.demo-entry.entry .link{font-size:14px;padding:10px 0;min-height:44px;margin:0;color:#dce6ec}
.demo-entry-more{display:flex;flex-wrap:wrap;gap:4px 26px;max-width:1440px;margin:8px auto 0}
.demo-flow{margin:0;min-width:0;color:#dce6ec}
.demo-flow figcaption{font-size:17px;line-height:1.4;font-weight:500;max-width:30ch;margin:0 0 26px;color:#f2f4f3}
.demo-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px;list-style:none;padding:0;margin:0}
.demo-flow li{position:relative;min-width:0;--step:0}
.demo-flow li:nth-child(2){--step:1}
.demo-flow li:nth-child(3){--step:2}
.demo-flow li:nth-child(4){--step:3;grid-column:3;grid-row:2}
.demo-flow li:nth-child(5){--step:4;grid-column:2;grid-row:2}
.demo-flow li:nth-child(6){--step:5;grid-column:1;grid-row:2}
.flow-node{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:86px;padding:10px 7px;border:1px solid #6b8493;border-radius:4px;background:#1a2c38;color:#dce6ec;text-align:center;font-size:14px;line-height:1.3}
.flow-number{font-size:10px;letter-spacing:.12em;color:#aec6d4}
.flow-connector{position:absolute;top:50%;left:100%;width:26px;height:1px;background:#6b8493;--direction:1}
.flow-connector::after{content:"";position:absolute;right:1px;top:-3px;width:6px;height:6px;border-top:1px solid #aec6d4;border-right:1px solid #aec6d4;transform:rotate(45deg)}
.flow-connector i{display:block;width:100%;height:100%;background:#efd4b7;transform:scaleX(0);transform-origin:left}
.demo-flow li:nth-child(3) .flow-connector{left:50%;top:100%;width:1px;height:40px}
.demo-flow li:nth-child(3) .flow-connector::after{right:-3px;top:auto;bottom:2px;transform:rotate(135deg)}
.demo-flow li:nth-child(3) .flow-connector i{transform:scaleY(0);transform-origin:top}
.demo-flow li:nth-child(4) .flow-connector,.demo-flow li:nth-child(5) .flow-connector{left:auto;right:100%;transform:rotate(180deg)}
.demo-flow-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;min-height:44px;font-size:11px;line-height:1.5;color:#aec6d4}
.demo-entry.entry .demo-flow-pause{font:inherit;color:#dce6ec;border:0;background:none;padding:10px 0;min-height:44px;min-width:90px;text-align:right;text-decoration:underline;text-underline-offset:4px}
.flow-ready .flow-node{animation:demo-node-light 9s ease-in-out infinite;animation-delay:calc(var(--step)*1.25s);animation-play-state:paused}
.flow-ready li:last-child .flow-node{animation-name:demo-node-final}
.flow-ready .flow-connector i{animation:demo-connector-x 9s linear infinite;animation-delay:calc(var(--step)*1.25s + .65s);animation-play-state:paused}
.flow-ready li:nth-child(3) .flow-connector i{animation-name:demo-connector-y}
.flow-running .flow-node,.flow-running .flow-connector i{animation-play-state:running}
@keyframes demo-node-light{0%,14%,100%{background:#1a2c38;border-color:#6b8493;color:#dce6ec}3%,8%{background:#39434a;border-color:#e6c6a5;color:#fff2e2}}
@keyframes demo-node-final{0%,29%,100%{background:#1a2c38;border-color:#6b8493;color:#dce6ec}3%,20%{background:#39434a;border-color:#e6c6a5;color:#fff2e2}}
@keyframes demo-connector-x{0%{transform:scaleX(0);opacity:1}7%{transform:scaleX(1);opacity:1}10%,100%{transform:scaleX(1);opacity:0}}
@keyframes demo-connector-y{0%{transform:scaleY(0);opacity:1}7%{transform:scaleY(1);opacity:1}10%,100%{transform:scaleY(1);opacity:0}}
.demo-entry .privacy-banner{margin:26px auto 0;max-width:1440px;padding:18px 0 12px;border:0;border-top:1px solid #566e7b;background:none;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 24px}
.demo-entry .privacy-short{display:block}
.demo-entry .privacy-short strong{font-size:13px;font-weight:500;display:block}
.demo-entry .privacy-short span{font-size:12px;color:#aec6d4}
.demo-entry .privacy-banner details{font-size:12px}
.demo-entry .privacy-banner button{border-color:#6b8493}
.demo-intro.demo-intro-compact{padding:16px max(22px,4.5vw)}
.demo-intro-compact h1{font-size:20px;margin:0}
.demo-intro-compact p{display:none}
.demo-customer{max-width:960px;margin:auto;padding:30px 22px 48px}
.demo-customer-path{max-width:68ch;color:#b2c1ce}
.demo-context{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding-block:36px}
.demo-context h2{font-size:24px;line-height:1.2;font-weight:500;margin:0 0 14px}
.demo-context .demo-contact{display:inline-flex;align-items:center;min-height:48px;background:#233745;color:#f2efe8;padding:12px 18px;text-decoration:none;border-radius:3px;font-weight:500;font-size:15px}
@media(max-width:900px){.demo-entry-layout{grid-template-columns:1fr;gap:34px}.demo-entry-copy{max-width:650px}.demo-flow{width:100%;max-width:660px}.demo-flow figcaption{max-width:none}.demo-entry .demo-intro p{max-width:56ch}.demo-entry .privacy-banner{grid-template-columns:1fr auto}.demo-entry .privacy-short{grid-column:1/-1}.demo-context{gap:30px}}
@media(max-width:600px){.demo-entry.entry{padding-top:28px}.demo-entry-start{display:block}.demo-entry-start p{font-size:12px;margin-top:10px}.demo-entry-start p br{display:none}.demo-entry-start p br::after{content:" "}.demo-entry.entry .demo-entry-start button{padding:14px 18px;width:100%}.demo-entry-alternatives{gap:0 20px}.demo-entry .demo-intro p{font-size:17px}.demo-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 26px}.flow-node{min-height:72px}.demo-flow li:nth-child(3){grid-column:2;grid-row:2}.demo-flow li:nth-child(4){grid-column:1;grid-row:2}.demo-flow li:nth-child(5){grid-column:1;grid-row:3}.demo-flow li:nth-child(6){grid-column:2;grid-row:3}.demo-flow li:nth-child(2) .flow-connector,.demo-flow li:nth-child(4) .flow-connector{left:50%;right:auto;top:100%;width:1px;height:28px;transform:none}.demo-flow li:nth-child(2) .flow-connector::after,.demo-flow li:nth-child(4) .flow-connector::after{right:-3px;top:auto;bottom:2px;transform:rotate(135deg)}.demo-flow li:nth-child(2) .flow-connector i,.demo-flow li:nth-child(4) .flow-connector i{transform:scaleY(0);transform-origin:top;animation-name:demo-connector-y}.demo-flow li:nth-child(3) .flow-connector{left:auto;right:100%;top:50%;width:26px;height:1px;transform:rotate(180deg)}.demo-flow li:nth-child(3) .flow-connector::after{right:1px;top:-3px;bottom:auto;transform:rotate(45deg)}.demo-flow li:nth-child(3) .flow-connector i{transform:scaleX(0);transform-origin:left;animation-name:demo-connector-x}.demo-flow li:nth-child(5) .flow-connector{left:100%;right:auto;transform:none}.demo-context{grid-template-columns:1fr;gap:26px}.demo-entry .privacy-banner{gap:4px 12px}}
@media(prefers-reduced-motion:reduce){.demo-flow .flow-node,.demo-flow .flow-connector i{animation:none!important}.demo-flow .flow-connector i{display:none}.demo-flow-pause{display:none!important}}