/* =============================================================
   services.css — All service pages (1 level deep: /services/)
   Follows exact same pattern as article page CSS files.
   ============================================================= */

:root{
  --p:#003d6b;--p-dark:#00284a;--p-mid:#004f8b;--p-soft:#1a5a96;
  --p-tint:#e6eef7;--p-tint2:#ccdcee;
  --gold:#b8860b;--gold-lt:#d4a017;--gold-pl:#fdf6e3;
  --white:#ffffff;--off:#f5f7fa;--off2:#edf1f6;
  --text:#1a2535;--mid:#3a4f63;--muted:#56687a;
  --border:#d8e2ec;--bdr-dk:#b8c8d8;
  --sh-sm:0 2px 8px rgba(0,40,74,.08);
  --sh-md:0 4px 20px rgba(0,40,74,.11),0 2px 8px rgba(0,40,74,.07);
  --r:4px;--r2:8px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:108px;}
@media(max-width:768px){html{scroll-padding-top:70px;}}
@media(max-width:480px){html{scroll-padding-top:60px;}}
body{font-family:'Lato',sans-serif;font-size:1rem;line-height:1.72;color:var(--text);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-top:108px;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

/* ── TOPBAR ── */
.topbar{background:#00284a!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 3rem!important;border-bottom:1px solid rgba(255,255,255,.06)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1100!important;}
.topbar-left{font-family:'Source Code Pro',monospace!important;font-size:.68rem!important;color:rgba(255,255,255,.38)!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.topbar-right{display:flex!important;align-items:center!important;gap:1.6rem!important;}
.topbar-link{display:flex!important;align-items:center!important;gap:.4rem!important;font-family:'Source Code Pro',monospace!important;font-size:.7rem!important;color:rgba(255,255,255,.48)!important;letter-spacing:.03em!important;text-decoration:none!important;transition:color .2s!important;}
.topbar-link:hover{color:#d4a017!important;}
.topbar-link svg{width:12px!important;height:12px!important;fill:currentColor!important;flex-shrink:0!important;}
.tb-sep{width:1px!important;height:14px!important;background:rgba(255,255,255,.1)!important;}

/* ── NAV ── */
nav#navbar{position:fixed!important;top:38px!important;left:0!important;right:0!important;z-index:1000!important;height:70px!important;background:#ffffff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 3rem!important;border-bottom:3px solid #b8860b!important;box-shadow:0 2px 8px rgba(0,40,74,.08)!important;transition:top .25s ease,box-shadow .25s ease!important;}
nav#navbar.scrolled{top:0!important;box-shadow:0 4px 20px rgba(0,40,74,.11)!important;}
.nav-brand{display:flex;align-items:center;gap:.9rem;}
.nav-mark{width:50px;height:50px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(184,134,11,.3);flex-shrink:0;overflow:hidden;padding:3px;}
.nav-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.nav-text{display:flex;flex-direction:column;gap:1px;}
.nav-name{font-family:'Merriweather',serif;font-size:1.08rem;font-weight:700;color:#d4a017;line-height:1;letter-spacing:-.015em;}
.nav-sub{font-family:'Source Code Pro',monospace;font-size:.58rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;}
.nav-links{display:flex;list-style:none;align-items:center;margin:0;padding:0;}
.nav-links li a{font-size:.86rem;font-weight:700;color:var(--mid);padding:.42rem .82rem;border-radius:4px;transition:color .2s,background .2s;letter-spacing:.01em;display:block;}
.nav-links li a:hover{color:var(--p);background:var(--p-tint);}
.nav-links .cta a{background:var(--p);color:#fff!important;margin-left:.4rem;padding:.46rem 1.2rem!important;border-radius:4px;}
.nav-links .cta a:hover{background:var(--p-soft)!important;}
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;background:none;border:none;cursor:pointer;}
.hamburger span{display:block;width:22px;height:2px;background:var(--p);border-radius:2px;transition:all .3s;}
.mob-menu{display:none;position:fixed;top:108px;left:0;right:0;background:#fff;border-top:3px solid #b8860b;border-bottom:1px solid var(--border);padding:.75rem 1.5rem;z-index:999;flex-direction:column;box-shadow:var(--sh-md);}
.mob-menu.open{display:flex;}
.mob-menu a{font-size:.9rem;font-weight:700;color:var(--mid);padding:.68rem .5rem;border-bottom:1px solid var(--border);transition:color .2s;}
.mob-menu a:last-child{border:none;color:var(--p);font-weight:900;}
.mob-menu a:hover{color:var(--p);}

/* ── PAGE HERO ── */
.page-hero{background:var(--p);padding:72px 3rem 56px;position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold-lt) 70%,transparent);}
.page-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.page-hero-eyebrow{font-family:'Source Code Pro',monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-lt);display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;}
.page-hero-eyebrow::before{content:'';width:22px;height:2px;background:var(--gold-lt);border-radius:2px;}
.page-hero h1{font-family:'Merriweather',serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:#fff;line-height:1.12;letter-spacing:-.02em;margin-bottom:.75rem;}
.page-hero p{font-size:1rem;font-weight:300;color:rgba(255,255,255,.6);max-width:620px;line-height:1.8;}
.breadcrumb{font-family:'Source Code Pro',monospace;font-size:.65rem;letter-spacing:.06em;color:rgba(255,255,255,.35);margin-bottom:1.5rem;}
.breadcrumb a{color:rgba(255,255,255,.5);transition:color .2s;}
.breadcrumb a:hover{color:var(--gold-lt);}
.breadcrumb span{color:rgba(255,255,255,.25);margin:0 .4rem;}

/* ── LAYOUT ── */
section{padding:64px 3rem;}
.wrap{max-width:1200px;margin:0 auto;}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:'Source Code Pro',monospace;font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;}
.eyebrow::before{content:'';width:22px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0;}
.sec-title{font-family:'Merriweather',serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;line-height:1.18;letter-spacing:-.02em;color:var(--p);margin-bottom:.85rem;}
.sec-lead{font-size:1rem;font-weight:300;color:var(--muted);line-height:1.78;margin-bottom:2.5rem;max-width:620px;}
.svc-content{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:start;}

/* ── SERVICE FEATURES ── */
.svc-features{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem;}
.svc-feature{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:var(--off);border-radius:var(--r2);border-left:3px solid var(--gold);transition:all .22s;}
.svc-feature:hover{background:var(--gold-pl);transform:translateX(4px);}
.svc-feature-ico{font-size:1.2rem;flex-shrink:0;margin-top:2px;}
.svc-feature-title{font-family:'Merriweather',serif;font-size:.92rem;font-weight:700;color:var(--p);margin-bottom:2px;}
.svc-feature-desc{font-size:.82rem;color:var(--muted);line-height:1.6;}

/* ── CTA PANEL ── */
.svc-cta-panel{background:var(--p);border-radius:var(--r2);padding:2rem;color:#fff;position:sticky;top:130px;}
.svc-cta-title{font-family:'Merriweather',serif;font-size:1.3rem;font-weight:700;color:var(--gold);margin-bottom:.5rem;}
.svc-cta-desc{font-size:.88rem;font-weight:300;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:1.5rem;}
.svc-cta-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;background:var(--gold);color:var(--p-dark);font-family:'Lato',sans-serif;font-size:.9rem;font-weight:900;border-radius:var(--r);transition:all .22s;margin-bottom:.75rem;text-decoration:none;}
.svc-cta-btn:hover{background:var(--gold-lt);transform:translateY(-2px);}
.svc-cta-btn-outline{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1.5rem;background:transparent;color:rgba(255,255,255,.7);font-family:'Lato',sans-serif;font-size:.88rem;font-weight:700;border:1.5px solid rgba(255,255,255,.22);border-radius:var(--r);transition:all .22s;text-decoration:none;}
.svc-cta-btn-outline:hover{border-color:var(--gold);color:var(--gold-lt);}
.svc-contact-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1);}
.svc-contact-item{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:rgba(255,255,255,.5);}
.svc-contact-item a{color:rgba(255,255,255,.7);transition:color .2s;}
.svc-contact-item a:hover{color:var(--gold-lt);}

/* ── WHY GRID ── */
.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;margin-top:2rem;}
.why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:1.5rem;border-top:3px solid var(--gold);transition:all .25s;}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md);}
.why-num{font-family:'Source Code Pro',monospace;font-size:.6rem;font-weight:700;color:var(--gold);letter-spacing:.1em;background:var(--gold-pl);border:1px solid rgba(184,134,11,.28);display:inline-block;padding:3px 10px;border-radius:2px;margin-bottom:.75rem;}
.why-title{font-family:'Merriweather',serif;font-size:.95rem;font-weight:700;color:var(--p);margin-bottom:.45rem;}
.why-desc{font-size:.83rem;color:var(--muted);line-height:1.68;}

