/* powerman-service.css — shared styles for all service pages */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0A2035;--gold:#C8962A;--gold2:#E8B84B;--white:#FFFFFF;--offwhite:#F5F3EE;--light:#ECEAE4;--muted:#6B7280;--ink:#1A1A1A}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:var(--white);color:var(--ink);line-height:1.6}

nav{position:fixed;top:0;width:100%;z-index:200;background:rgba(10,32,53,0.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(200,150,42,0.2)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-brand img{height:40px;width:auto}
.nav-brand-name{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:var(--white);letter-spacing:2px;line-height:1}
.nav-brand-sub{font-size:9px;letter-spacing:3px;color:var(--gold2);text-transform:uppercase;margin-top:2px}
.nav-links{display:flex;align-items:center;gap:6px;list-style:none}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.7);text-decoration:none;padding:8px 12px;transition:color 0.2s}
.nav-links a:hover,.nav-links a.active{color:var(--gold2)}
.nav-cta{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:10px 24px;text-decoration:none;transition:background 0.2s}
.nav-cta:hover{background:var(--gold2)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.hamburger span{display:block;width:26px;height:2px;background:var(--white)}
.mobile-menu{display:none;flex-direction:column;background:var(--navy);padding:16px 24px;gap:4px;border-top:1px solid rgba(200,150,42,0.2)}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.75);text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06)}

.page-hero{position:relative;min-height:480px;display:flex;align-items:flex-end;padding-top:70px;overflow:hidden}
.page-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,32,53,0.95) 0%,rgba(10,32,53,0.4) 60%,rgba(10,32,53,0.2) 100%)}
.page-hero-content{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:64px 48px;width:100%}
.page-hero-back{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold2);text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;opacity:0.8;transition:opacity 0.2s}
.page-hero-back:hover{opacity:1}
.page-hero-tag{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold2);margin-bottom:12px}
.page-hero-h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,7vw,80px);font-weight:900;text-transform:uppercase;color:var(--white);line-height:0.95;letter-spacing:2px;margin-bottom:16px}
.page-hero-h1 span{color:var(--gold2)}
.page-hero-sub{font-size:16px;color:rgba(255,255,255,0.65);font-weight:300;max-width:520px;line-height:1.7}

.page-body{max-width:1280px;margin:0 auto;padding:80px 48px}
.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.section-tag{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.section-h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;text-transform:uppercase;color:var(--navy);line-height:1;letter-spacing:1px;margin-bottom:16px}
.divider{width:48px;height:3px;background:var(--gold);margin:16px 0 28px}
.intro-text{font-size:16px;line-height:1.9;color:var(--ink);font-weight:300;margin-bottom:32px}

.service-list-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;color:var(--navy);letter-spacing:1px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
.service-list{list-style:none;display:flex;flex-direction:column;gap:0}
.service-list li{font-size:14px;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--light);display:flex;align-items:center;gap:12px;font-weight:400}
.service-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}

.sidebar-card{background:var(--navy);padding:36px;margin-bottom:24px}
.sidebar-card-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;color:var(--gold2);letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(200,150,42,0.2)}
.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.sidebar-list li{font-size:13px;color:rgba(255,255,255,0.6);display:flex;align-items:center;gap:10px}
.sidebar-list li::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}

.cta-strip{background:var(--gold);padding:64px 48px;text-align:center}
.cta-strip-inner{max-width:700px;margin:0 auto}
.cta-h{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;text-transform:uppercase;color:var(--navy);line-height:1;letter-spacing:1px;margin-bottom:16px}
.cta-p{font-size:15px;color:rgba(10,32,53,0.75);font-weight:300;margin-bottom:28px}
.btn-dark{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;background:var(--navy);color:var(--white);padding:14px 36px;text-decoration:none;display:inline-block;transition:opacity 0.2s}
.btn-dark:hover{opacity:0.85}

footer{background:#070F18;padding:56px 0 0}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 48px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.07)}
.footer-brand-name{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:900;text-transform:uppercase;color:var(--gold2);letter-spacing:2px;margin-bottom:6px}
.footer-brand-sub{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:14px}
.footer-brand-desc{font-size:13px;line-height:1.8;color:rgba(255,255,255,0.35);font-weight:300}
.footer-col-title{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:13px;color:rgba(255,255,255,0.4);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--gold2)}
.footer-bottom{padding:20px 0;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.2)}
.footer-copy a{color:rgba(255,255,255,0.3);text-decoration:none}

@media(max-width:1024px){.two-col{grid-template-columns:1fr;gap:48px}}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .nav-inner{padding:0 20px}
  .page-hero-content,.page-body,.cta-strip,.footer-inner{padding-left:24px;padding-right:24px}
  .page-body{padding-top:56px;padding-bottom:56px}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
}
