/* Hero container */
.ct-hero{
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Video wrapper */
.ct-hero__wrap{
  position: relative;
  width: 100%;
  height: clamp(220px, 32vw, 520px); /* mobile → desktop */
  overflow: hidden;
  height: auto;
}

/* Video fit */
.ct-hero__video{
  width: 100%;
  height: 100%;
  object-fit: cover;          /* fills hero */
  object-position: center;
  display: block;
}



/* =========================
   MOBILE OPTIMIZATION
   ========================= */
@media (max-width: 575.98px){
  .ct-hero__wrap{
    height: 264px;
  }
}







    :root{
      --hc-blue:#3b58a4;
      --hc-gold:#fdba2b;
      --hc-ink:#111111;
      --hc-muted:#6b7280;
      --hc-border:rgba(17,17,17,.10);
      --hc-card:rgba(255,255,255,.88);
      --hc-shadow: 0 18px 55px rgba(0,0,0,.10);
      --hc-shadow-soft: 0 10px 26px rgba(0,0,0,.08);
      --hc-radius: 22px;
    }

    body{
      font-family:"Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--hc-ink);
      background:#fff;
    }
    h1,h2,h3,h4,h5,h6{ font-family:"Montserrat", system-ui, sans-serif; }

    /* HERO */
    .hc-careers-hero{
      position: relative;
      overflow:hidden;
      
    }
    .hc-blob{
      position:absolute; inset:auto;
      width: 520px; height: 520px;
      border-radius: 999px;
      filter: blur(26px);
      opacity: .45;
      pointer-events:none;
      transform: translateZ(0);
    }
    .hc-blob.one{ left:-180px; top:-180px; }
    .hc-blob.two{ right:-220px; top:-210px;}

    .hc-hero-card{
      background: rgba(255,255,255,.75);
      border: 1px solid rgba(17,17,17,.08);
      border-radius: var(--hc-radius);
      box-shadow: var(--hc-shadow-soft);
      backdrop-filter: blur(10px);
    }

   .fw-bold{
    color:#fb9503;
  }



    .hc-pill{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.55rem .85rem;
      border-radius: 999px;
      border: 1px solid rgba(59,88,164,.18);
      background: rgba(59,88,164,.06);
      color: var(--hc-blue);
      font-weight: 700;
      font-size: .9rem;
    }
    .hc-hero-title{
      letter-spacing:-.02em;
      line-height:1.06;
      font-weight: 900;
    }
    .hc-hero-sub{
      color: var(--hc-muted);
      max-width: 60ch;
    }

    /* Cards */
    .hc-card{
      background: var(--hc-card);
      border: 1px solid rgba(17,17,17,.10);
      border-radius: var(--hc-radius);
      box-shadow: var(--hc-shadow);
    }
    .hc-card-header{
      border-bottom: 1px solid rgba(0,0,0,.06);
      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.70));
      border-top-left-radius: var(--hc-radius);
      border-top-right-radius: var(--hc-radius);
    }

    /* Form controls premium */
    .form-control, .form-select{
      border-radius: 16px;
      border: 1px solid var(--hc-border);
      padding: .9rem 1rem;
      box-shadow: none !important;
    }
    .form-control:focus, .form-select:focus{
      border-color: rgba(59,88,164,.55);
      outline: 0;
      box-shadow: 0 0 0 .25rem rgba(59,88,164,.15) !important;
    }
    .form-label{
      font-weight: 700;
      margin-bottom: .45rem;
      color:#0b1220 !important;
    }
    .hc-help{
      color: var(--hc-muted);
      font-size: .9rem;
    }

    /* Buttons */
    .hc-btn-primary{
      border:0;
      color:#fff !important;
      font-weight: 800;
      border-radius: 16px;
      padding: .9rem 1.1rem;
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    }
    .hc-btn-primary:hover{
      transform: translateY(-1px);
      filter: brightness(1.02);
      color:#fff !important;
    }
    .hc-btn-ghost{
      border-radius: 16px;
      padding: .9rem 1.1rem;
      font-weight: 800;
      border: 1px solid rgba(17,17,17,.14);
      background: #fff;
    }

    /* Soft animation reveal */
    .hc-reveal{ opacity:0; transform: translateY(18px); transition: all .7s cubic-bezier(.2,.8,.2,1); }
    .hc-reveal.visible{ opacity:1; transform: translateY(0); }

    /* Mini feature tiles */
    .hc-tile{
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 18px;
      background: #fff;
      padding: 14px 14px;
      box-shadow: 0 10px 22px rgba(0,0,0,.06);
      height: 100%;
    }
    .hc-ic{
      width: 42px; height: 42px;
      display:grid; place-items:center;
      border-radius: 14px;
      background: rgba(253,186,43,.18);
      color: #9a6a00;
      border: 1px solid rgba(253,186,43,.28);
      flex: 0 0 auto;
    }

    /* Success state */
    .hc-success{
      display:none;
      border-radius: var(--hc-radius);
      border: 1px solid rgba(34,197,94,.25);
      background: rgba(34,197,94,.08);
      padding: 18px;
    }

    @media (max-width: 576px){
      .hc-hero-title{ font-size: 2rem; }
    }