@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";.hero{background:var(--gradient-accent);color:#fff;padding:120px 0 80px;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{z-index:2;position:relative}.hero-title{font-family:Righteous;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.hero-carousel{display:flex;justify-content:center;align-items:center;position:relative}.carousel-container{width:80%;max-width:480px;position:relative}.carousel-item{width:100%}.project-showcase{background:#fffffff2;border-radius:12px;padding:1.2rem;box-shadow:0 20px 40px #0003;overflow:hidden;min-height:380px;display:flex;flex-direction:column}.project-image{width:100%;height:224px;min-height:224px;max-height:224px;overflow:hidden;border-radius:8px;margin-bottom:1rem;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-image img{width:100%;height:100%;object-fit:cover}.project-info{text-align:left}.project-info h3{font-size:1.2rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.project-category{display:inline-block;font-size:.8rem;font-weight:500;color:#4a5568;background:#e2e8f0;padding:.2rem .6rem;border-radius:12px;margin-bottom:.6rem}.project-description{font-size:.875rem;color:#4a5568;line-height:1.6}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.2rem}.indicator{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#fff3;cursor:pointer;transition:all .3s ease;padding:0;&:hover{background:#ffffff80;border-color:#fffc;transform:scale(1.2)}&.active{background:#fffc;transform:scale(1.3)}}.carousel-cta{margin-top:1.2rem;text-align:center}.carousel-cta .btn{display:inline-block}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.features{padding:80px 0;background-color:#fafafa}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #00000014;transition:all .3s ease;border:1px solid #e8e8e8}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001f}.feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1a202c}.feature-card p{color:#5a5a5a;line-height:1.6}.services-preview{padding:80px 0;background-color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.service-item{padding:2rem;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;background:linear-gradient(135deg,#fafafa,#f0f0f0)}.service-item:hover{border-color:#404040;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.service-item h3{font-size:1.4rem;font-weight:600;margin-bottom:1rem;color:#2d2d2d}.service-item p{color:#5a5a5a;line-height:1.6}@media(max-width:480px){.hero{padding:100px 0 60px}.hero-title{font-size:2rem}.carousel-container{width:95%}.project-showcase{padding:1rem;min-height:300px}.project-image{height:160px;min-height:160px;max-height:160px}.project-info h3{font-size:1rem}.project-description{font-size:.8rem}.carousel-cta .btn{width:100%;font-size:.9rem}.feature-card,.service-item{padding:1.5rem}.btn{width:100%;margin-bottom:.5rem}}@media(max-width:768px){.hero-container{grid-template-columns:1fr;gap:40px;text-align:center;padding-top:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{justify-content:center}.carousel-container{width:90%}.project-showcase{min-height:340px}.project-image{height:200px;min-height:200px;max-height:200px}.project-info h3{font-size:1.1rem}.project-description{font-size:.85rem}.features-grid,.services-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}}