*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#34aa8a;--secondary:#2c3e50;--accent:#e74c3c;--light:#f4f6f9;--dark:#333;--white:#fff;--transition-fast:.3s ease-in-out;--shadow-subtle:0 4px 12px rgba(0,0,0,.08);--shadow-hover:0 8px 20px rgba(0,0,0,.15)}body{font-family:'Inter','Segoe UI',Tahoma,sans-serif;line-height:1.7;color:var(--dark);background-color:var(--white);overflow-x:hidden}h1,h2,h3,h4{line-height:1.2;margin-bottom:.5em;font-weight:700;color:var(--secondary)}.container{width:92%;max-width:1200px;margin:auto}.navbar{background:var(--white);border-bottom:none;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}.logo{color:var(--primary);font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.nav-links{list-style:none;display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:var(--dark);font-weight:600;position:relative;transition:color var(--transition-fast)}.nav-links a:after{content:'';position:absolute;width:0;height:2px;display:block;margin-top:5px;right:0;background:var(--primary);transition:width var(--transition-fast) ease;-webkit-transition:width var(--transition-fast) ease}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%;left:0;background:var(--primary)}.nav-links .btn{background:var(--accent);color:var(--white);padding:.5rem 1rem;border-radius:8px;transition:background var(--transition-fast) , transform .1s;box-shadow:var(--shadow-subtle)}.nav-links .btn:hover{background:#c0392b;transform:translateY(-2px);color:var(--white)}.hero{background: linear-gradient(
        rgba(44, 62, 80, 0.7), /* Use secondary color for darker overlay */
        rgba(44, 62, 80, 0.7)
    ), url('https://testing.eye360protection.co.za/DSC_2043.JPG');background-size:cover;background-position:center;color:var(--white);padding:8rem 0;text-align:center}.hero-content h2{font-size:3rem;margin-bottom:1.5rem;font-weight:900;color:var(--white);text-shadow:0 4px 6px rgba(0,0,0,.2)}.hero-content p{font-size:1.15rem;max-width:800px;margin:auto;margin-bottom:2rem;opacity:.9}.btn{display:inline-block;text-decoration:none;padding:.75rem 1.8rem;border-radius:8px;font-weight:700;letter-spacing:.5px;transition:all var(--transition-fast);border:2px solid transparent}.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:var(--shadow-subtle)}.btn-primary:hover{background:#2b8e73;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-light{background:var(--white);color:var(--primary);border-color:var(--white);box-shadow:var(--shadow-subtle)}.btn-light:hover{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.section{padding:6rem 0}.light-bg{background:var(--light)}.section-title{font-size:2.2rem;text-align:center;margin-bottom:.8rem;color:var(--secondary);font-weight:800}.section-title+p{color:#666;font-size:1.1rem;margin-bottom:3rem}.section-text{max-width:900px;margin:auto;text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.card{background:var(--white);padding:2rem;border-radius:12px;box-shadow:var(--shadow-subtle);border-left:5px solid var(--primary);transition:box-shadow var(--transition-fast) , transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.card h3{color:var(--primary);margin-bottom:.8rem}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));text-align:center;gap:2rem;padding:3rem 0}.impact-item h3{font-size:3rem;color:var(--accent);font-weight:900}.impact-item p{color:var(--secondary);font-weight:600;margin-top:.2rem}.cta{background:var(--primary);color:var(--white);text-align:center;padding:5rem 0;background-image:linear-gradient(135deg,var(--primary),#2b8e73)}.cta h2{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.cta .btn-light{margin-top:1.5rem}.footer{background:var(--secondary);color:rgba(255,255,255,.8);text-align:center;padding:2.5rem 0;font-size:.9rem}.footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.footer a:hover{color:var(--white)}