.service-visual{gap:18px;min-width:0;min-height:370px;padding:17px;overflow:hidden}.service-visual .signal-top{align-items:center;gap:12px}.service-visual .signal-top span:last-child{text-align:right;color:#a4a59d}.service-visual-label{color:#b7bcb0;letter-spacing:.045em;justify-content:space-between;gap:10px;font:8px ui-monospace,monospace;display:flex}.service-visual-label span:last-child{text-align:right;color:#899087}.service-visual .signal-bottom strong{max-width:58ch;font-size:12px;line-height:1.55}.service-visual :is(svg){flex:none;width:16px;height:16px}.service-visual :is(small){letter-spacing:.045em;color:#8f938a;font:9px/1.4 ui-monospace,monospace}.service-visual :is(b){color:#e6e8e1}.service-visual-saas{background:#111310}.diagram-saas{color:#1d221b;background:#f0f1eb;border:1px solid #41443d;flex:1;min-height:0;overflow:hidden}.diagram-appbar{border-bottom:1px solid #d6d8cf;align-items:center;gap:9px;height:37px;padding:0 11px;font-size:9px;display:flex}.diagram-appmark{color:#fff;background:#246b3a;place-items:center;width:20px;height:20px;font:700 8px ui-monospace,monospace;display:grid}.diagram-appbar b{color:#232820;font-size:9px}.diagram-online{color:#646b60;align-items:center;gap:5px;margin-left:auto;font:8px ui-monospace,monospace;display:flex}.diagram-online i,.diagram-cloud-head i{background:#246b3a;border-radius:50%;width:6px;height:6px}.diagram-saas-grid{grid-template-columns:31px minmax(0,1fr) 100px;height:calc(100% - 37px);display:grid}.diagram-saas-grid>aside:first-child{color:#4f594e;border-right:1px solid #dadbd4;flex-direction:column;align-items:center;gap:16px;padding-top:15px;display:flex}.diagram-saas-grid>aside:first-child svg{width:13px;height:13px}.diagram-saas-grid>aside:first-child span{background:#246b3a;border-radius:50%;width:7px;height:7px;margin-top:auto;margin-bottom:13px}.diagram-saas-main{min-width:0;padding:15px 14px 11px}.diagram-saas-main>small,.diagram-plan>small{letter-spacing:.07em;color:#777e72;font:8px ui-monospace,monospace}.diagram-saas-main h3{font:600 clamp(15px,1.5vw,20px)/1.1 var(--font-display);color:#20251e;margin:8px 0 14px}.diagram-stat-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.diagram-stat-row>div{background:#f8f9f5;border:1px solid #d7d9d1;padding:8px}.diagram-stat-row small{display:block;font-size:7px!important}.diagram-stat-row b{font:600 15px var(--font-display);color:#242921;margin-top:5px;display:block}.diagram-stat-row em{color:#246b3a;font:7px ui-monospace,monospace}.diagram-usage{background:#f8f9f5;border:1px solid #d7d9d1;margin-top:9px;padding:10px 8px 7px}.diagram-usage>div:first-child{justify-content:space-between;font-size:8px;display:flex}.diagram-usage>div:first-child small{font-size:7px}.diagram-bars{border-bottom:1px solid #e3e5df;align-items:end;gap:3px;height:36px;margin-top:8px;display:flex}.diagram-bars i{opacity:.78;background:#246b3a;flex:1;min-width:2px}.diagram-plan{background:#e9ebe4;border-left:1px solid #dadbd4;flex-direction:column;gap:9px;padding:15px 9px;display:flex}.diagram-plan b{font:600 15px var(--font-display);color:#22271f}.diagram-plan span{color:#62685f;font-size:8px;line-height:1.5}.diagram-plan>div{background:#cdd2c7;height:4px}.diagram-plan>div i{background:#246b3a;width:72%;height:100%;display:block}.diagram-ai{flex-direction:column;flex:1;justify-content:center;gap:15px;min-height:0;display:flex}.diagram-ai-prompt,.diagram-ai-result{background:#181a16;border:1px solid #41443d;padding:12px 14px}.diagram-ai-prompt>small,.diagram-ai-result>span{color:#aeb5a8;letter-spacing:.06em;align-items:center;gap:7px;font:8px ui-monospace,monospace;display:flex}.diagram-ai-prompt>small svg,.diagram-ai-result>span svg{color:#b8d4ba;width:13px;height:13px}.diagram-ai-prompt p,.diagram-ai-result p{color:#eceee8;margin:9px 0 0;font-size:12px;line-height:1.5}.diagram-ai-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.diagram-ai-step{background:#111310;border:1px solid #41443d;flex-direction:column;gap:5px;min-height:98px;padding:9px;display:flex;position:relative}.diagram-ai-index{color:#82877d;font:8px ui-monospace,monospace}.diagram-ai-icon{color:#b8d4ba}.diagram-ai-step b{font-size:11px}.diagram-ai-step>small{font-size:8px!important}.diagram-ai-arrow{z-index:1;color:#b8d4ba;position:absolute;top:50%;right:-12px;width:17px!important}.diagram-ai-result{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.diagram-ai-result>span{grid-column:1/-1}.diagram-ai-result p{margin:0;font-size:10px}.diagram-ai-result b{color:#b8d4ba;white-space:nowrap;align-items:center;gap:5px;font:8px ui-monospace,monospace;display:flex}.diagram-ai-result b svg{width:12px;height:12px}.service-visual-custom-software{background:#131510}.diagram-workflow{background:repeating-linear-gradient(0deg,#0000,#0000 23px,#ffffff06 24px),repeating-linear-gradient(90deg,#0000,#0000 23px,#ffffff06 24px),#10120f;border:1px solid #41443d;flex-direction:column;flex:1;justify-content:center;min-height:0;padding:12px;display:flex}.diagram-workflow-head,.diagram-workflow-foot{color:#a9ada3;letter-spacing:.04em;justify-content:space-between;gap:8px;font:8px ui-monospace,monospace;display:flex}.diagram-workflow-head span:last-child{align-items:center;gap:6px;display:flex}.diagram-workflow-head i{background:#246b3a;border-radius:50%;width:6px;height:6px}.diagram-workflow-canvas{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;margin:28px 0;display:grid}.diagram-work-node{text-align:center;background:#191b16;border:1px solid #4a4e44;justify-items:center;gap:6px;min-height:91px;padding:11px 4px;display:grid}.diagram-work-node>svg{color:#aeb9a6}.diagram-work-node b{font-size:9px}.diagram-work-node small{font-size:7px!important}.diagram-work-node.active{background:#20271f;border-color:#6c976f}.diagram-work-node.active>svg{color:#b8d4ba}.diagram-flow-link{background:#697162;height:1px;position:relative}.diagram-flow-link i{background:#b8d4ba;width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.diagram-workflow-foot{border-top:1px solid #343830;padding-top:12px}.diagram-workflow-foot span:first-child{color:#b8d4ba;align-items:center;gap:5px;display:flex}.diagram-workflow-foot svg{width:12px;height:12px}.service-visual-mobile{background:#131510}.diagram-mobile-wrap{flex:1;justify-content:center;align-items:center;gap:20px;min-height:0;display:flex}.diagram-phone{color:#252921;background:#f2f3ed;border:3px solid #6a6d64;border-radius:22px;flex-direction:column;flex:none;width:174px;height:237px;padding:12px 10px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0006}.diagram-phone-island{background:#1a1b18;border-radius:10px;width:49px;height:9px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.diagram-phone-head{justify-content:space-between;font:7px ui-monospace,monospace;display:flex}.diagram-phone>small{margin-top:13px;font-size:7px!important}.diagram-phone h3{font:600 16px var(--font-display);color:#23271f;margin:5px 0 11px}.diagram-phone-task{background:#fff;border:1px solid #dfe1da;align-items:center;gap:7px;margin-bottom:6px;padding:8px 5px;display:flex}.diagram-phone-task>span{color:#fff;background:#246b3a;place-items:center;width:20px;height:20px;display:grid}.diagram-phone-task>span svg{width:12px;height:12px}.diagram-phone-task>span.pending{color:#246b3a;background:#e3eae0}.diagram-phone-task>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.diagram-phone-task b{color:#22271f;font-size:8px}.diagram-phone-task small{font-size:6px!important}.diagram-phone-task>svg{color:#74796f;width:12px;height:12px}.diagram-phone-sync{color:#596356;align-items:center;gap:5px;margin-top:3px;font:6px ui-monospace,monospace;display:flex}.diagram-phone-sync i{background:#246b3a;border-radius:50%;width:5px;height:5px}.diagram-phone-tabs{border-top:1px solid #dfe1da;justify-content:space-around;margin:auto -10px 0;padding:8px 0 5px;font-size:10px;display:flex}.diagram-phone-tabs span{color:#246b3a;justify-items:center;gap:3px;display:grid}.diagram-phone-tabs small{font-size:6px!important}.diagram-device-note{color:#b8d4ba;align-items:center;gap:9px;display:flex}.diagram-device-note>svg{width:21px;height:21px}.diagram-device-note span{color:#989d93;font:8px/1.6 ui-monospace,monospace}.diagram-device-note b{color:#e1e4dc;font-size:10px}.service-visual-cloud{background:#121510}.diagram-cloud{background:#10120f;border:1px solid #41443d;flex-direction:column;flex:1;justify-content:center;gap:18px;min-height:0;padding:15px;display:flex}.diagram-cloud-head,.diagram-cloud-footer,.diagram-cloud-pipeline{justify-content:space-between;align-items:center;gap:8px;display:flex}.diagram-cloud-head{color:#b3b7ae;font:8px ui-monospace,monospace}.diagram-cloud-head span:last-child{color:#b8d4ba;align-items:center;gap:6px;display:flex}.diagram-cloud-pipeline>div{text-align:center;background:#181a16;border:1px solid #42463e;flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;padding:10px 3px;display:flex}.diagram-cloud-pipeline>div>svg{color:#bcc3b6}.diagram-cloud-pipeline>div.diagram-cloud-deploy{background:#1b241b;border-color:#66846a}.diagram-cloud-pipeline>div.diagram-cloud-deploy>svg{color:#b8d4ba}.diagram-cloud-pipeline>svg{color:#8d9487;width:12px;height:12px}.diagram-cloud-pipeline b{font-size:8px}.diagram-cloud-pipeline small{font-size:7px!important}.diagram-cloud-footer{border-top:1px solid #3b3f37;padding-top:12px}.diagram-cloud-footer>div{flex-direction:column;gap:5px;min-width:0;display:flex}.diagram-cloud-footer small{font-size:7px!important}.diagram-cloud-footer b{font:9px ui-monospace,monospace}.diagram-cloud-footer i{color:#b8d4ba;margin-top:3px;font-size:7px;font-style:normal;display:block}.service-visual-web{background:#121510}.diagram-web{color:#22271f;background:#f0f1eb;border:1px solid #41443d;flex:1;min-height:0;overflow:hidden}.diagram-browserbar{border-bottom:1px solid #d6d8cf;align-items:center;gap:5px;height:28px;padding:0 8px;display:flex}.diagram-browserbar>span{background:#a9ada4;border-radius:50%;width:5px;height:5px}.diagram-browserbar>div{text-align:center;color:#62685f;background:#e5e7df;flex:1;max-width:180px;margin:0 auto;padding:3px;font:7px ui-monospace,monospace}.diagram-browserbar>svg{color:#71786d;width:11px;height:11px}.diagram-web-frame{grid-template-columns:91px minmax(0,1fr);height:calc(100% - 28px);display:grid}.diagram-web-frame>aside{border-right:1px solid #d6d8cf;flex-direction:column;gap:12px;padding:13px 7px;display:flex}.diagram-web-frame>aside b{color:#858a7e;margin-bottom:3px;font:7px ui-monospace,monospace}.diagram-web-frame>aside span{white-space:nowrap;align-items:center;gap:5px;padding:5px 3px;font-size:7px;display:flex}.diagram-web-frame>aside span svg{width:11px;height:11px}.diagram-web-frame>aside span.selected{color:#246b3a;background:#e0e9dd}.diagram-web-frame>aside>div{color:#6f756b;align-items:center;gap:5px;margin-top:auto;font-size:7px;display:flex}.diagram-web-frame>aside>div svg{width:11px;height:11px}.diagram-web-content{min-width:0;padding:13px 12px}.diagram-web-heading{justify-content:space-between;align-items:end;gap:8px;display:flex}.diagram-web-heading small{font-size:7px!important}.diagram-web-heading h3{font:600 14px var(--font-display);color:#22271f;margin:5px 0 10px}.diagram-web-heading button{color:#fff;white-space:nowrap;background:#246b3a;border:0;padding:6px 8px;font-size:7px}.diagram-web-cards{grid-template-columns:1fr 1fr;gap:7px;display:grid}.diagram-web-cards>div{background:#fafbf8;border:1px solid #d7d9d1;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.diagram-web-cards span{color:#747b70;font:7px ui-monospace,monospace}.diagram-web-cards span i{background:#246b3a;border-radius:50%;width:5px;height:5px;margin-left:3px;display:inline-block}.diagram-web-cards b{color:#2b3028;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.diagram-web-cards small{font-size:7px!important}.diagram-web-cards>div>div{color:#687064;border-top:1px solid #e2e4dd;justify-content:space-between;align-items:center;gap:4px;padding-top:5px;font-size:7px;display:flex}.diagram-web-cards em{color:#246b3a;font-style:normal}.diagram-web-cards svg{width:10px;height:10px}.diagram-web-activity{margin-top:12px}.diagram-web-activity>small{font-size:7px!important}.diagram-web-activity p{color:#343a32;align-items:center;gap:5px;margin:7px 0;font-size:7px;display:flex}.diagram-web-activity p i{background:#246b3a;border-radius:50%;flex:none;width:5px;height:5px}.diagram-web-activity p span{color:#858a7e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:720px){.service-visual{gap:12px;min-height:335px;padding:13px}.service-visual .signal-top{font-size:7px}.service-visual .signal-top span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:56%;overflow:hidden}.service-visual-label{font-size:7px}.service-visual .signal-bottom strong{font-size:11px}.diagram-saas-grid{grid-template-columns:25px minmax(0,1fr) 77px}.diagram-saas-main{padding:12px 8px 8px}.diagram-plan{padding:12px 6px}.diagram-stat-row{gap:4px}.diagram-stat-row>div{padding:6px 4px}.diagram-stat-row b{font-size:12px}.diagram-stat-row em{margin-top:2px;display:block}.diagram-ai-flow{gap:4px}.diagram-ai-step{padding:7px 5px}.diagram-ai-result{grid-template-columns:1fr}.diagram-ai-result>span{grid-column:auto}.diagram-ai-result b{white-space:normal}.diagram-workflow{padding:8px}.diagram-workflow-canvas{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);margin:22px 0}.diagram-work-node{min-height:78px}.diagram-work-node b{font-size:8px}.diagram-mobile-wrap{gap:12px}.diagram-phone{width:160px;height:228px}.diagram-cloud{gap:14px;padding:10px 7px}.diagram-cloud-head{flex-wrap:wrap;font-size:7px}.diagram-cloud-pipeline{gap:4px}.diagram-cloud-pipeline>div{padding:9px 2px}.diagram-cloud-pipeline b{font-size:7px}.diagram-cloud-pipeline small{font-size:6px!important}.diagram-cloud-footer{gap:5px}.diagram-cloud-footer small{font-size:6px!important}.diagram-cloud-footer b{font-size:7px}.diagram-cloud-footer i{font-size:6px}.diagram-web-frame{grid-template-columns:70px minmax(0,1fr)}.diagram-web-content{padding:10px 7px}.diagram-web-heading h3{font-size:12px}.diagram-web-cards{gap:4px}.diagram-web-cards>div{gap:5px;padding:5px}.diagram-device-note span{font-size:7px}.diagram-device-note b{font-size:8px}}@media (max-width:390px){.diagram-device-note{display:none}.diagram-phone{width:172px}.diagram-ai-prompt,.diagram-ai-result{padding:10px}}[data-theme=light] .service-visual-saas,[data-theme=light] .service-visual-ai,[data-theme=light] .service-visual-custom-software,[data-theme=light] .service-visual-mobile,[data-theme=light] .service-visual-cloud,[data-theme=light] .service-visual-web{color:#182019;background:#e0e5dc;border-color:#adb8aa}[data-theme=light] .service-visual :is(.diagram-ai-prompt,.diagram-ai-result,.diagram-ai-step,.diagram-workflow,.diagram-work-node,.diagram-cloud,.diagram-cloud-pipeline>div){color:#1c271d;background:#f4f6f0;border-color:#b4c0b3}[data-theme=light] .service-visual :is(.diagram-ai-prompt p,.diagram-ai-result p,.diagram-work-node b,.diagram-cloud-pipeline b){color:#1c271d}[data-theme=light] .service-visual :is(.diagram-ai-prompt>small,.diagram-ai-result>span,.diagram-ai-step b,.diagram-ai-result b,.diagram-workflow-head,.diagram-workflow-foot,.diagram-cloud-head,.diagram-cloud-footer b){color:#304333}[data-theme=light] .service-visual :is(.diagram-ai-step>small,.diagram-ai-index,.diagram-cloud-pipeline small,.diagram-cloud-footer small,.diagram-workflow-head span,.diagram-workflow-foot span){color:#5b6c5d}[data-theme=light] .service-visual :is(.diagram-ai-icon,.diagram-ai-arrow,.diagram-ai-prompt svg,.diagram-ai-result svg,.diagram-work-node svg,.diagram-cloud-pipeline svg){color:#246b3a}[data-theme=light] .diagram-workflow{background-color:#e9eee7;background-image:repeating-linear-gradient(0deg,#0000,#0000 23px,#246b3a0d 24px),repeating-linear-gradient(90deg,#0000,#0000 23px,#246b3a0d 24px)}[data-theme=light] .diagram-work-node.active,[data-theme=light] .diagram-cloud-pipeline>div.diagram-cloud-deploy{background:#dce9dc;border-color:#6d9a73}[data-theme=light] .diagram-browserbar,[data-theme=light] .diagram-appbar,[data-theme=light] .diagram-saas{color:#1c271d;background:#f4f6f0;border-color:#c2cbc0}[data-theme=light] .diagram-phone{box-shadow:0 10px 24px #31453033}