:root{
      --brand-blue:#0a3a6b; /* principal */
      --brand-navy:#072746; /* escuro */
      --brand-teal:#12a9b7; /* acento */
      --brand-light:#f3f6fb; /* fundo */
    }
    html,body{height:100%}
    body{font-family:'Montserrat',system-ui; color:#1b1b1b}
    .navbar{background:rgba(7,39,70,.85); backdrop-filter:blur(8px)}
    .navbar .nav-link{color:#fff; font-weight:600}
    .navbar .nav-link:hover{color:#e7f3ff}
    .btn-accent{background:var(--brand-teal); color:#062030; font-weight:700; border:none}
    .btn-accent:hover{background:#0d98a5}

    /* ==== HERO (copiando o espírito do layout do exemplo) ==== */
    .hero{position:relative; min-height:75vh; display:grid; place-items:center; color:#fff;}
    .hero-bg{position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1920&auto=format&fit=crop') center/cover no-repeat}
    .hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,58,107,.35), rgba(7,39,70,.65))}
    .hero-inner{position:relative; z-index:2; width:100%}
    .hero-band{max-width:980px; margin-inline:auto; position:relative}
    .band{background:linear-gradient(90deg,rgba(7,39,70,.92), rgba(10,58,107,.92)); border-left:6px solid var(--brand-teal); padding:28px 32px;}
    .band .eyebrow{font-size:.75rem; letter-spacing:.22em; text-transform:uppercase; opacity:.8; font-weight:800}
    .band h1{font-weight:800; font-size:2rem; letter-spacing:.02em; margin:.35rem 0}
    .band small{opacity:.85}
    .spend-badge{position:absolute; right:-10px; top:-22px; background:#0a3a6b; color:#e6f3ff; padding:14px 18px; text-align:center; border:3px solid #e6f3ff;}
    .spend-badge .over{display:block; font-size:.75rem; letter-spacing:.16em; text-transform:uppercase}
    .spend-badge .num{display:block; font-weight:800; font-size:1.05rem}
    .cta-row{gap:12px}

    /* social vertical */
    .social-rail{position:absolute; right:14px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:.5rem; z-index:2}
    .social-rail a{width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.9); color:#0a3a6b}

    /* VALUE STRIP */
    .value-strip{background:var(--brand-blue); color:#cfe7ff}
    .value-strip .icon{font-size:1.15rem; width:42px; height:42px; border-radius:50%; background:#0a2f59; display:grid; place-items:center; margin-right:.75rem}
    .value-strip h6{color:#fff; margin-bottom:0; font-weight:800; letter-spacing:.06em; text-transform:uppercase}

    /* LOGO GRIDS */
    .logo-grid img{opacity:.95; transition:.2s; max-height:38px}
    .logo-grid img:hover{filter:none; opacity:1}

    /* SECTION TITLES */
    .section-heading{text-transform:uppercase; letter-spacing:.2em; font-weight:800; color:var(--brand-navy)}
    .section-sub{color:#667; max-width:900px}

    /* TESTIMONIAL */
    .testimonial{background: url('https://images.unsplash.com/photo-1507209696998-3c532be9b2b4?q=80&w=1920&auto=format&fit=crop') center/cover no-repeat; position:relative; border-radius:1rem; overflow:hidden}
    .testimonial::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,39,70,.85), rgba(7,39,70,.92))}
    .testimonial .content{position:relative; z-index:2; color:#fff}

    footer{background:#0b1c2d; color:#c2d5e9}
    footer a{color:#fff; text-decoration:none}
    footer a:hover{text-decoration:underline}