:root{
      --ink:#1B4962;       /* Deep navy */
      --rocket:#E42535;    /* Rocket red */
      --sky:#B1E1ED;       /* Light sky */
      --mist:#f5f8fa;      /* Light background */
      --ink-2:#068149;     /* Green */
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-size:18px; font-family:Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";color:var(--ink);background:var(--mist);}
    a{color:inherit;text-decoration:none}
   
    header{text-align:center;background-color: var(--ink);color:var(--mist); padding:16px 0;font-size:1rem;}

    nav a{font-weight:600;opacity:.85}

    #sticky-cta{position:fixed;bottom:0;left:0;right:0;background-color: var(--ink);padding:12px;text-align: center;width: 100%;border-top:3px solid #fff;color:#fff;font-size:1.4rem;z-index: 999;transform: translateY(0);transition: transform 0.25s ease-out;}
    #sticky-cta span{font-size: 2rem;color:#F9DC5C;font-weight: 700;}
    #sticky-cta a{display: inline-block; margin-left:-40px;}
    #sticky-cta.cta-hidden {transform: translateY(100%);}

    h1{text-align: center; font-size:clamp(3rem,8vw,3.5vw);line-height:1;margin:0;}
    h1 br{display:none;}
    h2{font-size:2rem;}
    p{font-size:1.5rem;}

    section{padding:0 24px;}
    .top{margin:0;background-color: #fff;border-bottom:solid 1px rgba(12, 17, 29, 0.1);margin-bottom:48px;padding-bottom:48px;}
    .container{max-width:1120px;margin:0 auto;padding:32px;}

    .container.hero, .container.cards{display:flex;gap:48px;flex-flow:row;align-items:start;margin-bottom: 32px;padding:32px 0;}
    .hero-item,.card{width:50%;}
    .container.cards{align-items: stretch;gap:24px;}
    img.hero-item{height: auto;border-radius: 12px;}
    div.hero-item{display: flex;flex-flow:column;align-items: center;}
    .logo{max-width:100%;max-height:120px;}

    .segment{border-top:solid 1px rgba(12, 17, 29, 0.1);margin-top:48px;padding-top:48px;}
 
    section.contrast .container, .card{padding-top:32px;background-color:#fff;border-radius: 12px;border:solid 1px rgba(12, 17, 29, 0.1);}

    .card{padding:32px;}

    #cta-target{margin-top:48px}

    .tagline{margin-top:14px;font-weight:600}
    .card h2{margin:0 0 10px;font-size:22px}
    .card p{margin:0 0 12px;opacity:.9;font-size:1.8rem;}
    .logo-wrapper{margin: 24px auto;min-height: 100px;}
    .card img{display: block;margin:0 auto;max-height:100px;}
    .badge{text-align: center;display: block;}
    .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
    .btn{display:block;text-align:center;margin:12px 24px;width:100%;padding:12px 16px;border-radius:12px;font-weight:700;border:1px solid transparent;}
    .btn.primary{background:var(--ink);color:#fff}
    .btn.secondary{background:#fff;border-color:#d7e3ea;color:var(--ink)}
   
    footer{padding:48px 0 24px;color:#3c5a6a;font-size:14px;text-align: center;}
    footer a{font-weight:600}
   
    @media (max-width:800px){
        .container.hero, .container.cards{flex-flow:column;}
        .container.hero{padding:32px;gap:0;}
        .hero-item, .card{width:100%;}
        h1 br{display:initial;}
        h1{font-size:clamp(4vw,8vw,10vw);text-align: left;}
        h2{text-align: center;}
        .logo{max-height:80px;}
        section{padding:0;}
        .container.cards{margin:0 24px;}
         section.contrast .container, .card{border-radius:0;border-left: none;border-right: none;}
        .btn{margin:12px 0;}
        header{font-size: 3vw;}
        .top{padding-bottom:0z;}
        .card p{font-size:1.5rem;}
        .logo-wrapper{min-height:0;}
    }