.about{width:100%;.container{max-width:87.5rem;margin:0 auto;padding:0 1.5rem;}.about-banner{padding:3.75rem 0 5rem;text-align:center;position:relative;overflow:hidden;min-height:17.5rem;&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)" /></svg>');opacity:0.3;}.container{.hero-content{position:relative;z-index:2;.hero-title{h2{font-size:2.625rem;font-weight:800;color:white;margin-bottom:1rem;letter-spacing:-0.0625rem;}p{font-size:1.125rem;color:#ffffffe6;margin-bottom:3rem;font-weight:500;}}}}}.about-container{background:white;border-radius:1.5rem 1.5rem 0 0;margin-top:-2.5rem;position:relative;z-index:10;box-shadow:0 -0.625rem 2.5rem #0000001a;min-height:50rem;.container{.about-section{padding:3.75rem 0;border-bottom:1px solid #f3f4f6;&:last-child{border-bottom:none;}.section-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:2.5rem;gap:1rem;text-align:center;i{width:2rem;height:2rem;color:#3b82f6;}}&.company-intro{background:-webkit-linear-gradient(315deg,#f8fafc 0%,#f1f5f9 100%);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;margin-top:2.5rem;.intro-content{background:white;border:0.125rem solid #f3f4f6;border-radius:1.25rem;padding:2.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;&:hover{-webkit-transform:translateY(-0.25rem);transform:translateY(-0.25rem);box-shadow:0 0.9375rem 2.5rem #0000001a;}.intro-subtitle{font-size:1.25rem;font-weight:600;color:#3b82f6;margin-bottom:1.25rem;gap:0.75rem;i{width:1.25rem;height:1.25rem;}}.intro-text{color:#6b7280;line-height:1.8;font-size:1rem;}}.intro-stats{background:white;border:0.125rem solid #f3f4f6;border-radius:1.25rem;padding:2.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;&:hover{-webkit-transform:translateY(-0.25rem);transform:translateY(-0.25rem);box-shadow:0 0.9375rem 2.5rem #0000001a;}.intro-subtitle{font-size:1.25rem;font-weight:600;color:#3b82f6;margin-bottom:1.25rem;gap:0.75rem;i{width:1.25rem;height:1.25rem;}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.875rem;.stat-card{text-align:center;padding:1.5rem;background:-webkit-linear-gradient(315deg,#f8fafc 0%,#f1f5f9 100%);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:1rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;&:hover{-webkit-transform:translateY(-0.125rem);transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.25rem #00000014;}.stat-number{font-size:1.75rem;font-weight:800;color:#3b82f6;margin-bottom:0.5rem;}.stat-label{font-size:0.875rem;color:#6b7280;font-weight:500;}}}}}}&.consulting-services{background:white;.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem;margin-top:2.5rem;.service-card{background:white;border:0.125rem solid #f3f4f6;border-radius:1.25rem;padding:2rem;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;overflow:hidden;&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(315deg,#3b82f6 0%,#1e40af 100%);background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;z-index:1;}&:hover{&::before{opacity:1;}-webkit-transform:translateY(-0.5rem);transform:translateY(-0.5rem);border-color:transparent;box-shadow:0 1.25rem 3.75rem #3b82f64d;.service-icon{background:#ffffff33;}.service-title{color:white;}.service-desc{color:#ffffffe6;}}.service-icon{width:4rem;height:4rem;margin:0 auto 1.25rem;background:-webkit-linear-gradient(315deg,#3b82f6 0%,#1e40af 100%);background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-radius:1rem;color:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;z-index:2;i{width:2rem;height:2rem;}}.service-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:0.75rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;z-index:2;}.service-desc{color:#6b7280;line-height:1.6;font-size:0.875rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;z-index:2;}}}}&.contact-us{background:white;.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;margin-top:2.5rem;.contact-info{background:white;border:0.125rem solid #f3f4f6;border-radius:1.25rem;padding:2.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;&:hover{-webkit-transform:translateY(-0.25rem);transform:translateY(-0.25rem);box-shadow:0 0.9375rem 2.5rem #0000001a;}.contact-item{gap:1rem;padding:1.25rem 0;border-bottom:1px solid #f3f4f6;&:last-child{border-bottom:none;}.contact-icon{width:3rem;height:3rem;background:-webkit-linear-gradient(315deg,#3b82f6 0%,#1e40af 100%);background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-radius:0.75rem;color:white;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;i{width:1.5rem;height:1.5rem;}}.contact-details{h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:0.25rem;}p{color:#6b7280;font-size:0.875rem;}}}}.contact-form{background:-webkit-linear-gradient(315deg,#f8fafc 0%,#f1f5f9 100%);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:1.25rem;padding:2.5rem;.intro-subtitle{font-size:1.25rem;font-weight:600;color:#3b82f6;margin-bottom:1.25rem;gap:0.75rem;i{width:1.25rem;height:1.25rem;}}.form-subtitle{color:#6b7280;margin-bottom:2rem;text-align:center;}form{.form-group{margin-bottom:1.5rem;label{display:block;font-size:0.875rem;font-weight:600;color:#374151;margin-bottom:0.5rem;}input,textarea,select{width:100%;padding:1rem 1.25rem;border:0.125rem solid #e5e7eb;border-radius:0.75rem;font-size:1rem;background:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;&:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 0.25rem #3b82f61a;}}textarea{resize:vertical;min-height:7.5rem;}}.submit-btn{width:100%;padding:1.125rem;background:-webkit-linear-gradient(315deg,#3b82f6 0%,#1e40af 100%);background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);color:white;border:none;border-radius:0.75rem;font-size:1rem;font-weight:600;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;gap:0.5rem;&:hover{background:-webkit-linear-gradient(315deg,#2563eb 0%,#1d4ed8 100%);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-transform:translateY(-0.125rem);transform:translateY(-0.125rem);box-shadow:0 0.625rem 1.875rem #3b82f666;}i{width:1.125rem;height:1.125rem;}}}}}}}}}.fade-in-up{-webkit-animation:fadeInUp 0.6s ease-out;animation:fadeInUp 0.6s ease-out;}.animate-on-scroll{opacity:0;-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);-webkit-transition:all 0.6s ease-out;transition:all 0.6s ease-out;&.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@media (max-width:64rem){.about-container{.container{.about-section{&.company-intro{.intro-grid{grid-template-columns:1fr;gap:2.5rem;}}&.contact-us{.contact-grid{grid-template-columns:1fr;gap:2.5rem;}}&.consulting-services{.services-grid{grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:1.5rem;}}}}}}@media (max-width:48rem){.container{padding:0 1rem;}.about-banner{.container{.hero-content{.hero-title{h2{font-size:2rem;}}}}}.about-container{.container{.about-section{.section-title{font-size:1.5rem;}&.company-intro{.intro-grid{.intro-stats{.stats-grid{grid-template-columns:1fr;gap:1.25rem;}}}}&.consulting-services{.services-grid{grid-template-columns:1fr;gap:1.25rem;}}}}}}}