:root{
      --brand: #3b632a;
      --dark: #0f1115;
    }

    /* Topbar */
    .topbar{
      background: rgba(0,0,0,.65);
      backdrop-filter: blur(6px);
    }
    .topbar a{ color:#fff; text-decoration:none; }
    .topbar a:hover{ text-decoration:underline; }

    /* Hero */
    .hero{
      min-height: 78vh;
      background:
        linear-gradient(90deg, rgba(0,0,0,.70), rgba(0,0,0,.30)),
        url("../images/background.jpg");
      background-size: cover;
      background-position: center;
      position: relative;
      color: #fff;
    }
    .hero .headline{
      letter-spacing: .5px;
      text-transform: uppercase;
      font-weight: 800;
    }
    .hero .brand-word{
      color: var(--brand);
      font-style: italic;
      font-weight: 900;
      text-transform: none;
    }
    .hero .subline{
      max-width: 720px;
      margin-inline: auto;
      opacity: .95;
    }

    /* Seção laranja de serviços */
    .services-strip{
      background: var(--brand);
      color: #fff;
    }
    .service-card{
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 16px;
      padding: 18px;
      height: 100%;
    }
    .service-icon{
      width: 56px;
      height: 56px;
      border-radius: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,.18);
      font-size: 26px;
      margin-bottom: 10px;
    }

    /* Footer */
    footer{
      background: #0b0c10;
      color: rgba(255,255,255,.86);
    }
    footer a{ color: rgba(255,255,255,.86); }
    footer a:hover{ color:#fff; }
    .mini-sep{
      width: 48px;
      height: 3px;
      background: var(--brand);
      border-radius: 999px;
      margin: 10px 0 14px;
    }