:root{
      --tools-font-mono:'Space Mono', monospace;
      --tools-font-display:'Sora',sans-serif;
      --tools-cobalt:#2452FF;
      --tools-cobalt-deep:#0B1E4D;
      --tools-coral:#FF4757;
    }
    .tools-section{ position:relative; padding:27px 0; background:#EEF2FA;
     z-index:1; }
    .tools-section .wrap{max-width:1280px; margin:0 auto; padding:0 32px;}
    @media(max-width:768px){.tools-section .wrap{padding:0 20px;}}
    .tools-eyebrow{
      font-family:var(--tools-font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
      color:var(--tools-cobalt); display:inline-flex; align-items:center; gap:8px; margin-bottom:14px;
    }
    .tools-eyebrow::before{content:''; width:16px; height:2px; background:var(--tools-coral); display:inline-block;}
    .tools-section h2{font-family:var(--tools-font-display); font-size:clamp(26px,4vw,42px); margin-bottom:14px; color:0b1e4d; font-weight:700; line-height:1.15;}
    .tools-section .tech-rows{display:grid; gap:16px; margin-top:30px;}
    .tools-section .tech-row{overflow:hidden;}
    .tools-section .tech-track{display:flex; gap:16px; width:max-content;}
    .tools-section .tech-track.rev{animation:scrollxlight 100s linear infinite reverse;}
    .tools-section .tech-track:not(.rev){animation:scrollxlight 60s linear infinite;}
    .tools-section .tech-pill{
      padding:12px 22px; border-radius:10px; background:#FFFFFF;
      border:1px solid #E1E6F0; font-family:var(--tools-font-mono); font-size:13px; white-space:nowrap;
      color:#0C1324;
    }
    @keyframes scrollxlight{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
    .tools-section .reveal{opacity:0; transform:translateY(36px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);}
    .tools-section .reveal.in{opacity:1; transform:translateY(0);}
    @media(prefers-reduced-motion:reduce){.tools-section *{animation:none !important; transition:none !important;}}
