.methodo-hero{overflow:hidden}.methodology-timeline{position:relative;max-width:1200px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:50px;bottom:50px;width:1px;background:rgba(26,57,111,.2);transform:translate(-50%);z-index:1}.timeline-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-primary));box-shadow:0 0 15px var(--accent-cyan);transition:height .1s linear}.step-wrapper{display:flex;justify-content:space-between;align-items:center;gap:4rem;margin-bottom:200px;position:relative;z-index:2;opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.2,1,.3,1)}.step-wrapper.is-visible{opacity:1;transform:translateY(0)}.step-wrapper:nth-child(2n){flex-direction:row-reverse}.step-content{flex:1;max-width:500px}.step-badge{display:inline-block;padding:.5rem 1rem;border:1px solid var(--accent-cyan);color:var(--accent-cyan);border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;background:rgba(0,229,255,.05)}.step-content h2{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.step-content h3{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500}.step-content p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.client-benefit{background:rgba(26,57,111,.05);border-left:3px solid var(--accent-primary);padding:1.5rem;border-radius:4px 12px 12px 4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-label{display:block;font-size:.7rem;font-weight:800;color:var(--accent-primary);margin-bottom:.5rem;letter-spacing:.05em}.client-benefit p{margin-bottom:0;font-size:.9rem;color:var(--text-primary);opacity:1}.step-illustration{flex:1;display:flex;justify-content:center;align-items:center;perspective:1000px}.illustration-card{width:100%;max-width:450px;height:300px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 30px 60px #00000080;transition:transform .5s ease}.illustration-card:hover{transform:rotateY(-5deg) rotateX(5deg)}.terminal-simulation{background:#0d1117;font-family:Courier New,Courier,monospace;padding:20px;display:flex;flex-direction:column;border:1px solid rgba(255,77,141,.2)}.radar-pulse{position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,77,141,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:radarRipple 3s infinite;z-index:0;pointer-events:none}@keyframes progressFill{0%{width:0%}to{width:75%}}@keyframes radarRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.terminal-header{display:flex;gap:8px;margin-bottom:15px;align-items:center;position:relative;z-index:1}.terminal-body{flex:1;color:#e6edf3;font-size:.95rem;line-height:1.6;position:relative;z-index:1}.neural-blueprint{background:radial-gradient(circle at center,#0f172a 0%,#020617 100%);border:1px solid rgba(78,107,255,.3);display:flex;align-items:center;justify-content:center;overflow:visible}.blueprint-world{position:relative;width:400px;height:300px;transform-style:preserve-3d;perspective:1000px}.blueprint-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.glow-path{filter:drop-shadow(0 0 5px rgba(78,107,255,.4));stroke-dasharray:4,12;animation:dashFly 1s linear infinite}@keyframes dashFly{to{stroke-dashoffset:-16}}.core-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(20px);width:60px;height:60px;background:#4E6BFF;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;z-index:10;box-shadow:0 0 30px #4e6bff99}.core-rings .ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(78,107,255,.3);border-radius:50%;animation:ringPulse 4s infinite ease-out}.ring:nth-child(1){width:80px;height:80px;animation-delay:0s}.ring:nth-child(2){width:110px;height:110px;animation-delay:1s}.ring:nth-child(3){width:140px;height:140px;animation-delay:2s}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.satellite{position:absolute;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:8px;color:#fff;font-size:.75rem;font-weight:600;z-index:5;animation:floatSat 4s infinite ease-in-out;box-shadow:0 10px 20px #0000004d}.sat-1{top:40px;left:50px;animation-delay:0s}.sat-2{top:40px;right:50px;animation-delay:1s}.sat-3{bottom:40px;left:50px;animation-delay:2s}.sat-4{bottom:40px;right:50px;animation-delay:3s}@keyframes floatSat{0%,to{transform:translateY(0) translateZ(10px)}50%{transform:translateY(-10px) translateZ(15px)}}.code-execution{background:#0a0e14;padding:40px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,159,28,.2)}.workflow-status{font-size:.75rem;color:#ff9f1c;margin-bottom:15px;letter-spacing:.1em;font-weight:800}.progress-container{width:100%;height:6px;background:rgba(255,255,255,.05);margin:15px 0 25px;border-radius:10px;overflow:hidden}.progress-bar{height:100%;width:0%;background:#FF9F1C;box-shadow:0 0 15px #ff9f1c}.task{font-size:.9rem;color:#fff6;display:flex;align-items:center;gap:10px;transition:all .4s ease}.task.active{color:#ff9f1c;font-weight:700}.task.done{color:#fffc}.roi-dashboard{background:#0f172a;border:1px solid rgba(157,78,221,.2)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;padding:30px}.dashboard-stat{background:rgba(255,255,255,.03);padding:24px;border-radius:16px;text-align:left;border:1px solid rgba(255,255,255,.05)}.stat-value{display:block;font-size:1.8rem;font-weight:900;margin-bottom:4px}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.chart-container{grid-column:span 2;background:rgba(255,255,255,.02);padding:20px;border-radius:16px;height:100px;position:relative}.mini-chart path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawPath 2s forwards ease-in-out}@keyframes drawPath{to{stroke-dashoffset:0}}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--bg-card);border:2px solid rgba(255,255,255,.2);border-radius:50%;z-index:3;transition:all .3s ease}.timeline-dot.active{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}#step-1 .step-badge{border-color:#ff4d8d;color:#ff4d8d;background:rgba(255,77,141,.05)}#step-1 .client-benefit{border-left-color:#ff4d8d;background:rgba(255,77,141,.05)}#step-1 .benefit-label{color:#ff4d8d}#step-1 .timeline-dot.active{background:#FF4D8D;border-color:#ff4d8d;box-shadow:0 0 15px #ff4d8d}#step-1 .log-line.cyan{color:#ff4d8d}#step-2 .step-badge{border-color:#4e6bff;color:#4e6bff;background:rgba(78,107,255,.05)}#step-2 .client-benefit{border-left-color:#4e6bff;background:rgba(78,107,255,.05)}#step-2 .benefit-label{color:#4e6bff}#step-2 .timeline-dot.active{background:#4E6BFF;border-color:#4e6bff;box-shadow:0 0 15px #4e6bff}#step-2 .node.central{background:#4E6BFF;box-shadow:0 0 20px #4e6bff80}#step-3 .step-badge{border-color:#ff9f1c;color:#ff9f1c;background:rgba(255,159,28,.05)}#step-3 .client-benefit{border-left-color:#ff9f1c;background:rgba(255,159,28,.05)}#step-3 .benefit-label{color:#ff9f1c}#step-3 .timeline-dot.active{background:#FF9F1C;border-color:#ff9f1c;box-shadow:0 0 15px #ff9f1c}#step-3 .progress-bar{background:#FF9F1C;box-shadow:0 0 10px #ff9f1c}#step-4 .step-badge{border-color:#9d4edd;color:#9d4edd;background:rgba(157,78,221,.05)}#step-4 .client-benefit{border-left-color:#9d4edd;background:rgba(157,78,221,.05)}#step-4 .benefit-label{color:#9d4edd}#step-4 .timeline-dot.active{background:#9D4EDD;border-color:#9d4edd;box-shadow:0 0 15px #9d4edd}#step-4 .stat-value{color:#9d4edd}#step-4 .mini-chart path{stroke:#9d4edd}@media (max-width: 992px){.step-wrapper,.step-wrapper:nth-child(2n){flex-direction:column;text-align:center;margin-bottom:100px}.timeline-line{left:20px;transform:none}.timeline-dot{left:20px;transform:translate(-50%)}.step-content{max-width:100%}}