:root{--color-primary: #0a1628;--color-primary-light: #142240;--color-primary-dark: #060e1a;--color-accent: #c8a84e;--color-accent-light: #dfc06a;--color-accent-dark: #a88a30;--color-white: #ffffff;--color-gray-50: #f8f9fb;--color-gray-100: #f0f2f5;--color-gray-200: #e2e5ea;--color-gray-300: #c8cdd5;--color-gray-400: #9aa1ad;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-danger: #ef4444;--color-text: #1a1a2e;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-bg: #ffffff;--color-bg-alt: #f8f9fb;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 100px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px rgba(200, 168, 78, .15);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--container-max: 1200px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition-base)}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0}.section-dark{background:var(--color-primary);color:var(--color-white)}.section-alt{background:var(--color-bg-alt)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-label{font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm);display:block}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-md)}.section-dark .section-title{color:var(--color-white)}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.7}.section-dark .section-subtitle{color:var(--color-gray-300)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 32px;font-family:var(--font-heading);font-size:.95rem;font-weight:600;border-radius:var(--radius-full);transition:var(--transition-base);letter-spacing:.5px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-primary);box-shadow:0 4px 15px #c8a84e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c8a84e66}.btn-outline{border:2px solid var(--color-accent);color:var(--color-accent);background:transparent}.btn-outline:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px)}.btn-white{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-gray-200);transition:var(--transition-base);height:var(--header-height)}.site-header.scrolled{background:#fffffffa;box-shadow:0 4px 20px #00000014}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.header-logo{display:flex;align-items:center;gap:var(--space-md)}.header-logo img{height:48px;width:auto}.nav-menu{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{font-family:var(--font-heading);font-size:.9rem;font-weight:500;color:var(--color-gray-600);padding:8px 18px;border-radius:var(--radius-full);transition:var(--transition-base);letter-spacing:.3px}.nav-link:hover,.nav-link.active{color:var(--color-primary);background:var(--color-gray-100)}.nav-link.active{color:var(--color-primary);font-weight:600}.header-cta{margin-left:var(--space-md)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px;z-index:1001}.mobile-menu-btn span{width:24px;height:2px;background:var(--color-gray-700);border-radius:2px;transition:var(--transition-base)}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--color-primary)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.35}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0a1628f2,#0a162899,#0a1628cc)}.hero-content{position:relative;z-index:2;max-width:700px;padding-top:var(--header-height)}.hero-label{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-lg);padding:8px 20px;background:#c8a84e1a;border:1px solid rgba(200,168,78,.2);border-radius:var(--radius-full)}.hero-title{font-family:var(--font-heading);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.05;color:var(--color-white);margin-bottom:var(--space-lg)}.hero-title .highlight{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;color:var(--color-gray-300);line-height:1.8;margin-bottom:var(--space-2xl);max-width:520px}.hero-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-3xl);margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,.08)}.hero-stat h3{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--color-accent)}.hero-stat p{font-size:.85rem;color:var(--color-gray-400);margin-top:4px}.page-banner{position:relative;padding:calc(var(--header-height) + var(--space-4xl)) 0 var(--space-3xl);background:var(--color-primary);overflow:hidden}.page-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(200,168,78,.08),transparent 70%)}.page-banner-content{position:relative;z-index:2;text-align:center}.page-banner h1{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-white);margin-bottom:var(--space-md)}.page-banner p{font-size:1.1rem;color:var(--color-gray-300);max-width:550px;margin:0 auto}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.value-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--color-gray-200);transition:var(--transition-base);text-align:center}.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.value-icon{width:64px;height:64px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c8a84e1a,#c8a84e0d);border-radius:var(--radius-md);font-size:1.8rem}.value-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}.value-card p{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.section-dark .value-card{background:#ffffff0a;border-color:#ffffff14}.section-dark .value-card:hover{background:#ffffff14;border-color:var(--color-accent)}.section-dark .value-card h3{color:var(--color-white)}.section-dark .value-card p{color:var(--color-gray-300)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl)}.product-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);transition:var(--transition-base);position:relative;group:true}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}.product-card-image{position:relative;width:100%;height:260px;background:var(--color-gray-50);overflow:hidden;display:flex;align-items:center;justify-content:center}.product-card-image img{width:80%;height:80%;object-fit:contain;transition:var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.08)}.product-card-body{padding:var(--space-xl)}.product-card-body h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.3}.product-card-body p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.6}.product-card-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--color-accent-dark);transition:var(--transition-base)}.product-card-link:hover{color:var(--color-accent);gap:10px}.product-card-link svg{width:16px;height:16px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.service-card{display:flex;gap:var(--space-xl);background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);transition:var(--transition-base)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.service-card-image{width:200px;min-height:200px;background:var(--color-gray-100);overflow:hidden;flex-shrink:0}.service-card-image img{width:100%;height:100%;object-fit:cover}.service-card-body{padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center}.service-card-number{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:#c8a84e33;line-height:1;margin-bottom:var(--space-sm)}.service-card-body h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}.service-card-body p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.feature-card{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-2xl);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-md);flex-shrink:0;font-size:1.5rem;color:var(--color-primary)}.feature-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text)}.feature-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.7}.detail-hero{padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);background:var(--color-primary)}.detail-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.detail-image{display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid rgba(255,255,255,.06)}.detail-image img{max-height:350px;width:auto;object-fit:contain}.detail-info h1{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--color-white);margin-bottom:var(--space-md)}.detail-info .intro{font-size:1.05rem;color:var(--color-gray-300);line-height:1.8;margin-bottom:var(--space-xl)}.detail-features{padding:var(--space-4xl) 0}.feature-block{margin-bottom:var(--space-3xl)}.feature-block:last-child{margin-bottom:0}.feature-block-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.feature-block-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-primary);font-family:var(--font-heading);font-weight:800;font-size:1.2rem;border-radius:var(--radius-md);flex-shrink:0}.feature-block-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text)}.feature-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.spec-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.spec-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#c8a84e1a;color:var(--color-accent-dark);border-radius:var(--radius-sm);font-size:1rem;flex-shrink:0}.spec-item h4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;margin-bottom:2px}.spec-item p{font-size:.85rem;color:var(--color-text-muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3xl)}.contact-info-cards{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-info-card{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);transition:var(--transition-base)}.contact-info-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.contact-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:var(--radius-md);flex-shrink:0;font-size:1.3rem}.contact-info-card h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin-bottom:4px}.contact-info-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.contact-form{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md)}.contact-form h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);transition:var(--transition-base);background:var(--color-gray-50)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c8a84e1a;background:var(--color-white)}.form-group textarea{resize:vertical;min-height:120px}.site-footer{background:var(--color-gray-50);color:var(--color-gray-700);padding:var(--space-4xl) 0 var(--space-xl);border-top:1px solid var(--color-gray-200)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-brand p{font-size:.9rem;color:var(--color-gray-500);line-height:1.7;margin-top:var(--space-md);max-width:320px}.footer-brand img{height:40px;width:auto}.footer-col h4{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg);letter-spacing:.5px}.footer-col ul li{margin-bottom:var(--space-sm)}.footer-col ul li a{font-size:.9rem;color:var(--color-gray-500);transition:var(--transition-base)}.footer-col ul li a:hover{color:var(--color-accent-dark);padding-left:4px}.footer-bottom{border-top:1px solid var(--color-gray-200);padding-top:var(--space-xl);display:flex;align-items:center;justify-content:space-between}.footer-bottom p{font-size:.85rem;color:var(--color-gray-500)}.footer-bottom-links{display:flex;gap:var(--space-lg)}.footer-bottom-links a{font-size:.85rem;color:var(--color-gray-500)}.footer-bottom-links a:hover{color:var(--color-accent-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-in.visible{opacity:1;transform:translateY(0)}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.about-intro-text h2{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:var(--space-lg)}.about-intro-text p{font-size:1rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:var(--space-md)}.about-intro-image{border-radius:var(--radius-lg);overflow:hidden;position:relative}.about-intro-image img{width:100%;height:400px;object-fit:cover}.about-intro-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);border:2px solid rgba(200,168,78,.2)}.cta-section{text-align:center;padding:var(--space-4xl) 0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(200,168,78,.08),transparent 70%)}.cta-content{position:relative;z-index:2}.cta-section h2{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--color-white);margin-bottom:var(--space-md)}.cta-section p{font-size:1.1rem;color:var(--color-gray-300);margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.values-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.about-intro{grid-template-columns:1fr}.detail-hero-inner{grid-template-columns:1fr;text-align:center}.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--header-height: 64px}.nav-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffffa;flex-direction:column;justify-content:center;gap:var(--space-md);transform:translate(100%);transition:var(--transition-base);z-index:1000}.nav-menu.open{transform:translate(0)}.nav-link{font-size:1.2rem;padding:12px 24px;color:var(--color-gray-700)}.header-cta{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:2.2rem}.hero-stats{flex-direction:column;gap:var(--space-lg)}.section-title{font-size:1.8rem}.values-grid,.product-grid{grid-template-columns:1fr}.service-card{flex-direction:column}.service-card-image{width:100%;min-height:180px}.footer-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}.form-row{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:flex-start}.container{padding:0 var(--space-md)}}