.software-implementations-hero{position:relative;padding:140px 0 80px;overflow:hidden;min-height:90vh;display:flex;align-items:center}.software-implementations-hero-bg{position:absolute;inset:0}.software-implementations-hero-gradient{position:absolute;inset:0;background:var(--gradient-primary)}.puzzle-animation-bg{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0v20c-5.5 0-10 4.5-10 10s4.5 10 10 10v20h-20c0-5.5-4.5-10-10-10s-10 4.5-10 10H0V40c5.5 0 10-4.5 10-10S4.5 20 0 20V0h20c0 5.5 4.5 10 10 10s10-4.5 10-10h0z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E")}.software-implementations-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-main{max-width:540px}.software-implementations-badge{display:inline-block;background:var(--ocean-blue-light);backdrop-filter:blur(10px);padding:10px 24px;border-radius:50px;color:var(--ocean-blue);font-size:.875rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(64,186,210,.3)}.software-implementations-hero h1{color:#fff;font-size:clamp(2.25rem,4vw,3rem);margin-bottom:20px;line-height:1.15}.software-implementations-hero .hero-text h1{color:#fff!important}.software-implementations-hero .text-gradient{background:linear-gradient(90deg,var(--ocean-blue) 0%,#7dd3e8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.software-implementations-hero p{color:#fffc;font-size:1.0625rem;margin-bottom:32px;line-height:1.7}.hero-actions{display:flex;gap:16px}.hero-puzzle{display:flex;justify-content:center;align-items:center}.puzzle-pieces{position:relative;width:320px;height:320px}.puzzle-piece{position:absolute;width:120px;height:120px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--white);animation:puzzleFloat 3s ease-in-out infinite;animation-delay:var(--delay);transition:all .3s ease}.puzzle-piece:hover{background:#fff3;transform:scale(1.05)}.puzzle-piece span{font-size:.8rem;font-weight:600}.piece-1{top:0;left:0}.piece-2{top:0;right:0}.piece-3{bottom:0;left:0}.piece-4{bottom:0;right:0}.puzzle-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--white);animation:pulse 2s ease-in-out infinite}.puzzle-center span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@keyframes puzzleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.metrics-banner{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--ocean-blue-dark) 100%);padding:48px 0}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.metric-item{text-align:center}.metric-item .metric-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;color:var(--ocean-blue);margin:0 auto 12px}.metrics-banner .metric-item .metric-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;background-clip:unset!important;margin-bottom:4px}.metrics-banner .metric-item .metric-label{color:#ffffffe6;font-size:.875rem}.ecosystem-section{background:var(--white)}.ecosystem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:24px;opacity:1}.ecosystem-grid.animate-in .ecosystem-card{animation:fadeUp .4s ease forwards;opacity:0}.ecosystem-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:var(--bg-grey-light);border-radius:16px;transition:all .3s ease;cursor:pointer;opacity:1}.ecosystem-card:hover,.ecosystem-card.hovered{background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-4px)}.ecosystem-card img{width:48px;height:48px;object-fit:contain;margin-bottom:12px}.ecosystem-card-fallback{width:48px;height:48px;margin-bottom:12px;border-radius:12px;background:var(--ocean-blue-light);color:var(--primary-blue);font-weight:700;font-size:1.25rem;display:none;align-items:center;justify-content:center;flex-shrink:0}.software-name{font-weight:600;font-size:.9rem;color:var(--text-black);margin-bottom:4px}.software-category{font-size:.75rem;color:var(--text-grey)}.ecosystem-note{text-align:center;color:var(--text-grey);font-size:.9rem;font-style:italic}.services-section{background:var(--bg-grey-light)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;opacity:1}.services-grid.animate-in .service-card{animation:fadeUp .5s ease forwards;opacity:0}.service-card{background:var(--white);border-radius:var(--border-radius-lg);padding:32px;transition:all .3s ease;opacity:1}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.service-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ocean-blue-light);border-radius:14px;color:var(--primary-blue);margin-bottom:20px}.service-card h3{font-size:1.25rem;margin-bottom:8px}.service-card>p{color:var(--text-grey);font-size:.95rem;margin-bottom:16px;line-height:1.6}.service-features{list-style:none;margin:0;padding:0}.service-features li{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-grey);padding:6px 0}.service-features svg{color:var(--ocean-blue);flex-shrink:0}.roadmap-section{background:var(--white)}.roadmap-visual{position:relative;padding-top:60px;opacity:1}.roadmap-visual.animate-in{animation:fadeUp .6s ease}.roadmap-track{position:absolute;top:50px;left:0;right:0;height:4px;background:var(--bg-grey);border-radius:2px}.roadmap-progress{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .5s ease}.roadmap-phases{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.roadmap-phase{text-align:center;cursor:pointer;transition:all .3s ease}.roadmap-phase:hover .phase-icon{transform:scale(1.1)}.phase-marker{margin-bottom:20px}.phase-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--white);border:3px solid var(--bg-grey);border-radius:50%;color:var(--text-grey);margin:0 auto 8px;transition:all .3s ease;position:relative;z-index:1}.roadmap-phase.active .phase-icon,.roadmap-phase.completed .phase-icon{background:var(--gradient-primary);border-color:var(--ocean-blue);color:var(--white)}.phase-number{font-size:.7rem;color:var(--text-grey);font-weight:600;text-transform:uppercase}.roadmap-phase.active .phase-number,.roadmap-phase.completed .phase-number{color:var(--ocean-blue)}.phase-details h4{font-size:1rem;margin-bottom:4px;color:var(--text-black)}.phase-duration{font-size:.8rem;color:var(--ocean-blue);font-weight:600;display:block;margin-bottom:12px}.phase-tasks{list-style:none;margin:0;padding:0;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.roadmap-phase.active .phase-tasks{opacity:1;max-height:100px}.phase-tasks li{font-size:.8rem;color:var(--text-grey);padding:2px 0}.categories-section{background:var(--bg-grey-light)}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;opacity:1}.categories-grid.animate-in .category-card{animation:fadeUp .4s ease forwards;opacity:0}.category-card{display:flex;align-items:center;gap:16px;background:var(--white);padding:24px;border-radius:var(--border-radius-lg);transition:all .3s ease;opacity:1}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.category-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--ocean-blue-light);border-radius:14px;color:var(--primary-blue);flex-shrink:0}.category-card h4{font-size:1rem;margin-bottom:4px}.category-card p{color:var(--text-grey);font-size:.85rem;margin:0}.why-section{background:var(--white)}.why-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.why-text h2{font-size:2rem;margin-bottom:16px}.why-text p{color:var(--text-grey);font-size:1.0625rem;line-height:1.7}.why-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-column{padding:28px;border-radius:var(--border-radius-lg)}.comparison-column.diy{background:#fff5f5;border:1px solid #ffcccb}.comparison-column.expert{background:#f0fdf4;border:1px solid #bbf7d0}.comparison-column h4{font-size:1rem;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.comparison-column ul{list-style:none;margin:0;padding:0}.comparison-column li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;color:var(--text-black)}.icon-bad{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border-radius:50%;font-weight:700;font-size:.75rem}.comparison-column.expert svg{color:#16a34a}.software-implementations-cta{background:var(--gradient-primary);padding:100px 0}.software-implementations-cta-content{text-align:center;max-width:700px;margin:0 auto}.software-implementations-cta-content>svg{color:var(--ocean-blue);margin-bottom:24px}.software-implementations-cta .btn svg,.software-implementations-hero .btn svg{margin:0;flex-shrink:0;vertical-align:middle}.software-implementations-cta h2{color:var(--white);font-size:2.5rem;margin-bottom:16px}.software-implementations-cta p{color:#ffffffd9;font-size:1.25rem;margin-bottom:40px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.ecosystem-grid{grid-template-columns:repeat(4,1fr)}.roadmap-phases{grid-template-columns:repeat(3,1fr);gap:24px}.roadmap-track{display:none}}@media(max-width:1024px){.software-implementations-hero-content{grid-template-columns:1fr;gap:48px}.hero-main{text-align:center;max-width:100%}.hero-actions{justify-content:center}.services-grid{grid-template-columns:1fr}.why-content{grid-template-columns:1fr;gap:40px}.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.software-implementations-hero{padding:80px 0 48px;min-height:auto}.puzzle-pieces{width:260px;height:260px}.puzzle-piece{width:100px;height:100px}.metrics-row{grid-template-columns:repeat(2,1fr);gap:24px}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}.roadmap-phases{grid-template-columns:repeat(2,1fr)}.why-comparison,.categories-grid{grid-template-columns:1fr}.software-implementations-cta{padding:60px 0}.software-implementations-cta h2{font-size:2rem}}@media(max-width:480px){.software-implementations-hero{padding:60px 0 36px}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.roadmap-phases{grid-template-columns:1fr}}