:root{
        --brand:#1d4ed8; /* primary */
        --brand-2:#0ea5e9; /* accent */
        --ink:#0f172a; /* text */
      }
      body{color:var(--ink);scroll-behavior:smooth}
      .navbar{backdrop-filter:saturate(180%) blur(12px)}
      .hero{
        background: radial-gradient(1200px 600px at 10% 10%, rgba(14,165,233,.15), transparent 40%),
                    radial-gradient(900px 500px at 90% 20%, rgba(29,78,216,.10), transparent 40%),
                    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
      }
      .hero-cta .btn{border-width:2px}
      .badge-soft{background:rgba(29,78,216,.10); color:#1d4ed8}
      .section-pad{padding: 4rem 0}
      .shadow-smooth{box-shadow:0 10px 30px rgba(2,6,23,.08)}
      .card-hover{transition:.25s transform ease, .25s box-shadow ease}
      .card-hover:hover{transform:translateY(-4px); box-shadow:0 16px 40px rgba(2,6,23,.12)}
      .logo-grid img{filter: grayscale(1); opacity:.8; transition: .3s}
      .logo-grid img:hover{filter:none; opacity:1}
      .divider{height:1px;background:linear-gradient(90deg, transparent, rgba(2,6,23,.08), transparent)}
      .check{color:#16a34a}
      .bg-gradient{background:linear-gradient(135deg, rgba(29,78,216,.06), rgba(14,165,233,.06))}
      footer a{text-decoration:none}