:root{
      --brand-primary:#1A1F71; /* Deep Blue */
      --brand-teal:#00B5AD;    /* Teal */
      --brand-accent:#FFB400;  /* Accent Yellow */
      --text-dark:#0B1023;
      --text-body:#394165;
      --bg-soft:#F4F6FB;
    }
    body{font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-body);}
    h1,h2,h3,h4,h5{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-dark)}
    /* Header */
    .navbar{--bs-navbar-padding-y:.75rem;}
    .navbar.sticky-shadow{box-shadow:0 6px 20px rgba(26,31,113,.08)}
    .btn-primary{background:var(--brand-primary);border-color:var(--brand-primary)}
    .btn-outline-primary{color:var(--brand-primary);border-color:var(--brand-primary)}
    .btn-teal{background:var(--brand-teal);border-color:var(--brand-teal)}
    .btn-accent{background:var(--brand-accent);border-color:var(--brand-accent);color:#111}
    .link-underline{position:relative}
    .link-underline:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,var(--brand-teal),var(--brand-accent));opacity:.5}

    /* Hero */
    .hero{background:radial-gradient(1200px 600px at 80% -10%, rgba(0,181,173,.15),transparent 60%),
                     radial-gradient(800px 400px at -10% 10%, rgba(255,180,0,.15),transparent 50%), #fff}
    .badge-soft{background:rgba(0,181,173,.1);color:var(--brand-teal);border:1px solid rgba(0,181,173,.25)}
    .hero .stat{border-right:1px solid rgba(11,16,35,.08)}
    .hero .stat:last-child{border-right:0}

    /* Sections */
    .section{padding:64px 0}
    .bg-soft{background:var(--bg-soft)}
    .card-service{transition:transform .25s ease, box-shadow .25s ease;border:1px solid rgba(26,31,113,.08)}
    .card-service:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgba(26,31,113,.08)}

    /* Logos */
    .logo-grid img{filter:grayscale(100%);opacity:.75;transition:opacity .2s}
    .logo-grid img:hover{opacity:1}

    /* Testimonials */
    .testimonial-quote{font-size:1.05rem}

    /* Pricing teaser */
    .price-card{border:1px solid rgba(26,31,113,.08);transition:transform .2s}
    .price-card:hover{transform:translateY(-4px)}
    .price-badge{background:rgba(26,31,113,.07);color:var(--brand-primary)}

    /* CTA stripe */
    .cta-stripe{background:linear-gradient(135deg, var(--brand-primary), var(--brand-teal));color:#fff;border-radius:18px}

    /* Footer */
    footer{background:#0B1023;color:#cbd3ff}
    footer a{color:#e9ecff;text-decoration:none}
    footer a:hover{color:#fff}

    /* Success overlay */
    .overlay-success{position:fixed;inset:0;background:rgba(11,16,35,.72);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:1080}
    .overlay-card{background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);max-width:520px}

    /* Utilities */
    .rounded-2xl{border-radius:1rem}

:root{--brand-primary:#1A1F71;--brand-teal:#00B5AD;--brand-accent:#FFB400;--text-dark:#0B1023;--text-body:#394165;--bg-soft:#F4F6FB}
    body{font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-body)}
    h1,h2,h3,h4,h5{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-dark)}
    .navbar{--bs-navbar-padding-y:.75rem}
    .navbar.sticky-shadow{box-shadow:0 6px 20px rgba(26,31,113,.08)}
    .btn-primary{background:var(--brand-primary);border-color:var(--brand-primary)}
    .btn-teal{background:var(--brand-teal);border-color:var(--brand-teal)}
    .bg-soft{background:var(--bg-soft)}
    .rounded-2xl{border-radius:1rem}
    .chip{border:1px solid rgba(26,31,113,.15);border-radius:999px;padding:.375rem .75rem;font-size:.9rem;background:#fff}
    .chip.active{background:rgba(0,181,173,.08);border-color:var(--brand-teal);color:var(--brand-teal)}
    .card-case{border:1px solid rgba(26,31,113,.12);overflow:hidden;transition:transform .2s, box-shadow .2s}
    .card-case:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(26,31,113,.08)}
    .metric{display:flex;align-items:center;gap:.5rem;font-weight:600}
    .metric i{color:var(--brand-teal)}
    footer{background:#0B1023;color:#cbd3ff}
    footer a{color:#e9ecff;text-decoration:none}
    footer a:hover{color:#fff}