.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{display:flex;align-items:center;gap:0.6rem;text-decoration:none;color:var(--text-primary);z-index:1001}
.logo-icon{width:36px;height:36px;flex-shrink:0}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-name{font-family:var(--font-display);font-size:1rem;font-weight:600;white-space:nowrap}
.logo-sub{font-size:0.65rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--accent-light)}
.main-nav{display:none}
@media (min-width:900px){.main-nav{display:block}}
.nav-list{display:flex;gap:0.25rem;align-items:center}
.nav-link{padding:0.5rem 0.9rem;font-size:0.9rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-base)}
.nav-link:hover,.nav-link:focus-visible{color:var(--text-primary);background:rgba(255,255,255,0.05)}
.nav-link-cta{margin-left:0.5rem;border:1px solid var(--accent);color:var(--accent-light)!important}
.nav-link-cta:hover{background:rgba(184,134,11,0.12)!important}
.nav-phone-wrap{position:relative;margin-left:0.5rem}
.nav-phone-chevron{margin-left:0.3rem;transition:transform var(--transition-base)}
.nav-link-cta.active .nav-phone-chevron{transform:rotate(180deg)}
.nav-phone-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0.4rem;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all var(--transition-base);z-index:1002;list-style:none}
.nav-phone-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}
.nav-phone-link{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0.9rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.85rem;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}
.nav-phone-link:hover{background:rgba(184,134,11,0.08);color:var(--accent-light)}
.nav-phone-link svg{flex-shrink:0;color:var(--accent-light)}
.nav-phone-link-wa:hover{background:rgba(37,211,102,0.08);color:#25d366}
.nav-phone-link-wa svg{color:#25d366}
.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;z-index:1001;background:none;border:none;cursor:pointer}
@media (min-width:900px){.menu-toggle{display:none}}
.menu-bar{width:24px;height:2px;background:var(--text-primary);transition:all var(--transition-base);border-radius:1px}
.menu-toggle.active .menu-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.active .menu-bar:nth-child(2){opacity:0}
.menu-toggle.active .menu-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.main-nav.mobile-open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(13,13,13,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-top:calc(var(--header-height) + 2rem);z-index:1000}
.main-nav.mobile-open .nav-list{flex-direction:column;align-items:center;gap:0.75rem}
.main-nav.mobile-open .nav-link{font-size:1.15rem;padding:0.75rem 1.5rem}
.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4rem 0 2rem}
.footer-grid{display:grid;gap:2.5rem}
@media (min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.3fr}}
.footer-logo{display:flex;align-items:center;gap:0.5rem;color:var(--accent-light);font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:0.75rem}
.footer-desc{color:var(--text-muted);font-size:0.88rem;line-height:1.6;margin-bottom:0.75rem}
.footer-socials{display:flex;gap:0.5rem}
.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);color:var(--text-muted);transition:all var(--transition-base)}
.social-link:hover{color:#fff;transform:translateY(-2px)}
.social-fb:hover{background:#1877f2;border-color:#1877f2}
.social-wa:hover{background:#25d366;border-color:#25d366}
.footer-heading{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-secondary);margin-bottom:1rem}
.footer-links li{margin-bottom:0.5rem}
.footer-links a{color:var(--text-muted);font-size:0.9rem;transition:color var(--transition-base)}
.footer-links a:hover{color:var(--accent-light)}
.footer-contact li{color:var(--text-muted);font-size:0.88rem}
.footer-areas{display:flex;flex-wrap:wrap;gap:0.4rem}
.area-tag{padding:0.2rem 0.65rem;border:1px solid var(--border-color);border-radius:50px;font-size:0.72rem;color:var(--text-muted)}
.footer-badges{display:flex;flex-wrap:wrap;gap:0.5rem}
.footer-badge{padding:0.25rem 0.75rem;background:rgba(184,134,11,0.1);border:1px solid rgba(184,134,11,0.2);border-radius:50px;font-size:0.75rem;color:var(--accent-light)}
.footer-bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:0.82rem;color:var(--text-muted)}
.footer-bottom a{color:var(--text-muted)}
.footer-bottom a:hover{color:var(--accent-light)}