body{color:#333;background-color:#f4f6f8;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.site-header{z-index:1000;background-color:#fff;position:sticky;top:0;box-shadow:0 2px 5px #0000001a}.navbar{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 20px;display:flex}.logo h1{color:#2c3e50;margin:0;font-size:1.8rem}.logo{flex-shrink:0;align-items:center;max-width:240px;display:flex;overflow:hidden}.logo img{object-fit:contain;object-position:left center;width:auto;max-width:220px;height:46px;display:block}.logo a{align-items:center;display:flex}.nav-links{gap:25px;margin:0;padding:0;list-style:none;display:flex}.nav-links>li{align-items:center;display:flex}.hamburger-menu{cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.nav-links a{color:#555;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#16a085}.nav-products{position:static}.products-menu-trigger{color:#555;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:500;transition:color .3s;display:inline-flex}.products-menu-trigger:hover,.nav-products:focus-within .products-menu-trigger,.nav-products.open .products-menu-trigger{color:#16a085}.products-menu-trigger .fas{font-size:.72rem;transition:transform .2s}.nav-products:hover .products-menu-trigger .fas,.nav-products:focus-within .products-menu-trigger .fas,.nav-products.open .products-menu-trigger .fas{transform:rotate(180deg)}.products-flyout{z-index:1001;opacity:0;pointer-events:none;visibility:hidden;background:#f4f5f6;border:1px solid #d8dde3;border-top:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;width:min(1120px,100vw - 40px);padding:22px 24px 24px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%,8px);box-shadow:0 16px 30px #2c3e502e}.nav-products:hover .products-flyout,.nav-products:focus-within .products-flyout,.nav-products.open .products-flyout{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%)}.products-flyout-column{text-align:left;min-width:0}.products-flyout-column h3{color:#2c3e50;margin:0 0 12px;font-size:.95rem;line-height:1.25}.products-flyout-column a{color:#1f2d3d;padding:7px 0;font-size:.9rem;font-weight:400;line-height:1.35;display:block}.products-flyout-column a:hover,.products-flyout-column a:focus{color:#16a085;text-decoration:underline}.hero-section{color:#fff;text-align:center;background:linear-gradient(#2c3e50cc,#2c3e50cc),url(https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1920&q=80) 50%/cover no-repeat;padding:100px 20px}.hero-content h2{margin-bottom:15px;font-size:2.8rem}.hero-content p{opacity:.9;max-width:700px;margin:0 auto 30px;font-size:1.2rem}.cta-button{color:#fff;background-color:#16a085;border-radius:5px;padding:12px 25px;font-weight:700;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-block}.cta-button:hover{background-color:#2980b9}.about-section{text-align:center;background-color:#fff;padding:60px 20px}.about-content{max-width:800px;margin:0 auto}.about-section h2{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.about-section p{color:#555;font-size:1.1rem}.services-section{text-align:center;background-color:#f4f6f8;padding:60px 20px}.services-section h2{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.services-section .subtitle{color:#777;margin-bottom:50px;font-size:1.1rem}.services-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.service-card{opacity:0;background:#fff;border-radius:8px;padding:30px;transform:translateY(20px);box-shadow:0 4px 15px #00000012}.service-card .fas{color:#16a085;margin-bottom:15px;font-size:2.5rem}.service-card h3{color:#34495e;margin-top:0;font-size:1.4rem}.service-card p{color:#555}.skills-section{text-align:center;background-color:#fff;padding:60px 20px}.skills-section h2{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.skills-section .subtitle{color:#777;margin-bottom:50px;font-size:1.1rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1200px;margin:0 auto;display:grid}.skill-card{opacity:0;background:#fdfdfd;border-radius:8px;padding:30px;transition:transform .3s,box-shadow .3s;transform:translateY(20px);box-shadow:0 4px 15px #0000000d}.skill-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000014}.skill-card .fab,.skill-card .fas{color:#16a085;margin-bottom:20px;font-size:3rem}.features-section{text-align:center;max-width:1200px;margin:0 auto;padding:60px 20px}.features-section h2{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.features-section .subtitle{color:#777;margin-bottom:40px;font-size:1.1rem}.feature-group-title{text-align:left;color:#34495e;border-bottom:2px solid #e0e0e0;grid-column:1/-1;width:100%;margin-top:30px;margin-bottom:10px;padding-bottom:5px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.feature-card{opacity:0;text-align:center;background:#fff;border-radius:8px;padding:25px;transition:transform .3s,box-shadow .3s;transform:translateY(20px);box-shadow:0 2px 8px #00000014}.feature-card-link{color:inherit;padding:25px;text-decoration:none;display:block}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001f}.feature-card .fas{color:#16a085;margin-bottom:15px;font-size:2.5rem}.feature-card h4{color:#34495e;margin:0;font-size:1.1rem}.feature-card .app-module{color:#555;text-align:left;margin:12px 4px 8px;font-size:.88rem;line-height:1.45}.feature-card .app-platform{color:#16a085;text-align:left;margin:0;font-size:.85rem}.pricing-section{background-color:#fff;padding:60px 20px}.pricing-section h2{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.pricing-section .subtitle{text-align:center;color:#777;margin-bottom:50px;font-size:1.1rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.pricing-card{text-align:center;opacity:0;background:#fdfdfd;border:1px solid #e0e0e0;border-radius:10px;padding:30px;transition:transform .3s,box-shadow .3s;position:relative;transform:translateY(20px)}.pricing-card.recommended{border-color:#16a085;transform:scale(1.05);box-shadow:0 10px 30px #16a08533}.recommended-badge{color:#fff;background-color:#16a085;border-radius:15px;padding:5px 15px;font-size:.8rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#34495e;font-size:1.5rem}.pricing-card .price{color:#2c3e50;margin:15px 0;font-size:2.8rem;font-weight:700}.pricing-card .price span{color:#777;font-size:1rem;font-weight:400}.pricing-card ul{text-align:left;margin:25px 0;padding:0;list-style:none}.pricing-card ul li{color:#555;margin-bottom:12px}.pricing-card ul .fa-check{color:#27ae60;margin-right:8px}.pricing-card ul .fa-times{color:#c0392b;margin-right:8px}.pricing-card .cta-button{box-sizing:border-box;width:100%}.contact-section{color:#fff;text-align:center;background-color:#34495e;padding:60px 20px}.contact-form{grid-template-columns:1fr 1fr;gap:20px;max-width:700px;margin:30px auto 0;display:grid}.form-group{text-align:left}.form-group.full-width{grid-column:1/-1}.contact-form input,.contact-form textarea{color:#fff;box-sizing:border-box;background-color:#4a627a;border:1px solid #7f8c8d;border-radius:5px;width:100%;padding:12px;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#bdc3c7}#form-status{margin-top:20px;font-weight:700}.status-success{color:#2ecc71}.status-error{color:#e74c3c}.testimonials-section{background-color:#f4f6f8;padding:60px 20px}.testimonials-section h2{text-align:center;color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.testimonials-section .subtitle{text-align:center;color:#777;margin-bottom:50px;font-size:1.1rem}.testimonials-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:#fff;border-left:5px solid #16a085;border-radius:8px;padding:30px;box-shadow:0 4px 15px #00000012}.testimonial-card .quote{color:#555;margin:0 0 20px;font-size:1.1rem;font-style:italic}.testimonial-card .author-name{color:#34495e;font-weight:700}.testimonial-card .author-title{color:#777;font-size:.9rem}.site-footer{color:#bdc3c7;text-align:center;background-color:#2c3e50;padding:20px}#product-detail-page{max-width:900px;margin:0 auto;padding:40px 20px}.product-detail-content{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 15px #0000001a}.back-link{color:#555;margin-bottom:25px;font-weight:500;text-decoration:none;display:inline-block}.back-link:hover{color:#16a085}.product-detail-content h1{color:#2c3e50;margin-top:0;font-size:2.8rem}.product-media-wrapper{background-color:#f0f0f0;border-radius:8px;width:100%;margin:25px 0;padding-top:56.25%;position:relative;overflow:hidden}.product-media-wrapper img,.product-media-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.hidden{display:none}.animate-on-scroll{transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.hamburger-menu{color:#2c3e50;display:block}.logo{max-width:160px}.logo img{max-width:150px;height:36px}.nav-links{text-align:center;background-color:#fff;flex-direction:column;gap:0;max-height:0;transition:max-height .5s ease-in-out;position:absolute;top:70px;left:0;right:0;overflow:hidden}.nav-links.active{max-height:80vh;overflow-y:auto;box-shadow:0 2px 5px #0000001a}.nav-links li{width:100%;display:block}.nav-links a{border-bottom:1px solid #f0f0f0;padding:15px 0;display:block}.products-menu-trigger{border-bottom:1px solid #f0f0f0;justify-content:center;width:100%;padding:15px 0}.products-flyout{width:auto;box-shadow:none;opacity:1;pointer-events:auto;visibility:visible;background:#f7f9fb;border:0;border-bottom:1px solid #e6ebef;grid-template-columns:1fr;gap:14px;padding:14px 28px 18px;display:none;position:static;transform:none}.nav-products.open .products-flyout,.nav-products:focus-within .products-flyout{display:grid}.nav-products:hover .products-flyout{transform:none}.products-flyout-column h3{margin-bottom:5px;font-size:.9rem}.products-flyout-column a{padding:8px 0}.hero-content h2{font-size:2.2rem}.pricing-card.recommended{transform:scale(1)}.contact-form{grid-template-columns:1fr}.nav-links.active+.nav-login-btn{display:none}}
