/* LEAD PARAGRAPH */
.about-intro {max-width: 820px;margin: 0 auto 3rem auto;text-align: center;}
.about-lead {font-size: 1.2rem;color: #64748b;line-height: 1.8;}
.about-lead strong {color: #0f172a;}
/* ABOUT BLOCKS (Mission / Methods / Team) */
.about-block {display: flex;align-items: flex-start;gap: 2rem;background: #ffffff;border-radius: 12px;padding: 2rem;margin-bottom: 1.5rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease;}
.about-block:hover {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
.about-block-alt {background: #f8fafc;}
.about-block-icon {font-size: 2.5rem;flex-shrink: 0;width: 60px;text-align: center;margin-top: 0.25rem;}
.about-block-content h2 {font-size: 1.5rem;color: #0f172a;margin-bottom: 1rem;}
.about-block-content p {color: #64748b;line-height: 1.7;margin-bottom: 0.75rem;}
.about-block-content p:last-of-type {margin-bottom: 0;}
.about-block-content strong {color: #0f172a;}
@media (max-width: 768px) {
.about-block {flex-direction: column;gap: 1rem;padding: 1.5rem;}
.about-block-icon {width: auto;font-size: 2rem;}
}
/* WHAT YOU GET */
.about-what-you-get {margin: 2.5rem 0;text-align: center;}
/* General section heading */
.about-section-title {font-size: 1.75rem;color: #0f172a;margin-bottom: 0.5rem;}
.about-section-subtitle {color: #64748b;font-size: 1rem;margin-bottom: 2rem;}
/* Grid — exactly 3 columns on the desktop */
.about-wyg-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;text-align: left;}
.wyg-card {background: #ffffff;border-radius: 12px;padding: 2rem 1.75rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border-top: 3px solid #e2e8f0;}
.wyg-card:hover {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transform: translateY(-4px);}
/* The central card is the accent card. */
.wyg-card-featured {border-top-color: #2563eb;background: linear-gradient(160deg, #eff6ff 0%, #ffffff 60%);}
.wyg-card-icon {font-size: 2.25rem;margin-bottom: 1rem;}
.wyg-card h3 {font-size: 1.1rem;color: #0f172a;margin-bottom: 0.75rem;line-height: 1.4;}
.wyg-card p {color: #64748b;font-size: 0.95rem;line-height: 1.6;}
@media (max-width: 900px) {
/* On tablet — 1 column */
.about-wyg-grid {grid-template-columns: 1fr;}
/* Remove the highlighting of the central card on mobile devices — all cards look the same in a column */
.wyg-card-featured {background: #ffffff;}
}
/* DISCLAIMER */
.about-disclaimer {background: #fef3c7;border-left: 4px solid #f59e0b;border-radius: 6px;padding: 1.5rem;margin: 2.5rem 0;}
.about-disclaimer h3 {color: #92400e;margin-bottom: 0.75rem;font-size: 1rem;}
.about-disclaimer p {color: #78350f;font-size: 0.9rem;line-height: 1.6;}
.about-disclaimer a {color: #92400e;text-decoration: underline;}
.about-disclaimer a:hover {color: #78350f;}
/* CONTACT BLOCK */
.about-contact {text-align: center;padding: 2.5rem;background: #ffffff;border-radius: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);margin: 2rem 0;}
.about-contact h2 {font-size: 1.5rem;color: #0f172a;margin-bottom: 0.75rem;}
.about-contact p {color: #64748b;margin-bottom: 1.5rem;}
/* CTA BLOCK */
.about-cta {text-align: center;padding: 3rem 2rem;background: linear-gradient(135deg, #2563eb 0%, #764ba2 100%);border-radius: 16px;margin-top: 2.5rem;color: #ffffff;}
.about-cta h2 {font-size: 1.75rem;margin-bottom: 0.75rem;}
.about-cta p {opacity: 0.9;margin-bottom: 1.75rem;font-size: 1.05rem;}
.about-cta-buttons {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}
.btn-large {padding: 0.875rem 1.75rem;font-size: 1rem;}
@media (max-width: 768px) {
.about-cta {padding: 2rem 1.25rem;}
.about-cta h2 {font-size: 1.4rem;}
.about-cta-buttons {flex-direction: column;}
.about-cta-buttons .btn {width: 100%;}
}