/* ===========================
   TapCoin – Global Styles
   =========================== */
:root{
  --tc-primary: #1f57b6;
  --tc-primary-hover: #194897;
  --tc-text: #334155;
  --tc-muted: #6b7280;
  --tc-header-height: 72px;
}

/* ---------- Header / Navbar ---------- */
.tc-navbar{
  min-height: var(--tc-header-height);
  box-shadow: 0 6px 18px rgba(17,24,39,.06);
  border-bottom: 1px solid rgba(0,0,0,.03);
}
.tc-logo{ width: 36px; height: 36px; object-fit: cover; display: inline-block; }
.tc-brand-text{ font-weight: 700; color: var(--tc-primary); font-size: 1.25rem; letter-spacing: .1px; }
.tc-nav-spacer{ height: var(--tc-header-height); }

.navbar-light .navbar-nav .nav-link{
  color: var(--tc-muted);
  font-weight: 500;
  padding: .75rem .9rem;
  transition: color .2s ease, opacity .2s ease;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{ color: var(--tc-text); }
.navbar-light .navbar-nav .nav-link.active{ color: var(--tc-primary); }

.btn-primary.tc-cta{
  background-color: var(--tc-primary);
  border-color: var(--tc-primary);
  font-weight: 600; line-height: 1.2;
}
.btn-primary.tc-cta:hover,
.btn-primary.tc-cta:focus{
  background-color: var(--tc-primary-hover);
  border-color: var(--tc-primary-hover);
}

.navbar-toggler{ border: none; padding: .4rem .6rem; }

@media (max-width: 991.98px){
  .navbar-light .navbar-nav .nav-link{ padding: .6rem 0; font-size: 1.05rem; }
  .tc-cta{ display: inline-block; margin-top: .25rem; }
}
@media (min-width: 1400px){
  .tc-brand-text{ font-size: 1.35rem; }
}

/* ---------- Hero ---------- */
.tc-hero{
  background: #f8fafc;
  padding: 100px 0 120px;
}
.tc-hero h1{ color: #0f172a; font-weight: 800; line-height: 1.2; }
.tc-hero p{ color: #475569; font-size: 1.125rem; }
@media (max-width: 767.98px){
  .tc-hero{ padding: 70px 0 90px; }
  .tc-hero h1{ font-size: 1.75rem; }
  .tc-hero p{ font-size: 1rem; }
}

/* ---------- Our Vision ---------- */
.tc-vision{ background: #f8fafc; }
.tc-vision-card{
  background: #fff; border-radius: 20px; max-width: 950px; padding: 70px 60px;
}
.tc-vision-card h2{ color: #0f172a; font-size: 2rem; }
.tc-vision-card .vision-text{
  color: #475569; font-size: 1.2rem; line-height: 1.8; max-width: 800px; margin: 0 auto;
}
@media (max-width: 767.98px){
  .tc-vision-card{ padding: 50px 25px; }
  .tc-vision-card h2{ font-size: 1.6rem; }
  .tc-vision-card .vision-text{ font-size: 1.05rem; }
}

/* ---------- Core Advantages ---------- */
.tc-adv{ background: #f8fafc; }
.tc-adv .section-title{ color: #0f172a; }

.tc-adv-card{
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 18px 45px rgba(2, 8, 23, 0.06);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.tc-adv-head{
  display: flex; align-items: center; gap: 12px; margin-bottom: 10px;
}
.tc-adv-emoji{
  font-size: 1.35rem; display: inline-flex; width: 28px; justify-content: center;
}
.tc-adv-text{ color: #475569; }

.tc-adv-list{
  margin: 6px 0 0 1.2rem;
  color: #475569;
}
.tc-adv-list li{ margin: 4px 0; }

/* ---------- Footer ---------- */
.tc-footer{
  background: #1f2937; border-top: 1px solid rgba(255,255,255,.06); padding: 16px 0;
}
.tc-footer .tc-footer-link{ color: #9fb4ff; font-weight: 600; text-decoration: none; }
.tc-footer .tc-footer-link:hover,
.tc-footer .tc-footer-link:focus{ color: #cfe0ff; text-decoration: underline; }
@media (max-width: 575.98px){
  .tc-footer .container{ flex-direction: column; gap: 8px; }
}