.seo-service-links{margin-top:-36px;margin-bottom:72px}
.seo-service-links h2{font-size:1.375rem;font-weight:500;letter-spacing:-.035em;margin-bottom:24px;line-height:1.3}
.seo-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.seo-service-grid a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:172px;padding:26px 24px 22px;background:#f1f2f3;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s;position:relative}
.seo-service-name{font-size:1.125rem;font-weight:500;line-height:1.35;letter-spacing:-.025em;color:var(--ink)}
.seo-service-summary{font-size:.8125rem;color:var(--muted);margin-top:8px;line-height:1.5}
.seo-service-action{font-size:.8125rem;font-weight:500;color:var(--blue);margin-top:auto;padding-top:22px;text-decoration:underline;text-underline-offset:5px}
.seo-service-grid a:hover,.seo-service-grid a:focus-visible{background:#e7efff}
.seo-service-grid a:focus-visible{z-index:1}
.header .brand-logo{width:80px;height:auto}
.footer .brand-logo{width:64px;height:auto}
.header .brand-description,.footer .brand-description,.service-header .brand-description{font-size:1.0625rem;font-weight:500;letter-spacing:-.025em}
.service-header .brand-logo{width:72px;height:auto;border-radius:50%;flex:none}
.service-related>a{text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.service-page{--blue:#214ccf}
.service-header{background:#202224;color:#f5f5f4}
.service-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:112px;padding-block:18px}
.service-header nav{display:flex;align-items:center;gap:28px;font-size:.875rem}
.service-header nav>a{min-height:44px;display:inline-flex;align-items:center}
.service-header .button,.service-location .button,.service-hero .button{background:var(--blue);border-color:var(--blue);color:white}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;padding-block:28px;font-size:.8125rem;color:var(--muted)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.service-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:70px;padding:30px 0 88px;align-items:center}
.service-hero h1{font-size:clamp(2.4rem,4.7vw,4.7rem);line-height:1.05;letter-spacing:-.055em;font-weight:450;text-wrap:balance}
.service-lead{color:var(--muted);font-size:1.0625rem;line-height:1.8;margin-block:28px;max-width:600px}
.service-hero .button{text-align:center}
.service-contact{font-size:.875rem;margin-top:24px;color:var(--muted)}
.service-contact a{text-decoration:underline;text-underline-offset:4px}
.service-hero img{width:100%;height:500px;object-fit:cover;object-position:center 40%;background:#303234}
.service-hero figcaption{font-size:.75rem;color:var(--muted);margin-top:12px}
.service-body{max-width:850px}
.service-body section{padding-block:44px;border-top:1px solid var(--line)}
.service-body h2,.service-examples h2,.service-faq h2,.service-location h2,.service-related h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.04em;margin-bottom:24px}
.service-body p{color:var(--muted);line-height:1.85;margin-top:16px}
.service-examples{padding:40px;background:#303234;color:white;margin-block:28px 72px}
.service-examples>div{display:flex;gap:20px 36px;flex-wrap:wrap}
.service-examples a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #a8c2ff}
.service-faq{max-width:850px;padding-block:24px 64px}
.service-faq summary{padding:22px 0;gap:20px;font-size:1rem}
.service-faq details:first-of-type{border-top:1px solid var(--line)}
.service-faq details p{padding:0 20px 24px 0;color:var(--muted)}
.service-location{padding:48px;background:#e7efff;margin-block:20px 64px}
.service-location p{max-width:650px;color:#414e70}
.service-location>div{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:28px}
.service-related{display:flex;flex-wrap:wrap;gap:12px 28px;padding-bottom:64px;color:var(--blue)}
.service-related h2{width:100%;color:var(--ink)}
.service-footer{border-top:1px solid var(--line);padding:32px 0 100px;color:var(--muted);font-size:.8125rem}
.service-footer>.wrap{display:flex;gap:20px 32px;flex-wrap:wrap}
.service-footer a{text-decoration:underline;text-underline-offset:4px}
.service-whatsapp{position:fixed;bottom:24px;right:24px;background:#087d45;border:2px solid white;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;box-shadow:0 5px 20px #0002;z-index:5}
.service-whatsapp img{filter:brightness(0) invert(1)}
@media(max-width:1000px){.service-hero{gap:32px}.service-hero img{height:430px}.service-header nav{gap:18px}.seo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .seo-service-links{margin-top:-12px;margin-bottom:48px}
  .seo-service-links h2{font-size:1.25rem;margin-bottom:20px}
  .seo-service-grid a{padding:20px 16px;min-height:174px}
  .seo-service-name{font-size:1rem}.seo-service-summary{font-size:.75rem}.seo-service-action{font-size:.75rem;padding-top:20px}
  .service-header>.wrap{min-height:88px;gap:18px;flex-wrap:wrap}
  .header .brand-logo,.service-header .brand-logo{width:60px;height:auto}
  .footer .brand-logo{width:58px}
  .header .brand-description,.footer .brand-description,.service-header .brand-description{font-size:.875rem;letter-spacing:-.02em}
  .service-header nav{gap:18px;flex-wrap:wrap;justify-content:space-between;width:100%}
  .service-header .button{min-height:44px;padding:10px 18px}
  .service-hero{grid-template-columns:1fr;gap:32px;padding:12px 0 48px}
  .service-hero h1{font-size:clamp(2.4rem,10vw,3.4rem)}
  .service-hero img{height:340px}.service-lead{margin-block:24px}
  .service-body section{padding-block:32px}.service-examples{padding:28px 24px;margin-bottom:40px}
  .service-examples>div{gap:12px;flex-direction:column;align-items:flex-start}
  .service-location{padding:30px 24px;margin-bottom:44px}.service-location .button{width:100%}
  .service-whatsapp{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.seo-service-grid{grid-template-columns:minmax(0,1fr)}.seo-service-grid a{min-height:150px}}
@media(max-width:360px){.header .brand-description{display:none}}
@media(prefers-reduced-motion:reduce){.seo-service-grid a{transition:none}}