/* ABOUT US + CONTACT US PAGES (about-us/index.php, contact-us/index.php) -- same look as the support page */
.tn-about-hero { padding-top:75px; padding-bottom:30px; }
.tn-about-hero .tn-section-copy { max-width:760px; }

.tn-about-body { padding-bottom:105px; }

.tn-about-card { display:flex; gap:22px; max-width:860px; margin:0 auto 22px; padding:34px; border:1px solid var(--tn-border); border-radius:20px; background:var(--tn-surface); }
.tn-about-card h2 { margin:4px 0 12px; font-size:22px; font-weight:800; letter-spacing:-.4px; }
.tn-about-card p { margin:0 0 12px; color:var(--tn-muted); font-size:15.5px; line-height:1.75; }
.tn-about-card p:last-child { margin-bottom:0; }
.tn-about-card a:not(.tn-btn-primary) { color:var(--tn-primary); font-weight:600; }
.tn-about-card a:not(.tn-btn-primary):hover { color:var(--tn-primary-dark); }

.tn-about-icon { flex:0 0 48px; width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:var(--tn-primary-soft); color:var(--tn-primary); font-size:19px; }
.tn-about-icon-green { background:var(--tn-green-soft); color:var(--tn-green); }
.tn-about-icon-purple { background:var(--tn-purple-soft); color:var(--tn-purple); }
.tn-about-icon-orange { background:#fff7ed; color:#c2410c; }

.tn-about-list { margin:0 0 12px; padding-left:20px; color:var(--tn-muted); font-size:15.5px; line-height:1.75; }
.tn-about-list:last-child { margin-bottom:0; }
.tn-about-list li { margin-bottom:6px; }
.tn-about-list strong { color:var(--tn-text); }

.tn-about-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.tn-about-card .tn-about-links a { display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border:1px solid var(--tn-border); border-radius:10px; background:#fff; font-size:14px; font-weight:700; transition:border-color .2s ease, background .2s ease; }
.tn-about-card .tn-about-links a:hover { border-color:var(--tn-primary); background:var(--tn-primary-soft); }

.tn-about-cta { max-width:860px; margin:40px auto 0; padding:38px 34px; border-radius:20px; background:var(--tn-background); text-align:center; }
.tn-about-cta h2 { margin:0 0 10px; font-size:24px; font-weight:800; letter-spacing:-.4px; }
.tn-about-cta p { max-width:560px; margin:0 auto 20px; color:var(--tn-muted); font-size:15.5px; line-height:1.75; }

.tn-contact-mail { display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:26px; }
.tn-contact-mail .tn-btn-primary { min-height:52px; padding:13px 24px; font-size:16px; }
.tn-contact-mail span { color:var(--tn-muted); font-size:14px; }

@media (max-width:767px) {
  .tn-about-body { padding-bottom:70px; }
}
@media (max-width:576px) {
  .tn-about-card { flex-direction:column; gap:14px; padding:24px; }
  .tn-about-cta { padding:28px 22px; }
}