/* ═══ Legal & About shared styles ═══ */
.legal-page{padding:100px 24px 80px;min-height:100vh}
.legal-container{max-width:640px;margin:0 auto}
.legal-header{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--gray-200)}
.legal-header h1{font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.legal-meta{font-size:.82rem;color:var(--gray-400)}
.about-tagline{font-size:1rem;color:var(--gray-500);line-height:1.65;max-width:440px}

.legal-body section{margin-bottom:36px}
.legal-body h2{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--black);letter-spacing:-.01em}
.legal-body p{font-size:.88rem;color:var(--gray-600);line-height:1.75;margin-bottom:10px}
.legal-body ul,.legal-body ol{padding-left:20px;margin-bottom:14px}
.legal-body li{font-size:.86rem;color:var(--gray-600);line-height:1.7;margin-bottom:6px}
.legal-body li strong{color:var(--black)}
.legal-body a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.legal-body a:hover{color:var(--black)}

/* About page specifics */
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.about-feature{
  padding:24px;background:var(--gray-50);border:1px solid var(--gray-200);
  border-radius:var(--radius-lg);
}
.about-feature h3{font-size:.95rem;font-weight:700;margin-bottom:6px}
.about-feature p{font-size:.84rem;color:var(--gray-600);line-height:1.65;margin-bottom:0}

.about-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.about-svc{padding:16px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}
.about-svc strong{display:block;font-size:.86rem;margin-bottom:2px}
.about-svc .svc-price{display:block;font-size:.78rem;font-weight:700;color:var(--blue);margin-bottom:6px}
.about-svc p{font-size:.78rem;color:var(--gray-500);line-height:1.5;margin-bottom:0}

.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.about-value{padding:18px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}
.about-value h3{font-size:.88rem;font-weight:700;margin-bottom:6px}
.about-value p{font-size:.82rem;color:var(--gray-600);line-height:1.6;margin-bottom:0}

.legal-footer{
  padding:24px 0;border-top:1px solid var(--gray-200);text-align:center;
  font-size:.75rem;color:var(--gray-400);max-width:640px;margin:0 auto;
}
.legal-footer a{color:var(--gray-500);margin:0 6px}
.legal-footer a:hover{color:var(--black)}

@media(max-width:640px){
  .about-features,.about-services,.about-values{grid-template-columns:1fr}
}