.project-visual{transform:none!important;padding-bottom:0}.project-workflow{overflow:hidden;background:#fff;box-shadow:0 20px 55px #17327d0c}.project-workflow .workflow-top{background:#f4f7fc;font-size:12px}.project-canvas{height:390px;position:relative;background:radial-gradient(circle,#17327d14 1px,transparent 1px);background-size:15px 15px}.project-canvas .canvas-label{position:absolute;top:16px;left:22px;font-size:11px;letter-spacing:.13em;margin:0}.project-connections{position:absolute;inset:40px 0 0;width:100%;height:340px;pointer-events:none}.project-route{stroke:url(#project-gradient);stroke-width:2;stroke-dasharray:5 7;marker-start:url(#project-arrow);marker-end:url(#project-arrow);animation:project-flux 15s linear infinite}.project-cross{stroke:#6b80ac;stroke-width:1.4;stroke-dasharray:3 7;opacity:.6;animation:project-flux 24s linear infinite;marker-start:url(#project-arrow);marker-end:url(#project-arrow)}.project-nodes{position:absolute;inset:66px 14px 30px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:46px 10px;align-items:center}.project-step{--step-color:#2563eb;grid-column:span 2;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:0;padding:8px 3px;background:#ffffffed;border-radius:14px;color:var(--ink);cursor:pointer;min-width:0;transition:transform .25s,box-shadow .25s}.step-1{--step-color:#007e9b}.step-2{--step-color:#b66a04}.step-3{--step-color:#bc496c;grid-column:4 / span 2;grid-row:2}.step-4{--step-color:#008066;grid-column:2 / span 2;grid-row:2}.project-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--step-color) 12%,white);color:var(--step-color);border:1px solid color-mix(in srgb,var(--step-color) 24%,white);margin-bottom:10px}.project-step strong{font-size:14px;line-height:1.3;max-width:170px}.project-step small{font-size:11px;line-height:1.45;color:#596477;margin-top:5px}.project-number{position:absolute;top:5px;right:12%;font-size:10px;color:var(--step-color);font-weight:700}.project-step:hover,.project-step.active{transform:translateY(-3px);box-shadow:0 6px 18px color-mix(in srgb,var(--step-color) 20%,transparent)}.project-step.active .project-icon{background:var(--step-color);color:white}.interop-label{position:absolute;left:50%;top:210px;transform:translateX(-50%);font-size:11px;color:#53627b;background:#fff;padding:4px 10px;border:1px solid #e4e8ef;border-radius:20px;white-space:nowrap}.project-workflow .workflow-bottom{padding:15px 20px;background:#f4f7fc;gap:10px}.project-workflow .demo-tag{font-size:9px}.project-status{min-height:86px;padding:15px 20px;background:#fff;border-top:1px solid #e4e8ef}.project-status strong,.project-status small{display:block}.project-status strong{font-size:13px;color:var(--blue);margin-bottom:5px}.project-status small{font-size:12px;color:#596477;line-height:1.5}.project-visual .visual-caption{position:static;transform:none;text-align:center;font-size:14px;line-height:1.6;color:var(--blue);font-weight:600;margin:20px 0 0}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{cursor:wait;opacity:.65}@keyframes project-flux{to{stroke-dashoffset:-240}}
@media(min-width:681px) and (max-width:1050px){.hero{grid-template-columns:1fr}.hero-visual.project-visual{max-width:620px;width:100%;margin:auto}.hero-copy{max-width:740px}}
@media(max-width:480px){.project-canvas{height:auto;min-height:600px;padding:58px 16px 45px}.project-nodes{position:relative;inset:auto;display:flex;flex-direction:column;gap:18px;align-items:stretch}.project-step{flex-direction:row;flex-wrap:wrap;text-align:left;min-height:82px;padding:12px 12px 12px 76px;justify-content:center;align-items:flex-start;gap:4px}.project-step strong,.project-step small{width:100%;max-width:none;margin:0}.project-step strong{font-size:14px}.project-step small{font-size:12px}.project-icon{position:absolute;left:10px;top:14px;width:50px;height:50px;margin:0}.project-number{right:9px;top:3px}.project-step:not(:last-child):after{content:'↕';position:absolute;left:31px;bottom:-21px;font-size:18px;color:var(--step-color)}.project-connections{display:none}.interop-label{top:auto;bottom:10px}.project-workflow .workflow-top{font-size:11px;padding:13px 12px}.project-status{min-height:100px;padding:14px}.project-workflow .workflow-bottom{padding:14px}.project-visual .visual-caption{font-size:14px}.project-visual{width:100%}}
@media(prefers-reduced-motion:reduce){.project-route,.project-cross{animation:none}.project-step{transition:none}}