.page-hero{height:45vh;min-height:350px;padding-top:var(--navbar-height);background-color:var(--color-black);background-image:linear-gradient(#111c,#111c),url(/picsm/Marin-fitness-repair-Assembly-Disassembly.webp);background-position:50%;background-size:cover;align-items:center;display:flex;position:relative}.page-hero-bg{z-index:-1;position:absolute;inset:0}.page-hero-overlay{background:radial-gradient(circle at 100% 0%, var(--color-primary-dark) 0%, transparent 65%);position:absolute;inset:0}.page-hero-content{z-index:1;text-align:left;max-width:800px;position:relative}.page-title{margin-bottom:var(--space-lg);letter-spacing:-1px;color:var(--color-white);font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.1}.page-subtitle{font-size:var(--font-size-base);color:#ffffffd9;max-width:600px;font-weight:400}.svc-card{background:var(--color-white);border:1px solid #00000014;border-radius:16px;flex-direction:column;padding:28px;transition:box-shadow .25s,transform .25s;display:flex}.svc-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.svc-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.svc-num{color:#aaa;letter-spacing:1px;font-size:.75rem;font-weight:600}.svc-icon-wrap{width:40px;height:40px;color:var(--color-charcoal);background:#f4f4f4;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.svc-title{color:var(--color-charcoal);font-size:1.05rem;font-weight:700;font-family:var(--font-primary);margin-bottom:10px;line-height:1.3}.svc-desc{color:#666;flex-grow:1;margin-bottom:16px;font-size:.875rem;line-height:1.65}.svc-checks{flex-direction:column;gap:7px;margin:0 0 20px;padding:0;list-style:none;display:flex}.svc-checks li{color:#555;padding-left:20px;font-size:.8rem;position:relative}.svc-checks li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0}.svc-footer{border-top:1px solid #0000000f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.svc-tag{color:#999;font-size:.75rem;font-weight:500}.svc-cta{color:var(--color-charcoal);font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s}.svc-cta:hover{color:var(--color-primary)}.service-feature-card:hover{border-color:var(--color-primary)}.sf-icon{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:32px}.service-feature-card h4{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.service-feature-card p{font-size:var(--font-size-sm);color:var(--color-grey)}.h-service-card{text-align:center;padding:var(--space-xl);border-bottom:4px solid #0000}.h-service-card:hover{border-bottom-color:var(--color-primary)}.h-icon{color:var(--color-primary);margin-bottom:var(--space-md);font-size:40px}.h-service-card h4{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-sm)}.h-service-card p{color:var(--color-grey);font-size:var(--font-size-sm)}.cta-banner{text-align:center;padding:var(--space-5xl) 0;background-color:#111;background-image:linear-gradient(#0a0a0ad1,#0a0a0ad1),url(/picsm/handsome-black-man-is-engaged-gym-6a89d2e7-63e7-4384-8b21-2813d1005829.webp);background-position:50%;background-size:cover;background-attachment:fixed}.cta-banner h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);color:var(--color-white)}.cta-banner p{font-size:var(--font-size-lg);color:#ffffffb3}.cta-pill-link{color:#ffffffd9;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.cta-pill-link:hover{border-color:var(--color-primary);color:#fff;background:#1b8a2a33}.services-banner{border-bottom:1px solid var(--color-border)}.brands-logo-strip{justify-content:center;gap:var(--space-2xl);opacity:.7;flex-wrap:wrap;display:flex}.brands-logo-strip span{font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:2px;color:var(--color-charcoal);transition:all var(--transition-base);font-weight:800}.brands-logo-strip span:hover{color:var(--color-primary);opacity:1}@media (max-width:768px){.cta-banner{padding:var(--space-3xl) 20px}.cta-banner h2{font-size:var(--font-size-2xl)}.brands-logo-strip{gap:var(--space-lg)}.brands-logo-strip span{font-size:var(--font-size-lg)}}@media (max-width:480px){.cta-banner{padding:var(--space-2xl) 16px}.cta-banner h2{font-size:var(--font-size-xl)}.brands-logo-strip span{font-size:var(--font-size-md)}}
