/*
Theme Name: Volta Corporate Theme
Theme URI: https://example.com/volta-corporate-theme
Author: OpenAI
Description: Corporate WordPress theme package for Volta Group Corporation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: volta-corporate
*/

:root{
  --navy:#0C1F3F;
  --blue:#1F4E8C;
  --gold:#C89B3C;
  --gray:#6B7280;
  --light:#F5F7FA;
  --white:#FFFFFF;
  --dark:#111827;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--dark);
  background:#fff;
  line-height:1.6;
}
a{color:var(--blue);text-decoration:none}
img{max-width:100%;height:auto}
.site-topbar{
  background:var(--navy); color:#fff; font-size:14px;
}
.container{
  width:min(1180px, 92%);
  margin:0 auto;
}
.topbar-inner,.header-inner,.footer-grid{
  display:grid; gap:20px; align-items:center;
}
.topbar-inner{grid-template-columns:1fr 1fr auto; padding:10px 0}
.site-header{
  background:#fff; border-bottom:1px solid #e5e7eb; position:sticky; top:0; z-index:20;
}
.header-inner{grid-template-columns:220px 1fr auto; padding:18px 0}
.site-logo{font-weight:800; font-size:26px; color:var(--navy); line-height:1.1}
.site-logo small{display:block; font-weight:600; font-size:11px; letter-spacing:2px; color:var(--gray)}
.main-nav ul{list-style:none; display:flex; gap:26px; padding:0; margin:0; justify-content:center}
.main-nav a{color:var(--navy); font-weight:700; font-size:15px}
.btn{
  display:inline-block; padding:14px 22px; border-radius:4px; font-weight:700;
}
.btn-primary{background:var(--gold); color:#111}
.btn-secondary{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.75)}
.hero{
  color:#fff;
  background:linear-gradient(rgba(12,31,63,.72),rgba(12,31,63,.72)), url('https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
}
.hero-inner{padding:120px 0}
.hero h1{font-size:54px; line-height:1.05; margin:0 0 18px}
.hero p{max-width:780px; font-size:20px; margin:0 0 28px}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap}
.section{padding:76px 0}
.section-light{background:var(--light)}
.section-title{font-size:38px; margin:0 0 16px; color:var(--navy)}
.two-col{display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:center}
.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.card{
  background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.05)
}
.card-body{padding:24px}
.metric-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.metric{
  background:var(--navy); color:#fff; padding:30px; border-radius:12px; text-align:center
}
.metric strong{display:block; font-size:42px; color:var(--gold)}
.cta{
  background:linear-gradient(90deg,var(--navy),var(--blue)); color:#fff
}
.footer{
  background:var(--navy); color:#fff; padding:60px 0 24px
}
.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
.footer a{color:#dbeafe}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15); margin-top:32px; padding-top:20px; font-size:14px; color:#cbd5e1}
.page-hero{
  background:linear-gradient(90deg,var(--navy),var(--blue)); color:#fff; padding:72px 0;
}
.page-content{padding:56px 0}
.service-list, .expertise-list{columns:2; gap:32px}
.service-list li, .expertise-list li{margin-bottom:10px}
@media (max-width: 900px){
  .topbar-inner,.header-inner,.two-col,.card-grid,.metric-grid,.footer-grid{grid-template-columns:1fr}
  .main-nav ul{flex-wrap:wrap; justify-content:flex-start}
  .hero h1{font-size:40px}
  .service-list, .expertise-list{columns:1}
}