:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-text: #212529;--color-text-secondary: #6c757d;--color-primary: #5e72e4;--color-primary-light: #7795f8;--color-primary-dark: #324cdd;--color-accent: #11cdef;--color-border: #e9ecef;--color-card-bg: #ffffff;--color-card-shadow: rgba(0, 0, 0, 0.05);--color-success: #2dce89;--color-warning: #fb6340;--color-danger: #f5365c;--color-info: #11cdef;--gradient-primary: linear-gradient(87deg, #5e72e4 0, #825ee4 100%)}[data-theme="dark"]{--color-bg: #1a1c23;--color-bg-secondary: #252830;--color-text: #e9ecef;--color-text-secondary: #adb5bd;--color-primary: #5e72e4;--color-primary-light: #7795f8;--color-primary-dark: #324cdd;--color-accent: #11cdef;--color-border: #2a2f3a;--color-card-bg: #252830;--color-card-shadow: rgba(0, 0, 0, 0.2);--gradient-primary: linear-gradient(87deg, #5e72e4 0, #825ee4 100%)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:1rem;line-height:1.6;transition:background-color 0.3s ease, color 0.3s ease}a{color:var(--color-primary);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}@media (min-width: 768px){h1{font-size:3.5rem}}h2{font-size:2rem}@media (min-width: 768px){h2{font-size:2.5rem}}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}.btn{display:inline-block;padding:0.75rem 1.5rem;font-weight:500;text-align:center;text-decoration:none;border-radius:0.375rem;cursor:pointer;transition:all 0.3s ease;border:none}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover{background-color:var(--color-primary-dark);color:white}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:white}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem 0;transition:background-color 0.3s ease, border-color 0.3s ease}.site-header .header-wrapper{display:flex;align-items:center}.site-header .logo{margin-right:auto}.site-header .header-nav-container{display:flex;align-items:center}.site-header .logo a{display:flex;align-items:center;color:var(--color-text);font-weight:700;font-size:1.5rem}.site-header .logo a:hover{color:var(--color-primary)}.site-header .logo .logo-image{height:30px;margin-right:0.5rem}.site-header .logo .logo-text{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 767px){.site-header .main-nav{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease}.site-header .main-nav.active{transform:translateY(0);opacity:1;visibility:visible}}.site-header .main-nav ul{display:flex;list-style:none}@media (max-width: 767px){.site-header .main-nav ul{flex-direction:column;align-items:center}}.site-header .main-nav li{margin:0 1rem}@media (max-width: 767px){.site-header .main-nav li{margin:0.5rem 0}}.site-header .main-nav .nav-link{color:var(--color-text-secondary);font-weight:500;transition:color 0.3s ease}.site-header .main-nav .nav-link:hover,.site-header .main-nav .nav-link.active{color:var(--color-primary)}.site-header .main-nav .dropdown{position:relative}.site-header .main-nav .dropdown:hover .dropdown-content{display:block}.site-header .main-nav .dropdown-content{display:none;position:absolute;top:100%;left:0;min-width:200px;background-color:var(--color-card-bg);border-radius:0.375rem;box-shadow:0 4px 6px var(--color-card-shadow);z-index:10;padding:0.5rem 0}.site-header .main-nav .dropdown-content a{display:block;padding:0.5rem 1rem;color:var(--color-text);font-size:0.875rem}.site-header .main-nav .dropdown-content a:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.site-header .main-nav .dropdown-content a.view-all{border-top:1px solid var(--color-border);margin-top:0.5rem;padding-top:0.75rem;font-weight:500;color:var(--color-primary)}@media (max-width: 767px){.site-header .main-nav .dropdown-content{position:static;box-shadow:none;background-color:transparent;padding:0 0 0 1rem}.site-header .main-nav .dropdown-content a{padding:0.5rem 0}.site-header .main-nav .dropdown-content a:hover{background-color:transparent}.site-header .main-nav .dropdown-content a.view-all{border-top:none;margin-top:0;padding-top:0.5rem}}.site-header .theme-toggle{margin-left:2rem}.site-header .theme-toggle button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.site-header .theme-toggle button:hover{color:var(--color-primary);background-color:var(--color-bg-secondary)}.site-header .theme-toggle button .theme-toggle-light{display:none}.site-header .theme-toggle button .theme-toggle-dark{display:block}.dark .site-header .theme-toggle button .theme-toggle-light{display:block}.dark .site-header .theme-toggle button .theme-toggle-dark{display:none}.site-header .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem}@media (max-width: 767px){.site-header .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:20px}}.site-header .mobile-menu-toggle span{display:block;width:100%;height:2px;background-color:var(--color-text);transition:transform 0.3s ease, opacity 0.3s ease}.site-header .mobile-menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.site-header .mobile-menu-toggle.active span:nth-child(2){opacity:0}.site-header .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.site-footer{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);padding:4rem 0 2rem;margin-top:4rem}.site-footer .footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}@media (max-width: 767px){.site-footer .footer-content{flex-direction:column}}.site-footer .footer-logo{flex:0 0 100%;max-width:300px;margin-bottom:2rem}.site-footer .footer-logo .footer-logo-wrapper{display:flex;align-items:center;margin-bottom:0.5rem}.site-footer .footer-logo .logo-image{height:30px;margin-right:0.5rem}.site-footer .footer-logo .logo-text{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.site-footer .footer-logo .tagline{color:var(--color-text-secondary);font-size:0.875rem}.site-footer .footer-links{display:flex;flex-wrap:wrap;flex:1;justify-content:space-between}@media (max-width: 767px){.site-footer .footer-links{flex-direction:column}}.site-footer .footer-column{flex:0 0 auto;margin-bottom:1.5rem;margin-right:2rem}.site-footer .footer-column h4{color:var(--color-text);margin-bottom:1rem;font-size:1rem}.site-footer .footer-column ul{list-style:none}.site-footer .footer-column li{margin-bottom:0.5rem}.site-footer .footer-column a{color:var(--color-text-secondary);font-size:0.875rem}.site-footer .footer-column a:hover{color:var(--color-primary)}.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--color-border)}@media (max-width: 767px){.site-footer .footer-bottom{flex-direction:column;text-align:center}.site-footer .footer-bottom p{margin-bottom:1rem}}.site-footer .footer-bottom p{font-size:0.875rem}.site-footer .social-links{display:flex}.site-footer .social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg);color:var(--color-text-secondary);margin-left:0.75rem;transition:background-color 0.3s ease, color 0.3s ease}.site-footer .social-links a:hover{background-color:var(--color-primary);color:white}.site-content{min-height:calc(100vh - 300px)}.hero-section{padding:6rem 0;position:relative;overflow:hidden}@media (min-width: 768px){.hero-section{padding:8rem 0}}.hero-section .container{position:relative;z-index:1}.hero-section .hero-content{max-width:600px}.hero-section .hero-content h1{margin-bottom:1.5rem}.hero-section .hero-content h1 .highlight{color:var(--color-primary)}.hero-section .hero-content p{font-size:1.125rem;margin-bottom:2rem;color:var(--color-text-secondary)}@media (min-width: 768px){.hero-section .hero-content p{font-size:1.25rem}}.hero-section .hero-content .hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-section .hero-image{position:absolute;top:50%;right:-5%;transform:translateY(-50%);width:50%;max-width:600px;display:none}@media (min-width: 992px){.hero-section .hero-image{display:block}}.hero-section .hero-image img{width:100%;height:auto}.features-section{padding:4rem 0;background-color:var(--color-bg-secondary)}.features-section .section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.features-section .section-header h2{margin-bottom:1rem}.features-section .section-header p{color:var(--color-text-secondary)}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.features-section .feature-card{background-color:var(--color-card-bg);border-radius:0.5rem;padding:2rem;box-shadow:0 4px 6px var(--color-card-shadow);transition:transform 0.3s ease, box-shadow 0.3s ease}.features-section .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px var(--color-card-shadow)}.features-section .feature-card .feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);margin-bottom:1.5rem;color:white;font-size:1.5rem}.features-section .feature-card h3{margin-bottom:1rem;font-size:1.25rem}.features-section .feature-card p{color:var(--color-text-secondary);margin-bottom:0}.products-section{padding:4rem 0}.products-section .section-header{text-align:center;max-width:700px;margin:0 auto 3rem}.products-section .section-header h2{margin-bottom:1rem}.products-section .section-header p{color:var(--color-text-secondary)}.products-section .products-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem}.products-section .product-card{background-color:var(--color-card-bg);border-radius:0.5rem;overflow:hidden;box-shadow:0 4px 6px var(--color-card-shadow);transition:transform 0.3s ease, box-shadow 0.3s ease}.products-section .product-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px var(--color-card-shadow)}.products-section .product-card .product-image{height:200px;background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;padding:1rem}.products-section .product-card .product-image .product-feature-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.products-section .product-card .product-image svg{width:64px;height:64px;color:var(--color-primary)}.products-section .product-card .product-content{padding:1.5rem}.products-section .product-card .product-content h3{margin-bottom:0.5rem;font-size:1.25rem}.products-section .product-card .product-content .product-category{display:inline-block;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:1rem;margin-bottom:1rem}.products-section .product-card .product-content p{color:var(--color-text-secondary);margin-bottom:1.5rem}.products-section .product-card .product-content .product-link{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:500}.products-section .product-card .product-content .product-link svg{margin-left:0.5rem;transition:transform 0.3s ease}.products-section .product-card .product-content .product-link:hover svg{transform:translateX(3px)}.cta-section{padding:6rem 0;background:var(--gradient-primary);color:white;text-align:center}.cta-section .container{max-width:800px}.cta-section h2{margin-bottom:1.5rem;font-size:2.5rem}.cta-section p{margin-bottom:2rem;font-size:1.125rem;opacity:0.9}.cta-section .btn{background-color:white;color:var(--color-primary)}.cta-section .btn:hover{background-color:rgba(255,255,255,0.9)}.about-section{padding:4rem 0}.about-section .about-content{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}.about-section .about-content .about-text{flex:1;min-width:300px}.about-section .about-content .about-text h2{margin-bottom:1.5rem}.about-section .about-content .about-text p{margin-bottom:1.5rem;color:var(--color-text-secondary)}.about-section .about-content .about-image{flex:1;min-width:300px}.about-section .about-content .about-image img{width:100%;border-radius:0.5rem}.about-section .team-section{margin-top:4rem}.about-section .team-section h3{text-align:center;margin-bottom:2rem}.about-section .team-section .team-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:2rem}.about-section .team-section .team-member{text-align:center}.about-section .team-section .team-member .member-image{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 1.5rem}.about-section .team-section .team-member .member-image img{width:100%;height:100%;object-fit:cover}.about-section .team-section .team-member h4{margin-bottom:0.5rem}.about-section .team-section .team-member .member-role{color:var(--color-text-secondary);font-size:0.875rem;margin-bottom:1rem}.about-section .team-section .team-member .member-bio{font-size:0.875rem;color:var(--color-text-secondary)}.contact-section{padding:4rem 0}.contact-section .contact-content{display:flex;flex-wrap:wrap;gap:3rem}.contact-section .contact-content .contact-info{flex:1;min-width:300px}.contact-section .contact-content .contact-info h2{margin-bottom:1.5rem}.contact-section .contact-content .contact-info p{margin-bottom:2rem;color:var(--color-text-secondary)}.contact-section .contact-content .contact-info .contact-methods .contact-method{display:flex;align-items:center;margin-bottom:1.5rem}.contact-section .contact-content .contact-info .contact-methods .contact-method .icon{width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;margin-right:1rem;color:var(--color-primary)}.contact-section .contact-content .contact-info .contact-methods .contact-method .details h4{margin-bottom:0.25rem;font-size:1rem}.contact-section .contact-content .contact-info .contact-methods .contact-method .details p{margin-bottom:0;font-size:0.875rem}.contact-section .contact-content .contact-form{flex:1;min-width:300px}.contact-section .contact-content .contact-form .form-group{margin-bottom:1.5rem}.contact-section .contact-content .contact-form .form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.contact-section .contact-content .contact-form .form-group input,.contact-section .contact-content .contact-form .form-group textarea{width:100%;padding:0.75rem 1rem;border:1px solid var(--color-border);border-radius:0.375rem;background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:1rem;transition:border-color 0.3s ease}.contact-section .contact-content .contact-form .form-group input:focus,.contact-section .contact-content .contact-form .form-group textarea:focus{outline:none;border-color:var(--color-primary)}.contact-section .contact-content .contact-form .form-group textarea{min-height:150px;resize:vertical}