:root {
  --primary: #1e73be;
  --dark: #222;
  --light: #f9f9f9;
  --text: #333;
  --bg-overlay: rgba(0,0,0,0.45);
}
body.dark { --bg-overlay: rgba(0,0,0,0.65); --light:#1a1a1a; --dark:#111; --text:#eee;}
body{font-family:'Poppins', sans-serif; margin:0; background:var(--light); color:var(--text);}
.site-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--dark);padding:10px 20px;z-index:1000;}
.site-header .logo img{height:150px;}
.top-nav a{color:#fff;text-decoration:none;margin:0 10px;font-weight:600;}
.top-nav a.active, .top-nav a:hover{color:var(--primary);}
.social-links a{margin-left:8px;color:#fff;font-size:1.1rem;}
.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;background:url('https://images.unsplash.com/photo-1721333089073-215a56fd710c?auto=format&fit=crop&w=1740&q=80') center/cover no-repeat;}
.hero-overlay{position:absolute;inset:0;background:var(--bg-overlay);}
.hero-content{position:relative;z-index:1;color:#fff;}
.hero-content h1{font-size:3rem;margin-bottom:10px;}
.hero-content p{font-size:1.2rem;}
.services-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px;}
.card{background:#fff;padding:20px;text-align:center;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.card i{font-size:2rem;margin-bottom:10px;color:var(--primary);}
.section, section{padding:60px 20px;max-width:900px;margin:40px auto;background:var(--light);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);opacity:0;transform:translateY(30px);transition:all 0.7s ease-out;}
section.visible, .section.visible{opacity:1;transform:translateY(0);}
footer{background:var(--dark);color:#fff;text-align:center;padding:20px;margin-top:40px;}
.contact-fab{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.25);z-index:1100;}
.contact-fab:hover{transform:translateY(-1px);}
.contact-menu{position:fixed;right:20px;bottom:86px;background:#fff;border:1px solid #ddd;border-radius:12px;padding:8px;display:none;gap:8px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,0.18);z-index:1100;}
.contact-menu a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#fafafa;color:#333;text-decoration:none;font-size:1.2rem;}
.contact-menu a:hover{background:#efefef;}
body.dark .section,body.dark section{background:#1e1e1e;box-shadow:0 5px 15px rgba(0,0,0,0.35);}
body.dark footer, body.dark .site-header{background:#1a1a1a;}
body.dark .top-nav a.active,body.dark .top-nav a:hover{color:#7cc3ff;}
body.dark .contact-menu{background:#151515;border-color:#333;}
body.dark .contact-menu a{background:#222;color:#eee;}
body.dark .contact-menu a:hover{background:#2b2b2b;}
@media(max-width:720px){.logo img{height:110px}.top-nav a{margin:0 6px}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}}