/* THINKPOL status strip (hero) */
.tp-status{display:inline-flex;align-items:center;gap:28px;padding:14px 22px;border:1px solid #e6e6e6;background:#fff;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:15px;line-height:1;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow-x:auto}
.tp-status-item{display:inline-flex;align-items:center;gap:10px}
.tp-status-label{color:#8a8a8a;text-transform:uppercase}
.tp-status-value{color:#161616;font-variant-numeric:tabular-nums}
.tp-status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.45);animation:tp-pulse 2.4s ease-out infinite}
@keyframes tp-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.tp-status-dot{animation:none}}
@media (max-width:479px){.tp-status{gap:18px;padding:12px 16px;font-size:13px}}
/* dark variant (footer) */
.tp-status.dark{background:transparent;border-color:#3a3a3a}
.tp-status.dark .tp-status-label{color:#8a8a8a}
.tp-status.dark .tp-status-value{color:#fff}
.footer-bottom .tp-status{padding:12px 18px;gap:22px;font-size:14px}
/* THINKPOL wordmark next to the logo icon (uses the template's own .logo-link typography) */
.logo-link{display:inline-flex!important;align-items:center;gap:12px;width:auto!important;text-decoration:none}
.header-logo-wrapper{aspect-ratio:auto!important;overflow:visible!important;width:auto!important;padding-right:20px}
.footer-logo-wrapper{width:auto!important;padding:0 24px}
.tp-wordmark{font-family:"Inter Tight",Inter,sans-serif;font-weight:600;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:#161616;white-space:nowrap;font-size:.55em}
.footer-wrapper .tp-wordmark,.footer-main-section .tp-wordmark,.show-dark-mode .tp-wordmark{color:#fff}
/* backers strip under the hero (cloned from home-v2; scroll animated in CSS since its IX lives in another page bundle) */
.tp-marquee .logo-strip-marquee{animation:tp-marquee 32s linear infinite;align-items:center}
.tp-marquee:hover .logo-strip-marquee{animation-play-state:paused}
@keyframes tp-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.tp-marquee .logo-strip-item{width:auto;max-width:none;object-fit:contain}
@media (max-width:479px){.tp-marquee .logo-strip-item{transform:scale(.8)}}
@media (prefers-reduced-motion:reduce){.tp-marquee .logo-strip-marquee{animation:none}}
/* About: three social links, three columns */
@media (min-width: 768px) { .social-media-grid { grid-template-columns: 1fr 1fr 1fr; } }