*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1d1d1f;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{text-align:center}.App-header{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo-container{flex:1}.App-logo{height:60px;width:auto;object-fit:contain;transition:transform .3s ease}.App-logo:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:2.5rem;margin:0}.nav-links li a{color:#1d1d1f;text-decoration:none;font-weight:400;font-size:17px;transition:color .3s ease;cursor:pointer;position:relative}.nav-links li a:hover{color:#0071e3}.nav-links li a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background-color:#0071e3;transition:all .3s ease;transform:translate(-50%)}.nav-links li a:hover:after{width:100%}.hero-section{background:linear-gradient(135deg,#fff,#f5f5f7);color:#1d1d1f;padding:180px 2rem 120px;margin-top:80px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(0,113,227,.1) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;line-height:1.1}.hero-content h1 .company-name{color:#d70015;display:block;margin-bottom:.5rem}.hero-content .subtitle{font-size:1.5rem;color:#86868b;font-weight:400;margin-bottom:1rem}.hero-content p{font-size:1.25rem;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;color:#515154;font-weight:400;line-height:1.5}.hero-buttons{margin-top:3rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:16px 32px;border:none;border-radius:980px;font-size:17px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative;overflow:hidden;min-width:160px}.primary-btn{background:#0071e3;color:#fff;box-shadow:0 4px 20px #0071e34d}.primary-btn:hover{background:#0077ed;transform:translateY(-2px);box-shadow:0 8px 30px #0071e366}.secondary-btn{background:transparent;color:#0071e3;border:2px solid #0071e3}.secondary-btn:hover{background:#0071e3;color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #0071e34d}.services-section{padding:120px 2rem;background:#fff}.services-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:4rem;color:#d70015;font-weight:700;letter-spacing:-.02em}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.service-card{background:#fff;padding:3rem 2.5rem;border-radius:24px;box-shadow:0 8px 40px #00000014;transition:all .4s ease;text-align:left;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0071e3,#00d4ff);transform:scaleX(0);transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001f}.service-card h3{color:#d70015;font-size:1.75rem;margin-bottom:1.5rem;font-weight:600;letter-spacing:-.01em}.service-card h4{color:#0071e3;font-size:1.25rem;margin:2rem 0 1rem;font-weight:500}.service-card p{color:#515154;line-height:1.6;margin-bottom:1.5rem;font-size:16px}.service-details{margin-top:2rem}.about-section{padding:120px 2rem;background:#f5f5f7;position:relative}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 80%,rgba(0,113,227,.05) 0%,transparent 50%);pointer-events:none}.about-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:4rem;color:#d70015;font-weight:700;letter-spacing:-.02em;position:relative;z-index:2}.about-section h3{font-size:2rem;margin:3rem 0 1.5rem;color:#0071e3;font-weight:600;letter-spacing:-.01em}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;align-items:start;position:relative;z-index:2}.about-text{text-align:left}.about-text p{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;color:#515154;font-weight:400}.about-images{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-images img{width:100%;max-width:350px;height:auto;border-radius:20px;box-shadow:0 20px 60px #00000026;transition:all .4s ease}.about-images img:hover{transform:scale(1.02);box-shadow:0 30px 80px #0003}.contact-section{padding:120px 2rem;background:#fff}.contact-section h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem;color:#d70015;font-weight:700;letter-spacing:-.02em}.contact-info{margin:3rem 0;font-size:1.125rem}.contact-info p{margin:1rem 0;color:#515154;font-weight:400}.contact-form{max-width:600px;margin:4rem auto 0;display:flex;flex-direction:column;gap:1.5rem}.contact-form input,.contact-form textarea{padding:20px 24px;border:2px solid #e5e5e7;border-radius:12px;font-size:17px;transition:all .3s ease;background:#fff;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 4px #0071e31a}.contact-form textarea{min-height:140px;resize:vertical}.App-footer{background:#f5f5f7;color:#515154;padding:3rem 2rem;text-align:center;border-top:1px solid rgba(0,0,0,.1)}.footer-links{margin-top:1.5rem;display:flex;justify-content:center;gap:3rem}.footer-links a{color:#515154;text-decoration:none;transition:color .3s ease;font-size:16px}.footer-links a:hover{color:#0071e3}@media (max-width: 768px){.navbar{flex-direction:column;gap:1.5rem;padding:1.5rem}.nav-links{gap:1.5rem;flex-wrap:wrap;justify-content:center}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.125rem}.hero-buttons{flex-direction:column;align-items:center}.services-grid{grid-template-columns:1fr}.about-content{grid-template-columns:1fr;text-align:center;gap:3rem}.about-text{text-align:center}.App-logo{height:50px}.service-card{padding:2rem 1.5rem}}