*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --ink: #0a0c12;
      --off-white: #f5f3ee;
      --muted: #8a8a8a;
      --corp: #1a56e8;
      --corp-light: #dbe8ff;
      --edu: #f38021;
      --edu-light: #f8c9a2;
      --health: #1c2d44;
      --health-light: #92b6e7;
      --rule: rgba(10,12,18,0.1);
    }

    html { scroll-behavior: smooth; }

    h1 {
      font-size: clamp(3rem, 7vw, 6.5rem);
      font-weight: 800; line-height: 0.95; letter-spacing: -0.03em;
      margin-bottom: 28px;
    }
    h1 .line2 { color: var(--corp); display: block; }


    .tab-btn:hover, .tab-btn.active { border-color: transparent; }
    .tab-btn.corp:hover, .tab-btn.corp.active { background: var(--corp); color: white; }
    .tab-btn.edu:hover, .tab-btn.edu.active  { background: var(--edu); color: white; }
    .tab-btn.health:hover, .tab-btn.health.active { background: var(--health); color: white; }
    .scroll-hint {
      position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);
      display: flex; flex-direction: column; align-items: center; gap: 6px;
      font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);
      animation: bounce 2s infinite;
    }


    .section-divider{
      width:100%;
      height:300px;
      background-attachment: fixed;
      background-position: center center;
      background-size: cover; 
    }
    /* ── SECTION SHARED ── */
    .industry-section {
      padding: 100px 48px;
    }
    .section-header {
      display: grid; grid-template-columns: 1fr 1fr; gap: 48px;
      align-items: end; margin-bottom: 64px;
    }
    @media (max-width: 600px) {
      .section-header {
          display:block;
      }
    }

    .section-label-wrap { position: relative; }
    .section-label {
      display: inline-block;
      font-size: 0.75rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase;
      padding: 5px 14px; border-radius: 100px; margin-bottom: 16px;
    }
    .section-title {
      font-size: clamp(2.2rem, 4vw, 3.5rem);
      font-weight: 800; line-height: 1.05; letter-spacing: -0.03em;
    }
    .section-desc {
      font-size: 1.25rem; font-weight: 300; color: #555; line-height: 1.7;
      max-width: 480px;
    }
    .section-cta {
      display: inline-flex; align-items: center; gap: 10px; margin-top: 28px;
      letter-spacing: 0.02em; text-decoration: none; color: var(--ink);
      border-bottom: 2px solid; padding-bottom: 2px; transition: gap 0.2s;
    }
    .section-cta:hover { gap: 16px; }

    

    /* ── CORP COLORS ── */
    #corporate { background: white; }
    #corporate .section-label { background: var(--corp-light); color: var(--corp); }
    #corporate .section-cta { border-color: var(--corp); color: var(--corp); }
    #corporate .card::before { background: var(--corp); }
    #corporate .card-icon { background: var(--corp-light); }

    /* ── EDU COLORS ── */
    #education { background: white; }
    #education .section-label { background: var(--edu-light); color: var(--edu); }
    #education .section-cta { border-color: var(--edu); color: var(--edu); }
    #education .card::before { background: var(--edu); }
    #education .card-icon { background: var(--edu-light); }

    /* ── HEALTH COLORS ── */
    #healthcare { background: white; }
    #healthcare .section-label { background: var(--health-light); color: var(--health); }
    #healthcare .section-cta { border-color: var(--health); color: var(--health); }
    #healthcare .card::before { background: var(--health); }
    #healthcare .card-icon { background: var(--health-light); }

    /* ── DIVIDER STRIP ── */
    .industry-divider {
      display: grid; grid-template-columns: 1fr 1fr 1fr;
    }
    .divider-block {
      height: 6px;
    }

    /* ── CTA SECTION ── */
    .cta-section {
      background: var(--ink); color: var(--off-white);
      padding: 100px 48px; text-align: center;
      position: relative; overflow: hidden;
    }
    .cta-section::before {
      content: '';
      position: absolute; inset: 0;
      background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(26,86,232,0.2) 0%, transparent 70%);
    }
    .cta-inner { position: relative; max-width: 700px; margin: 0 auto; }
    .cta-section h2 {
      font-family: 'Syne', sans-serif;
      font-size: clamp(2.5rem, 5vw, 4.5rem);
      font-weight: 800; line-height: 1.0; letter-spacing: -0.03em;
      margin-bottom: 24px;
    }
    .cta-section p {
      font-size: 1.1rem; font-weight: 300; color: rgba(245,243,238,0.65);
      line-height: 1.65; margin-bottom: 40px;
    }
    .cta-btn {
      display: inline-block;
      background: var(--off-white); color: var(--ink);
      font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1rem;
      padding: 16px 40px; border-radius: 100px; text-decoration: none;
      transition: opacity 0.2s, transform 0.2s;
    }
    .cta-btn:hover { opacity: 0.85; transform: scale(1.02); }