{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Georgia', serif; background: linear-gradient(135deg, #0a0e27 0%, #1a1d3a 50%, #0a0e27 100%); color: #e8e6e3; line-height: 1.6; overflow-x: hidden; } .texture-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(139, 116, 78, 0.03) 2px, rgba(139, 116, 78, 0.03) 4px); pointer-events: none; z-index: 1; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 2; } header { padding: 40px 0; text-align: center; border-bottom: 1px solid rgba(197, 179, 88, 0.3); } .logo-container { display: inline-block; position: relative; margin-bottom: 30px; } .company-name { font-size: 5em; font-weight: bold; background: linear-gradient(135deg, #c5b358 0%, #f4e4c1 50%, #8b744e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; letter-spacing: 12px; margin-bottom: 10px; text-shadow: 0 0 30px rgba(197, 179, 88, 0.3); animation: titleGlow 4s ease-in-out infinite; } .company-full-name { font-size: 1.2em; color: #a8a8a8; letter-spacing: 6px; margin-bottom: 15px; font-weight: normal; } @keyframes titleGlow { 0%, 100% { text-shadow: 0 0 20px rgba(197, 179, 88, 0.3); } 50% { text-shadow: 0 0 40px rgba(197, 179, 88, 0.5); } } .tagline { font-size: 1.3em; color: #c5b358; font-style: italic; letter-spacing: 4px; margin-top: 20px; text-transform: uppercase; } .hero { padding: 80px 0; text-align: center; } .hero h1 { font-size: 3em; margin-bottom: 30px; color: #f4e4c1; line-height: 1.3; font-weight: normal; } .hero h1 .highlight { background: linear-gradient(135deg, #c5b358 0%, #f4e4c1 50%, #c5b358 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: bold; } .hero p { font-size: 1.3em; color: #b8b8b8; max-width: 700px; margin: 0 auto 50px; font-family: 'Arial', sans-serif; } /* FIXED INDUSTRY GRID */ .industries-wrapper { width: 100%; padding: 60px 0; } .industries { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto; padding: 0 20px; } .industry-card { background: linear-gradient(135deg, rgba(26, 29, 58, 0.6) 0%, rgba(15, 18, 40, 0.8) 100%); border: 1px solid rgba(197, 179, 88, 0.3); padding: 40px 30px; border-radius: 10px; transition: all 0.4s ease; position: relative; overflow: hidden; } .industry-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(197, 179, 88, 0.1), transparent); transition: left 0.6s ease; } .industry-card:hover::before { left: 100%; } .industry-card:hover { transform: translateY(-10px); border-color: rgba(197, 179, 88, 0.6); box-shadow: 0 10px 40px rgba(197, 179, 88, 0.2); } .industry-card h3 { font-size: 1.5em; color: #c5b358; margin-bottom: 15px; } .industry-card p { color: #b8b8b8; font-family: 'Arial', sans-serif; font-size: 0.95em; } .consultation-section { background: linear-gradient(135deg, rgba(197, 179, 88, 0.1) 0%, rgba(139, 116, 78, 0.05) 100%); border: 2px solid rgba(197, 179, 88, 0.3); border-radius: 15px; padding: 60px 40px; margin: 80px 0; text-align: center; position: relative; } .consultation-section::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient(45deg, #c5b358, #8b744e, #c5b358); border-radius: 15px; z-index: -1; opacity: 0; transition: opacity 0.3s ease; } .consultation-section:hover::after { opacity: 0.3; animation: borderGlow 2s infinite; } @keyframes borderGlow { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.4; } } .consultation-section h2 { font-size: 2.5em; color: #f4e4c1; margin-bottom: 20px; } .consultation-section p { font-size: 1.2em; color: #b8b8b8; margin-bottom: 40px; font-family: 'Arial', sans-serif; } .cta-button { display: inline-block; padding: 20px 50px; font-size: 1.3em; background: linear-gradient(135deg, #c5b358 0%, #8b744e 100%); color: #0a0e27; text-decoration: none; border-radius: 50px; font-weight: bold; transition: all 0.3s ease; border: 2px solid transparent; font-family: 'Arial', sans-serif; letter-spacing: 1px; position: relative; overflow: hidden; cursor: pointer; } .cta-button::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.3); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .cta-button:hover::before { width: 300px; height: 300px; } .cta-button:hover { transform: scale(1.05); box-shadow: 0 10px 40px rgba(197, 179, 88, 0.4); } .cta-button span { position: relative; z-index: 1; } .ai-badge { display: inline-block; margin-top: 30px; padding: 12px 24px; background: rgba(197, 179, 88, 0.1); border: 1px solid rgba(197, 179, 88, 0.3); border-radius: 20px; font-size: 0.95em; color: #c5b358; font-family: 'Arial', sans-serif; } .features { padding: 60px 0; text-align: center; } .features h2 { font-size: 2.5em; color: #f4e4c1; margin-bottom: 50px; } .feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 40px; } .feature-item { padding: 30px; } .feature-icon { font-size: 3em; margin-bottom: 20px; background: linear-gradient(135deg, #c5b358 0%, #f4e4c1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .feature-item h3 { font-size: 1.4em; color: #c5b358; margin-bottom: 15px; } .feature-item p { color: #b8b8b8; font-family: 'Arial', sans-serif; } .services-section { padding: 80px 0; background: linear-gradient(135deg, rgba(10, 14, 39, 0.8) 0%, rgba(26, 29, 58, 0.6) 100%); border-top: 1px solid rgba(197, 179, 88, 0.3); border-bottom: 1px solid rgba(197, 179, 88, 0.3); margin: 60px 0; } .services-header { text-align: center; margin-bottom: 60px; } .services-header h2 { font-size: 2.5em; color: #f4e4c1; margin-bottom: 20px; } .services-header p { font-size: 1.2em; color: #b8b8b8; font-family: 'Arial', sans-serif; max-width: 700px; margin: 0 auto; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; } .service-card { background: rgba(15, 18, 40, 0.4); border: 1px solid rgba(197, 179, 88, 0.2); padding: 30px; border-radius: 8px; transition: all 0.3s ease; } .service-card:hover { transform: translateY(-5px); border-color: rgba(197, 179, 88, 0.5); background: rgba(15, 18, 40, 0.6); box-shadow: 0 8px 25px rgba(197, 179, 88, 0.15); } .service-card h3 { font-size: 1.2em; color: #c5b358; margin-bottom: 12px; font-weight: normal; } .service-card p { color: #a8a8a8; font-family: 'Arial', sans-serif; font-size: 0.9em; line-height: 1.6; } footer { text-align: center; padding: 40px 0; border-top: 1px solid rgba(197, 179, 88, 0.3); margin-top: 80px; color: #8b8b8b; font-family: 'Arial', sans-serif; } @media (max-width: 1024px) { .feature-grid { grid-template-columns: repeat(2, 1fr); } .services-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .company-name { font-size: 3em; letter-spacing: 8px; } .company-full-name { font-size: 1em; letter-spacing: 3px; } .tagline { font-size: 0.9em; letter-spacing: 2px; } .hero h1 { font-size: 2em; } .consultation-section { padding: 40px 20px; } .industries { grid-template-columns: 1fr; grid-template-rows: auto; } .feature-grid { grid-template-columns: 1fr; } .services-grid { grid-template-columns: 1fr; } }