:root {
      --tn-blue: #1a56db;
      --tn-blue-bright: #2f6bff;
      --tn-dark: #0a1b45;
      --tn-dark-2: #0d2359;
      --tn-navy-grad: linear-gradient(120deg, #0a1b45 0%, #123a8a 100%);
      --tn-text: #2b3a55;
      --tn-muted: #64748b;
      --tn-primary: #2563eb;
      --tn-primary-dark: #1d4ed8;
      --tn-navy: #0a1a4f;
      --tn-navy-2: #0d1b52;
      --tn-light-blue: #eef2ff;
      --tn-card-border: #e8ecf4;
    }

    * { font-family: 'Poppins', sans-serif; }
    body { color: var(--tn-text); overflow-x: hidden; }

    /* ---------- Navbar ---------- */
    .navbar { padding: .9rem 0; box-shadow: 0 2px 14px rgba(10,27,69,.06); }
    .brand-logo {
      width: 38px; height: 38px; border-radius: 9px;
      background: linear-gradient(135deg, #2f6bff, #123a8a);
      display: grid; place-items: center; color: #fff; font-size: 1.1rem;
    }
    .brand-name { font-weight: 700; font-size: 1.35rem; color: var(--tn-dark); line-height: 1; }
    .brand-name span { color: var(--tn-blue); }
    .brand-tag { font-size: .58rem; letter-spacing: .5px; color: var(--tn-muted); font-weight: 500; }
    .navbar .nav-link { color: #1f2b45; font-weight: 500; font-size: .95rem; margin: 0 .55rem; }
    .navbar .nav-link.active { color: var(--tn-blue); position: relative; }
    .navbar .nav-link.active::after {
      content: ""; position: absolute; left: 0; right: 0; bottom: -6px;
      height: 2px; background: var(--tn-blue);
    }
    .btn-talk {
      background: var(--tn-blue); color: #fff; font-weight: 600; border-radius: 50px;
      padding: .55rem 1.4rem; font-size: .9rem;
    }
    .btn-talk:hover { background: #fff; color: #1743b0;border: 2px solid #1743b0; }

   

    /* ---------- Footer ---------- */
    footer { background: #081533; color: #b9c4dc; padding: 3rem 0 1.2rem; }
    footer .brand-name { color: #fff; }
    footer h6 { color: #fff; font-weight: 600; margin-bottom: 1.1rem; font-size: 1rem; }
    footer a { color: #b9c4dc; text-decoration: none; font-size: .88rem; display: block; margin-bottom: .55rem; }
    footer a:hover { color: #fff; }
    footer .about-text { font-size: .86rem; line-height: 1.7; color: #97a4c0; }
    .social-row a { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 7px;
      background: rgba(255,255,255,.08); margin-right: .5rem; }
    .news-input { display: flex; }
    .news-input input {
      border: none; border-radius: 8px 0 0 8px; padding: .6rem .8rem; font-size: .85rem; flex: 1;
      background: #0f2148; color: #fff;
    }
    .news-input input::placeholder { color: #7f8db0; }
    .news-input button { border: none; background: var(--tn-blue); color: #fff; border-radius: 0 8px 8px 0; padding: 0 1rem; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,.08); margin-top: 2.2rem; padding-top: 1.1rem; font-size: .82rem; }
    .footer-bottom a { display: inline; margin-left: 1.2rem; }

    @media (max-width: 991px) {
      .hero h1 { font-size: 2.3rem; }
      .stat-col + .stat-col { border-left: none; }
      .journey-divider { border-left: none; }
    }