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

*{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,.97);
    box-shadow:0 2px 12px rgba(0,0,0,.08)
}
.top-strip{background:#0f172a;color:#e5e7eb;text-align:center;font-size:13px;padding:7px 12px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;letter-spacing:.2px}
.nav{
    max-width:1200px;margin:auto;padding:16px 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:790px;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:linear-gradient(135deg,rgba(2,6,23,.72),rgba(15,23,42,.38));z-index:1
}
.hero-content{position:relative;z-index:2;max-width:950px;padding:0 20px}
.eyebrow{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:8px 18px;border-radius:999px;margin-bottom:18px;font-weight:700;letter-spacing:.4px}
.hero-content h1{font-size:64px;line-height:1.12;margin-bottom:18px;letter-spacing:1px}
.hero-content p{font-size:22px;margin-bottom:22px}
.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.hero-badges span{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);padding:9px 14px;border-radius:10px;font-size:14px}
.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,.section-intro{text-align:center;color:#6b7280;margin:0 auto 55px;max-width:820px}

.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}
.company-panel{background:#fff}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px}
.profile-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.profile-label{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.8px;color:#64748b;margin-bottom:8px;font-weight:700}
.profile-card strong{font-size:18px;color:#111827}
.profile-note{text-align:center;max-width:860px;margin:30px auto 0;color:#475569}
.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);border:1px solid #eef2f7
}
.card h3{margin-bottom:12px;color:#111827;font-size:21px}
.card p{color:#475569}

.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
}

.hours-section{background:#fff}
.business-hours{margin:42px auto 0;text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:28px;max-width:700px}
.business-hours h3{font-size:26px;margin-bottom:10px;color:#111827}
.business-hours p{color:#475569;margin:6px 0}
.contact{background:#0f172a;color:#fff;text-align:center}
.contact .title{color:#fff}
.contact p{margin:8px 0}
.contact-card{max-width:760px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:46px 24px}
.contact-name{font-size:20px;margin-top:16px!important}

.footer{background:#020617;color:#fff;text-align:center;padding:34px 24px}
.footer-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;color:#d1d5db}
.footer strong{color:#fff}
.footer-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;text-align:center;font-size:13px;color:#9ca3af}

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