.about-page{font-family:Karla,sans-serif;color:#333}.hero-section{background:linear-gradient(90deg,#0A2A66,#1E4D9A);color:white;text-align:center;padding:clamp(40px,8vh,120px) 20px}.hero-section h1{font-family:Lora,serif;font-size:clamp(2rem,4vw,4rem);margin-bottom:clamp(20px,3vh,40px);line-height:1.2;max-width:1200px}.hero-section h1,.hero-section p{margin-left:auto;margin-right:auto}.hero-section p{font-size:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(20px,4vh,50px);max-width:800px;line-height:1.5}.hero-buttons{display:flex;justify-content:center;gap:clamp(15px,2vw,30px)}.cta-button{background-color:#5A99B1;color:white;padding:clamp(12px,2vh,20px) clamp(20px,4vw,40px);border:none;border-radius:5px;font-size:clamp(1rem,1.5vw,1.25rem);text-decoration:none;transition:all .3s ease;font-weight:700}.cta-button:hover{background-color:#4E889C;transform:translateY(-2px)}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,4vw,60px);padding:clamp(40px,8vh,120px) clamp(20px,4vw,60px);max-width:1400px;margin:0 auto}.feature{text-align:center;max-width:400px;margin:0 auto;padding:clamp(15px,2vw,30px)}.feature h2{font-family:Lora,serif;font-size:clamp(1.5rem,2.5vw,2.25rem);margin-bottom:clamp(15px,2vh,25px);color:#0A2A66;line-height:1.3}.feature p{font-size:clamp(.9rem,1.5vw,1.125rem);line-height:1.6;color:#555}@media (max-width:767px){.hero-section{padding:40px 20px}.features-section{grid-template-columns:1fr;padding:40px 20px}.feature{padding:15px}}@media (min-width:768px) and (max-width:1279px){.hero-section{padding:60px 40px}.features-section{grid-template-columns:repeat(2,1fr);padding:60px 40px}.feature{padding:20px}}.integration-section{background:linear-gradient(135deg,#0A2A66,#1E4D9A);padding:clamp(40px,8vh,120px) 20px;margin-top:2rem;position:relative;overflow:hidden}.integration-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(90,153,177,.1),rgba(10,42,102,.1));pointer-events:none}.section-title{text-align:center;font-family:Lora,serif;font-size:clamp(2rem,3vw,2.5rem);color:white;margin-bottom:3rem;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}.integration-features{display:grid;grid-template-columns:repeat(2,minmax(280px,400px));gap:clamp(30px,4vw,60px);justify-content:center;max-width:1000px;margin:0 auto;position:relative}.integration-feature{display:block;background:rgba(255,255,255,.1);padding:clamp(20px,4vh,40px);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;cursor:pointer}.integration-feature:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.2);background:rgba(255,255,255,.15)}.integration-feature h2{font-family:Lora,serif;font-size:clamp(1.5rem,2vw,2rem);color:white;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.integration-feature p{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.6;color:rgba(255,255,255,.9)}.integration-list{list-style-type:none;padding:0;margin:0;text-align:left}.integration-list li{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.6;color:rgba(255,255,255,.9);margin-bottom:1rem;padding-left:1.5rem;position:relative}.integration-list li:before{content:"•";position:absolute;left:0;color:rgba(255,255,255,.9)}@media (max-width:767px){.integration-features{grid-template-columns:1fr}}.support-section{background:linear-gradient(135deg,#5A99B1,#4E889C);padding:clamp(40px,8vh,120px) 20px;color:white}.support-content{max-width:800px;margin:0 auto;text-align:center}.support-content h2{font-family:Lora,serif;font-size:clamp(2rem,3vw,2.5rem);margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.support-content p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;margin-bottom:1.5rem;opacity:.9}.support-button{display:inline-block;background-color:white;color:#5A99B1;padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;margin-top:1rem}.support-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (min-width:1280px){.hero-section{padding:80px 60px}.features-section{grid-template-columns:repeat(3,1fr);padding:80px 60px}.feature{padding:30px}}