.craftly-portfolio-section{padding:50px 0;min-height:80vh;background-size:cover;background-position:50%;background-attachment:fixed}.craftly-content-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}@media(max-width:968px){.craftly-content-wrapper{grid-template-columns:1fr;gap:30px}}.craftly-project-info{background:hsla(0,0%,100%,.95);padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-breadcrumb{font-size:.9rem;color:#666;margin-bottom:20px}.project-breadcrumb .divider{margin:0 10px;color:#999}.project-breadcrumb .active{color:#6c63ff;font-weight:600}.project-title{font-size:3.5rem;font-weight:800;color:#333;margin-bottom:20px;letter-spacing:-1px}@media(max-width:768px){.project-title{font-size:2.5rem}}.project-about{margin-bottom:25px}.project-about h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.project-about p{font-size:1.1rem;line-height:1.6;color:#666;margin:0}.project-details{margin-bottom:25px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.9rem;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:1px}.detail-value{font-size:1rem;color:#666;font-weight:500}.trusted-by h3{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.trusted-logos{display:flex;flex-wrap:wrap;gap:15px}.trusted-logo{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;color:#333;border:1px solid #e0e0e0}.craftly-image-carousel{position:relative}.main-image-container{background:#fff;padding:15px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:15px}.main-image-container .main-image{width:100%;height:400px;object-fit:cover;border-radius:10px}.carousel-thumbnails{display:flex;gap:10px;margin-bottom:15px;justify-content:center}.thumbnail{cursor:pointer;padding:5px;border-radius:8px;transition:all .3s ease;border:2px solid transparent}.thumbnail.active{border-color:#6c63ff}.thumbnail:hover{transform:scale(1.05)}.thumbnail .thumbnail-img{width:80px;height:60px;object-fit:cover;border-radius:5px}.carousel-controls{gap:20px}.carousel-btn,.carousel-controls{display:flex;align-items:center;justify-content:center}.carousel-btn{background:#6c63ff;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease}.carousel-btn:hover{background:#5a54d4;transform:scale(1.1)}.image-counter{font-size:.9rem;color:#666;font-weight:500}@media(max-width:968px){.craftly-portfolio-section{padding:40px 0}.craftly-content-wrapper{gap:25px}.craftly-project-info{padding:25px 20px}.project-title{font-size:2.8rem}.main-image-container .main-image{height:300px}}@media(max-width:480px){.craftly-project-info{padding:20px 15px}.project-title{font-size:2.2rem}.detail-item{flex-direction:column;align-items:flex-start;gap:5px}.trusted-logos{justify-content:center}.main-image-container .main-image{height:250px}.carousel-thumbnails{flex-wrap:wrap}}.skillsExperienceSection{padding:50px 0;background-color:#f8f9fa}.contentWrapper{grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;align-items:start}@media(max-width:968px){.contentWrapper{grid-template-columns:1fr;gap:35px}}.leftColumn .mainTitle{font-size:2.8rem;font-weight:700;color:#333;margin-bottom:35px;line-height:1.2;margin-right:30vh;width:60%}@media(max-width:968px){.leftColumn .mainTitle{margin-right:0}}@media(max-width:768px){.leftColumn .mainTitle{font-size:2.2rem;margin-bottom:25px}}.skillsSection .sectionTitle{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.skillsSection .sectionTitle{font-size:1.5rem;margin-bottom:15px}}.moreText{font-size:1.1rem;font-style:italic;color:#999;margin-top:10px}.rightColumn{display:flex;flex-direction:column;gap:30px;padding-top:50px}@media(max-width:968px){.rightColumn{padding-top:0;gap:25px}}.experiencePoint .pointTitle{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.experiencePoint .pointTitle{font-size:1.2rem;margin-bottom:8px}}.experiencePoint .pointDescription{font-size:1.1rem;line-height:1.6;color:#666;margin:0}@media(max-width:768px){.experiencePoint .pointDescription{font-size:1rem}.skillsExperienceSection{padding:40px 0}.contentWrapper{gap:30px}.mainTitle{font-size:2rem!important}}@media(max-width:480px){.container{padding:0 15px}.skillsExperienceSection{padding:35px 0}.mainTitle{font-size:1.8rem!important}.skillGroup{gap:20px}.skillCategory{min-width:90px;font-size:1rem}.experiencePoint .pointTitle{font-size:1.1rem}.experiencePoint .pointDescription{font-size:.95rem}}.ant{background-color:#feeaea}.ant,.react{border-radius:2vh;padding:15px}.react{background-color:#e4fcf9}.node{background-color:#e5f4fb}.node,.stripe{border-radius:2vh;padding:15px}.stripe{background-color:#fff9e6}.aws{background-color:#f9edff}.aws,.google{border-radius:2vh;padding:15px}.google{background-color:#f0f9e0}.problemsGoalsSection{padding:50px 0;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.contentWrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:40px}@media(max-width:968px){.contentWrapper{grid-template-columns:1fr;gap:35px;margin-bottom:30px}}.column .section .sectionMainTitle{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:20px;line-height:1.2}@media(max-width:768px){.column .section .sectionMainTitle{font-size:2rem;margin-bottom:18px}}.subsection .subsectionTitle{font-size:1.4rem;font-weight:600;margin-bottom:15px;line-height:1.4}@media(max-width:768px){.subsection .subsectionTitle{font-size:1.2rem;margin-bottom:12px}}.goalsList,.problemsList{list-style:none;padding:0;margin:0}.goalsList li,.problemsList li{font-size:1.1rem;color:#666;position:relative;padding:6px 0 6px 25px;line-height:1.5}.goalsList li:before,.problemsList li:before{content:"-";position:absolute;left:0;color:#666;font-weight:400}@media(max-width:768px){.goalsList li,.problemsList li{font-size:1rem;padding:5px 0 5px 20px}}.ctaSection .divider{height:1px;background:linear-gradient(90deg,transparent,#e0e0e0 50%,transparent);margin:30px 0}@media(max-width:768px){.ctaSection .divider{margin:25px 0}}.ctaContent{display:flex;justify-content:space-between;align-items:center;gap:25px}@media(max-width:768px){.ctaContent{flex-direction:column;text-align:center;gap:18px}}.ctaText{display:flex;flex-direction:column;gap:5px}.ctaText strong{font-size:1.3rem;font-weight:600;color:#333}@media(max-width:768px){.ctaText strong{font-size:1.1rem}}.ctaText span{font-size:1.1rem;color:#666}@media(max-width:768px){.ctaText span{font-size:1rem}}.ctaButton{background-color:#6c63ff;color:#fff;border:none;padding:12px 35px;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ctaButton:hover{background-color:#5a54d4;transform:translateY(-2px)}@media(max-width:768px){.ctaButton{padding:10px 30px;font-size:1rem}.problemsGoalsSection{padding:40px 0}.contentWrapper{gap:30px}.sectionMainTitle{font-size:1.8rem!important}.subsectionTitle{font-size:1.1rem!important}}@media(max-width:480px){.problemsGoalsSection{padding:35px 0}.container{padding:0 15px}.ctaText strong{font-size:1.1rem}.ctaText span{font-size:1rem}.ctaButton{width:100%;max-width:200px}}.img{color:#ffc962;font-size:20px;font-weight:700}.workProcessSection{max-width:1200px;margin:0 auto;padding:50px 24px;background:#fff}.mainTitle{margin-bottom:50px}.approachSection{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:flex-start;margin-bottom:40px}.approachContent{padding-right:15px}.approachTitle{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:18px;line-height:1.3}.approachText{font-size:16px;line-height:1.6;color:#4a5568;margin-bottom:15px;text-align:justify}.imagesGrid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px}.imageCard{min-height:180px;overflow:hidden}.imageCard,.imageCardLarge{border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;position:relative}.imageCardLarge{grid-column:1/-1;min-height:220px}.imageCardLarge:before{top:35px;left:35px;transform:rotate(-15deg)}.imageCardLarge:after{bottom:50px;right:50px;transform:rotate(35deg)}.largeMockup{width:70%;height:160px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;position:relative}.largeMockupSidebar{width:30%;background:#f8f9fa;padding:14px 10px;display:flex;flex-direction:column;gap:6px;border-radius:8px 0 0 8px}.largeSidebarItem{height:12px;background:#e0e0e0;border-radius:2px}.largeMockupContent{flex:1 1;padding:14px;display:flex;flex-direction:column;gap:10px}.largeContentHeader{height:16px;background:#e0e0e0;border-radius:2px;width:60%}.largeContentBody{height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500}.largeContentFooter{display:flex;gap:8px;margin-top:auto}.footerItem{height:8px;background:#e0e0e0;border-radius:2px;flex:1 1}.statusIndicator{position:absolute;top:16px;right:16px;display:flex;gap:4px}.statusDot{width:6px;height:6px;border-radius:50%}.statusDot:first-child{background:#ff6b6b}.statusDot:nth-child(2){background:#4ecdc4}.statusDot:nth-child(3){background:#6c5ce7}@media(max-width:768px){.workProcessSection{padding:40px 20px}.mainTitle{font-size:36px;margin-bottom:40px}.approachSection{grid-template-columns:1fr;gap:30px}.imagesGrid{grid-template-columns:1fr;gap:1px}.approachTitle{font-size:28px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa}.finalResultSection{max-width:1200px;margin:0 auto;padding:50px 24px;background:#fff}.sectionHeader{text-align:left;margin-bottom:40px}.sectionTitle{font-size:14px;color:#6c757d;font-weight:400;margin-bottom:8px;letter-spacing:.5px}.mainTitle{font-size:48px;font-weight:600;color:#1a1a1a;line-height:1.2}.resultContent{max-width:900px}.resultText{font-size:16px;line-height:1.8;color:#4a5568;text-align:justify;letter-spacing:.2px}@media(max-width:768px){.finalResultSection{padding:40px 20px}.mainTitle{font-size:36px}.resultText{font-size:15px;line-height:1.7}}.collaboration-wrapper{padding:60px 0;text-align:center}.collaboration-container{max-width:1140px;margin:0 auto;padding:0 15px}.collaboration-card{background-color:#1a1a1a;border:15px solid #6c63ff;border-top:none;border-left:none;border-radius:0 0 15px 0;padding:45px 35px;position:relative;max-width:100vw;margin:0 auto}.collaboration-card:before{content:"";position:absolute;top:10px;left:10px;right:-10px;bottom:-10px;background:#6c63ff;border-radius:0 0 15px 0;z-index:-1;opacity:.3}.collaboration-card:after{content:"";position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;background:#6c63ff;border-radius:0 0 10px 0}.collaboration-content{position:relative;z-index:2}.collaboration-heading{font-size:2.8rem;font-weight:900;color:#fff;margin-bottom:12px;line-height:1.2}.collaboration-subheading{font-size:2rem;font-weight:600;color:#e0e0e0;margin-bottom:30px;line-height:1.3}.collaboration-btn{background-color:#6c63ff;color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s ease}.collaboration-btn:hover{background-color:#5a54d4;transform:translateY(-2px)}@media(max-width:768px){.collaboration-wrapper{padding:40px 20px}.collaboration-card{padding:35px 25px;max-width:100%}.collaboration-heading{font-size:2.2rem}.collaboration-subheading{font-size:1.6rem}}.requirements-section{width:100%;max-width:100vw;padding:80px 40px;background:#fff}.requirements-section .section-head{margin-bottom:40px}.requirements-section .section-head .title{font-size:2rem;font-weight:700;margin-bottom:12px}.requirements-section .section-head p{font-size:1rem;color:#666}