/* Bring the home illustrations in line with the product page contrast. */
.graphic-flow{--graphic-accent:#589766;--graphic-line:#a6c49b;--graphic-tint:#edf5e9}
.graphic-pulse{--graphic-accent:#358caf;--graphic-line:#a8c9dc;--graphic-tint:#eaf4fb}
.graphic-dots{--graphic-accent:#de723c;--graphic-line:#dfac8d;--graphic-tint:#fff0e5}
.graphic-glow{opacity:.9}
.glow-flow{background:radial-gradient(ellipse,#c9e4c3,transparent 70%)}
.glow-pulse{background:radial-gradient(ellipse,#c7e3f3,transparent 70%)}
.glow-dots{background:radial-gradient(ellipse,#f8d5bf,transparent 70%)}
.graphic-connections{stroke:#9bb6b2;stroke-width:1.7}
.graphic-connections circle{stroke:#659b80}
.graphic-window{border-color:var(--graphic-line);box-shadow:0 calc(8 * var(--graphic-unit)) calc(14 * var(--graphic-unit)) #24394b0d,0 calc(28 * var(--graphic-unit)) calc(58 * var(--graphic-unit)) calc(-20 * var(--graphic-unit)) #24394b47}
.graphic-window-top{border-bottom-color:var(--graphic-line)}
.graphic-app>span{color:#647d8a}
.graphic-menu i{background:#859ba9}
.graphic-window .graphic-sidebar{background:var(--graphic-tint);border-right-color:var(--graphic-line);color:#7c9484}
.graphic-pulse .graphic-sidebar{color:#758e9e}
.graphic-dots .graphic-sidebar{color:#af7b5c}
.graphic-window .graphic-sidebar .selected{color:#fff;background:var(--graphic-accent);box-shadow:0 0 0 calc(7 * var(--graphic-unit)) var(--graphic-accent)}
.graphic-page-heading small{color:#647d89}
.graphic-team span{background:#c3deb9;color:#3f6e49}
.graphic-team span:nth-child(2){background:#c9dfed;color:#386d90}
.graphic-team span:nth-child(3){background:#e0e8ed;color:#5b7686}
.graphic-project{background:#edf5e9;border-color:#a6c49b}
.graphic-plan{background:#589766;border-color:#589766;color:#fff}
.app-graphic .graphic-plan svg{stroke-width:1.5}
.graphic-project-copy>span{color:#5d7d56}
.graphic-progress{background:#c3deb9}
.graphic-progress i{background:linear-gradient(90deg,#80bb68,#469756)}
.graphic-ring{background:conic-gradient(#589766 0 75%,#c3deb9 75% 100%)}
.graphic-ring b{color:#3f7149;background:#fff}
.graphic-task-head small{color:#6e8593}
.graphic-task{border-top-color:#dce7de}
.graphic-checkbox{border-color:#a6bcaa}
.graphic-task.completed .graphic-checkbox{background:#589766;border-color:#589766}
.graphic-task b{background:#dfedd9;color:#456e42}
.graphic-task b.neutral{background:#edf2f5;color:#5a7282}
.graphic-task i{background:#deeadf;color:#486c53}
.graphic-flow-bottom{border-top-color:#dce7de;color:#647e6d}
.graphic-flow-bottom b{color:#426f4a}
.graphic-heading-icon{color:#358caf}
.graphic-finance-stats>div{border-color:#a8c9dc;background:#eaf4fb}
.graphic-finance-stats span{color:#627f91}
.graphic-finance-stats>div:last-child strong{color:#358caf}
.graphic-chart-grid{color:#7b92a2}
.graphic-chart-grid span:after{border-top-color:#ccdde7}
.graphic-chart-bars i{background:linear-gradient(180deg,#80b8d5,#bfddee)}
.graphic-chart-bars>div:nth-last-child(-n+2) i{background:linear-gradient(180deg,#358caf,#5fa6ca)}
.graphic-chart-bars b{color:#6f8999}
.graphic-chart-line{stroke:#24698d;stroke-width:2}
.graphic-chart-line circle{stroke:#24698d}
.graphic-finance-footer{border-top-color:#d4e3ed;color:#698697}
.graphic-finance-footer i{background:#358caf}
.graphic-finance-footer b{background:#d9ecf6;color:#326d90}
.graphic-pipeline-column{background:#fff3e9;border-color:#dfac8d}
.graphic-stage{color:#8a5335}
.graphic-stage>i{background:#df986e}
.graphic-stage>b{color:#a15e39;background:#f5d9c8}
.graphic-lead{border-color:#e4bea4;box-shadow:0 calc(4 * var(--graphic-unit)) calc(9 * var(--graphic-unit)) #8467490d}
.graphic-person{background:#de723c;color:#fff}
.graphic-pipeline-column:last-child .graphic-person{background:#589766;color:#fff}
.graphic-lead div>span{color:#8f7868}
.app-graphic .graphic-lead>svg{color:#be7449}
.graphic-dots-footer{border-top-color:#dfac8d;color:#9b7157}
.graphic-day{border-color:#a6c49b;box-shadow:0 calc(17 * var(--graphic-unit)) calc(36 * var(--graphic-unit)) calc(-13 * var(--graphic-unit)) #3d5c4d3d}
.graphic-day-icon{background:#589766;color:#fff}
.graphic-day span{color:#647f6c}

/* Compact product diagrams and their cards. */
.story-overview .story-product{border-color:#d1dfe8;box-shadow:0 8px 24px #203b4b0c}
.story-overview .mini-preview{background:#f1f6f9;border-color:#cbdde7}
.story-overview .flow-preview{background:#edf5e9;border-color:#a6c49b}
.story-overview .flow-preview span{color:#408349}
.story-overview .flow-preview i{background:#aacda5}
.story-overview .flow-preview b{color:#4c7851}
.story-overview .pulse-preview{background:#eaf4fb;border-color:#a8c9dc}
.story-overview .pulse-preview i{background:#81b5d0}
.story-overview .pulse-preview i:nth-last-child(-n+2){background:#358caf}
.story-overview .dots-preview{background:#fff5ed;border-color:#dfac8d}
.story-overview .dots-preview span{color:#95461f;background:#f9dfd0;border:1px solid #e8b99b}
.story-overview .dots-preview b{color:#c86430}

/* Give the AI conversation the same depth as the product illustrations. */
.bot-panel{border-color:#c0d2df;background:radial-gradient(ellipse at 95% 10%,#dbeaf7b3,transparent 57%),radial-gradient(ellipse at 0% 100%,#e2eedc99,transparent 53%),#f7fafc}
.bot-chat-window{border-color:#a8c9dc;box-shadow:0 18px 42px -10px #203b4b2e}
.bot-chat-header{border-bottom-color:#b7d0e0;background:#fff}
.bot-avatar{background:#358caf;border-color:#358caf}
.bot-avatar svg{stroke:#fff;stroke-width:1.6}
.bot-chat-header div>span,.bot-message small{color:#5c7586}
.bot-ai-label{background:#eaf4fb;border-color:#a8c9dc;color:#2a6e93}
.bot-messages{background:linear-gradient(135deg,#f0f7fc,#fff)}
.bot-user p{background:#263b49;border-color:#263b49;color:#fff}
.bot-assistant p{background:#fff;border-color:#a8c9dc;color:#294455;box-shadow:0 4px 12px #203b4b06}
.bot-compose{border-color:#b8cbd9;color:#718b9c;background:#fff}
.bot-keywords span{border-color:#b8cbd9;color:#526f82}
.bot-guide li:before{color:#4e738b}

/* Stronger rendering of the existing device illustration. */
#platforms .platform-layout img{filter:none;box-shadow:none;mix-blend-mode:multiply}
#platforms .device-labels span{border-color:#bbd0df;color:#4f6e82}

/* Match the closing callout to the AI introduction bubble. */
#explore{border-color:#c0d2df;border-radius:26px;background:radial-gradient(ellipse at 95% 10%,#dbeaf7b3,transparent 57%),radial-gradient(ellipse at 0% 100%,#e2eedc99,transparent 53%),#f7fafc}

/* Align the closing bubble with the inset AI panel on every screen. */
#explore{width:88%;max-width:1126.4px;margin:0 auto 55px}
@media(max-width:800px){#explore{margin-bottom:40px}}