/* SEO/accessibility helpers — intentionally scoped so the existing site design and animations remain unchanged. */

.seo-content{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 12%, rgba(196,138,23,.07), transparent 24%),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%);
}

.seo-content .inner{
  position:relative;
  z-index:1;
}

.seo-content .seo-copy{
  --seo-gap:18px;
  max-width:1120px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--seo-gap);
  margin-top:30px;
}

.seo-content .seo-copy p{
  position:relative;
  margin:0;
  max-width:none;
  min-width:0;
  padding:25px 25px 25px 60px;
  background:rgba(255,255,255,.94);
  border:1px solid #dfe5ee;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(7,26,61,.055);
  color:var(--muted);
  line-height:1.82;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;
  animation:seoCardIn .65s ease both;
}

.seo-content .seo-copy p::before{
  counter-increment:seo-copy;
  content:counter(seo-copy,decimal-leading-zero);
  position:absolute;
  left:22px;
  top:25px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f8f0dd;
  border:1px solid #ead8b3;
  color:var(--gold);
  font:700 9px 'DM Mono',monospace;
  letter-spacing:.3px;
}

.seo-content .seo-copy p::after{
  content:"";
  position:absolute;
  left:34px;
  top:55px;
  bottom:24px;
  width:1px;
  background:linear-gradient(180deg,#d8c08a,transparent);
  opacity:.65;
}

.seo-content .seo-copy{
  counter-reset:seo-copy;
}

.seo-content .seo-copy p:hover{
  transform:translateY(-5px);
  border-color:#d2a552;
  background:#fff;
  box-shadow:0 20px 42px rgba(7,26,61,.10);
}

.seo-content .seo-copy p:nth-child(2){animation-delay:.07s}
.seo-content .seo-copy p:nth-child(3){animation-delay:.14s}
.seo-content .seo-copy p:nth-child(4){animation-delay:.21s}
.seo-content .seo-copy p:nth-child(5){animation-delay:.28s}
.seo-content .seo-copy p:nth-child(6){animation-delay:.35s}
.seo-content .seo-copy p:nth-child(7){animation-delay:.42s}
.seo-content .seo-copy p:nth-child(8){animation-delay:.49s}

@keyframes seoCardIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

/* Keep footer heading hierarchy visually identical to the previous h4 styling. */
.footer-col .footer-heading{font:inherit;font-weight:700;margin:0 0 14px;color:inherit;}

@media (max-width:850px){
  .seo-content .seo-copy{grid-template-columns:1fr;}
}

@media (max-width:700px){
  .seo-content .seo-copy{gap:14px;margin-top:24px}
  .seo-content .seo-copy p{padding:22px 20px 22px 54px;line-height:1.72;border-radius:12px}
  .seo-content .seo-copy p::before{left:18px;top:22px}
  .seo-content .seo-copy p::after{left:30px;top:52px;bottom:21px}
}

@media(prefers-reduced-motion:reduce){
  .seo-content .seo-copy p{animation:none!important;transition:none!important}
}


/* Social profile links — subtle additions that preserve the original visual language. */
.social-links{display:flex;align-items:center;gap:8px;margin:0;}
.social-link{display:inline-flex!important;align-items:center;justify-content:center;gap:0;width:34px;height:34px;padding:0!important;margin:0!important;border:1px solid #dfe5ed;border-radius:50%;background:#fff;color:#071a3d;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;}
.social-link svg{width:17px;height:17px;display:block;flex:0 0 auto;}
.social-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.social-link:hover{transform:translateY(-2px);background:#071a3d;color:#fff;border-color:#071a3d;box-shadow:0 8px 18px rgba(7,26,61,.14);}
.links .social-links{margin-left:1px;}
.links .social-link{width:32px;height:32px;}
.footer-brand .social-links{margin-top:16px;}
.footer-brand .social-link{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#dce5f2;}
.footer-brand .social-link:hover{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:0 10px 22px rgba(182,122,16,.24);}
@media(max-width:760px){.links .social-links{justify-content:flex-start;padding:6px 10px 2px;margin-top:2px;}.links .social-link{width:36px;height:36px;}}
@media(prefers-reduced-motion:reduce){.social-link{transition:none!important;}}