/* ── FAQ ── */
.faq-grid{max-width:820px;margin:2rem auto 0;display:flex;flex-direction:column;gap:0;}
.faq-item{background:var(--white);border:1px solid var(--border);border-bottom:none;overflow:hidden;}
.faq-item:first-child{border-radius:var(--r2) var(--r2) 0 0;}
.faq-item:last-child{border-radius:0 0 var(--r2) var(--r2);border-bottom:1px solid var(--border);}
.faq-item.open .faq-q{color:var(--p);border-bottom:1px solid var(--border);}
.faq-item.open .faq-icon{background:var(--p);color:#fff;transform:rotate(45deg);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;background:none;border:none;cursor:pointer;text-align:left;font-family:'Merriweather',serif;font-size:.93rem;font-weight:700;color:var(--text);line-height:1.5;transition:color .2s;}
.faq-q:hover{color:var(--p);}
.faq-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--p-tint);color:var(--p);display:grid;place-items:center;font-size:1.1rem;font-weight:300;transition:background .2s,color .2s,transform .3s;}
.faq-a{display:none;padding:0 1.4rem 1.3rem;}
.faq-item.open .faq-a{display:block;}
.faq-a p{font-size:.88rem;color:var(--mid);line-height:1.82;}

/* ── RELATED ── */
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;margin-top:2rem;}
.related-card{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.2rem;background:var(--off);border:1px solid var(--border);border-radius:var(--r2);text-decoration:none;color:inherit;transition:all .22s;}
.related-card:hover{transform:translateY(-3px);box-shadow:var(--sh-sm);border-color:var(--bdr-dk);background:var(--white);}
.related-ico{width:38px;height:38px;background:var(--p-tint);border-radius:var(--r);display:grid;place-items:center;flex-shrink:0;}
.related-ico svg{width:18px;height:18px;fill:none;stroke:var(--p);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.related-name{font-family:'Merriweather',serif;font-size:.88rem;font-weight:700;color:var(--p);}

/* ── SERVICES HUB ── */
.services-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.6rem;margin-top:3rem;}
.svc-hub-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r2);padding:2rem;transition:all .28s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.85rem;text-decoration:none;color:inherit;}
.svc-hub-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--p-soft));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.svc-hub-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--bdr-dk);}
.svc-hub-card:hover::after{transform:scaleX(1);}
.svc-hub-ico{width:52px;height:52px;background:var(--p-tint);border-radius:var(--r);display:grid;place-items:center;border:1px solid var(--p-tint2);}
.svc-hub-ico svg{width:24px;height:24px;fill:none;stroke:var(--p);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
.svc-hub-label{font-family:'Source Code Pro',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);background:var(--gold-pl);border:1px solid rgba(184,134,11,.28);padding:3px 10px;border-radius:2px;width:fit-content;}
.svc-hub-title{font-family:'Merriweather',serif;font-size:1.12rem;font-weight:700;color:var(--p);line-height:1.3;}
.svc-hub-desc{font-size:.875rem;color:var(--muted);line-height:1.72;flex:1;}
.svc-hub-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--p);margin-top:.25rem;transition:gap .2s;}
.svc-hub-card:hover .svc-hub-link{gap:.7rem;}
.svc-new-badge{position:absolute;top:1.1rem;right:1.1rem;background:var(--gold);color:var(--p-dark);font-family:'Source Code Pro',monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:2px;}

