:root{
      --primary-blue:#254F7F; /* DATASPHERE title blue */
      --primary-blue-600:#1f4370; /* hover */
      --text-dark:#343434;        /* tagline gray */
      --text:#3b3b3b;
      --muted:#6b7280;
      --bg:#ffffff;
      --bg-soft:#f5f7fb; /* subtle section */
      --accent:#5cc8ff;  /* optional highlight */
      --success:#16a34a;
      --warning:#f59e0b;
    }

    html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"; color:var(--text);}

    /* Brand Utilities */
    .text-brand{color:var(--primary-blue)!important}
    .bg-brand{background:var(--primary-blue)!important}
    .btn-brand{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}
    .btn-brand:hover{background:var(--primary-blue-600);border-color:var(--primary-blue-600);color:#fff}
    .link-brand{color:var(--primary-blue)}
    .link-brand:hover{color:var(--primary-blue-600)}

    /* Navbar */
    .navbar{transition:all .25s ease}
    .navbar.bg-transparent{background:transparent}
    .navbar.scrolled{background:var(--bg); box-shadow:0 10px 30px rgba(0,0,0,.06)}
    .navbar .nav-link{font-weight:600; color:#1f2937}
    .navbar .nav-link.active, .navbar .nav-link:hover{color:var(--primary-blue)}

    /* Hero */
    .hero{background:linear-gradient(180deg, rgba(37,79,127,.07), rgba(37,79,127,0)), url('https://images.unsplash.com/photo-1551281044-8b89a8b1c6d7?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;}
    .hero-overlay{background:linear-gradient(180deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.95) 100%)}
    .hero h1{color:var(--primary-blue); font-weight:800; letter-spacing:-.02em}
    .hero p{color:var(--text-dark); font-size:1.1rem}

    /* Pill badges */
    .pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;background:#eef2ff;color:#334155;font-weight:600}
    .pill i{color:var(--primary-blue)}

    /* Cards */
    .card{border:0; box-shadow:0 8px 24px rgba(15, 23, 42, .06);}
    .card-title{color:var(--text-dark); font-weight:700}

    /* Section headings */
    .section-head{margin-bottom:1.25rem}
    .eyebrow{letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--primary-blue)}

    /* Feature icon bubble */
    .icon-bubble{width:56px;height:56px;border-radius:16px;background:#eef2ff;display:grid;place-items:center;color:var(--primary-blue);}

    /* Testimonial */
    blockquote{font-size:1.05rem;color:#111827}
    .quote-mark{font-size:2.25rem;color:var(--primary-blue)}

    /* Footer */
    footer{background:var(--text-dark); color:#f3f4f6}
    footer a{color:#e5e7eb}
    footer a:hover{color:#ffffff}

    /* CTA ribbon */
    .cta-ribbon{background:linear-gradient(90deg, var(--primary-blue), #1c3452)}

    /* Tiny helpers */
    .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.06)}
    .rounded-2xl{border-radius:1.25rem}


    /* Push page content down so it doesn’t hide behind navbar */
    main {
    padding-top: 100px; /* adjust if navbar is taller/shorter */
    }