/* One visual language: crisp product surfaces, purposeful color, layered depth. */
.product-squares>.square-platform{--tile-color:#e0f38d;--tile-ink:#344b20}
.product-squares>.square-community{--tile-color:#d8c4f5;--tile-ink:#4e3669}
.product-squares>.square-diagnosis{--tile-color:#b9d9fb;--tile-ink:#2c527e}
.product-squares>.square-pitch{--tile-color:#f7cba8;--tile-ink:#75472d}
.product-squares>.builder-product{background:var(--tile-color);border-color:transparent;box-shadow:inset 0 1px 0 #ffffff60;transition:transform .2s,box-shadow .2s}
.product-squares>.builder-product:hover{transform:translateY(-3px);box-shadow:0 8px 20px #33452115}
.product-squares .builder-thumb{background:var(--tile-color)}
.product-squares .builder-thumb:after{background:linear-gradient(transparent 45%,var(--tile-color) 88%)}
.product-squares .builder-thumb img{box-shadow:0 7px 16px #27353025}
.product-squares .community-thumb img{background:transparent}
.product-squares>.builder-product>span>b{color:var(--tile-ink);font-weight:650}
.product-squares>.builder-product small{color:var(--tile-ink);opacity:.7}
.product-squares .diagnosis-thumb>b{color:#4877ae;text-shadow:0 1px 0 #ffffff90}
.product-squares .diagnosis-thumb>span{color:#658bb7}
.feature-section>.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;row-gap:0;align-items:start}
.feature-section>.section-head>h2{grid-column:1;grid-row:1;margin-top:0;margin-bottom:20px}
.feature-section>.section-head>p{grid-column:1/-1;grid-row:2;margin-top:0}
.feature-section>.section-head>.case-example-label{grid-column:2;grid-row:1;align-self:start;display:block;background:none;border:0;border-radius:0;padding:9px 0 0;margin:0;color:#839076;font-size:12px;font-weight:500;line-height:1.6;white-space:nowrap}
@media(max-width:760px){
.feature-section>.section-head{grid-template-columns:1fr;row-gap:9px}
.feature-section>.section-head>.case-example-label{grid-column:1;grid-row:1;padding:0;font-size:11px}
.feature-section>.section-head>h2{grid-column:1;grid-row:2;margin-bottom:8px}
.feature-section>.section-head>p{grid-column:1;grid-row:3}
}
.evidence-grid .evidence-tile{background:transparent;border-color:#e3e4e0;box-shadow:none}
.evidence-grid .evidence-count strong{color:#292a28}
.evidence-grid .evidence-count>span,.evidence-grid .evidence-tile>p{color:#81827e}
.evidence-grid .evidence-art{filter:grayscale(1)}
.feature-section .enhanced-examples .example-mini{height:178px;min-height:178px;flex-shrink:0;margin-bottom:5px}
.enhanced-examples>article>p{margin-bottom:22px}
.enhanced-examples .text-detail{margin-top:auto}
.feature-section .enhanced-examples{margin-top:28px}
main>.builders-section{order:4}main>.feature-section{order:5}main>.work{order:6}main>.services{order:7}main>.contact{order:8}
.prototype-demo{height:100%;display:grid;grid-template-columns:25% 1fr;background:#f5f5fb;color:#343252;overflow:hidden}
.proto-sidebar{background:#292742;color:#a9a6c2;padding:15px 9px;position:relative;display:flex;flex-direction:column;gap:13px;font-size:6px}.proto-sidebar>b{font:700 17px Arial,sans-serif;color:#fff;letter-spacing:-.5px;margin-bottom:6px}.proto-sidebar>b>span{color:#c2b2ff;margin-left:3px}.proto-sidebar>span{white-space:nowrap;padding:5px 3px}.proto-sidebar>span.selected{background:#45405e;border-radius:4px;color:#f4f1ff}.proto-sidebar>div{position:absolute;bottom:12px;left:10px;font-size:5px}.proto-sidebar i{background:#72648e;color:#fff;font-size:5px;font-style:normal;padding:4px;border-radius:50%;margin-right:4px}
.proto-main{padding:12px;min-width:0}.proto-main>header{display:flex;justify-content:space-between;font-size:5px;color:#9c97b2}.proto-main>header>i{font-style:normal;color:#886fb7}.proto-main>h4{font-size:12px;margin:13px 0 11px;display:flex;justify-content:space-between;align-items:center;gap:5px;white-space:nowrap}.proto-main>h4>span{font-size:5px;background:#7160a5;color:white;padding:5px;border-radius:4px;font-weight:400}
.proto-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.proto-metrics>div{background:white;border:1px solid #e9e5f1;border-radius:5px;padding:8px}.proto-metrics small{font-size:6px;color:#9289a6;display:block}.proto-metrics b{display:block;font:19px/1.2 Arial,sans-serif;margin-top:4px;color:#4c416d}.proto-metrics em{font:5px Arial,sans-serif;color:#9c92ae;font-style:normal}.proto-metrics>div:nth-child(2) em{color:#559b84}
.proto-board{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.proto-board>div>small{display:flex;justify-content:space-between;font-size:6px;color:#9f97ae;padding:0 3px 6px}.proto-board>div>small>b{font-weight:400}.proto-board article{padding:8px;background:white;border-radius:5px;border:1px solid #e9e4f0;box-shadow:0 3px 8px #33235406;min-height:77px}.proto-board article>i{display:inline-block;background:#ede6fd;color:#9a83bb;font-size:5px;padding:3px 4px;border-radius:3px;font-style:normal}.proto-board>div:nth-child(2) article>i{background:#e3efe9;color:#759d89}.proto-board article>strong{font-size:7px;display:block;margin:6px 0}.proto-board article>span{font-size:5px;color:#a19aac;display:block}.proto-board footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.proto-board footer>b{font-size:5px;color:#a18aba;font-weight:500;background:#f0e9f7;border-radius:10px;padding:3px}.proto-board footer>small{font-size:4px;color:#aca4b7}.proto-progress{height:3px;background:#eee9f6;margin:7px 0 0;border-radius:3px}.proto-progress>b{display:block;height:100%;width:65%;background:#9c8acb;border-radius:3px}
.proto-ai{display:flex;gap:7px;align-items:center;border:1px solid #ded5f3;border-radius:5px;padding:7px;margin-top:9px;background:#eee8fa;color:#7e669f}.proto-ai>b{font-size:13px}.proto-ai>span{font-size:6px;flex:1}.proto-ai small{display:block;font-size:5px;color:#a08db7;margin-top:3px}.proto-ai>i{font-size:11px;font-style:normal}
.proto-main>h4{margin:9px 0 8px}.proto-metrics>div{padding:6px}.proto-metrics b{font-size:17px;margin-top:3px}.proto-board{margin-top:8px}.proto-board article{padding:6px;min-height:65px}.proto-board article>strong{margin:4px 0}.proto-board footer{margin-top:6px}.proto-ai{padding:5px;margin-top:7px}.proto-ai small{font-size:4px}
.case-example-label{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #cfddc8;border-radius:30px;background:#f1f7eb;font-size:12px;font-weight:500;color:#5d784c;margin-bottom:21px}.case-example-label>i{width:6px;height:6px;border-radius:50%;background:#8cab60}
/* Color and surface hierarchy in the interactive case study. */
.value-stage{background:linear-gradient(145deg,#e6f0ff,#c9ddfb);border-color:#bed0ea;box-shadow:inset 0 1px 0 #fff,0 14px 34px #384c7610}
.value-stage[data-active-value="1"]{background:linear-gradient(145deg,#ffeddf,#f4d6bd);border-color:#e5c7a8}.value-stage[data-active-value="2"]{background:linear-gradient(145deg,#eee7ff,#d8c9f4);border-color:#cfbfe8}.value-stage[data-active-value="3"]{background:linear-gradient(145deg,#e2f5ec,#bddfce);border-color:#b3d6c4}.value-stage[data-active-value="4"]{background:linear-gradient(145deg,#e7f4ee,#c8dfd4);border-color:#b7d0c3}.value-stage[data-active-value="5"]{background:linear-gradient(145deg,#fff3d6,#ecdfb8);border-color:#e0d0a5}
.value-stage-bar{background:#ffffff7a;color:#506a89;border-bottom:1px solid #ffffff6b;font-weight:500}.value-stage-bar>b{color:#7b8a9b}.value-stage-bar i{background:#638bb4;box-shadow:0 0 0 4px #ffffff50}
.value-preview>.ops-panel{background:linear-gradient(145deg,#fff,#fcfdff);box-shadow:0 12px 28px #28374c12,0 1px 2px #28374c08;border:1px solid #ffffff;border-radius:14px;padding:23px}.value-preview .panel-heading{border-bottom:1px solid #e9edf2;padding-bottom:15px}.value-preview .panel-heading h3{color:#354960;font-weight:650}.value-preview .panel-heading p{color:#8795a4}
.value-preview .task-title h4{color:#293d55;font-weight:650}.value-preview .task-fields dd{color:#526a83}.value-preview .task-fields dt{color:#8b9aab}.value-preview .panel-number{background:#e4edfc;border-color:#d2e0f5;color:#7194c6}.value-preview .panel-state{background:#e5f4ec;color:#4c8b6d;font-weight:500}.value-preview .assigned-person{background:#edf3fc;border:1px solid #dde7f5;border-radius:10px}.value-preview .assignee-avatar{background:#abc9e9;color:#fff}.value-preview .assigned-person b{color:#476381}.value-preview .assigned-person small{color:#8c9eae}
.preview-message .source-message{background:#fffffff2;border-color:white;box-shadow:0 6px 18px #304f7b0c}.preview-message .staff-avatar{background:#6e9fc9;color:white}.preview-message .source-message p{color:#4a6482}.message-arrow{color:#668fc1}.preview-kicker{font-weight:600;color:#4e709b}.value-stage-note{color:#6d8199}
.dispatch-task{background:#fff9f3;border-color:#edd6c0;box-shadow:0 6px 14px #9d643b09}.dispatch-task h4{color:#775339}.dispatch-task>b{color:#a16c45;background:#f5e3ce}.dispatch-person{background:white;border-color:#eee2d6;box-shadow:0 4px 12px #7b4b2810}.dispatch-person .assignee-avatar{background:#d7a77e;color:white}.dispatch-person b{color:#795e48}.dispatch-person small{color:#ab947e}.dispatch-person>i{color:#8e6849}.dispatch-person.secondary{background:#faf5ee}
.value-preview .reply-draft{background:#f2edfc;border-color:#dfd2f2;border-radius:10px}.value-preview .reply-draft>div{color:#8665a8}.value-preview .reply-draft p{color:#6e548e}.value-preview .reply-draft button{background:#7e63a2;color:white;border:1px solid #75599b;border-radius:6px;padding:9px 13px}.value-preview .next-actions>b{color:#765c93}.value-preview .next-actions li{color:#816b98}.value-preview .next-actions li:before{background:#e9dff6;color:#9b7ebd}
.agent-executed{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.agent-executed>span{font-size:9px;color:#6f8e7a;background:#edf5ef;border:1px solid #dce9df;border-radius:5px;padding:6px 8px}
.value-preview .timeline-item b{color:#476d59}.value-preview .timeline-item small{color:#819d8e}.value-preview .timeline-item.done>i{background:#74a18a;border-color:#74a18a}.value-preview .timeline-item.current>i{border-color:#6e9c83;background:#d7ebdf;box-shadow:0 0 0 4px #f0f8f3}.value-preview .followup-bar button{background:#57866d;color:white;border-color:#57866d}
.value-preview .profile-person>span{background:#6d9b83;border-color:#659279;color:white}.value-preview .profile-stats strong{color:#3e735a}.value-preview .profile-observation{background:#edf5ef;border-color:#cde0d3;color:#6d8c78}.value-preview .profile-observation>b{color:#4d7c60}.location-heading h4{color:#776237}.location-metrics strong{color:#8b6f38}.location-row{color:#927d50}.location-alert{background:#fbf3df;border-color:#e7d7aa}.location-alert b{color:#94753e}.location-alert p{color:#9b8458}
/* Supporting case: a real client workspace, with distinct status and next action. */
.example-mini.crm-mini{padding:13px;background:linear-gradient(135deg,#d9eee5,#b7d8c7);height:178px}
.crm-mini .crm-window{display:block;background:#fff;border-radius:8px;box-shadow:0 6px 14px #2d604a15;overflow:hidden;padding:0;border:1px solid #ffffffb0}
.crm-window>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #ecf1ed}.crm-window>header>b{font-size:9px;color:#355c49}.crm-window>header>span{font-size:7px;color:#78a18b;background:#e7f3eb;border-radius:4px;padding:3px 5px}
.crm-person{display:flex;gap:8px;align-items:center;padding:10px 11px}.crm-person>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#45795d;color:white;font-size:9px;font-style:normal}.crm-person>div{flex:1}.crm-person b{font-size:9px;color:#46634f}.crm-person small{display:block;font-size:6px;color:#94a490;margin-top:4px}.crm-person>em{font-size:6px;font-style:normal;background:#fff0d9;color:#bd985b;padding:4px;border-radius:3px}
.crm-next{margin:0 10px;background:#eef5f0;border:1px solid #dfebe1;padding:7px;border-radius:5px}.crm-next>b{font-size:7px;color:#61846e}.crm-next>p{font-size:8px!important;margin:4px 0!important;line-height:1.6!important;color:#4c6d57!important}.crm-next>span{font-size:6px;color:#94a78f}.crm-stages{display:flex;gap:3px;padding:7px 10px}.crm-stages>b{flex:1;background:#f1f4ef;color:#a5afa0;text-align:center;font-size:5px;padding:3px;font-weight:400;border-radius:3px}.crm-stages>b.active{background:#dcebdd;color:#749175}
.example-mini.knowledge-mini{background:linear-gradient(135deg,#e2e7ff,#cbd5f4);color:#6a7eac;box-shadow:inset 0 1px 0 #fff8}.knowledge-mini>span{background:#a8b9e5;color:white;box-shadow:0 3px 7px #667aaa12}.knowledge-mini>div{background:white;box-shadow:0 6px 12px #5266a312;border:1px solid #fff;border-radius:8px}.knowledge-mini b{color:#6379ab}.knowledge-mini p{color:#5f7297!important}.knowledge-mini small{color:#8e9fbd}
.example-mini.media-mini{background:linear-gradient(135deg,#fce8d0,#edc99f);color:#9b7246}.media-mini>div>span{background:#fff7ec;color:#ac885f;border:1px solid #fff5}.media-mini>div>span:last-child{background:#bf956b;color:#fff}.media-mini>p{background:#fffaf3;border-radius:8px;padding:12px;box-shadow:0 5px 13px #865c2810;border:1px solid white;color:#97714d!important}.media-mini>p>b{color:#866344}
/* Product-like workflow graphics, intentionally decorative rather than live metrics. */
.process-card .craft-scene{height:205px;padding:14px 8px 7px;overflow:hidden;position:relative;display:block;isolation:isolate}
.craft-scene:before{content:'';position:absolute;inset:30px 5px 0;border-radius:50%;background:radial-gradient(ellipse,#ffffffb0,transparent 70%);z-index:-1}.craft-ui{width:100%;height:177px;background:#fffffff5;border:1px solid #ffffff;border-radius:9px;box-shadow:0 9px 22px #3b42261a,0 1px 3px #3b42260a;position:relative;overflow:hidden;color:#627357;transform:rotate(-3deg)}
.craft-ui>header{height:29px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #edf0e8;background:#fff;font-size:8px;white-space:nowrap}.craft-ui>header>i{width:5px;height:5px;background:#97b76f;border-radius:50%}.craft-ui>header>b{font-size:6px;font-weight:400;background:#eff5e8;border-radius:3px;margin-left:auto;padding:3px 5px;color:#8a9c78}
.strategy-grid{height:112px;margin:9px 15px 0 20px;border-left:1px solid #d5dfca;border-bottom:1px solid #d5dfca;position:relative;background-image:linear-gradient(#e9eede80 1px,transparent 1px),linear-gradient(90deg,#e9eede80 1px,transparent 1px);background-size:25% 50%}.strategy-grid>span{font-size:5px;position:absolute;top:0;left:3px;color:#9cab8f}.strategy-grid>small{font-size:5px;position:absolute;bottom:3px;right:0;color:#9cab8f}.strategy-dot{position:absolute;font-size:6px;padding:5px 7px;background:#edf3e5;border:1px solid #dce6d0;border-radius:4px;color:#809667;box-shadow:0 3px 7px #7182500c}.dot-a{left:8%;top:43%}.dot-b{right:2%;top:15%;background:#dcebc8;border-color:#bbd399;color:#5e7c40}.dot-b>b{display:block;font-size:5px;font-weight:500;margin-top:3px;color:#8aa86a}.dot-c{right:17%;bottom:15%}.strategy-ui>footer{font-size:5px;text-align:center;margin-top:7px;color:#9cab8c}
.design-ui{background:#fffaf5;transform:rotate(2deg);overflow:visible}.design-ui>header{border-radius:9px 9px 0 0}.design-ui>header>i{background:#d1aa7c}.design-ui>header>b{background:#fbf0df;color:#ba976d}.design-browser{position:absolute;left:10px;top:42px;width:76%;height:117px;border:1px solid #e5d8c6;background:white;border-radius:5px;padding:7px;overflow:hidden;box-shadow:0 3px 10px #88603309}.design-browser nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.design-browser nav b{font:700 11px Arial,sans-serif;color:#5f6957}.design-browser nav span{font-size:4px;color:#aca78e}.design-browser>div{height:61px;background:#587062;padding:9px;color:#fff;display:flex;justify-content:space-between;align-items:center}.design-browser>div>b{font-size:13px;line-height:1.4}.design-browser>div>i{display:block;width:22px;height:42px;background:linear-gradient(90deg,#f0d7a9,#bca77e);border-radius:20px;transform:rotate(25deg);margin-right:10px}.design-browser footer{display:flex;gap:4px;margin-top:6px}.design-browser footer i{height:17px;flex:1;background:#e8ddcc}.design-browser footer i:nth-child(2){background:#c8d6c5}
.design-mobile{position:absolute;right:8px;top:63px;width:54px;height:111px;border:3px solid #5b6157;border-radius:10px;background:white;box-shadow:0 7px 12px #64554020;padding:13px 4px 4px;transform:rotate(7deg)}.design-mobile>span{position:absolute;left:16px;top:3px;width:17px;height:4px;border-radius:5px;background:#5b6157}.design-mobile>b{display:block;font-size:5px;color:#66715d}.design-mobile>i{display:block;background:#e3e9d1;color:#7b8e63;font-size:7px;padding:7px 3px;margin:7px 0;font-style:normal;line-height:1.4;border-radius:3px}.design-mobile>small{font-size:4px;color:#a4ad91}.design-mobile>footer{font-size:5px;text-align:center;color:#9ca48d;margin-top:7px}
.build-ui{background:#f9fbff;transform:rotate(-2deg)}.build-ui>header>i{background:#89a6d0}.build-ui>header>b{background:#ecf1fa;color:#8ea4c2}.build-map{height:119px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;padding:8px;gap:8px 12px}.build-map>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#afc1dc;stroke-width:1.5}.build-map>span{position:relative;width:52px;height:37px;border:1px solid #dfe7f4;background:white;border-radius:6px;color:#8ca9d2;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;box-shadow:0 2px 5px #5b75a408}.build-map>span>b{font-size:5px;font-weight:500;color:#95a4bb}.build-map>span:nth-of-type(2){grid-column:3}.build-map>strong{position:relative;grid-row:1/3;grid-column:2;width:52px;height:60px;background:linear-gradient(140deg,#b4c7e9,#7899c6);border:3px solid #e1eafa;border-radius:12px;color:#fff;box-shadow:0 5px 10px #718daf25;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;line-height:1.1}.build-map>strong>b{font:11px Arial,sans-serif;margin-top:4px}.build-map>span:nth-of-type(3){grid-row:2;grid-column:1}.build-map>span:nth-of-type(4){grid-row:2;grid-column:3}.build-ui>footer{text-align:center;color:#97aac6;font-size:5px}.build-ui>footer>i{display:inline-block;width:4px;height:4px;background:#89b39a;border-radius:50%;margin-right:3px}
.evolve-ui{background:#fcfffc;transform:rotate(2deg)}.evolve-ui>header>i{background:#78a490}.evolve-ui>header>b{background:#edf6ef;color:#81a18b}.evolve-metrics{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 4px}.evolve-metrics>span{font-size:6px;color:#8caa94}.evolve-metrics strong{display:block;font-size:11px;color:#5f8a6f;margin-top:4px;font-weight:500}.evolve-metrics>b{font-size:5px;background:#e9f4ec;color:#76a186;padding:4px 6px;border-radius:4px;font-weight:400}
.evolve-chart{height:62px;position:relative;margin:0 13px;border-bottom:1px solid #e0ebe1;background:repeating-linear-gradient(transparent 0 19px,#ecf1e9 20px)}.evolve-chart>div{height:100%;display:flex;gap:8px;align-items:flex-end;padding:0 6px}.evolve-chart i{display:block;flex:1;background:linear-gradient(#c2d9c8,#e8f1e8);border-radius:3px 3px 0 0;height:22%}.evolve-chart i:nth-child(2){height:35%}.evolve-chart i:nth-child(3){height:29%}.evolve-chart i:nth-child(4){height:47%}.evolve-chart i:nth-child(5){height:43%}.evolve-chart i:nth-child(6){height:67%}.evolve-chart i:nth-child(7){height:59%}.evolve-chart i:nth-child(8){height:87%;background:linear-gradient(#80a58b,#c5ddca)}.evolve-chart>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#629377;stroke-width:1.8;filter:drop-shadow(0 3px 2px #72a78418)}.evolve-ui>footer{display:flex;align-items:center;justify-content:center;gap:5px;font-size:5px;color:#abc0af;margin-top:11px}.evolve-ui>footer>span{padding:4px;background:#eef5ed;border-radius:3px;color:#8ba38c}
@media(max-width:1050px) and (min-width:761px){.proto-main{padding:9px}.proto-main>h4{font-size:10px}.proto-sidebar{padding:14px 5px;font-size:5px}.proto-main>h4>span{font-size:4px}.proto-board article{padding:6px}.craft-ui{height:170px}.process-card .craft-scene{padding-left:0;padding-right:0}.build-map{gap:5px}.build-map>span{width:44px}.build-map>strong{width:45px}.craft-ui>header{font-size:7px}}
@media(max-width:760px){.proto-main{padding:13px}.proto-main>h4{font-size:14px}.proto-sidebar{font-size:7px}.proto-board article{min-height:87px;padding:9px}.proto-board article>strong{font-size:8px}.proto-board article>span{font-size:6px}.proto-ai{margin-top:10px;padding:8px}.case-example-label{font-size:11px;margin-bottom:18px}.value-preview>.ops-panel{padding:19px}.process-card .craft-scene{max-width:300px;width:100%;margin-left:auto;margin-right:auto}.craft-ui{height:177px}.crm-mini .crm-window{max-width:360px;margin:auto}}
@media(max-width:370px){.proto-main{padding:8px}.proto-main>h4{font-size:10px}.proto-sidebar{font-size:5px;padding:14px 5px}.proto-sidebar>b{font-size:14px}.proto-main>h4>span{font-size:4px}.proto-board article{padding:6px}.proto-board article>strong{font-size:7px}.proto-board article>span{font-size:5px}.proto-ai>span{font-size:5px}}