.system-graphic{isolation:isolate;color:#321e46;background:radial-gradient(at 80% 15%,#ead3ff,#0000 70%),#f4eafa;border:1px solid #bfa1d5;border-radius:26px;align-items:center;width:100%;min-width:0;min-height:360px;display:grid;position:relative;overflow:hidden}.graphic-grid{z-index:-1;background-image:linear-gradient(#71428d0c 1px,#0000 1px),linear-gradient(90deg,#71428d0c 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.graphic-content{width:100%;min-width:0;padding:30px}.graphic-top{letter-spacing:.06em;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;font-size:12px;font-weight:700;display:flex}.graphic-top>i,.pipeline-node>span{background:#774298;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 5px #b88fd32b}.graphic-footer{letter-spacing:.045em;text-align:center;color:#654175;margin-top:28px;font-size:11px;font-weight:700;line-height:1.7}.design-window{background:#fffafd;border:1px solid #b997d0;border-radius:16px;margin:0 12px;position:relative;box-shadow:0 20px 35px #51297316}.window-toolbar{border-bottom:1px solid #ddcbe9;align-items:center;gap:6px;padding:14px;display:flex}.window-toolbar>i{background:#ad86c7;border-radius:50%;width:6px;height:6px}.window-toolbar>span{margin-left:auto;font-size:11px;font-weight:700}.window-body{padding:24px}.wire-title{background:#6c398f;border-radius:5px;width:75%;height:13px;margin-bottom:9px;display:block}.wire-title.short{background:#c4a3dc;width:45%}.wire-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0;display:grid}.wire-cards i{background:linear-gradient(135deg,#ead8f6,#f6effb);border:1px solid #ddc8ec;border-radius:8px;height:55px}.wire-action{color:#fff;background:#452360;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:700;display:table}.design-pointer{color:#733995;font-size:38px;animation:7s ease-in-out infinite design-point;position:absolute;bottom:15px;right:30px}.code-stack{perspective:800px;gap:12px;display:grid}.code-stack>div{animation:8s ease-in-out infinite stack-breathe;animation-delay:calc(var(--i)*.65s);background:linear-gradient(100deg,#fffaff,#ead9f6);border:1px solid #c6a7dc;border-radius:14px;align-items:center;gap:15px;padding:22px 18px;display:flex;box-shadow:0 8px 15px #4523600d}.code-stack small{color:#754491;font-size:12px}.code-stack strong{font-size:16px;line-height:1.4}.code-stack>div>span{margin-left:auto}.code-connect{align-items:center;gap:12px;margin-top:30px;font-size:12px;font-weight:700;display:flex}.code-connect i{background:#aa83c4;flex:1;height:1px}.infra-pipeline{justify-items:center;display:grid}.pipeline-node{text-align:center;background:#fffaff;border:1px solid #b997d0;border-radius:12px;padding:16px 12px;font-size:13px;font-weight:700;line-height:1.5}.pipeline-node.wide{width:75%}.pipeline-pool{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.pipeline-pool .pipeline-node{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.pipeline-path{background:#aa83c4;width:1px;height:35px;position:relative}.pipeline-path i{background:#7c3d9d;border-radius:50%;width:7px;height:7px;animation:3s linear infinite packet-travel;position:absolute;left:-3px}.growth-plot{border-bottom:1px solid #a67bbf;border-left:1px solid #a67bbf;height:190px;margin:0 12px;position:relative}.plot-grid{background:repeating-linear-gradient(0deg,#0000 0 37px,#bd9ad344 38px);position:absolute;inset:0}.growth-plot svg{width:100%;height:calc(100% - 12px);position:absolute;inset:12px 0 0;overflow:visible}.plot-area{fill:#b885d733}.plot-line{stroke:#754193;stroke-width:3px;fill:none;stroke-dasharray:500;animation:9s ease-in-out infinite plot-draw}.plot-dot{fill:#754193}.plot-steps{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;font-size:12px;font-weight:700;display:flex}.graphic-hub{color:#fff;background:radial-gradient(#75419b75,#20112f 70%);border-color:#946cb3;min-height:500px}.graphic-hub .graphic-grid{background-image:linear-gradient(#e0c2f50b 1px,#0000 1px),linear-gradient(90deg,#e0c2f50b 1px,#0000 1px)}.graphic-hub .graphic-content{place-items:center;gap:30px;padding:60px 35px;display:grid;position:relative}.hub-track{border:1px solid #c298dc66;border-radius:50%;width:300px;height:300px;margin:-150px;animation:45s linear infinite hub-turn;position:absolute;top:50%;left:50%}.hub-track:after{content:"";background:#e6baff;border-radius:50%;width:9px;height:9px;position:absolute;top:15%;left:15%;box-shadow:0 0 20px #e6baff}.hub-track.second{opacity:.6;border-style:dashed;width:400px;height:400px;margin:-200px;animation-direction:reverse}.hub-core{letter-spacing:-.06em;background:linear-gradient(130deg,#8750b0,#412055);border:1px solid #bc94d6;border-radius:32px;justify-content:center;align-items:center;width:170px;height:150px;font-size:70px;font-weight:800;display:flex;position:relative;box-shadow:0 20px 65px #0003}.hub-core>span{margin-top:8px;font-size:35px}.hub-nodes{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid;position:relative}.hub-nodes>span{background:#372046;border:1px solid #b28bcb;border-radius:14px;justify-content:center;align-items:center;gap:18px;padding:17px;font-size:17px;font-weight:700;display:flex}.hub-nodes i{background:#dec0f0;border-radius:50%;width:5px;height:5px}.graphic-hub .graphic-footer{color:#e4c4f4;margin:0;position:relative}.system-graphic *{animation-play-state:paused!important}.system-graphic.graphic-visible *{animation-play-state:running!important}body[data-effects=off] .system-graphic *{transition:none!important;animation:none!important}@keyframes design-point{0%,to{transform:translate(0)}50%{transform:translate(-18px,-10px)}}@keyframes stack-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes packet-travel{0%{opacity:0;transform:translateY(0)}20%,80%{opacity:1}to{opacity:0;transform:translateY(28px)}}@keyframes plot-draw{0%,15%{stroke-dashoffset:500px}65%,to{stroke-dashoffset:0}}@keyframes hub-turn{to{transform:rotate(360deg)}}@media (width<=600px){.system-graphic{min-height:320px}.graphic-content{padding:23px}.graphic-top{margin-bottom:25px;font-size:11px}.graphic-hub{min-height:440px}.hub-track.second{width:330px;height:330px;margin:-165px}.graphic-hub .graphic-content{padding:45px 24px}.code-stack>div{padding:18px 12px}.code-stack strong{font-size:14px}.pipeline-pool{gap:8px}.pipeline-node{padding:14px 8px;font-size:11px}.graphic-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){.system-graphic *{transition:none!important;animation:none!important}}@media (forced-colors:active){.system-graphic,.pipeline-node,.code-stack>div,.design-window,.hub-nodes>span,.hub-core{color:canvastext;background:canvas;border:1px solid canvastext}.graphic-grid,.hub-track{display:none}}.service-problem-graphic>.system-graphic{margin-top:35px}.service-problem-graphic>.body-large{margin-top:0}.graphic-top{font-size:14px}.graphic-footer,.window-toolbar>span{font-size:12px}.wire-action,.pipeline-node,.plot-steps,.code-connect{font-size:14px}@media (width<=600px){.graphic-top,.graphic-footer,.pipeline-node{font-size:12px}.plot-steps{font-size:13px}}body .system-graphic.graphic-design .design-pointer{color:#542f70;pointer-events:none;z-index:2;width:24px;height:28px;line-height:0;animation:8s cubic-bezier(.45,0,.2,1) infinite design-cursor-tour;inset:66% auto auto 76%}body .system-graphic.graphic-design .design-pointer svg{filter:drop-shadow(0 2px 2px #39204724);transform-origin:4px 3px;width:24px;height:28px;animation:8s infinite design-cursor-press;display:block}body .service-card-visual .system-graphic.graphic-design .design-pointer,body .service-card-visual .system-graphic.graphic-design .design-pointer svg{width:19px;height:23px}.design-pointer:before{content:"";opacity:0;border:1.5px solid #9d69bd;border-radius:50%;width:24px;height:24px;margin:-12px;animation:8s ease-out infinite design-cursor-ripple;position:absolute;top:3px;left:3px}.graphic-design .wire-cards i:nth-child(3){animation:8s infinite design-card-select}.graphic-design .wire-action{transform-origin:50%;animation:8s infinite design-action-select}@keyframes design-cursor-tour{0%,8%,to{top:66%;left:76%}24%,39%{top:49%;left:75%}57%,73%{top:78%;left:16%}88%{top:65%;left:48%}}@keyframes design-cursor-press{0%,26%,33%,59%,66%,to{transform:scale(1)}29%,62%{transform:scale(.86)}}@keyframes design-cursor-ripple{0%,27%,59%,to{opacity:0;transform:scale(.3)}29%,61%{opacity:.6;transform:scale(.4)}38%,71%{opacity:0;transform:scale(1.5)}}@keyframes design-card-select{0%,23%,43%,to{transform:translateY(0);box-shadow:0 0 #9160b000}28%,37%{transform:translateY(-2px);box-shadow:0 0 0 2px #9160b044}}@keyframes design-action-select{0%,56%,76%,to{transform:scale(1);box-shadow:0 0 #9160b000}62%{transform:scale(.96);box-shadow:0 0 0 4px #9160b022}68%{transform:scale(1);box-shadow:0 0 0 5px #9160b000}}@media (prefers-reduced-motion:reduce){.design-pointer:before{display:none}}body[data-effects=off] .design-pointer:before{display:none}body main:is(.home-page,.services-page) .home-services-section{--service-gradient-start:#dcc8ee;--service-gradient-end:#c0a5d9}body main:is(.home-page,.services-page) .home-services-section[data-service-scene="1"]{--service-gradient-start:#c6d0e5;--service-gradient-end:#a4b2d3}body main:is(.home-page,.services-page) .home-services-section[data-service-scene="2"]{--service-gradient-start:#e4cbdc;--service-gradient-end:#c5a1bd}body main:is(.home-page,.services-page) .home-services-section[data-service-scene="3"]{--service-gradient-start:#cfc4e5;--service-gradient-end:#af9acb}body .home-service-overview article{background:linear-gradient(135deg,#dcc8ee,#c0a5d9)}body .home-service-overview article:nth-child(2){background:linear-gradient(135deg,#c6d0e5,#a4b2d3)}body .home-service-overview article:nth-child(3){background:linear-gradient(135deg,#e4cbdc,#c5a1bd)}body .home-service-overview article:nth-child(4){background:linear-gradient(135deg,#cfc4e5,#af9acb)}body .hero .hero-footer{grid-template-columns:minmax(0,1fr);padding-right:0;bottom:50px}@media (width>=1101px) and (height>=700px){.scroll-composition-ready .service-scroll-story{--story-gap:65px}.scroll-composition-ready .service-story-chapters,.scroll-composition-ready .service-story-stage{will-change:transform;transition:transform 1.1s cubic-bezier(.22,.68,.2,1)}.scroll-composition-ready .service-story-chapters{z-index:1;position:relative}.scroll-composition-ready .service-scroll-story:is([data-scene="1"],[data-scene="3"]) .service-story-chapters{transform:translateX(calc(100% + var(--story-gap)))}.scroll-composition-ready .service-scroll-story:is([data-scene="1"],[data-scene="3"]) .service-story-stage{transform:translateX(calc(-100% - var(--story-gap)))}}@media (prefers-reduced-motion:reduce){.service-story-chapters,.service-story-stage{will-change:auto!important;transition:none!important;transform:none!important}}body[data-effects=off] .service-story-chapters,body[data-effects=off] .service-story-stage{will-change:auto!important;transition:none!important;transform:none!important}