/*
Theme Name: Premier Service Network LLC
Version: 1.1
*/

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:#1f2937;line-height:1.6;background:#fff}
a{text-decoration:none;color:inherit}

.site-header{
    position:fixed;top:0;left:0;width:100%;z-index:999;
    background:rgba(255,255,255,.96);
    box-shadow:0 2px 12px rgba(0,0,0,.08)
}
.nav{
    max-width:1200px;margin:auto;padding:18px 24px;
    display:flex;justify-content:space-between;align-items:center
}
.logo{font-size:22px;font-weight:700;letter-spacing:.8px}
.nav-links a{margin-left:24px;font-weight:600}

.hero-video{
    position:relative;min-height:760px;display:flex;align-items:center;
    justify-content:center;overflow:hidden;color:#fff;text-align:center
}
.hero-video video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover
}
.hero-video:before{
    content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);z-index:1
}
.hero-content{position:relative;z-index:2;max-width:950px;padding:0 20px}
.hero-content h1{font-size:66px;line-height:1.12;margin-bottom:22px;letter-spacing:1px}
.hero-content p{font-size:22px;margin-bottom:34px}
.btn{
    display:inline-block;padding:14px 34px;border-radius:40px;
    border:2px solid #fff;color:#fff;font-weight:700;margin:6px;
    transition:.25s
}
.btn:hover{background:#fff;color:#111}

.section{padding:90px 24px}
.container{max-width:1200px;margin:auto}
.title{text-align:center;font-size:44px;margin-bottom:18px;color:#111827}
.sub{text-align:center;color:#6b7280;margin-bottom:55px}

.about-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center
}
.about-grid img{
    width:100%;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.16)
}
.about-text h3{font-size:32px;margin-bottom:18px;color:#111827}
.about-text p{margin-bottom:16px;color:#374151}

.services{background:#f5f7fb}
.service-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px
}
.card{
    background:#fff;padding:34px;border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,.07)
}
.card h3{margin-bottom:12px;color:#111827}

.why-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px
}
.why-item{
    background:#fff;border-left:5px solid #1d4ed8;padding:20px;
    box-shadow:0 5px 18px rgba(0,0,0,.06);border-radius:8px
}

.contact{background:#0f172a;color:#fff;text-align:center}
.contact .title{color:#fff}
.contact p{margin:8px 0}

.footer{background:#020617;color:#fff;text-align:center;padding:24px}

@media(max-width:768px){
    .nav{display:block;text-align:center}
    .nav-links{margin-top:12px}
    .nav-links a{margin:0 8px;font-size:14px}
    .hero-content h1{font-size:39px}
    .hero-content p{font-size:17px}
    .hero-video{min-height:660px}
    .about-grid{grid-template-columns:1fr}
    .title{font-size:34px}
}