.image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);cursor:zoom-out}.modal-content{margin:auto;display:block;max-width:90%;max-height:90%;position:relative;top:50%;transform:translateY(-50%);animation:zoomIn 0.3s;overflow-y:auto;z-index:999999}@keyframes zoomIn{from{transform:scale(0.8) translateY(-50%)} to{transform:scale(1) translateY(-50%)}}.close-modal{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer;z-index:1001;transition:0.3s}.close-modal:hover{color:#bbdefb}.stage-work{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.work-item{display:flex;flex-direction:column;gap:15px;padding:25px;background:linear-gradient(135deg,#f8f9fa 0,#f0f4f8 100%);border-radius:16px;transition:all 0.3s ease;border:1px solid rgba(220,230,245,0.6);box-shadow:0 4px 15px rgba(0,0,0,0.05)}.work-item:hover{background:linear-gradient(135deg,#e8eaf6 0,#e0e7ff 100%);transform:translateY(-5px);box-shadow:0 8px 25px rgba(26,35,126,0.15);border-color:rgba(26,35,126,0.2)}.work-text{flex:1}.work-text strong{display:block;margin-bottom:12px;color:#1a237e;font-size:1.2rem;font-weight:700;line-height:1.4}.work-text p{margin:0;color:#555;font-size:1rem;line-height:1.6;font-weight:400}.hero-breadcrumb{font-size:14px;margin-bottom:20px;color:#6c757d}.hero-breadcrumb a{color:#007bff;text-decoration:none}.hero-breadcrumb a:hover{text-decoration:underline}.breadcrumb-divider{margin:0 8px;color:#adb5bd}.quick-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 20px;padding:12px 0;border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08)}.quick-nav-label{font-weight:600;color:#2c3e50;margin-right:8px}.quick-nav-link{color:#007bff;text-decoration:none;font-size:14px;padding:4px 12px;border-radius:20px;background:#f8f9fa;transition:all 0.2s ease}.quick-nav-link:hover{background:#e9ecef;color:#0056b3}.projects-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:12px 0}.projects-nav-label{font-weight:600;color:#2c3e50;margin-right:8px}.projects-nav-link{color:#007bff;text-decoration:none;font-size:13px;padding:4px 10px;border-radius:20px;background:#f8f9fa;transition:all 0.2s ease}.projects-nav-link:hover{background:#e9ecef;color:#0056b3}section[id],div[id]{scroll-margin-top:80px} .stage-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin:40px 0;background:linear-gradient(135deg,#f8f9fa 0,#f0f4f8 100%);border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.8);border:1px solid rgba(220,230,245,0.6)} .gallery-item{position:relative;border-radius:2px;overflow:hidden;cursor:zoom-in;transition:all 0.3s ease;background:white;box-shadow:0 8px 25px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);display:flex;flex-direction:column;height:100%}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.18),0 8px 20px rgba(0,0,0,0.1)}.gallery-item img{width:100%;max-height:300px;height:100%;object-fit:cover;transition:transform 0.5s ease}.gallery-item:hover img{transform:scale(1.03)} .gallery-item > span{display:block;padding:20px;background:white;text-align:center;font-weight:600;color:#333;font-size:1.1rem;border-top:1px solid rgba(0,0,0,0.08);line-height:1.4;flex-grow:1;display:flex;align-items:center;justify-content:center}.zoomable-container{position:relative;overflow:hidden}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.zoomable-container:hover .image-overlay{opacity:1}.zoom-hint{color:white;font-size:0.9rem;font-weight:600;background:black;padding:8px 16px;border-radius:20px;backdrop-filter:blur(5px)}.project-image{position:relative;cursor:zoom-in}.project-image .image-overlay{background:rgba(0,0,0,0.5)}.turnkey-hero{background:linear-gradient(135deg,#2c3e50 0,#2d4059 25%,#34495e 50%,#3a506b 75%,#3f5c7a 100% ),radial-gradient(circle at 20% 30%,rgba(255,255,255,0.08) 0,transparent 40% );color:white;padding:130px 0;text-align:center;position:relative;overflow:hidden;border-radius:24px;margin:4svh 0;box-shadow:0 25px 50px rgba(0,0,0,0.25),0 15px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -1px 0 rgba(0,0,0,0.2)}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(90deg,#fff,#bbdefb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;opacity:0.9;max-width:800px;margin:0 auto;line-height:1.6}.project-example-section{background:linear-gradient(135deg,#f5f7fa 0,#eef2f7 25%,#e8edf5 50%,#e3e9f3 75%,#dee5f1 100% ),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.9) 0,transparent 40% );padding:100px 0;position:relative;overflow:hidden;border-radius:24px;margin:60px 0;box-shadow:0 20px 40px rgba(0,0,0,0.08),0 10px 20px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(200,215,235,0.3)}.section-title{text-align:center;font-size:2.8rem;margin-bottom:15px;color:black}.section-subtitle{text-align:center;font-size:1.1rem;color:#666;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto}.project-card{background:white;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,0.1);overflow:hidden;margin-bottom:40px;transition:all 0.3s ease}.project-preview{padding:40px;display:grid;grid-template-columns:400px 1fr;gap:40px;align-items:start;background:linear-gradient(135deg,#ffffff 0,#fafbfd 50%,#f5f7fa 100% );border-radius:16px;border:1px solid rgba(220,230,245,0.8);box-shadow:0 10px 30px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(220,230,245,0.6);position:relative;overflow:hidden}.project-image{position:relative;border-radius:20px;overflow:hidden;height:320px;box-shadow:0 20px 40px rgba(26,35,126,0.2),0 10px 20px rgba(26,35,126,0.1),inset 0 1px 0 rgba(255,255,255,0.5),inset 0 -1px 0 rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.8);transform-origin:left center;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.project-image:hover{box-shadow:0 25px 50px rgba(26,35,126,0.25),0 15px 30px rgba(26,35,126,0.15)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.project-image:hover img{transform:scale(1.05)}.project-info h3{font-size:2rem;margin-bottom:15px;color:black}.project-description{font-size:1.1rem;line-height:1.6;color:#555;margin-bottom:25px}.project-toggle-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#343b8a 0,#343964 100%);color:white;border:none;padding:15px 30px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease}.project-toggle-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(26,35,126,0.3)}.toggle-icon{transition:transform 0.3s ease}.project-card.active .toggle-icon{transform:rotate(180deg)}.project-dropdown{max-height:0;overflow:hidden;transition:max-height 0.8s cubic-bezier(0.4,0,0.2,1);background:#fafafa}.project-card.active .project-dropdown{max-height:50000px}.dropdown-content{padding:40px 0}.project-stage{background:white;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px rgba(0,0,0,0.05)}.stage-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eee}.stage-icon{font-size:2.5rem}.stage-header h4{margin:0;font-size:1.5rem;color:black;flex:1}.stage-duration{background:#e8eaf6;color:black;padding:5px 15px;border-radius:20px;font-size:0.9rem;font-weight:500}.stage-content h5{font-size:1.2rem;margin:25px 0 15px;color:#333}.stage-content > p{color:#555;line-height:1.7;margin-bottom:25px}.project-cta{text-align:center;padding:40px;background:white;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1)}.project-cta p{font-size:1.3rem;margin-bottom:25px;color:black}.btn{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,#1a237e 0,#283593 100%);color:white;border:none;border-radius:50px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(26,35,126,0.3)}@media (max-width:1200px){.project-preview{grid-template-columns:1fr} .project-image{height:250px}}@media (max-width:992px){.stage-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:25px} .gallery-item img{height:200px} .hero-title{font-size:2.8rem} .section-title{font-size:2.2rem} .project-preview,.dropdown-content{padding:30px} .stage-work{grid-template-columns:1fr}}@media (max-width:768px){.turnkey-hero,.project-example-section{padding:60px 0} .hero-title{font-size:2.2rem} .section-title{font-size:1.8rem} .stage-gallery{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px} .gallery-item img{height:180px} .gallery-item > span{padding:15px;font-size:1rem} .project-info h3{font-size:1.6rem} .stage-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:576px){.hero-title{font-size:1.8rem} .section-title{font-size:1.6rem} .project-preview,.dropdown-content{padding:20px} .stage-gallery{grid-template-columns:1fr} .stage-gallery{grid-template-columns:1fr;padding:15px} .gallery-item img{height:200px} .work-item{padding:20px}}