/* Shared illustrated-screen frame, following the supplied BizOne example. */
.product-frame,.hero-product,.module-stage .product-frame{position:relative;padding:43px 8px 8px 58px;background:#193f50;border:0;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #193f5014}.window-chrome{position:absolute;top:0;left:0;right:0;height:43px;display:flex;align-items:center;justify-content:center;color:#fff}.window-dots{position:absolute;left:18px;top:17px;display:flex;gap:7px}.window-dots i{width:7px;height:7px;background:#5fb7d0;border-radius:50%}.window-dots i:nth-child(2){background:#d2e6ed}.window-dots i:nth-child(3){background:#3d859c}.window-search{height:22px;min-width:40%;font-size:10px;line-height:22px;padding:0 19px;background:#3e6576;color:#fff;border-radius:4px}.window-rail{position:absolute;left:9px;top:77px;bottom:15px;display:flex;flex-direction:column;gap:24px;width:38px;align-items:center;color:#b6d6e2}.window-rail span{display:grid;place-items:center;width:32px;height:32px;font-size:24px;line-height:1}.window-rail span:first-child{background:#286f86;color:#fff;border-radius:7px}.product-frame>.screen,.product-frame>.hero-screen{border-radius:9px;width:100%;height:auto;display:block;background:#fff}.module-stage .product-frame .screen{aspect-ratio:1.6}.hero-workspace{max-width:1000px;margin-top:40px;padding-bottom:25px}.hero-application{background:#fff;border-radius:10px;padding:25px 28px 28px;text-align:left;min-height:470px}.hero-app-brand{display:flex;align-items:center;gap:22px;margin-bottom:28px}.hero-app-brand img{width:140px;height:48px;object-fit:contain}.hero-app-brand strong{font-size:18px;color:#193f50}.hero-app-brand>span{margin-left:auto;display:grid;place-items:center;font-size:11px;color:#288fba;background:#edf7fb;width:35px;height:35px;border-radius:50%}.hero-application .workflow-demo{display:block;width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.hero-application .demo-title{display:flex;gap:20px;align-items:center;margin-bottom:24px}.hero-application .demo-title strong{font-size:25px;color:#193f50;letter-spacing:-.5px}.hero-application .demo-title>span{font-size:12px;color:#658294}.hero-application .workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hero-application .workflow-steps button{padding:20px 15px;border-radius:9px;background:#eef7fb;color:#193f50;text-align:left}.hero-application .workflow-steps button[aria-selected=true]{background:#288fba;color:#fff}.hero-application .workflow-steps b{font-size:22px}.hero-application .workflow-steps span{font-size:13px;margin-top:9px}.hero-application .flow-detail{background:#f3f8fb;border-radius:9px;margin-top:18px;padding:20px 22px;min-height:100px}.hero-application .flow-detail strong{font-size:19px;color:#193f50}.hero-application .flow-detail p{font-size:15px;line-height:1.8;color:#658294;margin-top:8px}.hero-process-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:24px}.hero-process-foot>div{padding:14px 12px;background:#f3f8fb;border-radius:7px}.hero-process-foot b{display:block;font-size:14px;color:#193f50}.hero-process-foot span{display:block;font-size:12px;line-height:1.7;color:#658294;margin-top:6px}.button.secondary{background:#fff;color:#8a0b1b;border:1px solid #b10e23;box-shadow:none;text-decoration:none;text-underline-offset:0;padding:14px 24px;transition:background .2s,color .2s,transform .2s}.button.secondary:hover{background:#fbecef;color:#8a0b1b;transform:translateY(-2px)}.contact{background:linear-gradient(135deg,#8a0b1b 0%,#b10e23 55%,#e23b4f 100%);color:white}.contact h2{color:white}.contact .section-label{color:#ffd9e0}.contact p:not(.section-label){color:#fff0f3}.contact .button:not(.secondary){background:white;color:#8a0b1b;border:1px solid #fff}.contact .button:not(.secondary):hover{background:#fbecef;border-color:#fbecef}.contact .button.secondary{background:#8a0b1b;color:white;border:1px solid #ffb6c4}.contact .button.secondary:hover{background:#6c0916;color:#fff;border-color:#fff}.contact :focus-visible{outline-color:#fff}.bot-section{background:#f5f5f5}.bot-models{display:grid;gap:18px;margin-top:40px}.bot-model{display:grid;grid-template-columns:.95fr 1.45fr .8fr;gap:28px;align-items:center;background:#fff;padding:28px;border:1px solid #e1e6e9;border-radius:15px}.bot-model-mixed{background:#eaf3f7;border-color:#c3dce6}.bot-model-name{display:flex;align-items:center;gap:17px}.bot-symbol{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eaf4f9;color:#288fba;font-size:28px}.bot-model-mixed .bot-symbol{background:#193f50;color:white}.bot-model-name>div>span{font-size:13px;font-weight:600;color:#288fba;display:block;margin-bottom:7px}.bot-model h3{font-size:20px;line-height:1.4;letter-spacing:-.5px}.bot-model-route{display:grid;grid-template-columns:1fr 30px 1fr;gap:0;align-items:center}.bot-model-route>div{padding:17px 13px;border-radius:9px;background:#f4f7f9;min-height:83px;display:flex;flex-direction:column;justify-content:center}.bot-model-route b{font-size:14px;color:#193f50;line-height:1.5}.bot-model-route span{font-size:12px;color:#658294;line-height:1.6;margin-top:5px}.bot-model-route i{height:2px;background:#8bbacb;width:100%;position:relative}.bot-model-route i:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#288fba;right:-2px;top:-2px}.bot-model-route>.route-bot{background:#193f50;color:white}.bot-model-route>.route-bot b{color:white}.bot-model-route>.route-bot span{color:#c8e2ec}.bot-model>p{font-size:14px;line-height:1.8;color:#625d60}.bot-model:hover{border-color:#9fc7d8}.module-note{z-index:1}.hero-copy .actions .plain-link{padding:14px 24px}
@media(max-width:1000px){.bot-model{grid-template-columns:1fr 1.4fr;gap:22px}.bot-model>p{grid-column:2;margin:-10px 0 0}.hero-application{padding:22px}.hero-app-brand{gap:14px}.hero-app-brand strong{font-size:16px}.hero-application .demo-title strong{font-size:22px}.hero-application .workflow-steps button{padding:18px 13px}.hero-application .workflow-steps span{font-size:12px}.hero-process-foot{gap:12px}.hero-process-foot b{font-size:13px}.hero-process-foot span{font-size:11px}}@media(max-width:700px){.product-frame,.hero-product,.module-stage .product-frame{padding:31px 5px 5px 32px;border-radius:12px}.window-chrome{height:31px}.window-dots{left:12px;top:12px;gap:4px}.window-dots i{width:5px;height:5px}.window-search{height:17px;line-height:17px;font-size:7px;padding:0 12px;min-width:48%}.window-rail{left:2px;top:48px;width:27px;gap:17px}.window-rail span{font-size:16px;width:23px;height:23px}.hero-application{padding:16px 14px;min-height:0}.hero-app-brand{gap:10px;flex-wrap:wrap;margin-bottom:22px}.hero-app-brand img{width:100px;height:34px}.hero-app-brand strong{font-size:12px}.hero-app-brand>span{display:none}.hero-application .demo-title{display:block;margin-bottom:18px}.hero-application .demo-title strong{font-size:19px;line-height:1.4;display:block}.hero-application .demo-title>span{display:block;margin-top:7px;font-size:11px}.hero-application .workflow-steps{grid-template-columns:1fr 1fr;gap:9px}.hero-application .workflow-steps button{padding:14px 12px}.hero-application .workflow-steps b{font-size:18px}.hero-application .workflow-steps span{font-size:11px;margin-top:6px}.hero-application .flow-detail{padding:16px 13px;min-height:155px;margin-top:14px}.hero-application .flow-detail strong{font-size:16px}.hero-application .flow-detail p{font-size:13px}.hero-process-foot{grid-template-columns:1fr;gap:9px;margin-top:14px}.hero-process-foot>div{padding:12px}.hero-process-foot b{font-size:12px}.hero-process-foot span{font-size:11px;margin-top:4px}.bot-model{grid-template-columns:1fr;gap:22px;padding:24px}.bot-model>p{grid-column:auto;margin:0}.bot-model h3{font-size:21px}.bot-model-route{grid-template-columns:1fr 22px 1fr}.bot-model-route b{font-size:13px}.bot-model-route span{font-size:11px}.bot-model-route>div{padding:15px 12px}.button.secondary{padding:13px 18px}.contact .actions{gap:13px}.hero-workspace{margin-top:30px}.module-note:has(.bot-monitor-illustration){width:46%}}
@media(prefers-reduced-motion:reduce){.button.secondary{transition:none}}
.module-note:has(.bot-monitor-illustration){background:#193f50;border:0;padding:12px 6px 6px 24px;border-radius:10px}.module-note:has(.bot-monitor-illustration)>b{color:#d5eaf2;font-size:11px;margin-bottom:8px}.module-note .bot-monitor-illustration{background:#fff;border-radius:5px}
/* Application cards surround the Hero illustration, outside its screen. */
.hero-workspace{position:relative;padding:35px 70px 55px;max-width:1140px}.hero-product .hero-screen{max-height:none;aspect-ratio:1.6;object-fit:cover;object-position:top}.hero-orbit{position:absolute;inset:0;pointer-events:none}.orbit-card{position:absolute;min-width:145px;padding:17px 22px;background:#fff;border:1px solid #dce7ef;border-radius:12px;box-shadow:0 12px 32px #193f501c;text-align:left}.orbit-card b{display:block;font-size:20px;color:#193f50}.orbit-card span{display:block;font-size:12px;color:#658294;margin-top:5px}.orbit-card.sap{top:5px;left:0;border-top:3px solid #288fba}.orbit-card.excel{top:20px;right:0;border-top:3px solid #2b865f}.orbit-card.web{bottom:65px;left:0;border-top:3px solid #5475c2}.orbit-card.mail{bottom:40px;right:0;border-top:3px solid #b10e23}.hero-caption{font-size:13px;color:#658294;text-align:center;margin:20px 0 0}.integration-map{padding:36px;max-width:1000px;background:#fff}.integration-layer,.integration-hub{display:grid;grid-template-columns:1fr 1fr;gap:24px}.integration-node{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px 16px;background:#f0f6f9;border:1px solid #dce7ef;border-radius:12px;min-width:0}.integration-icon{display:grid;place-items:center;color:#288fba;background:#fff;width:48px;height:48px;border-radius:12px;margin-bottom:13px}.integration-icon svg{width:27px;height:27px}.integration-node b{font-size:17px;color:#193f50}.integration-node p{font-size:13px;color:#658294;margin:9px 0 0;line-height:1.7}.integration-link{height:32px;width:2px;background:#9fbfcf;margin:auto;position:relative}.integration-link:after{content:'';position:absolute;bottom:0;left:-3px;width:8px;height:8px;border-radius:50%;background:#288fba}.integration-hub{background:#193f50;padding:20px;border-radius:15px}.integration-hub .integration-node{background:transparent;border:0}.integration-hub .integration-node b{color:#fff}.integration-hub .integration-node p{color:#c9e1ec}.integration-hub .integration-icon{background:#2c596b;color:#d5f3ff}.integration-hub .integration-node+.integration-node{border-left:1px solid #507382;border-radius:0}.bot-models{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bot-model{display:flex;flex-direction:column;align-items:stretch;padding:28px 24px;gap:26px}.bot-model-name{align-items:flex-start;min-height:90px}.bot-model h3{font-size:20px}.bot-model-route{display:flex;flex-direction:column;align-items:stretch}.bot-model-route>div{min-height:95px;padding:19px}.bot-model-route i{width:2px;height:30px;margin:auto}.bot-model-route i:after{top:auto;bottom:0;right:-2px}.bot-model>p{margin:0;font-size:14px;line-height:1.8}.capability-process{background:#f0f6f9;border:1px solid #cddfe8;border-radius:18px;padding:30px 35px;color:#193f50}.diagram-eyebrow{font-size:12px!important;letter-spacing:.05em;color:#288fba;margin:0 0 10px!important}.capability-process h4{font-size:23px;line-height:1.45;margin:0 0 25px}.capability-process ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;margin:0;counter-reset:none}.capability-process li{background:#fff;border:1px solid #dce7ef;border-radius:10px;display:flex;gap:14px;padding:20px 16px;align-items:flex-start}.capability-process .step-number{font-size:12px;color:#fff;background:#288fba;padding:6px;border-radius:6px}.capability-process li b{font-size:15px}.capability-process li p{font-size:12px;margin:7px 0 0;color:#658294}.diagram-foot{display:block;margin-top:22px;font-size:11px;color:#658294}.process-stage{padding-bottom:0}.process-stage .module-note{display:none}
@media(max-width:1000px){.bot-models{gap:14px}.bot-model{padding:24px 18px}.bot-model-name{flex-direction:column;min-height:160px;gap:13px}.bot-model>p{grid-column:auto;margin:0}.hero-workspace{padding:30px 45px 55px}.orbit-card{min-width:120px;padding:14px 17px}}
@media(max-width:700px){.hero-workspace{padding:0 0 10px}.hero-orbit{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.orbit-card{position:static;min-width:0;padding:14px 16px;box-shadow:0 5px 15px #193f500b}.orbit-card b{font-size:17px}.orbit-card span{font-size:11px}.hero-caption{margin-top:15px}.integration-map{padding:20px 14px}.integration-layer,.integration-hub{gap:10px}.integration-node{padding:18px 9px}.integration-node b{font-size:13px}.integration-node p{font-size:11px}.integration-hub{padding:10px}.integration-hub .integration-node+.integration-node{border-left:0}.integration-icon{width:40px;height:40px}.integration-icon svg{width:23px;height:23px}.bot-models{grid-template-columns:1fr;gap:18px}.bot-model{padding:25px}.bot-model-name{min-height:0;flex-direction:row;align-items:center}.bot-model-route{display:flex}.bot-model-route>div{min-height:80px}.capability-process{padding:25px 20px}.capability-process h4{font-size:21px}.capability-process ol{grid-template-columns:1fr;gap:12px}.capability-process li{padding:17px}.hero-product .hero-screen{aspect-ratio:1.35}}
/* Place Hero cards at the four sides, with space around the screen. */
.hero-workspace{max-width:1200px;padding:110px 155px 115px;margin-top:35px}.orbit-card{min-width:135px;max-width:145px;padding:17px 18px}.orbit-card.sap{top:47%;left:0;bottom:auto;transform:translateY(-50%)}.orbit-card.excel{top:0;left:50%;right:auto;bottom:auto;transform:translateX(-50%)}.orbit-card.web{top:47%;right:0;left:auto;bottom:auto;transform:translateY(-50%)}.orbit-card.mail{bottom:0;left:50%;right:auto;top:auto;transform:translateX(-50%)}.hero-caption{margin-bottom:0}.connected-flow{padding:30px 35px}.connected-flow ol{display:flex;flex-direction:column;gap:30px;max-width:420px;margin:auto}.connected-flow li{position:relative;min-height:80px;border:1px solid #b8d3e0;box-shadow:0 4px 12px #193f5006;align-items:center;padding:16px 20px;gap:18px;margin:0}.connected-flow li b{display:block;font-size:16px}.connected-flow .node-caption{display:block;font-size:11px;color:#658294;margin-bottom:6px}.flow-node-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:#e9f4f9;color:#288fba;font-size:25px}.flow-terminal{border:1px solid #8bb8ca;background:#fff;color:#193f50;width:max-content;min-width:110px;padding:9px 20px;font-size:12px;text-align:center;border-radius:40px;margin:0 auto}.flow-complete{background:#193f50;color:#fff;border-color:#193f50}.flow-connector{display:block;height:30px;width:2px;background:#66a6bf;margin:0 auto;position:relative}.flow-connector:after{content:'';position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-right:2px solid #66a6bf;border-bottom:2px solid #66a6bf;transform:rotate(45deg)}.connected-flow li>.flow-connector{position:absolute;left:calc(50% - 1px);top:100%}.connected-flow .diagram-foot{text-align:center}
@media(max-width:1000px) and (min-width:701px){.hero-workspace{padding:100px 130px 105px}.orbit-card{min-width:115px;max-width:120px;padding:15px}.orbit-card b{font-size:18px}}
@media(max-width:700px){.hero-workspace{padding:0 0 10px}.hero-orbit{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;gap:12px}.orbit-card.sap,.orbit-card.excel,.orbit-card.web,.orbit-card.mail{position:static;transform:none;min-width:0;max-width:none}.connected-flow{padding:25px 18px}.connected-flow li{padding:14px;gap:13px}.connected-flow li b{font-size:14px}.connected-flow .node-caption{font-size:10px}}
/* One floating summary, following the supplied notification card. */
.hero-workspace{padding:0 30px 45px;max-width:1080px;margin-top:45px}.hero-floating-card{position:absolute;right:0;bottom:12px;display:flex;align-items:center;gap:16px;padding:18px 24px;border:1px solid #ead5da;border-radius:13px;background:#fff;box-shadow:0 15px 35px #231f2012;text-align:left;max-width:95%;z-index:2}.floating-check{display:grid;place-items:center;width:42px;height:42px;background:#288fba;color:#fff;font-size:24px;border-radius:10px;flex:none}.hero-floating-card strong{font-size:15px;color:#193f50}.hero-floating-card p{font-size:12px;color:#658294;margin:6px 0 0}.hero-caption{display:none}
/* Continuous connectors ending in arrowheads. */
.integration-link{height:38px;background:#5e9bb3;width:2px}.integration-link:after{width:8px;height:8px;left:-4px;bottom:3px;top:auto;background:transparent;border-radius:0;border-right:2px solid #5e9bb3;border-bottom:2px solid #5e9bb3;transform:rotate(45deg)}.bot-model-route i{height:34px;background:#5e9bb3}.bot-model-route i:after{width:8px;height:8px;right:auto;left:-4px;bottom:3px;top:auto;background:transparent;border-radius:0;border-right:2px solid #5e9bb3;border-bottom:2px solid #5e9bb3;transform:rotate(45deg)}
/* Horizontal process diagrams, with space reserved between nodes. */
.feature-panel:has(.connected-flow){grid-template-columns:1fr;gap:28px}.feature-panel:has(.connected-flow)>div:first-child{max-width:780px;margin:auto;text-align:center}.feature-panel:has(.connected-flow) ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;text-align:left}.feature-panel:has(.connected-flow) .module-stage{max-width:none;width:100%}.connected-flow{padding:30px 28px;display:grid;grid-template-columns:auto 28px minmax(0,1fr) 28px auto;align-items:center}.connected-flow>.diagram-eyebrow,.connected-flow>h4{grid-column:1/-1;text-align:center}.connected-flow>h4{margin-bottom:30px}.connected-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:none;width:100%;margin:0}.connected-flow li{display:flex;flex-direction:column;text-align:center;padding:18px 10px;gap:12px;min-height:160px;justify-content:center}.connected-flow li b{font-size:14px}.connected-flow .node-caption{font-size:10px;line-height:1.6}.connected-flow .flow-terminal{min-width:0;padding:9px 12px;font-size:10px;writing-mode:vertical-rl}.connected-flow .flow-connector{width:28px;height:2px;margin:0;background:#66a6bf}.connected-flow .flow-connector:after{left:auto;right:3px;top:-4px;bottom:auto;transform:rotate(-45deg)}.connected-flow li>.flow-connector{left:100%;top:calc(50% - 1px);height:2px;width:30px}.connected-flow .diagram-foot{display:none}
@media(max-width:1000px){.connected-flow{padding:25px 16px;grid-template-columns:minmax(0,1fr)}.connected-flow>.flow-terminal,.connected-flow>.flow-connector{display:none}.connected-flow ol{gap:24px}.connected-flow li>.flow-connector{width:26px}.hero-workspace{padding:0 20px 45px}}
@media(max-width:700px){.hero-workspace{padding:0 0 65px;margin-top:30px}.hero-floating-card{bottom:5px;right:0;padding:13px 16px;gap:12px;max-width:97%}.hero-floating-card strong{font-size:12px}.hero-floating-card p{font-size:10px}.floating-check{width:34px;height:34px;font-size:20px}.connected-flow{overflow-x:auto;padding:22px 16px}.connected-flow ol{min-width:660px;gap:25px}.connected-flow li{min-height:150px}.feature-panel:has(.connected-flow) ul{display:block}.feature-panel:has(.connected-flow)>div:first-child{text-align:left}}
/* Consistent copy-left, visual-right layout for every capability. */
.feature-panel,.feature-panel:has(.connected-flow),.feature-panel:has(.ai-work-visual){display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:38px;align-items:center}.feature-panel:has(.connected-flow)>div:first-child,.feature-panel:has(.ai-work-visual)>div:first-child{max-width:none;margin:0;text-align:left}.feature-panel:has(.connected-flow) ul{display:block;text-align:left}.feature-panel .module-stage{min-width:0}.feature-panel .connected-flow{display:block;padding:28px 20px}.feature-panel .connected-flow>.flow-terminal,.feature-panel .connected-flow>.flow-connector{display:none}.feature-panel .connected-flow ol{min-width:0;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-panel .connected-flow li{min-height:170px;padding:14px 6px;gap:12px}.feature-panel .connected-flow li>.flow-connector{width:20px;display:block}.feature-panel .connected-flow li b{font-size:12px;line-height:1.6}.feature-panel .connected-flow .node-caption{font-size:9px;line-height:1.7}.feature-panel .connected-flow h4{font-size:21px}.feature-panel .flow-node-icon{width:35px;height:35px;font-size:22px}.ai-work-visual{padding:25px;background:#eef5f9;border:1px solid #cbdfe9;border-radius:18px;color:#193f50;box-shadow:0 15px 40px #193f5008}.ai-scene-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.ai-scene-title b{display:block;font-size:19px;line-height:1.5}.ai-scene-title div>span{display:block;font-size:11px;margin-top:4px;color:#658294}.ai-spark{font-size:30px;color:#288fba}.ai-scene-body{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center}.ai-document{background:#fff;border:1px solid #d8e4ec;box-shadow:0 10px 25px #193f5010;border-radius:9px;padding:22px 17px;transform:rotate(-3deg)}.document-label{display:block;color:#288fba;font-size:10px;margin-bottom:16px}.ai-document>b{display:block;font-size:13px;margin-bottom:19px}.ai-document i{display:block;height:5px;background:#dfebf1;border-radius:4px;margin:12px 0}.ai-document i:nth-of-type(2n){width:75%}.document-highlight{border:1px solid #92c6d9;background:#eaf7fc;padding:12px 8px;font-size:10px;color:#288fba;border-radius:4px}.ai-scene-arrow{color:#5a9ab6;text-align:center;font-size:26px}.ai-assistant{text-align:center}.ai-core{width:60px;height:60px;display:grid;place-items:center;margin:auto auto 9px;background:#193f50;color:#fff;border-radius:17px;font-size:42px;box-shadow:0 0 0 7px #dcebf3}.ai-assistant>strong{display:block;font-size:21px}.ai-assistant>span:not(.ai-core){display:block;font-size:11px;color:#658294;margin:5px 0 17px}.ai-task{background:#fff;border:1px solid #d4e5ed;border-radius:7px;margin-top:9px;padding:10px 7px}.ai-task b{display:block;font-size:11px}.ai-task span{display:block;font-size:9px;color:#658294;margin-top:4px}.ai-output{margin-top:27px;border-top:1px solid #ccdee8;padding-top:22px;display:grid;grid-template-columns:1fr 30px 1fr;align-items:center}.ai-output>div{display:flex;gap:9px;align-items:center}.ai-output b{display:block;font-size:11px}.ai-output div div>span{display:block;font-size:9px;line-height:1.6;color:#658294;margin-top:5px}.ai-output-icon{font-size:24px;color:#288fba}.bot-output{color:#193f50}
@media(max-width:1000px){.feature-panel,.feature-panel:has(.connected-flow),.feature-panel:has(.ai-work-visual){grid-template-columns:1fr;gap:28px}.feature-panel>div:first-child{max-width:720px}.feature-panel .module-stage{max-width:760px;width:100%;margin:auto}}
@media(max-width:700px){.feature-panel .connected-flow{padding:24px 14px;overflow-x:auto}.feature-panel .connected-flow ol{min-width:540px}.ai-work-visual{padding:21px 15px}.ai-scene-title b{font-size:16px}.ai-scene-body{grid-template-columns:1fr 26px 1fr}.ai-document{padding:19px 12px}.ai-output{grid-template-columns:1fr;gap:10px}.ai-output>.ai-scene-arrow{transform:rotate(90deg);font-size:21px}.ai-output>div{justify-content:center}.ai-task b{font-size:10px}}

.feature-panel[hidden]{display:none!important}footer .ecosystem-link{display:inline;color:inherit;text-decoration:underline;text-underline-offset:3px}