:root {
      --brk-blue: #0f3478;
      --brk-bright: #7ec8ed;
      --brk-neutral: #e8eef9;
      --brk-gray: #e2e2e2;
      --brk-oxford: #252523;
      --brk-white: #ffffff;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--brk-oxford);
      background: #fff;
    }

    p{
      font-weight: 300;
    }

    h1{
     font-family: "Exo", system-ui, sans-serif;
      font-weight: 900;
    }
    h2, h3, h4, h5, .brand-heading {
      font-family: "Lato", system-ui, sans-serif;
      font-weight: 900;
      letter-spacing: -0.03em;
    }

    .font-exo { font-family: "Exo", system-ui, sans-serif; }
    .text-brk { color: var(--brk-blue); }
    .text-bright { color: var(--brk-bright); }
    .bg-brk { background-color: var(--brk-blue); }
    .bg-neutral { background-color: var(--brk-neutral); }

    .navbar {
      transition: all .25s ease;
      backdrop-filter: blur(14px);
    }

    .navbar-brand-logo {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      font-family: "Lato", sans-serif;
      font-weight: 900;
      font-size: 1.8rem;
      letter-spacing: -0.08em;
      color: var(--brk-blue);
      line-height: 1;
    }

    .navbar-brand-logo span {
      font-family: "Exo", sans-serif;
      font-size: .65rem;
      letter-spacing: .22em;
      margin-left: .25rem;
      color: var(--brk-blue);
    }

    .btn-brk {
      --bs-btn-bg: var(--brk-blue);
      --bs-btn-border-color: var(--brk-blue);
      --bs-btn-color: #fff;
      --bs-btn-hover-bg: #0b285d;
      --bs-btn-hover-border-color: #0b285d;
      --bs-btn-hover-color: #fff;
      border-radius: 999px;
      padding: .85rem 1.35rem;
      font-weight: 700;
    }

    .btn-outline-brk {
      --bs-btn-color: #fff;
      --bs-btn-border-color: rgba(255,255,255,.65);
      --bs-btn-hover-color: var(--brk-blue);
      --bs-btn-hover-bg: #fff;
      --bs-btn-hover-border-color: #fff;
      border-radius: 999px;
      padding: .85rem 1.35rem;
      font-weight: 700;
    }

    .bg-process{
      background-image: url(../img/bg-brk.webp);
      background-position: bottom;
      background-size: cover;
    }

    .section-padding { padding: 6rem 0; }

    .hero {
      min-height: 92vh;
      display: flex;
      align-items: center;
      color: #fff;
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(15,52,120,.98) 0%, rgba(8,33,82,.88) 60%, rgba(126,200,237,.66) 100%),
        /* url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat; */
        url('../img/bg-cover.webp') center/cover no-repeat;
    }

    .hero::before {
      content: "";
      position: absolute;
      width: 520px;
      height: 520px;
      border-radius: 50%;
      right: -160px;
      top: 15%;
      background: radial-gradient(circle, rgba(126,200,237,.55), rgba(126,200,237,0) 68%);
    }

    .hero::after {
      content: "";
      position: absolute;
      right: 2rem;
      bottom: 2rem;
      width: 140px;
      height: 140px;
      border-right: 8px solid var(--brk-bright);
      border-bottom: 8px solid var(--brk-bright);
      transform: rotate(0deg);
      opacity: .9;
    }

    .hero-content { position: relative; z-index: 2; }

    .hero-title {
      font-size: clamp(3rem, 8vw, 6.25rem);
      line-height: .92;
    }

    .hero-kicker {
      font-family: "Exo", sans-serif;
      font-style: italic;
      color: var(--brk-bright);
      font-weight: 700;
      letter-spacing: .04em;
    }

    .hero-card {
      background: rgba(255,255,255,.11);
      border: 1px solid rgba(255,255,255,.22);
      border-radius: 1.5rem;
      backdrop-filter: blur(14px);
      box-shadow: 0 24px 70px rgba(0,0,0,.18);
    }

    .section-title-mark {
      width: 0;
      height: 0;
      border-left: 18px solid transparent;
      border-right: 18px solid transparent;
      border-top: 18px solid var(--brk-bright);
      display: inline-block;
      margin-left: .7rem;
      transform: translateY(.15rem);
    }

    .eyebrow {
      font-family: "Exo", sans-serif;
      color: var(--brk-bright);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .14em;
      font-size: .78rem;
      margin-bottom: 1rem;
    }

    .feature-card {
      height: 100%;
      border: 1px solid rgba(15,52,120,.10);
      border-radius: 1.4rem;
      padding: 2rem;
      background: #fff;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .feature-card:hover {
      transform: translateY(-6px);
      border-color: rgba(126,200,237,.65);
      box-shadow: 0 22px 55px rgba(15,52,120,.12);
    }

    .icon-badge {
      width: 58px;
      height: 58px;
      border-radius: 18px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--brk-neutral);
      color: var(--brk-blue);
      font-size: 1.55rem;
      margin-bottom: 1.2rem;
    }

    .dark-panel {
      color: #fff;
      background:
        linear-gradient(135deg, rgba(15,52,120,.98), rgba(1,18,54,.92)),
        url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
      border-radius: 2rem;
      overflow: hidden;
      position: relative;
    }

    .dark-panel::after {
      content: "";
      position: absolute;
      inset: auto -80px -80px auto;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: rgba(126,200,237,.28);
    }

    .value-row {
      display: flex;
      align-items: center;
      padding: 1rem 0;
      border-bottom: 1px solid rgba(15, 52, 120, 0.12);
    }

    .value-row i {
      width: 42px;
      min-width: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }

    .value-row span {
      display: block;
      line-height: 1.45;
    }

    .value-row:last-child { border-bottom: 0; }

    .process-step {
      position: relative;
      height: 100%;
      border: 1px solid rgba(255,255,255,.24);
      background: rgba(255,255,255,.08);
      border-radius: 1.2rem;
      padding: 1.5rem;
      backdrop-filter: blur(8px);
    }

    .step-number {
      width: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--brk-bright);
      color: var(--brk-blue);
      font-weight: 900;
      margin-bottom: 1rem;
    }

    .merchandise-list li {
      padding: 1rem 0;
      border-bottom: 1px solid rgba(255,255,255,.22);
    }

    .contact-card {
      border: 0;
      border-radius: 1.5rem;
      box-shadow: 0 18px 50px rgba(15,52,120,.10);
      overflow: hidden;
    }

    a{
      text-decoration: none !important;
    }

    .form-control, .form-select {
      border-radius: 1rem;
      padding: .9rem 1rem;
      border-color: rgba(15,52,120,.16);
    }

    .form-control:focus, .form-select:focus {
      border-color: var(--brk-bright);
      box-shadow: 0 0 0 .25rem rgba(126,200,237,.22);
    }

    .footer {
      background: var(--brk-oxford);
      color: rgba(255,255,255,.78);
    }

    .footer a { color: rgba(255,255,255,.78); text-decoration: none; }
    .footer a:hover { color: #fff; }

    @media (max-width: 991.98px) {
      .hero { min-height: auto; padding: 8rem 0 5rem; }
      .hero::after { width: 90px; height: 90px; right: 1.5rem; bottom: 1.5rem; border-width: 5px; }
      .section-padding { padding: 4rem 0; }
    }

    /* WOW / Animate.css ajustes sutiles */
    .wow {
      visibility: hidden;
    }

    .animate__animated {
      animation-duration: 0.85s;
      animation-fill-mode: both;
    }

    .animate__fadeInUp,
    .animate__fadeInLeft,
    .animate__fadeInRight,
    .animate__fadeIn {
      animation-timing-function: ease-out;
    }