.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background:#fffffff2;box-shadow:0 2px 20px #0000000d;border-bottom-color:#92ddfa33}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{cursor:pointer;display:flex;align-items:center;transition:opacity .3s ease}.nav-logo:hover{opacity:.8}.logo-image{height:40px;width:auto}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-menu a{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.95rem;transition:color .3s ease;position:relative}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.nav-menu a:hover{color:var(--accent-color)}.nav-menu a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.nav-toggle span{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:2rem;gap:1.5rem;transform:translate(100%);transition:transform .3s ease;box-shadow:0 4px 20px #0000001a}.nav-menu.active{transform:translate(0)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:140px 2rem 100px;background:var(--bg-primary);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.floating-products{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}.floating-product{position:absolute;opacity:.6;transition:opacity .3s ease;pointer-events:none;will-change:transform}.floating-product:hover{opacity:.9}.product-svg{width:70px;height:70px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:transform .3s ease;object-fit:contain;animation:floatProduct 6s ease-in-out infinite}.floating-product:hover .product-svg{animation-play-state:paused;transform:scale(1.15) rotate(5deg)}.product-1{top:15%;left:10%;animation-delay:0s}.product-2{top:25%;right:15%;animation-delay:.5s}.product-3{top:50%;left:5%;animation-delay:1s}.product-4{top:60%;right:10%;animation-delay:1.5s}.product-5{top:10%;left:50%;animation-delay:.3s}.product-6{top:35%;left:45%;animation-delay:.8s}.product-7{bottom:25%;left:20%;animation-delay:1.2s}.product-8{bottom:20%;right:20%;animation-delay:.7s}.product-9{top:70%;right:35%;animation-delay:1.3s}@keyframes floatProduct{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(3deg)}66%{transform:translateY(-25px) rotate(-3deg)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatOrb 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--accent-color);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:var(--accent-dark);bottom:-50px;right:-50px;animation-delay:5s}.orb-3{width:250px;height:250px;background:var(--accent-color);top:50%;right:20%;animation-delay:10s}.hero-container{max-width:900px;width:100%;position:relative;z-index:2;text-align:center}.hero-content{animation:fadeInUp .8s ease-out}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:#92ddfa1a;border:1px solid rgba(146,221,250,.2);border-radius:50px;margin-bottom:2rem;font-size:.9rem;font-weight:500;color:var(--accent-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.accent-text{color:var(--accent-color);background:linear-gradient(135deg,var(--accent-color),var(--accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-secondary);margin-bottom:3rem;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 20px #92ddfa4d;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 8px 30px #92ddfa66}.btn-arrow{transition:transform .3s ease}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(146,221,250,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#92ddfa1a;border-color:var(--accent-color);transform:translateY(-3px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(146,221,250,.1)}.stat-item{text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-divider{width:1px;height:40px;background:#92ddfa33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.15}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@media (max-width: 768px){.hero{padding:120px 1.5rem 80px}.hero-stats{flex-direction:column;gap:1.5rem;margin-top:3rem;padding-top:2rem}.stat-divider{width:60px;height:1px}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%}}@media (max-width: 568px){.hero{padding:100px 1rem 60px}.gradient-orb{filter:blur(60px)}.orb-1{width:250px;height:250px}.orb-2{width:200px;height:200px}.orb-3{width:150px;height:150px}.product-svg{width:40px;height:40px}.floating-product{opacity:.4}}.about{padding:120px 2rem;background:var(--bg-secondary)}.about-container{max-width:1000px;margin:0 auto}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.section-title .accent-text{color:var(--accent-color)}.section-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3rem}.transformation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.transformation-item{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:15px;transition:transform .3s ease,box-shadow .3s ease}.transformation-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #92ddfa33}.transformation-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.transformation-item h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.transformation-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.about-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.highlight-item{display:flex;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border-radius:16px;transition:all .3s ease}.highlight-item:hover{background:#fff;box-shadow:0 10px 30px #92ddfa1a;transform:translateY(-4px)}.highlight-number{font-size:2.5rem;font-weight:700;color:var(--accent-color);opacity:.3;line-height:1;flex-shrink:0}.highlight-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.highlight-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.about{padding:80px 1.5rem}.about-highlights{grid-template-columns:1fr;gap:1.5rem}.highlight-item{padding:1.5rem}}.partners{padding:120px 2rem;background:var(--bg-primary)}.partners-container{max-width:1200px;margin:0 auto}.partners-header{text-align:center;margin-bottom:5rem}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.partner-card{background:#fff;padding:3rem;border-radius:24px;border:1px solid var(--bg-secondary);transition:all .4s ease;position:relative;overflow:hidden}.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-dark));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.partner-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #92ddfa26;border-color:var(--accent-color)}.partner-card:hover:before{transform:scaleX(1)}.partner-icon-wrapper{margin-bottom:2rem}.partner-icon{font-size:3.5rem;display:inline-block;animation:float 3s ease-in-out infinite}.partner-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.partner-description{color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;font-size:1rem}.partner-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.95rem}.feature-check{width:20px;height:20px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.partners{padding:80px 1.5rem}.partners-grid{grid-template-columns:1fr;gap:2rem}.partner-card{padding:2rem}}.portfolio{padding:120px 2rem;background:var(--bg-secondary)}.portfolio-container{max-width:1200px;margin:0 auto;overflow:visible}.portfolio-header{text-align:center;margin-bottom:5rem}.portfolio-grid{display:flex;gap:2rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;cursor:grab}.portfolio-grid:active{cursor:grabbing}.portfolio-grid::-webkit-scrollbar{height:8px}.portfolio-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.portfolio-grid::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.portfolio-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}.portfolio-card{background:#fff;border-radius:24px;padding:3rem;border:1px solid var(--bg-secondary);transition:all .4s ease;position:relative;overflow:hidden;flex:0 0 calc(33.333% - 1.34rem);min-width:320px;max-width:380px;scroll-snap-align:start}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-dark));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #92ddfa26;border-color:var(--accent-color)}.portfolio-card:hover:before{transform:scaleX(1)}.portfolio-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.portfolio-number{font-size:3rem;font-weight:700;color:var(--accent-color);opacity:.2;line-height:1}.portfolio-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.portfolio-location{color:var(--accent-color);font-size:.9rem;font-weight:500;margin-bottom:1rem}.portfolio-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}.portfolio-transformation{padding-top:1.5rem;border-top:1px solid var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem}.transformation-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.transformation-text{font-size:1rem;color:var(--text-primary);font-weight:600}@media (max-width: 968px){.portfolio-card{flex:0 0 calc(50% - 1rem);min-width:280px}}@media (max-width: 568px){.portfolio-card{flex:0 0 calc(85% - 1rem);min-width:260px}}.contact{padding:120px 2rem;background:var(--bg-primary)}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:5rem}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card{background:#fff;padding:2rem;border-radius:15px;transition:all .3s ease}.info-card:hover{transform:translate(10px);box-shadow:0 10px 30px #92ddfa33}.info-icon{font-size:2.5rem;margin-bottom:1rem}.info-card h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.info-card p{color:var(--text-secondary);margin:0}.info-link{color:var(--accent-color);text-decoration:none;transition:color .3s ease;word-break:break-all}.info-link:hover{color:var(--accent-dark);text-decoration:underline}.info-address{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}.contact-form{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 40px #0000000d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--bg-secondary);border-radius:10px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #92ddfa1a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;margin-top:1rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-success{margin-top:1rem;padding:1rem;background:#92ddfa1a;border:2px solid var(--accent-color);border-radius:10px;color:var(--accent-dark);font-weight:500;text-align:center;animation:slideIn .3s ease}.form-error{margin-top:1rem;padding:1rem;background:#ff00001a;border:2px solid #ff4444;border-radius:10px;color:#c00;font-weight:500;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-form{padding:2rem}}.footer{background:var(--bg-dark);color:#fff;padding:60px 2rem 30px}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:400px}.footer-logo-image{height:45px;width:auto;margin-bottom:1rem;opacity:.95}.footer-brand p{color:#ffffffb3;line-height:1.7}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-column h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:.75rem;transition:color .3s ease}.footer-column a:hover{color:var(--accent-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.9rem}.scroll-to-top{width:45px;height:45px;border-radius:50%;background:var(--accent-color);color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.scroll-to-top:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 5px 15px #92ddfa66}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.App{width:100%;overflow-x:hidden}section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;scroll-snap-align:start;scroll-snap-stop:always}section.visible{opacity:1;transform:translateY(0)}footer{scroll-snap-align:none;scroll-snap-stop:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--accent-color: #92ddfa;--accent-dark: #6bc5e0;--text-primary: #1a1a1a;--text-secondary: #666666;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-dark: #0a0a0a}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}