*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column}body{font-family:Arial,sans-serif;line-height:1.6}.main-container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.header{background-color:#2c3e50;color:#fff;padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo h2{color:#00d8ff}.nav-list{display:flex;list-style:none;gap:2rem;align-items:center}.nav-list a{color:#fff;text-decoration:none;transition:color .3s ease;font-weight:500}.nav-list a:hover{color:#00d8ff}.login-item{margin-left:2rem;border-left:1px solid #34495e;padding-left:2rem}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger span{width:25px;height:3px;background-color:#fff;margin:2px 0;transition:.3s}@media(max-width:768px){.hamburger{display:flex}.nav{position:absolute;top:100%;left:0;width:100%;background-color:#2c3e50;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .4s ease}.nav-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-list{flex-direction:column;padding:2rem;gap:1.5rem}.login-item{margin-left:0;border-left:none;padding-left:0;border-top:1px solid #34495e;padding-top:1rem;width:100%;text-align:center}}.main-content{flex:1}.section{padding:4rem 0}.section h2{text-align:center;margin-bottom:3rem;color:#2c3e50;font-size:2.5rem}.placeholder-image{border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2c3e50;font-weight:700;font-size:1.1rem}@media(max-width:768px){.content-grid{grid-template-columns:1fr;gap:2rem}.section h2{font-size:2rem}}.hero{background:linear-gradient(135deg,#00d8ffb3,#2c3e50b3),url(https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80) center/cover;color:#fff;padding:4rem 0;text-align:center;position:relative}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{background-color:#e74c3c;color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.cta-button:hover{background-color:#c0392b}@media(max-width:768px){.hero-content h1{font-size:2rem}}.who-we-are{background:linear-gradient(#f8f9fad9,#f8f9fad9),url(https://images.unsplash.com/photo-1521737711867-e3b97375f902?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80) center/cover;padding:4rem 0;position:relative}.who-we-are .content-grid{position:relative;z-index:1}.who-we-are h2{text-align:center;margin-bottom:3rem;color:#2c3e50;font-size:2.5rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.content-text p{margin-bottom:1.5rem;line-height:1.7;color:#555}.content-text ul{list-style:none;margin-top:1.5rem}.content-text li{margin-bottom:.8rem;padding-left:0;color:#555}.placeholder-image{background:linear-gradient(135deg,#e74c3c20,#2c3e5020);border:2px dashed #e74c3c;border-radius:10px;height:300px;display:flex;align-items:center;justify-content:center;color:#2c3e50;font-weight:700;font-size:1.1rem}@media(max-width:768px){.content-grid{grid-template-columns:1fr;gap:2rem}.who-we-are h2{font-size:2rem}.placeholder-image{height:200px}}.innovation{background:linear-gradient(#ffffffd9,#ffffffd9),url(https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80) center/cover;padding:4rem 0;position:relative}.innovation .content-grid{position:relative;z-index:1}.innovation h2{text-align:center;margin-bottom:3rem;color:#2c3e50;font-size:2.5rem}.innovation h3{color:#2c3e50;margin-bottom:1rem;font-size:1.8rem}.content-grid.reverse{direction:rtl}.content-grid.reverse>*{direction:ltr}.innovation-features{margin-top:2rem}.innovation-item{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.innovation-item h4{color:#2c3e50;margin-bottom:.5rem;font-size:1.2rem}.innovation-item p{margin-bottom:0;color:#666}.product-placeholder{background:linear-gradient(135deg,#00d8ff20,#27ae6020);border-color:#27ae60}@media(max-width:768px){.content-grid.reverse{direction:ltr}.innovation h2{font-size:2rem}}.portfolio{background:linear-gradient(#f8f9fad9,#f8f9fad9),url(https://images.unsplash.com/photo-1516321318423-f06f85e504b3?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80) center/cover;padding:4rem 0;position:relative}.portfolio h2{text-align:center;margin-bottom:3rem;color:#2c3e50;font-size:2.5rem}.section-intro{text-align:center;color:#666;font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;position:relative;z-index:1}.portfolio-item{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item h3{margin:1rem 0 .5rem;color:#2c3e50}.portfolio-item p{color:#666;line-height:1.6}.portfolio-image{height:200px;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center}.portfolio-real-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.portfolio-placeholder{background:linear-gradient(135deg,#9b59b620,#34495e20);border-color:#9b59b6;height:200px;width:100%}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio h2{font-size:2rem}.portfolio-image{height:180px}}.features{background:linear-gradient(#ffffffd9,#ffffffd9),url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80) center/cover;padding:4rem 0;position:relative}.features-grid{position:relative;z-index:1}.features h2{text-align:center;margin-bottom:3rem;color:#2c3e50;font-size:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:#666}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.features h2{font-size:2rem}}.footer{background-color:#2c3e50;color:#fff;padding:2rem 0 0}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#00d8ff}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#ecf0f1;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#00d8ff}.social-links{display:flex;flex-direction:column;gap:.5rem}.footer-bottom{border-top:1px solid #34495e;margin-top:2rem;padding:1rem 0;text-align:center;color:#bdc3c7}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}}