:root{
  --bg: #0b0b0d; --card: #16161a; --muted: #bfc7d1; --accent: #00d4ff; --text: #ffffff;
  --glass: rgba(255,255,255,0.03);
}
:root.light{
  --bg: #f6f8fb; --card: #ffffff; --muted: #556; --accent: #006fbf; --text: #0b0b0d; --glass: rgba(0,0,0,0.04);
}

/* Basic reset */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:Inter, "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg); color:var(--text); -webkit-font-smoothing:antialiased;
  transition:background .35s ease, color .35s ease;
}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* NAV */
.navbar{position:fixed;top:0;left:0;width:100%;backdrop-filter:blur(6px);z-index:60}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.logo{font-weight:700;color:var(--accent);font-size:1.2rem}
.theme-btn{background:var(--glass);border:1px solid rgba(255,255,255,0.03);padding:6px 8px;border-radius:8px;cursor:pointer}
.nav-links{display:flex;gap:18px}
.nav-links a{color:var(--text);text-decoration:none;opacity:.95;transition:opacity .2s}
.nav-links a:hover{opacity:1;color:var(--accent)}
.hamburger{display:none;background:none;border:none;color:var(--text);font-size:1.2rem}

/* Hero */
.hero{min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1470&q=80');background-size:cover;background-position:center;transform:translateY(-6%);filter:contrast(.85) saturate(.9);opacity:.28}
.hero-content{position:relative;padding:120px 0;text-align:center;z-index:2}
.hero h1{font-size:2.6rem;line-height:1.05}
.hero h1 span{color:var(--accent)}
.hero p{margin-top:12px;color:var(--muted)}
.btn{display:inline-block;margin-top:18px;background:var(--accent);color:var(--text);padding:10px 22px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;font-weight:600;transition:transform .18s ease}
.btn:hover{transform:translateY(-3px);opacity:.95}

/* Sections */
.section{padding:90px 0}
h2{font-size:1.5rem;margin-bottom:14px}
p{color:var(--muted);line-height:1.7}

/* services */
.service-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.35);transition:transform .28s ease, box-shadow .28s ease}
.card:hover{transform:translateY(-8px)}
.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:14px}
.industry{background:var(--card);padding:16px;border-radius:10px;text-align:center;}

/* Contact */
.contact-form{max-width:720px;margin:18px auto 0;display:flex;flex-direction:column;gap:12px}
.row{display:flex;gap:12px}
.row input{flex:1}
input,textarea{background:var(--card);border:1px solid rgba(255,255,255,0.03);padding:12px;border-radius:8px;color:var(--text);outline:none}
input:focus,textarea:focus{box-shadow:0 6px 20px rgba(0,0,0,0.25);border-color:var(--accent)}
.form-foot{display:flex;align-items:center;gap:12px;justify-content:space-between}
.status{font-size:.95rem;color:var(--muted)}

/* Footer */
.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,0.03);margin-top:20px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px}
.socials a{color:var(--accent);text-decoration:none;margin-left:10px}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(18px) scale(.995);transition:all .6s cubic-bezier(.2,.9,.2,1)}
.reveal.show{opacity:1;transform:none}
.delay{transition-delay:.12s}
.delay-2{transition-delay:.22s}
.delay-3{transition-delay:.34s}

/* responsive */
@media (max-width:900px){
  .hero-content{padding:90px 0}
  .nav-links{display:none}
  .hamburger{display:block}
  .row{flex-direction:column}
  .footer-inner{flex-direction:column;gap:8px}
  .hero h1{font-size:1.8rem}
}



/* Info Section */
.vetpl-info{
  background:var(--card);
  padding:70px 0;
  border-top:1px solid rgba(255,255,255,0.06);
}
.info-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:40px;
}
.info-col h3{
  margin-bottom:18px;
  font-size:1.1rem;
  color:var(--accent);
  letter-spacing:.3px;
}
.info-col ul{list-style:none;padding:0}
.info-col ul li{margin:10px 0;}
.info-col ul li a{
  color:var(--text);
  text-decoration:none;
  font-size:.95rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:var(--glass);
  padding:10px 14px;
  border-radius:8px;
  transition:all .25s ease;
}
.info-col ul li a:hover{
  background:var(--accent);
  color:#fff;
  transform:translateX(4px);
}
.tag{
  background:#ffea00;
  color:#000;
  font-size:.75rem;
  border-radius:6px;
  padding:2px 6px;
  margin-right:6px;
  font-weight:600;
}

.office{margin-bottom:18px;}
.office h4{font-size:.9rem;color:var(--accent);margin-bottom:4px;}
.office p{font-size:.9rem;color:var(--muted);margin:2px 0;}
.socials{
  display:flex;
  gap:10px;
  margin-top:10px;
}
.socials a{
  color:var(--accent);
  font-size:1.2rem;
  border:1px solid var(--accent);
  border-radius:8px;
  padding:6px;
  transition:all .25s ease;
}
.socials a:hover{
  background:var(--accent);
  color:#fff;
  transform:scale(1.1);
}