body{font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a202c}::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}body.modal-open{overflow:hidden}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #00b09099,0 0 8px #00b09066}50%{box-shadow:0 0 8px #00b090e6,0 0 16px #00b090b3,0 0 24px #14a0874d}}.animate-pulse-glow{animation:pulse-glow 2.5s infinite ease-in-out}@keyframes pulse-notification-glow{0%,to{box-shadow:0 0 5px #d84eeb66,0 0 10px #d84eeb4d;transform:scale(1)}50%{box-shadow:0 0 10px #d84eeb99,0 0 20px #d84eeb80,0 0 30px #c084fc33;transform:scale(1.01)}}.animate-pulse-notification{animation:pulse-notification-glow 3s infinite ease-in-out}@keyframes subtle-pulse{0%,to{box-shadow:0 0 10px #a855f740,0 0 20px #a855f733}50%{box-shadow:0 0 15px #c084fc59,0 0 30px #c084fc4d}}.animate-subtle-pulse{animation:subtle-pulse 3.5s infinite ease-in-out}.workflow-container{position:relative;width:clamp(300px,85vw,550px);height:auto;aspect-ratio:1 / 1;margin:0 auto}.workflow-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(59,130,246,.2);animation:spin 60s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background:#0f172a!important}.workflow-step{position:absolute;width:clamp(70px,18vw,120px);height:clamp(70px,18vw,120px);border-radius:12px;box-shadow:0 8px 20px #00000014;transition:all .3s ease;padding:clamp(6px,2vw,12px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;cursor:pointer;overflow:hidden;border-top:none}.ai-badge{position:absolute;top:-10px;right:-10px;background:#fff;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600;box-shadow:0 3px 6px #0000001a;display:flex;align-items:center;gap:4px;z-index:20}.workflow-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#3b82f60d,#fff0 70%);z-index:1}.phase-icon{width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);padding:clamp(4px,1vw,7px);border-radius:50%;background-color:#9333ea;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,2.5vw,14px);font-weight:700;color:#fff;margin-bottom:clamp(4px,1vw,8px);transition:all .3s ease;border:1px solid rgb(255 255 255 / 30%)}.phase-subtext{font-size:clamp(8px,1.8vw,11px);color:#fff!important;margin-top:clamp(2px,.5vw,4px);line-height:1.1}.connector-line{position:absolute;background:linear-gradient(90deg,#3b82f64d,#3b82f61a);height:2px;z-index:5;transform-origin:left center}.detail-panel{position:absolute;width:300px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:20px;z-index:100;opacity:0;transition:opacity .3s;pointer-events:none;left:-320px;top:50%;transform:translateY(-50%)}.tech-pill{display:inline-block;background:#3b82f61a;color:#3b82f6;padding:2px 8px;border-radius:12px;font-size:10px;margin:2px}.highlight-step{background:linear-gradient(135deg,#3b82f6,#6366f1);z-index:100}.highlight-step h3,.highlight-step div{color:#fff}.highlight-step .phase-icon{background-color:#fff}.highlight-step .phase-icon i{color:#3b82f6}.step-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.workflow-wrapper{display:flex;justify-content:center;gap:40px;max-width:1200px;margin:0 auto}.info-panel{width:350px;padding:20px;border-radius:12px;align-self:center;margin-left:-200px;margin-right:200px}.info-panel h3{font-size:24px;font-weight:600;color:#3b82f6;margin-bottom:16px}.info-panel p{color:#64748b;margin-bottom:20px;line-height:1.6}.info-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#Layer_1{width:100px;text-align:center;position:fixed;right:25px;top:25px}.text-gray-800{color:#fff!important}.blinking-cursor{font-weight:400;animation:blink-animation .7s step-end infinite;display:inline-block;margin-left:1px}@keyframes blink-animation{0%,to{color:transparent}50%{color:inherit}}.custom-scrollbar-small::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar-small::-webkit-scrollbar-track{background:#47556933;border-radius:10px}.custom-scrollbar-small::-webkit-scrollbar-thumb{background:#a855f766;border-radius:10px}.custom-scrollbar-small::-webkit-scrollbar-thumb:hover{background:#a855f799}@keyframes shimmer-pass{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}.btn-shimmer:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:translate(-100%) skew(-20deg);pointer-events:none}.btn-shimmer:hover:after{animation:shimmer-pass .7s ease-out}.btn-grow-bg:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#8b5cf6;border-radius:inherit;transform:translate(-50%,-50%) scale(0);transition:width .35s cubic-bezier(.25,.1,.25,1),height .35s cubic-bezier(.25,.1,.25,1),opacity .35s ease-in-out;z-index:0;opacity:0}.btn-grow-bg:hover:after{width:250%;height:250%;opacity:1}