/* Hero */
    .hero {
      position: relative; overflow: hidden; color: #fff;
      background: linear-gradient(90deg, rgba(8,20,55,.96) 0%, rgba(8,20,55,.75) 45%, rgba(12,35,105,.45) 100%),
                  url('../images/hero-skyline.png');
      background-size: cover; background-position: right center;
    }
    .hero-label { color: #5b8bff; letter-spacing: .18em; font-weight: 600; font-size: .8rem; }
    .hero h1 { font-weight: 800; font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.1; }
    .hero p { color: #c7d2e6; max-width: 460px; }
    .hero .accent-bar { width: 70px; height: 4px; background: var(--tn-blue); border-radius: 4px; }

    /* Section headings */
    .eyebrow { color: var(--tn-blue); letter-spacing: .14em; font-weight: 600; font-size: .78rem; text-transform: uppercase; }
    .section-title { font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.1rem); }
    .section-sub { color: var(--tn-text); max-width: 620px; }

    /* Industry cards */
    .ind-card {
      background: #fff; border: 1px solid #eef0f4; border-radius: 14px;
      padding: 1.4rem; height: 100%; transition: .25s ease; overflow: hidden;
    }
    .ind-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,35,95,.12); border-color: #dbe3ff; }
    .ind-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .9rem; }
    .ind-icon {
      width: 52px; height: 52px; border-radius: 12px; background: var(--tn-light-blue);
      display: grid; place-items: center; color: var(--tn-blue); font-size: 1.4rem; flex: 0 0 auto;
    }
    .ind-thumb { width: 110px; height: 74px; border-radius: 10px; object-fit: cover; flex: 0 0 auto; }
    .ind-card h5 { font-weight: 700; font-size: 1.05rem; margin-bottom: .5rem; }
    .ind-card p { color: var(--tn-text); font-size: .88rem; line-height: 1.55; margin-bottom: 1rem; }
    .link-more { color: var(--tn-blue); font-weight: 600; font-size: .88rem; text-decoration: none; }
    .link-more:hover { text-decoration: underline; }

    /* Why choose us */
    .why-band { background: var(--tn-light-blue); border-radius: 18px; }
    .why-item { text-align: center; padding: 0 1rem; }
    .why-item + .why-item { border-left: 1px solid #dfe4f3; }
    .why-icon { color: var(--tn-blue); font-size: 2rem; }
    .why-item h6 { font-weight: 700; margin: .8rem 0 .5rem; font-size: 1rem; }
    .why-item p { color: var(--tn-text); font-size: .82rem; line-height: 1.5; }

    /* Stats */
    .stats-bar { background: linear-gradient(90deg, #1a56db, #1e40af); border-radius: 14px; color: #fff; }
    .stat-num { font-weight: 800; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1; }
    .stat-label { font-size: .82rem; color: #d7e0ff; }
    .stat-icon { font-size: 1.9rem; opacity: .9; }

    /* Case studies */
    .cs-card { border: 1px solid #eef0f4; border-radius: 14px; overflow: hidden; background: #fff; transition: .25s ease; height: 100%; }
    .cs-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,35,95,.12); }
    .cs-img { position: relative; height: 190px; }
    .cs-img img { width: 100%; height: 100%; object-fit: cover; }
    .cs-tag {
      position: absolute; top: 12px; left: 12px; background: var(--tn-blue); color: #fff;
      font-size: .68rem; font-weight: 600; padding: .28rem .7rem; border-radius: 999px;
    }
    .cs-body { padding: 1.2rem; }
    .cs-body h5 { font-weight: 700; font-size: 1.02rem; }
    .cs-body p { color: var(--tn-text); font-size: .86rem; line-height: 1.55; }
    .btn-outline-blue { border: 1px solid var(--tn-blue); color: var(--tn-blue); border-radius: 999px; font-weight: 600; font-size: .85rem; padding: .55rem 1.1rem; }
    .btn-outline-blue:hover { background: var(--tn-blue); color: #fff; }

    /* CTA band */
    .cta-band { background: linear-gradient(90deg, #1a56db, #1e40af); border-radius: 16px; color: #fff; }
    .cta-icon { width: 58px; height: 58px; border-radius: 50%; background: rgba(255,255,255,.18); display: grid; place-items: center; font-size: 1.4rem; }
    .btn-cta { background: #fff; color: var(--tn-blue); border-radius: 999px; font-weight: 600; padding: .7rem 1.5rem; }
    .btn-cta:hover { background: var(--tn-blue); color: #eef2ff; }