/* ── CTA BAND ── */
.cta-band{background:var(--p);padding:60px 3rem;text-align:center;}
.cta-band h2{font-family:'Merriweather',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;color:#fff;margin-bottom:.75rem;}
.cta-band p{font-size:.97rem;font-weight:300;color:rgba(255,255,255,.55);margin-bottom:2rem;}
.cta-band-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
.btn-gold{display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 2rem;background:var(--gold);color:var(--p-dark);font-family:'Lato',sans-serif;font-size:.9rem;font-weight:900;border-radius:var(--r);transition:all .22s;text-decoration:none;}
.btn-gold:hover{background:var(--gold-lt);transform:translateY(-2px);}
.btn-outline-w{display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 2rem;background:transparent;color:rgba(255,255,255,.8);font-family:'Lato',sans-serif;font-size:.9rem;font-weight:700;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--r);transition:all .22s;text-decoration:none;}
.btn-outline-w:hover{border-color:var(--gold);color:var(--gold-lt);transform:translateY(-2px);}

/* ── WA FLOAT ── */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:0;cursor:pointer;text-decoration:none;}
.wa-float__label{background:#25d366;color:#fff;font-family:'Lato',sans-serif;font-size:.82rem;font-weight:700;padding:.45rem .9rem .45rem 1.1rem;border-radius:24px 0 0 24px;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:max-width .35s ease,opacity .25s ease;}
.wa-float:hover .wa-float__label{max-width:220px;opacity:1;}
.wa-float__icon{width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .25s ease;}
.wa-float__icon svg{width:30px;height:30px;}
.wa-float:hover .wa-float__icon{transform:scale(1.1) rotate(-5deg);}

/* ── FOOTER (identical to article pages) ── */
footer{background:#010f1c;border-top:1px solid rgba(184,134,11,.18);padding:3.5rem 3rem 2rem;}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.06);}
.footer-logo-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem;}
.footer-mark{width:44px;height:44px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(184,134,11,.25);flex-shrink:0;overflow:hidden;padding:3px;}
.footer-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.footer-brand-name{font-family:'Merriweather',serif;font-size:1.15rem;font-weight:900;color:#fff;}
.footer-brand-name span{color:var(--gold);}
.footer-tagline{font-size:.87rem;font-weight:300;color:rgba(255,255,255,.38);line-height:1.7;margin-bottom:1.4rem;max-width:280px;}
.footer-contact-item{display:flex;align-items:center;gap:.5rem;font-size:.83rem;color:rgba(255,255,255,.45);transition:color .2s;}
.footer-contact-item:hover{color:var(--gold-lt);}
.footer-contact-item svg{width:13px;height:13px;fill:currentColor;flex-shrink:0;}
.footer-col-title{font-family:'Lato',sans-serif;font-size:.7rem;font-weight:900;color:rgba(255,255,255,.55);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(184,134,11,.18);}
.footer-links{display:flex;flex-direction:column;gap:.55rem;}
.footer-links a{font-size:.85rem;color:rgba(255,255,255,.4);transition:color .2s;}
.footer-links a:hover{color:var(--gold-lt);}
.footer-bottom{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;flex-wrap:wrap;gap:1rem;}
.footer-copy{font-family:'Source Code Pro',monospace;font-size:.67rem;color:rgba(255,255,255,.2);}
.footer-social{display:flex;gap:.6rem;}
.footer-social a{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:4px;display:grid;place-items:center;color:rgba(255,255,255,.35);font-size:.65rem;transition:all .2s;}
.footer-social a:hover{border-color:var(--gold);color:var(--gold-lt);}

/* ── RESPONSIVE ── */
@media(max-width:1040px){.svc-content{grid-template-columns:1fr;gap:2.5rem;}.svc-cta-panel{position:static;}.footer-grid{grid-template-columns:1fr 1fr;}.services-hub-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){
  body{padding-top:70px;}
  .topbar{display:none!important;}
  nav#navbar{top:0!important;padding:0 1.2rem!important;}
  .hamburger{display:flex!important;}
  .nav-links{display:none!important;}
  .page-hero{padding:48px 1.4rem 40px;}
  section{padding:44px 1.4rem;}
  .cta-band{padding:48px 1.4rem;}
  .footer-grid{grid-template-columns:1fr;}
  .services-hub-grid{grid-template-columns:1fr;}
  .wa-float__label{display:none;}
  .wa-float{bottom:20px;right:18px;}
  .wa-float__icon{width:52px;height:52px;}
  .wa-float__icon svg{width:26px;height:26px;}
}
@media(max-width:480px){body{padding-top:60px;}.cta-band-btns{flex-direction:column;align-items:center;}}