.page-wrapper{box-sizing:border-box;background:#f3f4f6;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.page-wrapper *{box-sizing:border-box}.skip-link{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;white-space:normal;color:#fff;z-index:50;background:#2563eb;width:auto;height:auto;margin:0;padding:.5rem;position:absolute;top:0;left:0;overflow:visible}.main-content{width:100%;padding-top:var(--header-height,5.5rem);flex-grow:1;overflow-x:hidden}.about-hero-section{color:#fff;background:linear-gradient(#1e40af,#1e3a8a);width:100%;padding:5rem 0;overflow-x:hidden}.about-hero-container{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.about-hero-content{max-width:56rem;margin:0 auto}.about-hero-title{font-size:2.25rem;font-weight:700;line-height:1.2}.about-hero-description{color:#e5e7eb;margin-top:1.5rem;font-size:1.25rem}.values-section{background:#f9fafb;width:100%;padding:5rem 0;overflow-x:hidden}.values-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.values-header{text-align:center;margin-bottom:4rem}.values-subtitle{color:#111827;max-width:48rem;margin:0 auto;font-size:1.25rem}.values-grid{grid-template-columns:1fr;gap:2rem;display:grid}.value-card{opacity:0;background:#fff;border-radius:.5rem;padding:1.5rem;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(50px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.value-card-visible{opacity:1;transform:translateY(0)}.value-card-visible:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.value-icon-wrapper{justify-content:center;margin-bottom:1rem;display:flex}.value-icon{color:#2563eb;width:2rem;height:2rem}.value-title{color:#111827;text-align:center;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.value-description{color:#4b5563;text-align:center;line-height:1.6}.about-cta-section{background:#1e3a8a;width:100%;padding:5rem 0;overflow-x:hidden}.about-cta-container{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}.about-cta-card{background:linear-gradient(90deg,#1e3a8a,#1e40af);border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.about-cta-content{text-align:center;flex-direction:column;align-items:center;padding:3rem 1.5rem;display:flex}.about-cta-text{margin-bottom:2rem}.about-cta-title{color:#fff;font-size:1.875rem;font-weight:700;line-height:1.2}.about-cta-description{color:#e5e7eb;margin-top:1rem;font-size:1.25rem}.about-cta-button-wrapper{width:100%}.about-cta-button{color:#1e40af;cursor:pointer;background:#fff;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:600;transition:background-color .2s;display:inline-flex}.about-cta-button:hover{background:#f3f4f6}.about-cta-button:focus{box-shadow:0 0 0 2px #ffffff80}.about-cta-button-icon{width:1.25rem;height:1.25rem}@media (max-width:640px){.about-hero-section{padding:3rem 0}.about-hero-title{font-size:1.5rem}.about-hero-description{font-size:1rem}.values-section{padding:3rem 0}.values-header{margin-bottom:2rem}.values-subtitle{font-size:1rem}.about-cta-section{padding:3rem 0}.about-cta-title{font-size:1.5rem}.about-cta-description{font-size:1rem}}@media (min-width:768px){.about-hero-section{padding:5rem 0}.about-hero-container{padding:0 1.5rem}.about-hero-title{font-size:2.5rem}.values-section{padding:5rem 0}.values-container{padding:0 1.5rem}.values-grid{grid-template-columns:repeat(2,1fr)}.about-cta-section{padding:5rem 0}.about-cta-content{text-align:left;flex-direction:row;justify-content:space-between;padding:2.5rem}.about-cta-text{width:66.6667%;margin-bottom:0}.about-cta-button-wrapper{align-items:center;width:auto;display:flex}.about-cta-title{font-size:2rem}}@media (min-width:1024px){.about-hero-title{font-size:3rem}.values-grid{grid-template-columns:repeat(3,1fr)}.about-cta-content{padding:3rem}.about-cta-title{font-size:2.25rem}}@media (min-width:1280px){.about-hero-title{font-size:3rem}.values-subtitle{font-size:1.25rem}}
