.about-us-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.about-hero{background:linear-gradient(135deg,#0e2841,#1a3d5c);color:#fff;padding:120px 0;text-align:center;position:relative;overflow:hidden}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-elements{position:relative;width:100%;height:100%}.element{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 20s ease-in-out infinite}.element-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s;animation-duration:25s}.element-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s;animation-duration:30s}.element-3{width:60px;height:60px;top:10%;right:30%;animation-delay:4s;animation-duration:20s}.element-4{width:100px;height:100px;bottom:20%;left:20%;animation-delay:1s;animation-duration:28s}.element-5{width:40px;height:40px;top:40%;left:50%;animation-delay:3s;animation-duration:22s}@keyframes float{0%,to{transform:translateY(0) translateX(0) rotate(0deg);opacity:.1}25%{transform:translateY(-20px) translateX(10px) rotate(90deg);opacity:.3}50%{transform:translateY(10px) translateX(-10px) rotate(180deg);opacity:.2}75%{transform:translateY(-10px) translateX(20px) rotate(270deg);opacity:.4}}.about-hero .container{position:relative;z-index:2}.hero-content-centered{max-width:800px;margin:0 auto}.about-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:30px;text-shadow:0 2px 4px #0000001a;line-height:1.2}.hero-subtitle{font-size:1.4rem;max-width:700px;margin:0 auto;line-height:1.6;opacity:.95;font-weight:300}.about-content{padding:80px 0}.about-intro{max-width:900px;margin:0 auto;text-align:center}.about-intro p{font-size:1.1rem;line-height:1.8;color:#4a5568;margin-bottom:30px}.products-section{padding:80px 0;background:#fff}.products-section .container{position:relative}.products-section h2{position:static;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;color:#0e2841;margin:0 0 28px;line-height:1.25}.products-grid{margin-top:0;display:flex;flex-direction:column;gap:30px}.product-card{background:#f8fafc;border-radius:12px;padding:40px;border-left:4px solid #ec9b1b;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.product-card h3{font-size:1.8rem;font-weight:600;color:#0e2841;margin-bottom:20px;cursor:pointer;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.product-card h3.product-link:hover,.product-card h3:hover{color:#ec9b1b;text-decoration:underline}.product-card p{font-size:1.1rem;line-height:1.7;color:#4a5568;margin-bottom:15px}.cta-section{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:80px 0;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.cta-button{background:#ec9b1b;color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background:#ec9b1be6;transform:translateY(-2px);box-shadow:0 8px 25px #ec9b1b4d}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:1024px){.about-hero h1{font-size:clamp(2rem,4vw,2.8rem)}.hero-subtitle{font-size:clamp(1rem,2.2vw,1.3rem)}}@media (max-width:768px){.about-hero{padding:112px 16px 64px}.hero-content-centered{max-width:100%;padding:0 20px}.about-hero h1{font-size:2.5rem;text-align:center}.hero-subtitle{font-size:1.2rem;max-width:100%;text-align:center}.element{opacity:.05}.about-content{padding:40px 0}.about-intro p{font-size:1rem}.cta-section h2,.products-section h2{font-size:2rem}.product-card{padding:25px}.product-card h3{font-size:1.5rem}.product-card p{font-size:1rem}.cta-section{padding:40px 0}.cta-button{padding:12px 30px;font-size:1rem}}@media (max-width:480px){.about-hero{padding:104px 12px 48px}.about-hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-content-centered{padding:0 15px}.cta-section h2,.products-section h2{font-size:1.8rem}.product-card{padding:20px}.element{opacity:.03}}