.wordpress-section{background:var(--gradient-secondary);position:relative;overflow:hidden}.wordpress-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--bg-primary),transparent);z-index:1}.service-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.service-card{background:var(--bg-card);border-radius:20px;padding:2.5rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-10px);border-color:var(--text-accent);box-shadow:0 25px 50px #4a6bff33}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem;color:#fff}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.service-features{list-style:none;margin-top:1.5rem}.service-features li{padding:.5rem 0;color:var(--text-secondary);display:flex;align-items:center;font-size:.9rem}.service-features i{color:var(--text-accent);margin-right:10px;font-size:.8rem}.portfolio-section{margin:5rem 0}.portfolio-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.portfolio-filter{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500}.portfolio-filter:hover,.portfolio-filter.active{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.portfolio-item{background:var(--bg-card);border-radius:15px;overflow:hidden;cursor:pointer;transition:all .4s ease;border:1px solid var(--border-color)}.portfolio-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000004d}.portfolio-image{height:220px;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-content{padding:1.5rem}.portfolio-content h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.portfolio-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.portfolio-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#4a6bff1a;color:var(--text-accent);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.process-timeline{margin:5rem 0;position:relative}.process-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gradient-primary);transform:translate(-50%);opacity:.3}.process-step{display:flex;align-items:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .6s ease}.process-step.animated{opacity:1;transform:translateY(0)}.process-step:nth-child(odd){flex-direction:row-reverse}.process-number{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0;z-index:2}.process-content{flex:1;padding:2rem;background:var(--bg-card);border-radius:15px;margin:0 2rem;border:1px solid var(--border-color)}.process-content h4{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.process-content p{color:var(--text-secondary);line-height:1.6}.plugin-showcase{margin:5rem 0;position:relative}.plugin-carousel{position:relative;overflow:hidden;padding:2rem 0}.plugin-track{display:flex;gap:2rem;transition:transform .5s ease}.plugin-card{min-width:300px;background:var(--bg-card);border-radius:15px;padding:2rem;border:1px solid var(--border-color);transition:all .4s ease;flex-shrink:0;opacity:.7;transform:scale(.9)}.plugin-card.active{opacity:1;transform:scale(1);border-color:var(--text-accent);box-shadow:0 15px 30px #4a6bff33}.plugin-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.plugin-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.plugin-header h4{font-size:1.2rem;color:var(--text-primary)}.plugin-features{list-style:none;margin:1.5rem 0}.plugin-features li{padding:.5rem 0;color:var(--text-secondary);display:flex;align-items:center;font-size:.9rem}.plugin-features i{color:var(--text-accent);margin-right:10px;font-size:.8rem}.carousel-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.carousel-btn{width:50px;height:50px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.carousel-btn:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}.portfolio-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:2000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.portfolio-modal.active{opacity:1}.modal-content{background:var(--bg-secondary);border-radius:20px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;display:flex;flex-direction:column}.portfolio-modal.active .modal-content{transform:scale(1)}.modal-image{height:300px;overflow:hidden;border-radius:20px 20px 0 0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-details{padding:2.5rem}.modal-details h3{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.modal-details p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.close-modal{position:absolute;top:20px;right:20px;background:var(--bg-card);border:none;width:40px;height:40px;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:1.2rem;z-index:2001;transition:all .3s ease}.close-modal:hover{background:var(--gradient-primary);color:#fff;transform:rotate(90deg)}.wordpress-cta{text-align:center;padding:4rem;background:var(--bg-card);border-radius:20px;margin-top:4rem;border:2px solid var(--border-color);position:relative;overflow:hidden}.wordpress-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(74,107,255,.1),transparent 30%);animation:rotate 10s linear infinite}.wordpress-cta>*{position:relative;z-index:2}.wordpress-cta h3{font-size:2.2rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wordpress-cta p{color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.process-timeline:before{left:30px}.process-step{flex-direction:row}.process-content{margin-left:1rem;margin-right:0}.portfolio-grid{grid-template-columns:1fr}.plugin-card{min-width:280px}.modal-content{flex-direction:column}.modal-image{height:200px}.wordpress-cta{padding:2rem 1rem}.wordpress-cta h3{font-size:1.8rem}}@media (max-width: 480px){.service-highlights{grid-template-columns:1fr}.portfolio-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:1rem}.process-content,.modal-details{padding:1.5rem}.modal-details h3{font-size:1.5rem}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.service-card:hover .service-icon{animation:floatIcon 2s ease-in-out infinite}.call-now-container{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:1000;padding:1rem;box-shadow:0 -2px 10px #0003;background:#0f172a}.call-now-btn{display:block;width:100%;text-align:center;padding:1rem;background:linear-gradient(90deg,#4c6bff,#748ffc);color:#fff;font-weight:600;border-radius:9999px;text-decoration:none;transition:all .3s}.call-now-btn:hover{box-shadow:0 5px 15px #4a6bff66;transform:translateY(-2px)}.call-now-btn .fas{margin-right:.5rem}@media (max-width: 768px){.call-now-container{display:block}}