.webdesign-process{margin:30px 0}.process-timeline{position:relative;display:flex;flex-direction:column}.process-timeline:before{content:"";position:absolute;height:100%;width:3px;background:#f0f0f0;left:20px;top:0}.process-step{display:flex;margin-bottom:30px;position:relative;z-index:1}.process-step:last-child{margin-bottom:0}.step-icon{width:45px;height:45px;border-radius:50%;background:var(--primary-color,#1363dc);display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;flex-shrink:0;margin-right:20px;position:relative;z-index:2}.step-content{background:#f9f9f9;border-radius:8px;padding:15px 20px;flex-grow:1;box-shadow:0 2px 10px rgba(0,0,0,.05)}.step-content h6{font-weight:600;margin-bottom:5px;color:#333}.step-content p{margin:0;font-size:.9rem;color:#666}.webdesign-references{margin:30px 0}.references-slider{width:100%;height:auto;box-shadow:0 3px 15px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.reference-item{width:100%;padding:0}.browser-mockup{width:100%;background:#fff;border-radius:8px;overflow:hidden}.browser-top{display:flex;align-items:center;padding:8px 15px;background:#f0f0f0;border-bottom:1px solid #ddd}.browser-buttons{display:flex;gap:6px;margin-right:15px}.browser-buttons span{width:12px;height:12px;border-radius:50%;display:block}.browser-buttons span:first-child{background:#ff5f57}.browser-buttons span:nth-child(2){background:#ffbd2e}.browser-buttons span:nth-child(3){background:#28ca41}.browser-address{flex-grow:1;background:#fff;border-radius:4px;padding:5px 10px;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-content{width:100%;height:auto;max-height:450px;overflow:hidden}.reference-image{width:100%;height:auto;object-fit:cover;object-position:top}.swiper-button-next,.swiper-button-prev{color:var(--primary-color,#1363dc)}.swiper-pagination-bullet-active{background:var(--primary-color,#1363dc)}@media (min-width:768px){.process-timeline:before{left:22px}.step-icon{width:50px;height:50px;font-size:1.4rem}}@media (max-width:767px){.process-step{margin-bottom:25px}.step-content{padding:12px 15px}.step-content h6{font-size:1rem}.step-content p{font-size:.85rem}}