/* Soft canvases, crisp interfaces, and color concentrated on useful information. */
.nav .brand>span{font-family:Inter,'SF Pro Display','PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-weight:760;letter-spacing:-.04em}
.nav .brand small{font-family:Inter,'SF Pro Display','PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-weight:650;letter-spacing:.03em}
.hero .hero-routes .ai-primary .outcome-cta{min-width:132px;justify-content:space-between;padding-inline:20px;gap:22px}
.hero .hero-routes .ai-primary .outcome-cta>svg{width:16px;height:16px;flex-shrink:0;display:block}
.hero .hero-routes .platform-secondary .outcome-cta{gap:8px}
.hero .hero-routes .platform-secondary .outcome-cta>svg{width:16px;height:16px;flex-shrink:0;display:block}
.product-squares>.square-community{--tile-color:#f7cba8;--tile-ink:#75472d}
.product-squares>.square-pitch{--tile-color:#d8c4f5;--tile-ink:#4e3669}
.builder-workflows{gap:8px}
.builder-workflows>.workflow-example{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e5eadf;background:#fff;border-radius:8px;min-width:0;min-height:60px}
.workflow-example>.workflow-tile{width:34px;height:38px;font-size:13px}
.workflow-example>div{min-width:0}
.workflow-example b{color:#5d7050;font-weight:550}
.workflow-example small{font-size:9px;line-height:1.7;color:#92a085;margin-top:3px}
.workflow-tile.sky{background:#e7eff8;color:#89a4c3}
.feature-section>.section-head{display:block}
.feature-section>.section-head>h2{margin-bottom:18px}
.feature-section .case-section-summary{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;line-height:1.8}
.case-inline-label{font-size:12px;font-weight:600;color:#60764c;line-height:1.4;padding-right:13px;border-right:1px solid #cbd6bf;white-space:nowrap;letter-spacing:.2px}
@media(max-width:760px){.builder-workflows>.workflow-example{padding:12px;min-height:64px}.workflow-example>.workflow-tile{width:38px;height:40px}.workflow-example small{font-size:10px}.feature-section .case-section-summary{display:block}.case-inline-label{font-size:11px;margin-right:10px;padding-right:10px;display:inline-block}.case-section-summary>span:last-child{font-size:14px}}
.value-stage .preview-kicker{color:#425c7a}
.value-stage[data-active-value="1"] .preview-kicker{color:#8b5b39}
.value-stage[data-active-value="2"] .preview-kicker{color:#6b4f94}
.value-stage[data-active-value="3"] .preview-kicker,.value-stage[data-active-value="4"] .preview-kicker{color:#3e7358}
.value-stage[data-active-value="5"] .preview-kicker{color:#876b31}
.value-stage-bar{color:#4b6380}.value-stage-bar>b{color:#718095}
.value-preview>.ops-panel{border-color:#ffffff;box-shadow:0 12px 28px #2b416016,0 1px 3px #2238550d}
.value-preview .panel-heading h3{color:#283c53}.value-preview .panel-heading p{color:#798b9e}
.value-preview .panel-number{background:#d9e7fd;color:#527eaf;border-color:#c6d9f2}
.value-preview .panel-state{color:#347651;background:#dbefdf;border:1px solid #cce3d0}
.value-preview .task-title h4{color:#283e59}
.value-preview .task-fields dt{color:#7c8da0}.value-preview .task-fields dd{color:#435d77}
.preview-message .staff-avatar{background:#5a86b0;color:#fff}
.preview-message .source-message p{color:#405b77}.preview-message .source-message small{color:#7c92aa}
.value-preview .assigned-person{background:#eaf1fb;border-color:#d5e2f3}
.value-preview .assignee-avatar{background:#739ac5;color:#fff}
.value-preview .assigned-person b{color:#3b5b80}.value-preview .assigned-person small{color:#8295aa}
.value-preview .assigned-person>span:last-child{color:#5b83ae}
.message-arrow{color:#608dbd}
.dispatch-task{background:#fff5e9;border-color:#ead1b6}.dispatch-task h4{color:#77502d}.dispatch-task>span{color:#a47d54}
.dispatch-task b{background:#f4e2ca;color:#977044;border-color:#ead1ad}
.dispatch-person{border-color:#eadac8}.dispatch-person>span{background:#c69163;color:#fff}
.dispatch-person b{color:#775638}.dispatch-person small{color:#a1876b}.dispatch-person>i{color:#936c44}
.dispatch-person.secondary>span{background:#f0e3ce;color:#aa8559}.dispatch-footer{color:#94734e}
.value-preview .reply-draft{background:#f1eafa;border-color:#dccbed}
.value-preview .reply-draft>div{color:#77559e}.value-preview .reply-draft p{color:#65497f}
.value-preview .reply-draft button{background:#76549c;border-color:#6f4e95;color:#fff;box-shadow:0 3px 8px #63458420}
.agent-executed>span{color:#4e7e60;border-color:#d3e5d7;background:#eaf4ec}
.value-preview .next-actions>b{color:#684a85}.value-preview .next-actions li{color:#7c648f}
.value-preview .next-actions li:before{background:#e4d5f2;color:#8c6aaa}
.value-preview .timeline-item b{color:#3f6750}.value-preview .timeline-item small{color:#7b9585}
.value-preview .timeline-item.done>i{background:#659774;border-color:#659774}
.value-preview .timeline-item.current>i{border-color:#669676;background:#d4e8d8}
.value-preview .followup-bar button{background:#477b59;border-color:#477b59;color:#fff}
.value-preview .profile-person>span{background:#518567;color:#fff;border-color:#518567}
.value-preview .profile-stats strong{color:#326346}.value-preview .profile-stats span{color:#7c9b85}
.value-preview .profile-observation{background:#eaf3ed;color:#678771;border-color:#d1e2d5}
.value-preview .profile-observation>b{color:#427053}
.location-heading h4{color:#735a29}.location-heading>span{background:#e4d5ac;color:#8b702e}
.location-metrics strong{color:#83662a}.location-metrics span{color:#a08b5d}
.location-row{color:#846d3c}.location-row b{background:#f4e5c1;color:#9a7a36}
.location-row b.resolved{background:#e9f0dc;color:#799157}
.location-alert{background:#fbf0d6;border-color:#dfc991}.location-alert b{color:#866524}.location-alert p{color:#8c7547}
/* Supporting examples use their current palettes with clearer foregrounds. */
.knowledge-mini>span{background:#819acf;color:#fff}.knowledge-mini b{color:#4d6b9f}
.knowledge-mini p{color:#4f6790!important}.knowledge-mini small{color:#7a8faf}
.media-mini>div>span{color:#927045;background:#fff9f1}.media-mini>div>span:last-child{background:#a77b4d;color:#fff}
.media-mini>p>b{color:#74502d}.media-mini>small{color:#98774e}
.crm-window>header>b{color:#284e3b}.crm-window>header>span{background:#ddefe2;color:#609574}
.crm-person>i{background:#35684a}.crm-person b{color:#35583f}.crm-person small{color:#80947b}
.crm-person>em{background:#f9e7c4;color:#ae8039}.crm-next{background:#edf5ef;border-color:#d8e6dc}
.crm-next>b{color:#4f7b5b}.crm-next>p{color:#3f644b!important}.crm-next>span{color:#829a7e}
.crm-stages>b.active{background:#cfe5d3;color:#5c8864}
/* The process illustrations keep their quiet card backgrounds. */
.craft-ui{border-color:#dfe5db;box-shadow:0 10px 23px #39432b1a,0 2px 4px #39432b0a;color:#506243}
.craft-ui>header{color:#63705b;border-bottom-color:#e5eade}
.craft-ui>header>i{background:#80a94c}.craft-ui>header>b{background:#e7f0da;color:#779451}
.strategy-grid{border-color:#b7ca9e;background-image:linear-gradient(#e3eadb 1px,transparent 1px),linear-gradient(90deg,#e3eadb 1px,transparent 1px)}
.strategy-grid>span,.strategy-grid>small{color:#81936d;font-size:6px}
.strategy-dot{background:#e5efda;border-color:#cbdcb6;color:#6d854e;font-size:7px;padding:5px 6px}
.dot-b{background:#c6df91;border-color:#b1cc7c;color:#49652d;box-shadow:0 4px 8px #7b99551a}
.dot-b>b{color:#6b8b43;font-size:6px}.strategy-ui>footer{color:#859773;font-size:6px}
.design-ui{border-color:#e4d4bf}.design-ui>header>i{background:#c08c4d}.design-ui>header>b{background:#f7e8d0;color:#b1854d}
.design-browser{border-color:#d5c2a6}.design-browser nav b{color:#344d3e}.design-browser nav span{color:#9b917a;font-size:5px}
.design-browser>div{background:#294c3d}.design-browser>div>i{background:linear-gradient(100deg,#f3d3a1,#b78a52)}
.design-browser footer i{background:#dec9ac}.design-browser footer i:nth-child(2){background:#aec8a4}.design-browser footer i:nth-child(3){background:#d6b5a2}
.design-mobile{border-color:#35483c}.design-mobile>span{background:#35483c}.design-mobile>b{color:#4c644b}
.design-mobile>i{background:#d2e6a6;color:#536e35}.design-mobile>small,.design-mobile>footer{color:#889a75}
.build-ui{border-color:#ced9eb}.build-ui>header>i{background:#6c90c0}.build-ui>header>b{background:#e0eafb;color:#6f8db9}
.build-map>svg{stroke:#8da8ce;stroke-width:1.6}.build-map>span{border-color:#cfdbed;color:#668fc3;background:#f8fbff}
.build-map>span>b{color:#7088aa;font-size:6px}.build-map>strong{background:linear-gradient(140deg,#8aaee1,#4d77b0);border-color:#d3e2f8;box-shadow:0 6px 12px #567bb333}
.build-ui>footer{color:#7d95b9;font-size:6px}.build-ui>footer>i{background:#649d7a}
.evolve-ui{border-color:#cdded0}.evolve-ui>header>i{background:#588f6c}.evolve-ui>header>b{background:#e0eee2;color:#6a9675}
.evolve-metrics>span{color:#75967d;font-size:7px}.evolve-metrics strong{color:#3e7351}.evolve-metrics>b{color:#5e946c;background:#dceee0;font-size:6px}
.evolve-chart{border-color:#c4d9c8}.evolve-chart i{background:linear-gradient(#9bbda2,#deecdf)}
.evolve-chart i:nth-child(8){background:linear-gradient(#5f926e,#bad5be)}
.evolve-chart>svg{stroke:#3f7c55;stroke-width:2}.evolve-ui>footer>span{background:#e4f0e3;color:#709575;font-size:6px}
@media(prefers-reduced-motion:reduce){.product-squares>.builder-product{transition:none}}