body{margin:0;padding:0}:root{--color-primary: #1E40AF;--color-secondary: #EA8D08;--color-primary-rgb: 30, 64, 175;--color-secondary-rgb: 234, 141, 8;--color-primary-rgba-1: rgba(var(--color-primary-rgb), .08);--color-primary-rgba-2: rgba(var(--color-primary-rgb), .12);--color-primary-rgba-3: rgba(var(--color-primary-rgb), .16);--color-primary-rgba-5: rgba(var(--color-primary-rgb), .5);--color-secondary-rgba-1: rgba(var(--color-secondary-rgb), .08);--color-secondary-rgba-15: rgba(var(--color-secondary-rgb), .12);--color-secondary-rgba-2: rgba(var(--color-secondary-rgb), .16);--color-secondary-rgba-3: rgba(var(--color-secondary-rgb), .24);--color-secondary-rgba-4: rgba(var(--color-secondary-rgb), .32);--color-secondary-rgba-5: rgba(var(--color-secondary-rgb), .5);--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-tertiary: #1A1A1A;--bg-nav: rgba(10, 10, 10, .8);--bg-primary-rgb: 10, 10, 10;--accent-primary: var(--color-primary);--accent-primary-bright: var(--color-primary);--accent-secondary: var(--color-secondary);--accent-secondary-dark: var(--color-secondary);--accent-primary-rgb: var(--color-primary-rgb);--accent-secondary-rgb: var(--color-secondary-rgb);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .16);--surface: #111111;--surface-hover: #1A1A1A}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-nav: rgba(255, 255, 255, .8);--bg-primary-rgb: 255, 255, 255;--accent-primary: var(--color-primary);--accent-primary-bright: var(--color-primary);--accent-secondary: var(--color-secondary);--accent-secondary-dark: var(--color-secondary);--accent-primary-rgb: var(--color-primary-rgb);--accent-secondary-rgb: var(--color-secondary-rgb);--text-primary: #0F172A;--text-secondary: rgba(15, 23, 42, .7);--text-muted: rgba(15, 23, 42, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-color: rgba(0, 0, 0, .08);--border-color-hover: rgba(0, 0, 0, .16);--surface: #FFFFFF;--surface-hover: #FAFAFA}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-page *{box-sizing:border-box}.landing-nav{position:fixed;top:0;width:100%;background:var(--bg-nav);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:0 max(5%,2rem);height:72px;display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:1px solid var(--border-color)}.landing-nav .logo-container{display:flex;align-items:center;gap:.75rem;height:100%}.landing-nav .logo-container img{height:40px;width:auto;max-width:40px;-o-object-fit:contain;object-fit:contain;display:block}.landing-nav .logo{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.landing-nav .nav-right{display:flex;align-items:center;gap:1.5rem}.landing-nav .nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.landing-nav .nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;font-weight:500;font-size:.9375rem;position:relative}.landing-nav .nav-links a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.landing-nav .nav-links a:hover{color:var(--accent-primary)}.landing-nav .nav-links a:hover:after{width:100%}.landing-nav .theme-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.1rem}.landing-nav .theme-toggle:hover{background:var(--color-primary-rgba-1);border-color:var(--accent-primary);color:var(--accent-primary)}.landing-nav .mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;width:40px;height:40px;border-radius:8px;transition:background .2s ease}.landing-nav .mobile-menu-btn:hover{background:var(--color-primary-rgba-1)}.landing-hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:8rem max(5%,2rem) 4rem;background:var(--bg-primary);overflow:hidden}.hero-container{max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.hero-left{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:clamp(.875rem,1.5vw,1rem);margin-bottom:.1rem;color:var(--text-muted);line-height:1.2;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.landing-hero .tagline{font-size:clamp(2rem,6vw,3.5rem);color:var(--text-primary);margin-bottom:.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:.4rem}.landing-hero .tagline .tagline-highlight{color:var(--accent-primary)}.landing-hero .hero-description{font-size:clamp(.9375rem,1.25vw,1rem);color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;font-weight:400;max-width:650px;opacity:.8}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.75rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:var(--accent-primary);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);border:none;cursor:pointer;position:relative;overflow:hidden;min-width:180px}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background:var(--accent-primary-bright)}.cta-button:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.cta-button.secondary{display:none}.landing-hero .stats-preview{margin-top:0;display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap;opacity:.7}.stat-preview{text-align:center;padding:0;background:transparent;border:none;border-radius:0;transition:opacity .3s ease;min-width:auto}.stat-preview:hover{opacity:.8;transform:none;border:none;box-shadow:none}.stat-preview .number{font-size:1.5rem;font-weight:600;color:var(--accent-secondary);display:block;margin-bottom:.25rem;line-height:1;letter-spacing:-.01em;opacity:.9}.stat-preview .label{color:var(--text-muted);font-size:.75rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.landing-products{padding:8rem max(5%,2rem);background:var(--bg-secondary);position:relative}.section-title{text-align:center;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;color:var(--text-primary);font-weight:700;letter-spacing:-.03em;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-primary);border-radius:2px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.1875rem);margin-bottom:5rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:400}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.product-card{background:var(--surface);border:1px solid var(--border-color);padding:3rem;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.product-card:hover:before{transform:scaleX(1)}.product-card:hover{transform:translateY(-6px);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.product-icon{font-size:3rem;margin-bottom:1.5rem;display:block;color:var(--accent-primary);transition:transform .3s ease,color .3s ease;transform-origin:center center}.product-card:hover .product-icon{color:var(--accent-primary-bright)}.product-card h3{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.product-card .product-subtitle{font-size:.875rem;color:var(--accent-secondary);margin-bottom:1.5rem;font-weight:500;letter-spacing:.02em}.product-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.product-features{list-style:none;margin-top:1.5rem;padding:0}.product-features li{color:var(--text-secondary);padding:.625rem 0 .625rem 1.75rem;position:relative;font-size:.9375rem;line-height:1.6}.product-features li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:600;font-size:1rem;transition:color .3s ease}.product-card:hover .product-features li:before{color:var(--accent-secondary)}.landing-mission{padding:8rem max(5%,2rem);background:var(--bg-primary);position:relative}.mission-content{max-width:850px;margin:0 auto;text-align:center}.mission-content h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:2rem;color:var(--text-primary);font-weight:700;letter-spacing:-.03em;position:relative;display:inline-block}.mission-content h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-primary);border-radius:2px}.mission-text{font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;font-weight:400}.mission-highlight{background:var(--surface);border:1px solid var(--border-color);border-left:4px solid var(--accent-secondary);padding:2rem;border-radius:16px;margin:2.5rem 0;box-shadow:var(--shadow-sm);position:relative}.mission-highlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--accent-secondary-rgb),.03),transparent);border-radius:16px;pointer-events:none}.mission-highlight p{font-size:clamp(1.0625rem,1.5vw,1.1875rem);color:var(--text-primary);font-weight:500;margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem}.mission-highlight i{color:var(--accent-secondary);font-size:1.25rem}.landing-values{padding:8rem max(5%,2rem);background:var(--bg-secondary)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:4rem auto 0}.value-card{background:var(--surface);border:1px solid var(--border-color);padding:2.5rem;border-radius:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.value-card:hover{transform:translateY(-6px);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--accent-primary);transition:transform .3s ease,color .3s ease}.value-card:hover .value-icon{transform:scale(1.15) rotate(5deg);color:var(--accent-secondary)}.value-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.375rem;font-weight:600;letter-spacing:-.01em}.value-card p{color:var(--text-secondary);line-height:1.7;font-size:.9375rem;font-weight:400}.landing-vision{padding:8rem max(5%,2rem);background:var(--bg-primary);position:relative}.vision-content{max-width:850px;margin:0 auto;text-align:center}.vision-content h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:2rem;color:var(--text-primary);font-weight:700;letter-spacing:-.03em;position:relative;display:inline-block}.vision-content h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-primary);border-radius:2px}.vision-text{font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;font-weight:400}.vision-goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem}.vision-goal{background:var(--surface);border:1px solid var(--border-color);padding:2rem;border-radius:16px;transition:all .3s ease}.vision-goal:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.vision-goal h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem;font-weight:600;letter-spacing:-.01em}.vision-goal p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;font-weight:400}.landing-contact{padding:8rem max(5%,2rem);background:var(--bg-secondary)}.contact-content{max-width:700px;margin:0 auto}.contact-intro{text-align:center;margin-bottom:4rem}.contact-intro h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;color:var(--text-primary);font-weight:700;letter-spacing:-.03em;position:relative;display:inline-block}.contact-intro h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-primary);border-radius:2px}.contact-intro p{font-size:clamp(1rem,1.5vw,1.1875rem);color:var(--text-secondary);line-height:1.7;font-weight:400}.contact-form{display:grid;gap:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-primary);margin-bottom:.75rem;font-weight:500;font-size:.875rem;letter-spacing:.01em}.form-group input,.form-group textarea,.form-group select{padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--color-primary-rgba-1);background:var(--surface-hover)}.form-group label{transition:color .2s ease}.form-group:focus-within label{color:var(--accent-primary)}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:1rem 2rem;background:var(--accent-primary);color:#fff;border:none;border-radius:12px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:.5rem;box-shadow:var(--shadow-md)}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--accent-primary-bright)}.submit-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.landing-footer{padding:4rem max(5%,2rem) 2rem;background:var(--bg-primary);border-top:1px solid var(--border-color)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-section h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1rem;font-weight:600;letter-spacing:-.01em}.footer-section p,.footer-section a{color:var(--text-secondary);line-height:1.8;text-decoration:none;display:block;margin-bottom:.75rem;font-size:.9375rem;transition:color .2s ease;font-weight:400}.footer-section a:hover{color:var(--accent-primary);transform:translate(4px);display:inline-block;transition:transform .2s ease,color .2s ease}.footer-section h3{color:var(--accent-primary);opacity:.9}.footer-bottom{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;font-weight:400}.footer-tagline{color:var(--text-secondary);font-style:normal;margin-top:.1rem;font-weight:400}@media (max-width: 768px){.landing-nav{height:64px;padding:0 1.5rem}.landing-nav .logo-container img{height:32px;max-width:32px}.landing-nav .logo{font-size:1.125rem}.landing-hero{padding:8rem 1.5rem 4rem}.hero-container{grid-template-columns:1fr;gap:3rem}.cta-buttons,.landing-hero .stats-preview{justify-content:center}.landing-hero .tagline{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-title{font-size:clamp(.75rem,1.25vw,.875rem)}.landing-hero .hero-description{font-size:clamp(.875rem,1.15vw,.9375rem)}.cta-buttons{flex-direction:column;width:100%}.cta-button{width:100%}.landing-hero .stats-preview{gap:2rem;margin-top:4rem}.stat-preview{padding:0;flex:1;min-width:auto}.stat-preview .number{font-size:1.25rem}.stat-preview .label{font-size:.6875rem}.landing-nav .nav-links{display:none;position:absolute;top:100%;right:1.5rem;flex-direction:column;background:var(--surface);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);margin-top:.5rem;min-width:200px;box-shadow:var(--shadow-xl);gap:1rem}.landing-nav .nav-links.active{display:flex}.landing-nav .mobile-menu-btn{display:block}.landing-nav .theme-toggle{width:40px;height:40px;font-size:1rem}.section-title{font-size:2rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:2rem}.values-grid,.vision-goals,.form-row{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem}}