*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:#212529;background-color:#fff}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}p{margin-bottom:1rem}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background:linear-gradient(135deg,#2c5f8d,#1e4a6f);color:#fff;padding:2rem 0;box-shadow:0 2px 8px #0000001a}.logo{font-size:2.5rem;margin:0;font-weight:700}.tagline{font-size:1.2rem;margin:.5rem 0 0;opacity:.9}.hero{background:linear-gradient(to bottom,#f8f9fa,#e9ecef);padding:4rem 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text-content{text-align:left}.hero h2{font-size:2.5rem;color:#1e4a6f;margin-bottom:1.5rem}.hero-text{font-size:1.2rem;line-height:1.8;color:#495057}.hero-image-placeholder,.feature-image-placeholder,.audience-image-placeholder{background:linear-gradient(135deg,#e9ecef,#dee2e6);border:2px dashed #adb5bd;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.hero-image-placeholder{min-height:300px;aspect-ratio:4/3}.feature-image-placeholder{min-height:180px;aspect-ratio:16/9;margin-bottom:1.5rem}.audience-image-placeholder{min-height:200px;aspect-ratio:4/3;margin-bottom:1.5rem}.hero-image-placeholder:hover,.feature-image-placeholder:hover,.audience-image-placeholder:hover{background:linear-gradient(135deg,#dee2e6,#ced4da);border-color:#6c757d}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.placeholder-icon{font-size:3rem;opacity:.5}.placeholder-text{font-size:1rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.feature-image-placeholder .placeholder-icon,.audience-image-placeholder .placeholder-icon{font-size:2.5rem}.services{padding:4rem 0;background:#fff}.services h2{text-align:center;font-size:2.2rem;color:#1e4a6f;margin-bottom:1rem}.services>.container>p{text-align:center;font-size:1.1rem;color:#495057;max-width:800px;margin:0 auto 3rem;line-height:1.6}.service-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.feature{padding:2rem;background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.feature h3{font-size:1.5rem;color:#1e4a6f;margin-bottom:1rem}.feature p{color:#495057;line-height:1.6}.who-we-serve{padding:4rem 0;background:#f8f9fa}.who-we-serve h2{text-align:center;font-size:2.2rem;color:#1e4a6f;margin-bottom:3rem}.audience{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.audience-card{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014}.audience-card h3{font-size:1.8rem;color:#2c5f8d;margin-bottom:1rem}.audience-card p{color:#495057;line-height:1.8;font-size:1.1rem}.cta{padding:4rem 0;background:linear-gradient(135deg,#2c5f8d,#1e4a6f);color:#fff;text-align:center}.cta h2{font-size:2.2rem;margin-bottom:1rem}.cta p{font-size:1.2rem;margin-bottom:2rem}.cta-button{background:#fff;color:#1e4a6f;border:none;padding:1rem 3rem;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;background:#f8f9fa}.footer{background:#212529;color:#fff;padding:2rem 0;text-align:center;margin-top:auto}.footer p{margin:.5rem 0;opacity:.8}@media(max-width:768px){.logo{font-size:2rem}.tagline{font-size:1rem}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-text-content{text-align:center}.hero h2{font-size:2rem}.hero-text{font-size:1rem}.services h2,.who-we-serve h2,.cta h2{font-size:1.8rem}.service-features,.audience{grid-template-columns:1fr}}