:root{--legacy-0d3b66:#0d3b66;--legacy-333333:#333333;--legacy-46a6c2:#46a6c2;--legacy-5bc0de:#5bc0de;--legacy-dddddd:#dddddd;--legacy-eeeeee:#eeeeee}
:root {
            --navy: var(--legacy-0d3b66, #0D3B66);
            --cyan: var(--legacy-5bc0de, #5BC0DE);
            --text: var(--legacy-333333, #333333);
            --light: var(--color-surface-alt, #F8F9FA);
        }
        body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.6; color: var(--text); margin: 0; padding: 0; scroll-behavior: smooth; }
        .container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        h1, h2, h3 { color: var(--navy); }
        .btn { background: var(--cyan); color: white; padding: 15px 35px; text-decoration: none; border-radius:var(--radius-sm, 5px); font-weight: bold; display: inline-block; transition: 0.3s; border: none; cursor: pointer; }
        .btn:hover { background: var(--legacy-46a6c2, #46a6c2); transform: translateY(-2px); }
        
        /* Hero Section */
        .hero { background: var(--light); padding: 80px 0; display: flex; align-items: center; }
        .hero-flex { display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }
        .hero-left { flex: 1; min-width: 300px; }
        .hero-right { flex: 1; min-width: 300px; }
        .hero-right img { width: 100%; border-radius:var(--radius-lg, 15px); shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .hero h1 { font-size: 3rem; margin-bottom: 20px; line-height: 1.2; }

        /* Sections */
        .section-padding { padding: 80px 0; }
        .grey-bg { background: var(--light); }
        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 40px; }
        .card { background: white; padding: 30px; border-radius:var(--radius-md, 10px); box-shadow: 0 4px 6px rgba(0,0,0,0.05); border-top: 4px solid var(--cyan); }
        
        /* Services List */
        .services-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; }
        .service-item { background: white; padding: 15px; border: 1px solid var(--legacy-dddddd, #ddd); border-radius:var(--radius-sm, 5px); text-align: center; font-weight: 500; }
        .service-item a { text-decoration: none; color: var(--navy); }

        /* FAQ */
        .faq-item { margin-bottom: 20px; border-bottom: 1px solid var(--legacy-eeeeee, #eee); padding-bottom: 10px; }
        .faq-item h4 { margin-bottom: 5px; color: var(--navy); }

        @media (max-width: 768px) {
            .hero-flex { flex-direction: column-reverse; text-align: center; }
            .hero h1 { font-size: 2.2rem; }
        }